diff --git a/README.md b/README.md new file mode 100644 index 00000000..37f36d8b --- /dev/null +++ b/README.md @@ -0,0 +1,10 @@ +# wisemapping-frontend + +This monorepo uses lerna and contains all the packages that compose the wisemapping frontend. + +This is a WIP migration from [legacy wisemapping](https://bitbucket.org/wisemapping/wisemapping-open-source/) into a modern web development project with multiple improvements. + +`nvm use` +`yarn install` +`yarn bootstrap` +`yarn run build` diff --git a/libraries/mootools-core-1.4.5.js b/libraries/mootools-core-1.4.5.js index 9eb4e843..32a26b11 100644 --- a/libraries/mootools-core-1.4.5.js +++ b/libraries/mootools-core-1.4.5.js @@ -16,61 +16,787 @@ ... */ -(function(){this.MooTools={version:"1.4.5",build:"ab8ea8824dc3b24b6666867a2c4ed58ebb762cf0"};var o=this.typeOf=function(i){if(i==null){return"null";}if(i.$family!=null){return i.$family(); -}if(i.nodeName){if(i.nodeType==1){return"element";}if(i.nodeType==3){return(/\S/).test(i.nodeValue)?"textnode":"whitespace";}}else{if(typeof i.length=="number"){if(i.callee){return"arguments"; -}if("item" in i){return"collection";}}}return typeof i;};var j=this.instanceOf=function(t,i){if(t==null){return false;}var s=t.$constructor||t.constructor; - while(s){if(s===i){return true;}s=s.parent;}if(!t.hasOwnProperty){return false;}return t instanceof i;};var f=this.Function;var p=true;for(var k in {toString:1}){p=null; -}if(p){p=["hasOwnProperty","valueOf","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","constructor"];}f.prototype.overloadSetter=function(s){var i=this; - return function(u,t){if(u==null){return this;}if(s||typeof u!="string"){for(var v in u){i.call(this,v,u[v]);}if(p){for(var w=p.length;w--;){v=p[w];if(u.hasOwnProperty(v)){i.call(this,v,u[v]); - }}}}else{i.call(this,u,t);}return this;};};f.prototype.overloadGetter=function(s){var i=this;return function(u){var v,t;if(typeof u!="string"){v=u;}else{if(arguments.length>1){v=arguments; -}else{if(s){v=[u];}}}if(v){t={};for(var w=0;w>>0; - b>>0;b>>0;for(var a=(d<0)?Math.max(0,b+d):d||0;a>>0,b=Array(d);for(var a=0;a>>0; - b-1:String(this).indexOf(a)>-1;},trim:function(){return String(this).replace(/^\s+|\s+$/g,""); -},clean:function(){return String(this).replace(/\s+/g," ").trim();},camelCase:function(){return String(this).replace(/-\D/g,function(a){return a.charAt(1).toUpperCase(); -});},hyphenate:function(){return String(this).replace(/[A-Z]/g,function(a){return("-"+a.charAt(0).toLowerCase());});},capitalize:function(){return String(this).replace(/\b[a-z]/g,function(a){return a.toUpperCase(); -});},escapeRegExp:function(){return String(this).replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1");},rgbToHex:function(b){var a=String(this).match(/\d{1,3}/g); - return(a)?a.rgbToHex(b):null;},substitute:function(a,b){return String(this).replace(b||(/\\?\{([^{}]+)\}/g),function(d,c){if(d.charAt(0)=="\\"){return d.slice(1); -}return(a[c]!=null)?a[c]:"";});}}); -Function.implement({bind:function(e){var a=this,b=arguments.length>1?Array.slice(arguments,1):null,d=function(){};var c=function(){var g=e,h=arguments.length;if(this instanceof c){d.prototype=a.prototype;g=new d;}var f=(!b&&!h)?a.call(g):a.apply(g,b&&h?b.concat(Array.slice(arguments)):b||arguments);return g==e?f:g;};return c;},pass:function(b,c){var a=this;if(b!=null){b=Array.from(b);}return function(){return a.apply(c,b||arguments);};},delay:function(b,c,a){return setTimeout(this.pass((a==null?[]:a),c),b);},}); -Number.alias("each","times");(function(b){var a={};b.each(function(c){if(!Number[c]){a[c]=function(){return Math[c].apply(null,[this].concat(Array.from(arguments))); -};}});Number.implement(a);})(["abs","acos","asin","atan","atan2","ceil","cos","exp","floor","log","max","min","pow","sin","sqrt","tan"]);(function(){var a=this.Class=new Type("Class",function(h){if(instanceOf(h,Function)){h={initialize:h}; -}var g=function(){e(this);if(g.$prototyping){return this;}this.$caller=null;var i=(this.initialize)?this.initialize.apply(this,arguments):this;this.$caller=this.caller=null; - return i;}.extend(this).implement(h);g.$constructor=a;g.prototype.$constructor=g;g.prototype.parent=c;return g;});var c=function(){if(!this.$caller){throw new Error('The method "parent" cannot be called.'); -}var g=this.$caller.$name,h=this.$caller.$owner.parent,i=(h)?h.prototype[g]:null;if(!i){throw new Error('The method "'+g+'" has no parent.');}return i.apply(this,arguments); -};var e=function(g){for(var h in g){var j=g[h];switch(typeOf(j)){case"object":var i=function(){};i.prototype=j;g[h]=e(new i);break;case"array":g[h]=j.clone(); - break;}}return g;};var b=function(g,h,j){if(j.$origin){j=j.$origin;}var i=function(){if(j.$protected&&this.$caller==null){throw new Error('The method "'+h+'" cannot be called.'); -}var l=this.caller,m=this.$caller;this.caller=m;this.$caller=i;var k=j.apply(this,arguments);this.$caller=m;this.caller=l;return k;}.extend({$owner:g,$origin:j,$name:h}); - return i;};var f=function(h,i,g){if(a.Mutators.hasOwnProperty(h)){i=a.Mutators[h].call(this,i);if(i==null){return this;}}if(typeOf(i)=="function"){if(i.$hidden){return this; -}this.prototype[h]=(g)?i:b(this,h,i);}else{Object.merge(this.prototype,h,i);}return this;};var d=function(g){g.$prototyping=true;var h=new g;delete g.$prototyping; - return h;};a.implement("implement",f.overloadSetter());a.Mutators={Extends:function(g){this.parent=g;this.prototype=d(g);},Implements:function(g){Array.from(g).each(function(j){var h=new j;for(var i in h){f.call(this,i,h[i],true);}},this);}};})(); \ No newline at end of file +(function () { + this.MooTools = { version: '1.4.5', build: 'ab8ea8824dc3b24b6666867a2c4ed58ebb762cf0' }; + var o = (this.typeOf = function (i) { + if (i == null) { + return 'null'; + } + if (i.$family != null) { + return i.$family(); + } + if (i.nodeName) { + if (i.nodeType == 1) { + return 'element'; + } + if (i.nodeType == 3) { + return /\S/.test(i.nodeValue) ? 'textnode' : 'whitespace'; + } + } else { + if (typeof i.length == 'number') { + if (i.callee) { + return 'arguments'; + } + if ('item' in i) { + return 'collection'; + } + } + } + return typeof i; + }); + var j = (this.instanceOf = function (t, i) { + if (t == null) { + return false; + } + var s = t.$constructor || t.constructor; + while (s) { + if (s === i) { + return true; + } + s = s.parent; + } + if (!t.hasOwnProperty) { + return false; + } + return t instanceof i; + }); + var f = this.Function; + var p = true; + for (var k in { toString: 1 }) { + p = null; + } + if (p) { + p = [ + 'hasOwnProperty', + 'valueOf', + 'isPrototypeOf', + 'propertyIsEnumerable', + 'toLocaleString', + 'toString', + 'constructor', + ]; + } + f.prototype.overloadSetter = function (s) { + var i = this; + return function (u, t) { + if (u == null) { + return this; + } + if (s || typeof u != 'string') { + for (var v in u) { + i.call(this, v, u[v]); + } + if (p) { + for (var w = p.length; w--; ) { + v = p[w]; + if (u.hasOwnProperty(v)) { + i.call(this, v, u[v]); + } + } + } + } else { + i.call(this, u, t); + } + return this; + }; + }; + f.prototype.overloadGetter = function (s) { + var i = this; + return function (u) { + var v, t; + if (typeof u != 'string') { + v = u; + } else { + if (arguments.length > 1) { + v = arguments; + } else { + if (s) { + v = [u]; + } + } + } + if (v) { + t = {}; + for (var w = 0; w < v.length; w++) { + t[v[w]] = i.call(this, v[w]); + } + } else { + t = i.call(this, u); + } + return t; + }; + }; + f.prototype.extend = function (i, s) { + this[i] = s; + }.overloadSetter(); + f.prototype.implement = function (i, s) { + this.prototype[i] = s; + }.overloadSetter(); + var n = Array.prototype.slice; + f.from = function (i) { + return o(i) == 'function' + ? i + : function () { + return i; + }; + }; + Array.from = function (i) { + if (i == null) { + return []; + } + return a.isEnumerable(i) && typeof i != 'string' ? (o(i) == 'array' ? i : n.call(i)) : [i]; + }; + Number.from = function (s) { + var i = parseFloat(s); + return isFinite(i) ? i : null; + }; + String.from = function (i) { + return i + ''; + }; + f.implement({ + hide: function () { + this.$hidden = true; + return this; + }, + protect: function () { + this.$protected = true; + return this; + }, + }); + var a = (this.Type = function (u, t) { + if (u) { + var s = u.toLowerCase(); + var i = function (v) { + return o(v) == s; + }; + a['is' + u] = i; + if (t != null) { + t.prototype.$family = function () { + return s; + }.hide(); + } + } + if (t == null) { + return null; + } + t.extend(this); + t.$constructor = a; + t.prototype.$constructor = t; + return t; + }); + var e = Object.prototype.toString; + a.isEnumerable = function (i) { + return i != null && typeof i.length == 'number' && e.call(i) != '[object Function]'; + }; + var q = {}; + var r = function (i) { + var s = o(i.prototype); + return q[s] || (q[s] = []); + }; + var b = function (t, x) { + if (x && x.$hidden) { + return; + } + var s = r(this); + for (var u = 0; u < s.length; u++) { + var w = s[u]; + if (o(w) == 'type') { + b.call(w, t, x); + } else { + w.call(this, t, x); + } + } + var v = this.prototype[t]; + if (v == null || !v.$protected) { + this.prototype[t] = x; + } + if (this[t] == null && o(x) == 'function') { + m.call(this, t, function (i) { + return x.apply(i, n.call(arguments, 1)); + }); + } + }; + var m = function (i, t) { + if (t && t.$hidden) { + return; + } + var s = this[i]; + if (s == null || !s.$protected) { + this[i] = t; + } + }; + a.implement({ + implement: b.overloadSetter(), + extend: m.overloadSetter(), + alias: function (i, s) { + b.call(this, i, this.prototype[s]); + }.overloadSetter(), + mirror: function (i) { + r(this).push(i); + return this; + }, + }); + new a('Type', a); + var d = function (s, x, v) { + var u = x != Object, + B = x.prototype; + if (u) { + x = new a(s, x); + } + for (var y = 0, w = v.length; y < w; y++) { + var C = v[y], + A = x[C], + z = B[C]; + if (A) { + A.protect(); + } + if (u && z) { + x.implement(C, z.protect()); + } + } + if (u) { + var t = B.propertyIsEnumerable(v[0]); + x.forEachMethod = function (G) { + if (!t) { + for (var F = 0, D = v.length; F < D; F++) { + G.call(B, B[v[F]], v[F]); + } + } + for (var E in B) { + G.call(B, B[E], E); + } + }; + } + return d; + }; + d('String', String, [ + 'charAt', + 'charCodeAt', + 'concat', + 'indexOf', + 'lastIndexOf', + 'match', + 'quote', + 'replace', + 'search', + 'slice', + 'split', + 'substr', + 'substring', + 'trim', + 'toLowerCase', + 'toUpperCase', + ])('Array', Array, [ + 'pop', + 'push', + 'reverse', + 'shift', + 'sort', + 'splice', + 'unshift', + 'concat', + 'join', + 'slice', + 'indexOf', + 'lastIndexOf', + 'filter', + 'forEach', + 'every', + 'map', + 'some', + 'reduce', + 'reduceRight', + ])('Number', Number, ['toExponential', 'toFixed', 'toLocaleString', 'toPrecision'])( + 'Function', + f, + ['apply', 'call', 'bind'] + )('RegExp', RegExp, ['exec', 'test'])('Object', Object, [ + 'create', + 'defineProperty', + 'defineProperties', + 'keys', + 'getPrototypeOf', + 'getOwnPropertyDescriptor', + 'getOwnPropertyNames', + 'preventExtensions', + 'isExtensible', + 'seal', + 'isSealed', + 'freeze', + 'isFrozen', + ])('Date', Date, ['now']); + Object.extend = m.overloadSetter(); + Date.extend('now', function () { + return +new Date(); + }); + new a('Boolean', Boolean); + Number.prototype.$family = function () { + return isFinite(this) ? 'number' : 'null'; + }.hide(); + Number.extend('random', function (s, i) { + return Math.floor(Math.random() * (i - s + 1) + s); + }); + var g = Object.prototype.hasOwnProperty; + Object.extend('forEach', function (i, t, u) { + for (var s in i) { + if (g.call(i, s)) { + t.call(u, i[s], s, i); + } + } + }); + Object.each = Object.forEach; + Array.implement({ + forEach: function (u, v) { + for (var t = 0, s = this.length; t < s; t++) { + if (t in this) { + u.call(v, this[t], t, this); + } + } + }, + each: function (i, s) { + Array.forEach(this, i, s); + return this; + }, + }); + var l = function (i) { + switch (o(i)) { + case 'array': + return i.clone(); + case 'object': + return Object.clone(i); + default: + return i; + } + }; + Array.implement('clone', function () { + var s = this.length, + t = new Array(s); + while (s--) { + t[s] = l(this[s]); + } + return t; + }); + var h = function (s, i, t) { + switch (o(t)) { + case 'object': + if (o(s[i]) == 'object') { + Object.merge(s[i], t); + } else { + s[i] = Object.clone(t); + } + break; + case 'array': + s[i] = t.clone(); + break; + default: + s[i] = t; + } + return s; + }; + Object.extend({ + merge: function (z, u, t) { + if (o(u) == 'string') { + return h(z, u, t); + } + for (var y = 1, s = arguments.length; y < s; y++) { + var w = arguments[y]; + for (var x in w) { + h(z, x, w[x]); + } + } + return z; + }, + clone: function (i) { + var t = {}; + for (var s in i) { + t[s] = l(i[s]); + } + return t; + }, + append: function (w) { + for (var v = 1, t = arguments.length; v < t; v++) { + var s = arguments[v] || {}; + for (var u in s) { + w[u] = s[u]; + } + } + return w; + }, + }); + ['Object', 'WhiteSpace', 'TextNode', 'Collection', 'Arguments'].each(function (i) { + new a(i); + }); + var c = Date.now(); + String.extend('uniqueID', function () { + return (c++).toString(36); + }); +})(); +Array.implement({ + every: function (c, d) { + for (var b = 0, a = this.length >>> 0; b < a; b++) { + if (b in this && !c.call(d, this[b], b, this)) { + return false; + } + } + return true; + }, + filter: function (d, f) { + var c = []; + for (var e, b = 0, a = this.length >>> 0; b < a; b++) { + if (b in this) { + e = this[b]; + if (d.call(f, e, b, this)) { + c.push(e); + } + } + } + return c; + }, + indexOf: function (c, d) { + var b = this.length >>> 0; + for (var a = d < 0 ? Math.max(0, b + d) : d || 0; a < b; a++) { + if (this[a] === c) { + return a; + } + } + return -1; + }, + map: function (c, e) { + var d = this.length >>> 0, + b = Array(d); + for (var a = 0; a < d; a++) { + if (a in this) { + b[a] = c.call(e, this[a], a, this); + } + } + return b; + }, + some: function (c, d) { + for (var b = 0, a = this.length >>> 0; b < a; b++) { + if (b in this && c.call(d, this[b], b, this)) { + return true; + } + } + return false; + }, + clean: function () { + return this.filter(function (a) { + return a != null; + }); + }, + invoke: function (a) { + var b = Array.slice(arguments, 1); + return this.map(function (c) { + return c[a].apply(c, b); + }); + }, + associate: function (c) { + var d = {}, + b = Math.min(this.length, c.length); + for (var a = 0; a < b; a++) { + d[c[a]] = this[a]; + } + return d; + }, + link: function (c) { + var a = {}; + for (var e = 0, b = this.length; e < b; e++) { + for (var d in c) { + if (c[d](this[e])) { + a[d] = this[e]; + delete c[d]; + break; + } + } + } + return a; + }, + contains: function (a, b) { + return this.indexOf(a, b) != -1; + }, + append: function (a) { + this.push.apply(this, a); + return this; + }, + getLast: function () { + return this.length ? this[this.length - 1] : null; + }, + getRandom: function () { + return this.length ? this[Number.random(0, this.length - 1)] : null; + }, + include: function (a) { + if (!this.contains(a)) { + this.push(a); + } + return this; + }, + combine: function (c) { + for (var b = 0, a = c.length; b < a; b++) { + this.include(c[b]); + } + return this; + }, + erase: function (b) { + for (var a = this.length; a--; ) { + if (this[a] === b) { + this.splice(a, 1); + } + } + return this; + }, + empty: function () { + this.length = 0; + return this; + }, + flatten: function () { + var d = []; + for (var b = 0, a = this.length; b < a; b++) { + var c = typeOf(this[b]); + if (c == 'null') { + continue; + } + d = d.concat( + c == 'array' || c == 'collection' || c == 'arguments' || instanceOf(this[b], Array) + ? Array.flatten(this[b]) + : this[b] + ); + } + return d; + }, + pick: function () { + for (var b = 0, a = this.length; b < a; b++) { + if (this[b] != null) { + return this[b]; + } + } + return null; + }, + rgbToHex: function (d) { + if (this.length < 3) { + return null; + } + if (this.length == 4 && this[3] == 0 && !d) { + return 'transparent'; + } + var b = []; + for (var a = 0; a < 3; a++) { + var c = (this[a] - 0).toString(16); + b.push(c.length == 1 ? '0' + c : c); + } + return d ? b : '#' + b.join(''); + }, +}); +String.implement({ + test: function (a, b) { + return (typeOf(a) == 'regexp' ? a : new RegExp('' + a, b)).test(this); + }, + contains: function (a, b) { + return b ? (b + this + b).indexOf(b + a + b) > -1 : String(this).indexOf(a) > -1; + }, + trim: function () { + return String(this).replace(/^\s+|\s+$/g, ''); + }, + clean: function () { + return String(this).replace(/\s+/g, ' ').trim(); + }, + camelCase: function () { + return String(this).replace(/-\D/g, function (a) { + return a.charAt(1).toUpperCase(); + }); + }, + hyphenate: function () { + return String(this).replace(/[A-Z]/g, function (a) { + return '-' + a.charAt(0).toLowerCase(); + }); + }, + capitalize: function () { + return String(this).replace(/\b[a-z]/g, function (a) { + return a.toUpperCase(); + }); + }, + escapeRegExp: function () { + return String(this).replace(/([-.*+?^${}()|[\]\/\\])/g, '\\$1'); + }, + rgbToHex: function (b) { + var a = String(this).match(/\d{1,3}/g); + return a ? a.rgbToHex(b) : null; + }, + substitute: function (a, b) { + return String(this).replace(b || /\\?\{([^{}]+)\}/g, function (d, c) { + if (d.charAt(0) == '\\') { + return d.slice(1); + } + return a[c] != null ? a[c] : ''; + }); + }, +}); +Function.implement({ + bind: function (e) { + var a = this, + b = arguments.length > 1 ? Array.slice(arguments, 1) : null, + d = function () {}; + var c = function () { + var g = e, + h = arguments.length; + if (this instanceof c) { + d.prototype = a.prototype; + g = new d(); + } + var f = + !b && !h + ? a.call(g) + : a.apply(g, b && h ? b.concat(Array.slice(arguments)) : b || arguments); + return g == e ? f : g; + }; + return c; + }, + pass: function (b, c) { + var a = this; + if (b != null) { + b = Array.from(b); + } + return function () { + return a.apply(c, b || arguments); + }; + }, + delay: function (b, c, a) { + return setTimeout(this.pass(a == null ? [] : a, c), b); + }, +}); +Number.alias('each', 'times'); +(function (b) { + var a = {}; + b.each(function (c) { + if (!Number[c]) { + a[c] = function () { + return Math[c].apply(null, [this].concat(Array.from(arguments))); + }; + } + }); + Number.implement(a); +})([ + 'abs', + 'acos', + 'asin', + 'atan', + 'atan2', + 'ceil', + 'cos', + 'exp', + 'floor', + 'log', + 'max', + 'min', + 'pow', + 'sin', + 'sqrt', + 'tan', +]); +(function () { + var a = (this.Class = new Type('Class', function (h) { + if (instanceOf(h, Function)) { + h = { initialize: h }; + } + var g = function () { + e(this); + if (g.$prototyping) { + return this; + } + this.$caller = null; + var i = this.initialize ? this.initialize.apply(this, arguments) : this; + this.$caller = this.caller = null; + return i; + } + .extend(this) + .implement(h); + g.$constructor = a; + g.prototype.$constructor = g; + g.prototype.parent = c; + return g; + })); + var c = function () { + if (!this.$caller) { + throw new Error('The method "parent" cannot be called.'); + } + var g = this.$caller.$name, + h = this.$caller.$owner.parent, + i = h ? h.prototype[g] : null; + if (!i) { + throw new Error('The method "' + g + '" has no parent.'); + } + return i.apply(this, arguments); + }; + var e = function (g) { + for (var h in g) { + var j = g[h]; + switch (typeOf(j)) { + case 'object': + var i = function () {}; + i.prototype = j; + g[h] = e(new i()); + break; + case 'array': + g[h] = j.clone(); + break; + } + } + return g; + }; + var b = function (g, h, j) { + if (j.$origin) { + j = j.$origin; + } + var i = function () { + if (j.$protected && this.$caller == null) { + throw new Error('The method "' + h + '" cannot be called.'); + } + var l = this.caller, + m = this.$caller; + this.caller = m; + this.$caller = i; + var k = j.apply(this, arguments); + this.$caller = m; + this.caller = l; + return k; + }.extend({ $owner: g, $origin: j, $name: h }); + return i; + }; + var f = function (h, i, g) { + if (a.Mutators.hasOwnProperty(h)) { + i = a.Mutators[h].call(this, i); + if (i == null) { + return this; + } + } + if (typeOf(i) == 'function') { + if (i.$hidden) { + return this; + } + this.prototype[h] = g ? i : b(this, h, i); + } else { + Object.merge(this.prototype, h, i); + } + return this; + }; + var d = function (g) { + g.$prototyping = true; + var h = new g(); + delete g.$prototyping; + return h; + }; + a.implement('implement', f.overloadSetter()); + a.Mutators = { + Extends: function (g) { + this.parent = g; + this.prototype = d(g); + }, + Implements: function (g) { + Array.from(g).each(function (j) { + var h = new j(); + for (var i in h) { + f.call(this, i, h[i], true); + } + }, this); + }, + }; +})(); diff --git a/packages/mindplot/lib/components/libraries/underscorejs/underscore-min.js b/libraries/underscore-min.js similarity index 100% rename from packages/mindplot/lib/components/libraries/underscorejs/underscore-min.js rename to libraries/underscore-min.js diff --git a/package.json b/package.json index 11d5d4d0..58facaf6 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,8 @@ "build": "lerna run build", "clean": "lerna clean && rm -rf node_modules", "lint": "lerna run lint --stream", - "test": "lerna run test --stream" + "test": "lerna run test --stream", + "test:snapshots": "lerna run test:snapshots --stream" }, "private": true, "devDependencies": { diff --git a/packages/core-js/README.md b/packages/core-js/README.md index 194e9eba..012fbd24 100644 --- a/packages/core-js/README.md +++ b/packages/core-js/README.md @@ -11,6 +11,6 @@ To build up the package core-js and use in production, you have to use command ` To start using core-js it has to be required as a module and then intanciarce as a function ``` -const coreJs = require('core-js'); +import coreJs from 'core-js'; coreJs(); ``` diff --git a/packages/core-js/__tests__/core.test.js b/packages/core-js/__tests__/core.test.js index 9ac914ca..4f505c57 100644 --- a/packages/core-js/__tests__/core.test.js +++ b/packages/core-js/__tests__/core.test.js @@ -1,6 +1,6 @@ 'use strict'; -const coreJs = require('..'); +import coreJs from '..'; describe('core-js', () => { it('needs tests'); diff --git a/packages/core-js/babel.config.json b/packages/core-js/babel.config.json index ed1f3427..3d669db0 100644 --- a/packages/core-js/babel.config.json +++ b/packages/core-js/babel.config.json @@ -13,5 +13,6 @@ } } ] - ] + ], + "sourceType": "unambiguous" } diff --git a/packages/core-js/jsconfig.json b/packages/core-js/jsconfig.json new file mode 100644 index 00000000..d7ce2a30 --- /dev/null +++ b/packages/core-js/jsconfig.json @@ -0,0 +1,10 @@ +{ + "compilerOptions": { + "baseUrl": ".", + "module": "commonjs", + "paths": { + "@libraries/*": ["../../libraries/*"] + } + }, + "exclude": ["node_modules"] +} diff --git a/packages/core-js/lib/core.js b/packages/core-js/lib/core.js deleted file mode 100644 index bfed9fac..00000000 --- a/packages/core-js/lib/core.js +++ /dev/null @@ -1,13 +0,0 @@ -'use strict'; - -module.exports = coreJs; // eslint-disable-line - -function coreJs() { - global.core = require('./header'); // eslint-disable-line - require('./Functions'); // eslint-disable-line - require('./Utils'); // eslint-disable-line - global.Options = require('@wisemapping/mindplot/lib/components/Options'); - global.BootstrapDialog = require('@wisemapping/mindplot/lib/components/libraries/bootstrap/BootstrapDialog'); - require('@wisemapping/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.Request'); - return global.core; // eslint-disable-line no-undef -} diff --git a/packages/core-js/package.json b/packages/core-js/package.json index a8ef5089..075415ae 100644 --- a/packages/core-js/package.json +++ b/packages/core-js/package.json @@ -1,15 +1,15 @@ { - "name": "@wismapping/core-js", + "name": "@wisemapping/core-js", "version": "0.0.1", "description": "core-js", "license": "ISC", - "main": "lib/core.js", + "main": "dist/core.js", "directories": { - "lib": "lib", + "lib": "src", "test": "__tests__" }, "files": [ - "lib" + "src" ], "publishConfig": { "registry": "https://registry.yarnpkg.com" @@ -20,7 +20,7 @@ }, "scripts": { "build": "webpack --config webpack.prod.js", - "dev": "webpack --mode development" + "dev": "webpack --mode development --config webpack.dev.js" }, "devDependencies": { "@babel/core": "^7.14.6", @@ -32,7 +32,5 @@ "webpack-cli": "^4.7.2", "webpack-merge": "^5.8.0" }, - "dependencies": { - "@wisemapping/mindplot": "^0.0.1" - } -} + "dependencies": {} +} \ No newline at end of file diff --git a/packages/core-js/lib/Functions.js b/packages/core-js/src/Functions.js similarity index 56% rename from packages/core-js/lib/Functions.js rename to packages/core-js/src/Functions.js index 3252e95e..db1c1033 100644 --- a/packages/core-js/lib/Functions.js +++ b/packages/core-js/src/Functions.js @@ -6,12 +6,11 @@ obj - object to inspect */ -global.$defined = function (obj) { - return (obj != undefined); +export const $defined = function (obj) { + return obj != undefined; }; - -global.$assert = function (assert, message) { +export const $assert = function (assert, message) { if (!$defined(assert) || !assert) { logStackTrace(); console.log(message); @@ -19,32 +18,33 @@ global.$assert = function (assert, message) { } }; -Math.sign = function (value) { - return (value >= 0) ? 1 : -1; +export const sign = function (value) { + return value >= 0 ? 1 : -1; }; -function logStackTrace(exception) { - +export function logStackTrace(exception) { if (!$defined(exception)) { try { - throw Error("Unexpected Exception"); + throw Error('Unexpected Exception'); } catch (e) { exception = e; } } - var result = ""; - if (exception.stack) { //Firefox and Chrome... + var result = ''; + if (exception.stack) { + //Firefox and Chrome... result = exception.stack; - } - else if (window.opera && exception.message) { //Opera + } else if (window.opera && exception.message) { + //Opera result = exception.message; - } else { //IE and Safari - result = exception.sourceURL + ': ' + exception.line + "\n\n"; + } else { + //IE and Safari + result = exception.sourceURL + ': ' + exception.line + '\n\n'; var currentFunction = arguments.callee.caller; while (currentFunction) { var fn = currentFunction.toString(); - result = result + "\n" + fn; + result = result + '\n' + fn; currentFunction = currentFunction.caller; } } diff --git a/packages/core-js/lib/Utils.js b/packages/core-js/src/Utils.js similarity index 94% rename from packages/core-js/lib/Utils.js rename to packages/core-js/src/Utils.js index 17071d3d..f0723ca1 100644 --- a/packages/core-js/lib/Utils.js +++ b/packages/core-js/src/Utils.js @@ -16,9 +16,7 @@ * limitations under the License. */ -core.Utils = {}; - -core.Utils.innerXML = function (node) { +export const innerXML = function (node) { // summary: // Implementation of MS's innerXML function. if ($defined(node.innerXML)) { @@ -36,7 +34,7 @@ core.Utils.innerXML = function (node) { /** * Cross-browser implementation of creating an XML document object. */ -core.Utils.createDocument = function () { +export const createDocument = function () { var doc = null; if ($defined(window.ActiveXObject)) { //http://blogs.msdn.com/b/xmlteam/archive/2006/10/23/using-the-right-version-of-msxml-in-internet-explorer.aspx @@ -54,4 +52,3 @@ core.Utils.createDocument = function () { return doc; }; - diff --git a/packages/core-js/src/core.js b/packages/core-js/src/core.js new file mode 100644 index 00000000..3cce5665 --- /dev/null +++ b/packages/core-js/src/core.js @@ -0,0 +1,18 @@ +import * as Functions from './Functions'; +import * as Util from './Utils'; + +export const Function = Functions; +export const Utils = Util; + +function coreJs() { + global.core = { + Function, + Utils + }; + Math.sign = Function.sign; + global.$assert = Function.$assert; + global.$defined = Function.$defined; + return global.core; +} + +export default coreJs; diff --git a/packages/core-js/webpack.common.js b/packages/core-js/webpack.common.js index 925a2a9d..7f09214a 100644 --- a/packages/core-js/webpack.common.js +++ b/packages/core-js/webpack.common.js @@ -1,12 +1,15 @@ const path = require('path'); -const { CleanWebpackPlugin } = require('clean-webpack-plugin'); +const { CleanWebpackPlugin } = require('clean-webpack-plugin'); module.exports = { - entry: './lib/core.js', + entry: './src/core.js', output: { - path: path.resolve(__dirname, 'dist'), + path: path.resolve(__dirname, 'dist'), filename: 'core.js', publicPath: '', + library: { + type: 'umd', + }, }, target: 'web', module: { @@ -14,11 +17,18 @@ module.exports = { { use: 'babel-loader', test: /.js$/, - exclude: /node_modules/, - } + exclude: [ + /node_modules/, + path.resolve(__dirname, '../../libraries/mootools-core-1.4.5'), + path.resolve(__dirname, '../../libraries/underscore-min'), + ] + }, ], }, resolve: { + alias: { + '@libraries': path.resolve(__dirname, '../../libraries/'), + }, extensions: ['.js'], }, plugins: [new CleanWebpackPlugin()], diff --git a/packages/editor/package.json b/packages/editor/package.json index 85af4c39..c45ceee1 100644 --- a/packages/editor/package.json +++ b/packages/editor/package.json @@ -25,9 +25,9 @@ }, "dependencies": { "@types/styled-components": "^5.1.4", - "@wismapping/core-js": "^0.0.1", + "@wisemapping/core-js": "^0.0.1", "react": "^17.0.1", "react-dom": "^17.0.1", "styled-components": "^5.2.1" } -} +} \ No newline at end of file diff --git a/packages/mindplot/.eslintignore b/packages/mindplot/.eslintignore new file mode 100644 index 00000000..1eae0cf6 --- /dev/null +++ b/packages/mindplot/.eslintignore @@ -0,0 +1,2 @@ +dist/ +node_modules/ diff --git a/packages/mindplot/.eslintrc.json b/packages/mindplot/.eslintrc.json index 128db24a..89fb77f1 100644 --- a/packages/mindplot/.eslintrc.json +++ b/packages/mindplot/.eslintrc.json @@ -4,10 +4,28 @@ "commonjs": true }, "extends": [ - "airbnb-base" + "airbnb-base", + "plugin:cypress/recommended" ], + "globals":{ + "Class": "readonly", + "$": "readonly", + "$assert": "readonly", + "$defined": "readonly", + "$msg": "readonly", + "$notify": "readonly", + "_": "readonly" + }, "plugins": ["only-warn"], "rules": { - "no-underscore-dangle": "off" - } -} \ No newline at end of file + "no-underscore-dangle": "off", + "import/no-extraneous-dependencies": ["error", {"devDependencies": ["!cypress/**/*.js"]}] + }, + "settings": { + "import/resolver": { + "webpack": { + "config": "./webpack.common.js" + } + } + } +} diff --git a/packages/mindplot/.gitignore b/packages/mindplot/.gitignore new file mode 100644 index 00000000..c96f2fe9 --- /dev/null +++ b/packages/mindplot/.gitignore @@ -0,0 +1,4 @@ +cypress/screenshots +cypress/videos +cypress/downloads +cypress/snapshots/*/__diff_output__ \ No newline at end of file diff --git a/packages/mindplot/README.md b/packages/mindplot/README.md index 1b7da5fc..67c00fa0 100644 --- a/packages/mindplot/README.md +++ b/packages/mindplot/README.md @@ -38,6 +38,6 @@ once this is done, it will open the explorer where you can see a menu with the t To start using mindplot it has to be required as a module and then intanciarce as a function ``` -const mindplot = require('@wisemapping/mindplot'); +import mindplot from '@wisemapping/mindplot'; mindplot(); ``` diff --git a/packages/mindplot/__tests__/mindplot.test.js b/packages/mindplot/__tests__/mindplot.test.js index 96c92eb4..58f09d89 100644 --- a/packages/mindplot/__tests__/mindplot.test.js +++ b/packages/mindplot/__tests__/mindplot.test.js @@ -1,7 +1,5 @@ -'use strict'; - -const mindplot = require('..'); +import mindplot from '..'; describe('mindplot', () => { - it('needs tests'); + it('needs tests'); }); diff --git a/packages/mindplot/babel.config.json b/packages/mindplot/babel.config.json index ed1f3427..3d669db0 100644 --- a/packages/mindplot/babel.config.json +++ b/packages/mindplot/babel.config.json @@ -13,5 +13,6 @@ } } ] - ] + ], + "sourceType": "unambiguous" } diff --git a/packages/mindplot/cypress.json b/packages/mindplot/cypress.json new file mode 100644 index 00000000..091c5f0f --- /dev/null +++ b/packages/mindplot/cypress.json @@ -0,0 +1,4 @@ +{ + "video": false, + "videoUploadOnPasses": false +} \ No newline at end of file diff --git a/packages/mindplot/cypress/integration/playground.test.js b/packages/mindplot/cypress/integration/playground.test.js new file mode 100644 index 00000000..35aad990 --- /dev/null +++ b/packages/mindplot/cypress/integration/playground.test.js @@ -0,0 +1,17 @@ +const BASE_URL = 'http://localhost:8081'; + +context('Playground', () => { + it('the playground layout page should match its snapshot', () => { + // TODO: check why this error is happening, and remove this handling + cy.on('uncaught:exception', (err) => { + expect(err.message).to.include('Prediction is incorrectly positioned'); + return false; + }); + cy.visit(`${BASE_URL}/layout.html`); + cy.matchImageSnapshot('layout'); + }); + it('the playground viewmode.html page should match its snapshot', () => { + cy.visit(`${BASE_URL}/viewmode.html`); + cy.matchImageSnapshot('viewmode'); + }); +}); diff --git a/packages/mindplot/cypress/plugins/index.js b/packages/mindplot/cypress/plugins/index.js new file mode 100644 index 00000000..8a0fa140 --- /dev/null +++ b/packages/mindplot/cypress/plugins/index.js @@ -0,0 +1,24 @@ +/// +// *********************************************************** +// This example plugins/index.js can be used to load plugins +// +// You can change the location of this file or turn off loading +// the plugins file with the 'pluginsFile' configuration option. +// +// You can read more here: +// https://on.cypress.io/plugins-guide +// *********************************************************** + +// This function is called when a project is opened or re-opened (e.g. due to +// the project's config changing) + +const { addMatchImageSnapshotPlugin } = require('cypress-image-snapshot/plugin'); + +/** + * @type {Cypress.PluginConfig} + */ +module.exports = (on, config) => { + // `on` is used to hook into various events Cypress emits + // `config` is the resolved Cypress config + addMatchImageSnapshotPlugin(on, config); +}; diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/layout.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/layout.snap.png new file mode 100644 index 00000000..19b29fd8 Binary files /dev/null and b/packages/mindplot/cypress/snapshots/playground.test.js/layout.snap.png differ diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode.snap.png new file mode 100644 index 00000000..4ec6503e Binary files /dev/null and b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode.snap.png differ diff --git a/packages/mindplot/cypress/support/commands.js b/packages/mindplot/cypress/support/commands.js new file mode 100644 index 00000000..4f9b69b0 --- /dev/null +++ b/packages/mindplot/cypress/support/commands.js @@ -0,0 +1,29 @@ +// *********************************************** +// This example commands.js shows you how to +// create various custom commands and overwrite +// existing commands. +// +// For more comprehensive examples of custom +// commands please read more here: +// https://on.cypress.io/custom-commands +// *********************************************** +// +// +// -- This is a parent command -- +// Cypress.Commands.add('login', (email, password) => { ... }) +// +// +// -- This is a child command -- +// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... }) +// +// +// -- This is a dual command -- +// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... }) +// +// +// -- This will overwrite an existing command -- +// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... }) + +import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command'; + +addMatchImageSnapshotCommand(); diff --git a/packages/mindplot/cypress/support/index.js b/packages/mindplot/cypress/support/index.js new file mode 100644 index 00000000..37a498fb --- /dev/null +++ b/packages/mindplot/cypress/support/index.js @@ -0,0 +1,20 @@ +// *********************************************************** +// This example support/index.js is processed and +// loaded automatically before your test files. +// +// This is a great place to put global configuration and +// behavior that modifies Cypress. +// +// You can change the location of this file or turn off +// automatically serving support files with the +// 'supportFile' configuration option. +// +// You can read more here: +// https://on.cypress.io/configuration +// *********************************************************** + +// Import commands.js using ES2015 syntax: +import './commands'; + +// Alternatively you can use CommonJS syntax: +// require('./commands') diff --git a/packages/mindplot/jsconfig.json b/packages/mindplot/jsconfig.json new file mode 100644 index 00000000..a68c753c --- /dev/null +++ b/packages/mindplot/jsconfig.json @@ -0,0 +1,18 @@ +{ + "compilerOptions": { + "baseUrl": ".", + "module": "commonjs", + "paths": { + "@libraries/*": ["../../libraries/*"], + "@commands/*": ["./src/components/commands/*"], + "@layout/*": ["./src/components/layout/*"], + "@libs/*": ["./src/components/libraries/*"], + "@model/*": ["./src/components/model/*"], + "@persistence/*": ["./src/components/persistence/*"], + "@util/*": ["./src/components/util/*"], + "@widget/*": ["./src/components/widget/*"], + "@components/*": ["./src/components/*"] + } + }, + "exclude": ["node_modules"] +} diff --git a/packages/mindplot/lib/components/IconGroup.js b/packages/mindplot/lib/components/IconGroup.js deleted file mode 100644 index 61d85884..00000000 --- a/packages/mindplot/lib/components/IconGroup.js +++ /dev/null @@ -1,337 +0,0 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const web2D = require('@wismapping/web2d'); - -const web2d = web2D(); -const Icon = require('./Icon'); - -const IconGroup = new Class(/** @lends IconGroup */{ - /** - * @constructs - * @param topicId - * @param iconSize - * @throws will throw an error if topicId is null or undefined - * @throws will throw an error if iconSize is null or undefined - */ - initialize(topicId, iconSize) { - $assert($defined(topicId), 'topicId can not be null'); - $assert($defined(iconSize), 'iconSize can not be null'); - - this._icons = []; - this._group = new web2d.Group({ - width: 0, - height: iconSize, - x: 0, - y: 0, - coordSizeWidth: 0, - coordSizeHeight: 100, - }); - this._removeTip = new IconGroup.RemoveTip(this._group, topicId); - this.seIconSize(iconSize, iconSize); - - this._registerListeners(); - }, - - /** */ - setPosition(x, y) { - this._group.setPosition(x, y); - }, - - /** */ - getPosition() { - return this._group.getPosition(); - }, - - /** */ - getNativeElement() { - return this._group; - }, - - /** */ - getSize() { - return this._group.getSize(); - }, - - /** */ - seIconSize(width, height) { - this._iconSize = { width, height }; - this._resize(this._icons.length); - }, - - /** - * @param icon the icon to be added to the icon group - * @param {Boolean} remove - * @throws will throw an error if icon is not defined - */ - addIcon(icon, remove) { - $defined(icon, 'icon is not defined'); - - icon.setGroup(this); - this._icons.push(icon); - - // Adjust group and position ... - this._resize(this._icons.length); - this._positionIcon(icon, this._icons.length - 1); - - const imageShape = icon.getImage(); - this._group.append(imageShape); - - // Register event for the group .. - if (remove) { - this._removeTip.decorate(this._topicId, icon); - } - }, - - _findIconFromModel(iconModel) { - let result = null; - _.each(this._icons, (icon) => { - const elModel = icon.getModel(); - if (elModel.getId() == iconModel.getId()) { - result = icon; - } - }, this); - - if (result == null) { - throw new Error(`Icon can no be found:${iconModel.getId()}, Icons:${this._icons}`); - } - - return result; - }, - - /** */ - removeIconByModel(featureModel) { - $assert(featureModel, 'featureModel can not be null'); - - const icon = this._findIconFromModel(featureModel); - this._removeIcon(icon); - }, - - _removeIcon(icon) { - $assert(icon, 'icon can not be null'); - - this._removeTip.close(0); - this._group.removeChild(icon.getImage()); - - this._icons.erase(icon); - this._resize(this._icons.length); - const me = this; - // Add all again ... - _.each(this._icons, (elem, i) => { - me._positionIcon(elem, i); - }); - }, - - /** */ - moveToFront() { - this._group.moveToFront(); - }, - - _registerListeners() { - this._group.addEvent('click', (event) => { - // Avoid node creation ... - event.stopPropagation(); - }); - - this._group.addEvent('dblclick', (event) => { - event.stopPropagation(); - }); - }, - - _resize(iconsLength) { - this._group.setSize(iconsLength * this._iconSize.width, this._iconSize.height); - - const iconSize = Icon.SIZE + (IconGroup.ICON_PADDING * 2); - this._group.setCoordSize(iconsLength * iconSize, iconSize); - }, - - _positionIcon(icon, order) { - const iconSize = Icon.SIZE + (IconGroup.ICON_PADDING * 2); - icon.getImage().setPosition(iconSize * order + IconGroup.ICON_PADDING, IconGroup.ICON_PADDING); - }, -}); - -/** - * @constant - * @type {Number} - * @default - */ -IconGroup.ICON_PADDING = 5; - -IconGroup.RemoveTip = new Class(/** @lends IconGroup.RemoveTip */{ - /** - * @classdesc inner class of IconGroup - * @constructs - * @param container - */ - initialize(container) { - $assert(container, 'group can not be null'); - this._fadeElem = container; - }, - - /** - * @param topicId - * @param icon - * @throws will throw an error if icon is null or undefined - */ - show(topicId, icon) { - $assert(icon, 'icon can not be null'); - - // Nothing to do ... - if (this._activeIcon != icon) { - // If there is an active icon, close it first ... - if (this._activeIcon) { - this.close(0); - } - - // Now, let move the position the icon... - const pos = icon.getPosition(); - - // Register events ... - const widget = this._buildWeb2d(); - widget.addEvent('click', () => { - icon.remove(); - }); - - const me = this; - - widget.addEvent('mouseover', () => { - me.show(topicId, icon); - }); - - widget.addEvent('mouseout', () => { - me.hide(); - }); - - widget.setPosition(pos.x + 80, pos.y - 50); - this._fadeElem.append(widget); - - // Setup current element ... - this._activeIcon = icon; - this._widget = widget; - } else { - clearTimeout(this._closeTimeoutId); - } - }, - - /** */ - hide() { - this.close(200); - }, - - /** - * @param delay - */ - close(delay) { - // This is not ok, trying to close the same dialog twice ? - if (this._closeTimeoutId) { - clearTimeout(this._closeTimeoutId); - } - - const me = this; - if (this._activeIcon) { - const widget = this._widget; - const close = function () { - me._activeIcon = null; - me._fadeElem.removeChild(widget); - me._widget = null; - me._closeTimeoutId = null; - }; - - if (!$defined(delay) || delay == 0) { - close(); - } else { - this._closeTimeoutId = close.delay(delay); - } - } - }, - - _buildWeb2d() { - const result = new web2d.Group({ - width: 10, - height: 10, - x: 0, - y: 0, - coordSizeWidth: 10, - coordSizeHeight: 10, - }); - - const outerRect = new web2d.Rect(0, { - x: 0, - y: 0, - width: 10, - height: 10, - stroke: '0', - fillColor: 'black', - }); - result.append(outerRect); - outerRect.setCursor('pointer'); - - const innerRect = new web2d.Rect(0, { - x: 1, - y: 1, - width: 8, - height: 8, - stroke: '1 solid white', - fillColor: 'gray', - }); - result.append(innerRect); - - const line = new web2d.Line({ stroke: '1 solid white' }); - line.setFrom(1, 1); - line.setTo(9, 9); - result.append(line); - - const line2 = new web2d.Line({ stroke: '1 solid white' }); - line2.setFrom(1, 9); - line2.setTo(9, 1); - result.append(line2); - - // Some events ... - result.addEvent('mouseover', () => { - innerRect.setFill('#CC0033'); - }); - result.addEvent('mouseout', () => { - innerRect.setFill('gray'); - }); - - result.setSize(50, 50); - return result; - }, - - /** - * @param topicId - * @param icon - */ - decorate(topicId, icon) { - const me = this; - - if (!icon.__remove) { - icon.addEvent('mouseover', () => { - me.show(topicId, icon); - }); - - icon.addEvent('mouseout', () => { - me.hide(); - }); - icon.__remove = true; - } - }, - -}); - -export default IconGroup; diff --git a/packages/mindplot/lib/components/MainTopic.js b/packages/mindplot/lib/components/MainTopic.js deleted file mode 100644 index 6eab42bf..00000000 --- a/packages/mindplot/lib/components/MainTopic.js +++ /dev/null @@ -1,170 +0,0 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const Core = require('@wismapping/core-js'); - -const core = Core(); -const web2D = require('@wismapping/web2d'); - -const web2d = web2D(); - -const Topic = require('./Topic').default; -const { TopicShape } = require('./model/INodeModel'); -const Shape = require('./util/Shape').default; - -const MainTopic = new Class(/** @lends MainTopic */ { - Extends: Topic, - /** - * @extends mindplot.Topic - * @constructs - * @param model - * @param options - */ - initialize(model, options) { - this.parent(model, options); - }, - - INNER_RECT_ATTRIBUTES: { stroke: '0.5 solid #009900' }, - - _buildDragShape() { - const innerShape = this._buildShape(this.INNER_RECT_ATTRIBUTES, this.getShapeType()); - const size = this.getSize(); - innerShape.setSize(size.width, size.height); - innerShape.setPosition(0, 0); - innerShape.setOpacity(0.5); - innerShape.setCursor('default'); - innerShape.setVisibility(true); - - const brColor = this.getBorderColor(); - innerShape.setAttribute('strokeColor', brColor); - - const bgColor = this.getBackgroundColor(); - innerShape.setAttribute('fillColor', bgColor); - - // Create group ... - const groupAttributes = { - width: 100, - height: 100, - coordSizeWidth: 100, - coordSizeHeight: 100, - }; - const group = new web2d.Group(groupAttributes); - group.append(innerShape); - - // Add Text ... - if (this.getShapeType() != TopicShape.IMAGE) { - const textShape = this._buildTextShape(true); - const text = this.getText(); - textShape.setText(text); - textShape.setOpacity(0.5); - group.append(textShape); - } - return group; - }, - - /** */ - updateTopicShape(targetTopic, workspace) { - // Change figure based on the connected topic ... - const model = this.getModel(); - let shapeType = model.getShapeType(); - if (!targetTopic.isCentralTopic()) { - if (!$defined(shapeType)) { - // Get the real shape type ... - shapeType = this.getShapeType(); - this._setShapeType(shapeType, false); - } - } - }, - - /** */ - disconnect(workspace) { - this.parent(workspace); - const size = this.getSize(); - - const model = this.getModel(); - let shapeType = model.getShapeType(); - if (!$defined(shapeType)) { - // Change figure ... - shapeType = this.getShapeType(); - this._setShapeType(TopicShape.ROUNDED_RECT, false); - } - const innerShape = this.getInnerShape(); - innerShape.setVisibility(true); - }, - - _updatePositionOnChangeSize(oldSize, newSize) { - const xOffset = Math.round((newSize.width - oldSize.width) / 2); - const pos = this.getPosition(); - if ($defined(pos)) { - if (pos.x > 0) { - pos.x += xOffset; - } else { - pos.x -= xOffset; - } - this.setPosition(pos); - } - }, - - /** */ - workoutIncomingConnectionPoint(sourcePosition) { - return Shape.workoutIncomingConnectionPoint(this, sourcePosition); - }, - - /** */ - workoutOutgoingConnectionPoint(targetPosition) { - $assert(targetPosition, 'targetPoint can not be null'); - const pos = this.getPosition(); - const isAtRight = Shape.isAtRight(targetPosition, pos); - const size = this.getSize(); - - let result; - if (this.getShapeType() == TopicShape.LINE) { - result = new core.Point(); - const groupPosition = this._elem2d.getPosition(); - const innerShareSize = this.getInnerShape().getSize(); - - if (innerShareSize) { - const magicCorrectionNumber = 0.3; - if (!isAtRight) { - result.x = groupPosition.x + innerShareSize.width - magicCorrectionNumber; - } else { - result.x = groupPosition.x + magicCorrectionNumber; - } - result.y = groupPosition.y + innerShareSize.height; - } else { - // Hack: When the size has not being defined. This is because the node has not being added. - // Try to do our best ... - if (!isAtRight) { - result.x = pos.x + size.width / 2; - } else { - result.x = pos.x - size.width / 2; - } - result.y = pos.y + size.height / 2; - } - } else { - result = Shape.calculateRectConnectionPoint( - pos, - size, - isAtRight, - true, - ); - } - return result; - }, -}); - -export default MainTopic; diff --git a/packages/mindplot/lib/components/commands/AddFeatureToTopicCommand.js b/packages/mindplot/lib/components/commands/AddFeatureToTopicCommand.js deleted file mode 100644 index 259ba865..00000000 --- a/packages/mindplot/lib/components/commands/AddFeatureToTopicCommand.js +++ /dev/null @@ -1,68 +0,0 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const Command = require('../Command').default; - -const AddFeatureToTopicCommand = new Class(/** @lends AddFeatureToTopicCommand */{ - Extends: Command, - /** - * @classdesc This command class handles do/undo of adding features to topics, e.g. an - * icon or a note. For a reference of existing features, refer to {@link mindplot.TopicFeature} - * @constructs - * @param {String} topicId the id of the topic - * @param {String} featureType the id of the feature type to add, e.g. "icon" - * @param {Object} attributes the attribute(s) of the respective feature model - * @extends mindplot.Command - * @see mindplot.model.FeatureModel and subclasses - */ - initialize(topicId, featureType, attributes) { - $assert($defined(topicId), 'topicId can not be null'); - $assert(featureType, 'featureType can not be null'); - $assert(attributes, 'attributes can not be null'); - - this.parent(); - this._topicId = topicId; - this._featureType = featureType; - this._attributes = attributes; - this._featureModel = null; - }, - - /** - * Overrides abstract parent method - */ - execute(commandContext) { - const topic = commandContext.findTopics(this._topicId)[0]; - - // Feature must be created only one time. - if (!this._featureModel) { - const model = topic.getModel(); - this._featureModel = model.createFeature(this._featureType, this._attributes); - } - topic.addFeature(this._featureModel); - }, - - /** - * Overrides abstract parent method - * @see {@link mindplot.Command.undoExecute} - */ - undoExecute(commandContext) { - const topic = commandContext.findTopics(this._topicId)[0]; - topic.removeFeature(this._featureModel); - }, -}); - -export default AddFeatureToTopicCommand; diff --git a/packages/mindplot/lib/components/commands/index.js b/packages/mindplot/lib/components/commands/index.js deleted file mode 100644 index 9ce3d770..00000000 --- a/packages/mindplot/lib/components/commands/index.js +++ /dev/null @@ -1,21 +0,0 @@ -const addFeatureToTopicCommand = require('./AddFeatureToTopicCommand').default; -const addRelationshipCommand = require('./AddRelationshipCommand').default; -const addTopicCommand = require('./AddTopicCommand').default; -const changeFeatureToTopicCommand = require('./ChangeFeatureToTopicCommand').default; -const deleteCommand = require('./DeleteCommand').default; -const dragTopicCommand = require('./DragTopicCommand').default; -const genericFunctionCommand = require('./GenericFunctionCommand').default; -const moveControlPointCommand = require('./MoveControlPointCommand').default; -const removeFeatureFromTopicCommand = require('./RemoveFeatureFromTopicCommand').default; - -export const Commands = { - AddFeatureToTopicCommand: addFeatureToTopicCommand, - AddRelationshipCommand: addRelationshipCommand, - AddTopicCommand: addTopicCommand, - ChangeFeatureToTopicCommand: changeFeatureToTopicCommand, - DeleteCommand: deleteCommand, - DragTopicCommand: dragTopicCommand, - GenericFunctionCommand: genericFunctionCommand, - MoveControlPointCommand: moveControlPointCommand, - RemoveFeatureFromTopicCommand: removeFeatureFromTopicCommand, -}; diff --git a/packages/mindplot/lib/components/index.js b/packages/mindplot/lib/components/index.js deleted file mode 100644 index 6c12d16f..00000000 --- a/packages/mindplot/lib/components/index.js +++ /dev/null @@ -1,108 +0,0 @@ -const actionDispatcher = require('./ActionDispatcher').default; -const actionIcon = require('./ActionIcon').default; -const centralTopic = require('./CentralTopic').default; -const command = require('./Command').default; -const connectionLine = require('./ConnectionLine').default; -const controlPoint = require('./ControlPoint').default; -const designer = require('./Designer').default; -const designerActionRunner = require('./DesignerActionRunner').default; -const designerKeyboard = require('./DesignerKeyboard').default; -const designerModal = require('./DesignerModel').default; -const designerUndoManager = require('./DesignerUndoManager').default; -const dragConnector = require('./DragConnector').default; -const dragManager = require('./DragManager').default; -const dragPivot = require('./DragPivot').default; -const dragTopic = require('./DragTopic').default; -const editorOptions = require('./EditorOptions').default; -const editorProperties = require('./EditorProperties').default; -const events = require('./Events').default; -const footer = require('./footer'); -const header = require('./header'); -const icon = require('./Icon').default; -const iconGroup = require('./IconGroup').default; -const imageIcon = require('./ImageIcon').default; -const keyboard = require('./Keyboard').default; -const linkIcon = require('./LinkIcon').default; -const localSorageManager = require('./LocalStorageManager').default; -const mainTopic = require('./MainTopic').default; -const messages = require('./Messages').default; -const multilineTextEditor = require('./MultilineTextEditor').default; -const nodeGraph = require('./NodeGraph').default; -const noteIcon = require('./NoteIcon').default; -const options = require('./Options').default; - -const persistenceManager = require('./PersistenceManager').default; -const relationship = require('./Relationship').default; -const relationshipPivot = require('./RelationshipPivot').default; -const resetPersistenceManager = require('./RestPersistenceManager').default; - -const screenManager = require('./ScreenManager').default; -const shrinkConnector = require('./ShrinkConnector').default; -const standaloneActionDispatcher = require('./StandaloneActionDispatcher').default; -const textEditor = require('./TextEditor').default; - -const textEditorFactory = require('./TextEditorFactory').default; - -const topic = require('./Topic').default; -const topicEventDispatcher = require('./TopicEventDispatcher').default; -const topicFeature = require('./TopicFeature').default; -const topicStyle = require('./TopicStyle').default; -const workspace = require('./Workspace').default; - -export const Components = { - ActionDispatcher: actionDispatcher, - - ActionIcon: actionIcon, - CentralTopic: centralTopic, - Command: command, - ConnectionLine: connectionLine, - ControlPoint: controlPoint, - Designer: designer, - - DesignerActionRunner: designerActionRunner, - DesignerKeyboard: designerKeyboard, - DesignerModel: designerModal, - DesignerUndoManager: designerUndoManager, - - DragConnector: dragConnector, - DragManager: dragManager, - DragPivot: dragPivot, - DragTopic: dragTopic, - EditorOptions: editorOptions, - EditorProperties: editorProperties, - Events: events, - - footer, - header, - - Icon: icon, - IconGroup: iconGroup, - ImageIcon: imageIcon, - Keyboard: keyboard, - LinkIcon: linkIcon, - - localSorageManager, - MainTopic: mainTopic, - - Messages: messages, - MultilineTextEditor: multilineTextEditor, - NodeGraph: nodeGraph, - NoteIcon: noteIcon, - Options: options, - - PersistenceManager: persistenceManager, - Relationship: relationship, - RelationshipPivot: relationshipPivot, - RestPersistenceManager: resetPersistenceManager, - ScreenManager: screenManager, - ShrinkConnector: shrinkConnector, - StandaloneActionDispatcher: standaloneActionDispatcher, - TextEditor: textEditor, - TextEditorFactory: textEditorFactory, - - Topic: topic, - TopicEventDispatcher: topicEventDispatcher, - TopicFeature: topicFeature, - TopicStyle: topicStyle, - Workspace: workspace, -}; diff --git a/packages/mindplot/lib/components/layout/index.js b/packages/mindplot/lib/components/layout/index.js deleted file mode 100644 index c4f9dac4..00000000 --- a/packages/mindplot/lib/components/layout/index.js +++ /dev/null @@ -1,27 +0,0 @@ -const abstractBasicSorter = require('./AbstractBasicSorter').default; -const balancedSorter = require('./BalancedSorter').default; -const changeEvent = require('./ChangeEvent').default; -const childrenSorterStrategy = require('./ChildrenSorterStrategy').default; -const eventBus = require('./EventBus').default; -const eventBusDispatcher = require('./EventBusDispatcher').default; -const gridSorter = require('./GridSorter').default; -const layoutManager = require('./LayoutManager').default; -const node = require('./Node').default; -const originalLayout = require('./OriginalLayout').default; -const rootedTreeSet = require('./RootedTreeSet').default; -const symmetricSorter = require('./SymmetricSorter').default; - -export const Layout = { - AbstractBasicSorter: abstractBasicSorter, - BalancedSorter: balancedSorter, - ChangeEvent: changeEvent, - ChildrenSorterStrategy: childrenSorterStrategy, - EventBus: eventBus, - EventBusDispatcher: eventBusDispatcher, - GridSorter: gridSorter, - LayoutManager: layoutManager, - Node: node, - OriginalLayout: originalLayout, - RootedTreeSet: rootedTreeSet, - SymmetricSorter: symmetricSorter, -}; diff --git a/packages/mindplot/lib/components/model/index.js b/packages/mindplot/lib/components/model/index.js deleted file mode 100644 index 55ff4f89..00000000 --- a/packages/mindplot/lib/components/model/index.js +++ /dev/null @@ -1,21 +0,0 @@ -const featureModel = require('./FeatureModel').default; -const iconModel = require('./IconModel').default; -const iMindmap = require('./IMindmap').default; -const iNodeModel = require('./INodeModel').default; -const linkModel = require('./LinkModel').default; -const noteModel = require('./NoteModel').default; -const mindmap = require('./Mindmap').default; -const nodeModel = require('./NodeModel').default; -const relationshipModel = require('./RelationshipModel').default; - -export const Model = { - FeatureModel: featureModel, - IconModel: iconModel, - IMindmap: iMindmap, - INodeModel: iNodeModel, - LinkModel: linkModel, - NoteModel: noteModel, - Mindmap: mindmap, - NodeModel: nodeModel, - RelationshipModel: relationshipModel, -}; diff --git a/packages/mindplot/lib/components/persistence/index.js b/packages/mindplot/lib/components/persistence/index.js deleted file mode 100644 index b2525dd5..00000000 --- a/packages/mindplot/lib/components/persistence/index.js +++ /dev/null @@ -1,17 +0,0 @@ -const beta2PelaMigrator = require('./Beta2PelaMigrator').default; -const modelCodeName = require('./ModelCodeName').default; -const pela2TangoMigrator = require('./Pela2TangoMigrator').default; -const xmlSerializer_Beta = require('./XMLSerializer_Beta').default; -const xmlSerializer_Pela = require('./XMLSerializer_Pela').default; -const xmlSerializer_Tango = require('./XMLSerializer_Tango').default; -const xmlSerializerFactory = require('./XMLSerializerFactory').default; - -export const Persistence = { - Beta2PelaMigrator: beta2PelaMigrator, - ModelCodeName: modelCodeName, - Pela2TangoMigrator: pela2TangoMigrator, - XMLSerializer_Beta: xmlSerializer_Beta, - XMLSerializer_Pela: xmlSerializer_Pela, - XMLSerializer_Tango: xmlSerializer_Tango, - XMLSerializerFactory: xmlSerializerFactory, -}; diff --git a/packages/mindplot/lib/components/util/index.js b/packages/mindplot/lib/components/util/index.js deleted file mode 100644 index 527fe177..00000000 --- a/packages/mindplot/lib/components/util/index.js +++ /dev/null @@ -1,7 +0,0 @@ -const fadeEffect = require('./FadeEffect').default; -const shape = require('./Shape').default; - -export const Utils = { - FadeEffect: fadeEffect, - Shape: shape, -}; diff --git a/packages/mindplot/lib/components/widget/index.js b/packages/mindplot/lib/components/widget/index.js deleted file mode 100644 index 1fbb5fb9..00000000 --- a/packages/mindplot/lib/components/widget/index.js +++ /dev/null @@ -1,37 +0,0 @@ -const colorPalettePanel = require('./ColorPalettePanel').default; -const floatingTip = require('./FloatingTip').default; -const fontFamilyPanel = require('./FontFamilyPanel').default; -const fontSizePanel = require('./FontSizePanel').default; -const iconPanel = require('./IconPanel').default; -const iMenu = require('./IMenu').default; -const keyboardShortcutTooltip = require('./KeyboardShortcutTooltip').default; -const linkEditor = require('./LinkEditor').default; -const linkIconTooltip = require('./LinkIconTooltip').default; -const listToolbarPanel = require('./ListToolbarPanel').default; -const menu = require('./Menu').default; -const modalDialogNotifier = require('./ModalDialogNotifier').default; -const noteEditor = require('./NoteEditor').default; -const toolbarItem = require('./ToolbarItem').default; -const toolbarNotifier = require('./ToolbarNotifier').default; -const toolbarPanelItem = require('./ToolbarPaneItem').default; -const topicShapePanel = require('./TopicShapePanel').default; - -export const Widgets = { - ColorPalettePanel: colorPalettePanel, - FloatingTip: floatingTip, - FontFamilyPanel: fontFamilyPanel, - FontSizePanel: fontSizePanel, - IconPanel: iconPanel, - IMenu: iMenu, - KeyboardShortcutTooltip: keyboardShortcutTooltip, - LinkEditor: linkEditor, - LinkIconTooltip: linkIconTooltip, - ListToolbarPanel: listToolbarPanel, - Menu: menu, - ModalDialogNotifier: modalDialogNotifier, - NoteEditor: noteEditor, - ToolbarItem: toolbarItem, - ToolbarNotifier: toolbarNotifier, - ToolbarPaneItem: toolbarPanelItem, - TopicShapePanel: topicShapePanel, -}; diff --git a/packages/mindplot/lib/mindplot.js b/packages/mindplot/lib/mindplot.js deleted file mode 100644 index bbc7aca1..00000000 --- a/packages/mindplot/lib/mindplot.js +++ /dev/null @@ -1,56 +0,0 @@ -module.exports = mindplot; //eslint-disable-line - -function mindplot() { - // Jquery for mindplot and bootstrap - global.$ = require('jquery'); - global.jQuery = require('jquery'); - - // Mootools for the classes of Mindplot - require('mootools'); - - // Underscore handling common tasks - global._ = require('underscore'); - - // Core-js packages of Wisemapping - global.core = require('@wismapping/core-js'); - - define(['raphael'], (Raphael) => { - global.Raphael = Raphael; - }); - require('../test/playground/lib/raphael-plugins'); - - // Bootsrap for styles - require('./components/libraries/bootstrap/js/bootstrap.min'); - - /* * * * * * * * - * MINDPLOT * - * * * * * * * */ - - // Commands - const { Commands } = require('./components/commands'); - - // Layout - const { Layout } = require('./components/layout'); - - // Model - - const { Model } = require('./components/model'); - - // Persistence - const { Persistence } = require('./components/persistence'); - - // Widgets - const { Widgets } = require('./components/widget'); - - // Components - const { Components } = require('./components'); - - return { - commands: Commands, - layout: Layout, - models: Model, - persistence: Persistence, - widget: Widgets, - component: Components, - }; -} diff --git a/packages/mindplot/package.json b/packages/mindplot/package.json index 6ed51f96..bdeac472 100644 --- a/packages/mindplot/package.json +++ b/packages/mindplot/package.json @@ -2,15 +2,15 @@ "name": "@wisemapping/mindplot", "version": "0.0.1", "description": "mindplot", - "homepage": "http://localhost:8080/react/packages/mindplot", + "homepage": "http://localhost:8081/react/packages/mindplot", "license": "ISC", - "main": "lib/mindplot.js", + "main": "dist/main.js", "directories": { - "lib": "lib", + "lib": "src", "test": "__tests__" }, "files": [ - "lib" + "src" ], "publishConfig": { "registry": "https://registry.yarnpkg.com" @@ -22,14 +22,18 @@ "scripts": { "build": "webpack --config webpack.prod.js", "dev": "webpack serve --config webpack.dev.js", - "playground": "webpack serve --config webpack.playground.js" + "lint": "eslint src", + "playground": "webpack serve --config webpack.playground.js", + "cy:run": "cypress run", + "cy:run:update": "cypress run --env updateSnapshots=true", + "test:snapshots": "start-server-and-test playground http-get://localhost:8081 cy:run", + "test:snapshots:update": "start-server-and-test playground http-get://localhost:8081 cy:run:update" }, "dependencies": { - "@wismapping/core-js": "^0.0.1", - "@wismapping/web2d": "^0.0.1", + "@wisemapping/core-js": "^0.0.1", + "@wisemapping/web2d": "^0.0.1", "jquery": "2.1.0", "mootools": "1.4.5", - "raphael": "^2.3.0", "underscore": "^1.13.1" }, "devDependencies": { @@ -38,15 +42,20 @@ "@babel/preset-env": "^7.14.7", "babel-loader": "^8.2.2", "clean-webpack-plugin": "^4.0.0-alpha.0", + "copy-webpack-plugin": "^10.0.0", "core-js": "^3.15.2", + "cypress": "^8.6.0", + "cypress-image-snapshot": "^4.0.1", "eslint": "^5.16.0", "eslint-config-airbnb-base": "^14.2.1", "eslint-config-standard": "^16.0.3", "eslint-loader": "^4.0.2", + "eslint-plugin-cypress": "^2.12.1", "eslint-plugin-import": "^2.24.2", "eslint-plugin-only-warn": "^1.0.3", "html-webpack-plugin": "^5.3.2", "nodemon": "^2.0.12", + "start-server-and-test": "^1.14.0", "webpack": "^5.44.0", "webpack-cli": "^4.7.2", "webpack-dev-server": "^3.11.2", diff --git a/packages/mindplot/lib/components/.gitignore b/packages/mindplot/src/components/.gitignore similarity index 100% rename from packages/mindplot/lib/components/.gitignore rename to packages/mindplot/src/components/.gitignore diff --git a/packages/mindplot/lib/components/ActionDispatcher.js b/packages/mindplot/src/components/ActionDispatcher.js similarity index 66% rename from packages/mindplot/lib/components/ActionDispatcher.js rename to packages/mindplot/src/components/ActionDispatcher.js index fc3fd102..447806fc 100644 --- a/packages/mindplot/lib/components/ActionDispatcher.js +++ b/packages/mindplot/src/components/ActionDispatcher.js @@ -1,3 +1,4 @@ +/* eslint-disable no-unused-vars */ /* * Copyright [2015] [wisemapping] * @@ -15,7 +16,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Events = require('./Events').default; +import Events from './Events'; // noinspection JSUnusedLocalSymbols const ActionDispatcher = new Class({ @@ -25,79 +26,79 @@ const ActionDispatcher = new Class({ }, addRelationship(model, mindmap) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, addTopics(models, parentTopicId) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, deleteEntities(topicsIds, relIds) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, dragTopic(topicId, position, order, parentTopic) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, moveTopic(topicId, position) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, moveControlPoint(ctrlPoint, point) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeFontFamilyToTopic(topicIds, fontFamily) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeFontStyleToTopic(topicsIds) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeFontColorToTopic(topicsIds, color) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeFontSizeToTopic(topicsIds, size) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeBackgroundColorToTopic(topicsIds, color) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeBorderColorToTopic(topicsIds, color) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeShapeTypeToTopic(topicsIds, shapeType) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeFontWeightToTopic(topicsIds) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeTextToTopic(topicsIds, text) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, shrinkBranch(topicsIds, collapse) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, addFeatureToTopic(topicId, type, attributes) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, changeFeatureToTopic(topicId, featureId, attributes) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, removeFeatureFromTopic(topicId, featureId) { - throw 'method must be implemented.'; + throw new Error('method must be implemented.'); }, }); diff --git a/packages/mindplot/lib/components/ActionIcon.js b/packages/mindplot/src/components/ActionIcon.js similarity index 97% rename from packages/mindplot/lib/components/ActionIcon.js rename to packages/mindplot/src/components/ActionIcon.js index 96ed6df7..73bf33a9 100644 --- a/packages/mindplot/lib/components/ActionIcon.js +++ b/packages/mindplot/src/components/ActionIcon.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Icon = require('./Icon').default; +import Icon from './Icon'; const ActionIcon = new Class({ Extends: Icon, diff --git a/packages/mindplot/lib/components/CentralTopic.js b/packages/mindplot/src/components/CentralTopic.js similarity index 85% rename from packages/mindplot/lib/components/CentralTopic.js rename to packages/mindplot/src/components/CentralTopic.js index d94ad143..644b1a78 100644 --- a/packages/mindplot/lib/components/CentralTopic.js +++ b/packages/mindplot/src/components/CentralTopic.js @@ -15,11 +15,9 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); - -const core = Core(); -const Topic = require('./Topic').default; -const Shape = require('./util/Shape').default; +import web2d from '@wisemapping/web2d'; +import Topic from './Topic'; +import Shape from './util/Shape'; const CentralTopic = new Class( /** @lends CentralTopic */ { @@ -37,7 +35,8 @@ const CentralTopic = new Class( _registerEvents() { this.parent(); - // This disable the drag of the central topic. But solves the problem of deselecting the nodes when the screen is clicked. + // This disable the drag of the central topic. + // But solves the problem of deselecting the nodes when the screen is clicked. this.addEvent('mousedown', (event) => { event.stopPropagation(); }); @@ -59,7 +58,7 @@ const CentralTopic = new Class( _updatePositionOnChangeSize() { // Center main topic ... - const zeroPoint = new core.Point(0, 0); + const zeroPoint = new web2d.Point(0, 0); this.setPosition(zeroPoint); }, diff --git a/packages/mindplot/lib/components/Command.js b/packages/mindplot/src/components/Command.js similarity index 100% rename from packages/mindplot/lib/components/Command.js rename to packages/mindplot/src/components/Command.js diff --git a/packages/mindplot/lib/components/ConnectionLine.js b/packages/mindplot/src/components/ConnectionLine.js similarity index 91% rename from packages/mindplot/lib/components/ConnectionLine.js rename to packages/mindplot/src/components/ConnectionLine.js index e5a78b54..ec723775 100644 --- a/packages/mindplot/lib/components/ConnectionLine.js +++ b/packages/mindplot/src/components/ConnectionLine.js @@ -15,16 +15,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import web2d from '@wisemapping/web2d'; -const core = Core(); -const web2D = require('@wismapping/web2d'); - -const web2d = web2D(); - -const INodeModel = require('./model/INodeModel').default; -const { TopicShape } = require('./model/INodeModel'); -const Topic = require('./Topic').default; +import INodeModel, { TopicShape } from './model/INodeModel'; +import TopicConfig from './TopicConfig'; const ConnectionLine = new Class({ initialize(sourceNode, targetNode, lineType) { @@ -58,7 +52,7 @@ const ConnectionLine = new Class({ const srcPos = sourceNode.workoutOutgoingConnectionPoint(targetNode.getPosition()); const destPos = targetNode.workoutIncomingConnectionPoint(sourceNode.getPosition()); const deltaX = (srcPos.x - destPos.x) / 3; - return [new core.Point(deltaX, 0), new core.Point(-deltaX, 0)]; + return [new web2d.Point(deltaX, 0), new web2d.Point(-deltaX, 0)]; }, _createLine(lineType, defaultStyle) { @@ -106,8 +100,8 @@ const ConnectionLine = new Class({ const targetTopic = this._targetTopic; const targetPosition = targetTopic.getPosition(); - let sPos; let - tPos; + let sPos; + let tPos; sPos = sourceTopic.workoutOutgoingConnectionPoint(targetPosition); tPos = targetTopic.workoutIncomingConnectionPoint(sourcePosition); @@ -126,10 +120,10 @@ const ConnectionLine = new Class({ _positionateConnector(targetTopic) { const targetPosition = targetTopic.getPosition(); - const offset = Topic.CONNECTOR_WIDTH / 2; + const offset = TopicConfig.CONNECTOR_WIDTH / 2; const targetTopicSize = targetTopic.getSize(); - let y; let - x; + let y; + let x; if (targetTopic.getShapeType() == TopicShape.LINE) { y = targetTopicSize.height; } else { @@ -143,7 +137,7 @@ const ConnectionLine = new Class({ x = targetTopicSize.width; connector.setPosition(x, y); } else { - x = -Topic.CONNECTOR_WIDTH; + x = -TopicConfig.CONNECTOR_WIDTH; } connector.setPosition(x, y); } diff --git a/packages/mindplot/lib/components/ControlPoint.js b/packages/mindplot/src/components/ControlPoint.js similarity index 79% rename from packages/mindplot/lib/components/ControlPoint.js rename to packages/mindplot/src/components/ControlPoint.js index f623453e..e85a5cfc 100644 --- a/packages/mindplot/lib/components/ControlPoint.js +++ b/packages/mindplot/src/components/ControlPoint.js @@ -15,15 +15,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import web2d from '@wisemapping/web2d'; -const core = Core(); -const web2D = require('@wismapping/web2d'); - -const web2d = web2D(); - -const Shape = require('./util/Shape').default; -const ActionDispatcher = require('./ActionDispatcher').default; +import Shape from './util/Shape'; +import ActionDispatcher from './ActionDispatcher'; const ControlPoint = new Class({ initialize() { @@ -46,29 +41,31 @@ const ControlPoint = new Class({ control2.setCursor('pointer'); this._controlPointsController = [control1, control2]; - this._controlLines = [new web2d.Line({ strokeColor: '#6589de', strokeWidth: 1, opacity: 0.3 }), - new web2d.Line({ strokeColor: '#6589de', strokeWidth: 1, opacity: 0.3 })]; + this._controlLines = [ + new web2d.Line({ strokeColor: '#6589de', strokeWidth: 1, opacity: 0.3 }), + new web2d.Line({ strokeColor: '#6589de', strokeWidth: 1, opacity: 0.3 }), + ]; this._isBinded = false; const me = this; this._controlPointsController[0].addEvent('mousedown', (event) => { - (me._mouseDown)(event, ControlPoint.FROM, me); + me._mouseDown(event, ControlPoint.FROM, me); }); this._controlPointsController[0].addEvent('click', (event) => { - (me._mouseClick)(event); + me._mouseClick(event); }); this._controlPointsController[0].addEvent('dblclick', (event) => { - (me._mouseClick)(event); + me._mouseClick(event); }); this._controlPointsController[1].addEvent('mousedown', (event) => { - (me._mouseDown)(event, ControlPoint.TO, me); + me._mouseDown(event, ControlPoint.TO, me); }); this._controlPointsController[1].addEvent('click', (event) => { - (me._mouseClick)(event); + me._mouseClick(event); }); this._controlPointsController[1].addEvent('dblclick', (event) => { - (me._mouseClick)(event); + me._mouseClick(event); }); }, @@ -93,29 +90,39 @@ const ControlPoint = new Class({ _createControlPoint() { this._controls = this._line.getLine().getControlPoints(); let pos = this._line.getLine().getFrom(); - this._controlPointsController[0].setPosition(this._controls[ControlPoint.FROM].x + pos.x, this._controls[ControlPoint.FROM].y + pos.y - 3); + this._controlPointsController[0].setPosition( + this._controls[ControlPoint.FROM].x + pos.x, + this._controls[ControlPoint.FROM].y + pos.y - 3, + ); this._controlLines[0].setFrom(pos.x, pos.y); - this._controlLines[0].setTo(this._controls[ControlPoint.FROM].x + pos.x + 3, this._controls[ControlPoint.FROM].y + pos.y); + this._controlLines[0].setTo( + this._controls[ControlPoint.FROM].x + pos.x + 3, + this._controls[ControlPoint.FROM].y + pos.y, + ); pos = this._line.getLine().getTo(); this._controlLines[1].setFrom(pos.x, pos.y); - this._controlLines[1].setTo(this._controls[ControlPoint.TO].x + pos.x + 3, this._controls[ControlPoint.TO].y + pos.y); - this._controlPointsController[1].setPosition(this._controls[ControlPoint.TO].x + pos.x, this._controls[ControlPoint.TO].y + pos.y - 3); + this._controlLines[1].setTo( + this._controls[ControlPoint.TO].x + pos.x + 3, + this._controls[ControlPoint.TO].y + pos.y, + ); + this._controlPointsController[1].setPosition( + this._controls[ControlPoint.TO].x + pos.x, + this._controls[ControlPoint.TO].y + pos.y - 3, + ); }, - _removeLine() { - - }, + _removeLine() {}, _mouseDown(event, point, me) { if (!this._isBinded) { this._isBinded = true; this._mouseMoveFunction = function (event) { - (me._mouseMoveEvent)(event, point, me); + me._mouseMoveEvent(event, point, me); }; this._workspace.getScreenManager().addEvent('mousemove', this._mouseMoveFunction); this._mouseUpFunction = function (event) { - (me._mouseUp)(event, point, me); + me._mouseUp(event, point, me); }; this._workspace.getScreenManager().addEvent('mouseup', this._mouseUpFunction); } @@ -132,15 +139,15 @@ const ControlPoint = new Class({ if (point == 0) { cords = Shape.calculateRelationShipPointCoordinates(this._line.getSourceTopic(), pos); this._line.setFrom(cords.x, cords.y); - this._line.setSrcControlPoint(new core.Point(pos.x - cords.x, pos.y - cords.y)); + this._line.setSrcControlPoint(new web2d.Point(pos.x - cords.x, pos.y - cords.y)); } else { cords = Shape.calculateRelationShipPointCoordinates(this._line.getTargetTopic(), pos); this._line.setTo(cords.x, cords.y); - this._line.setDestControlPoint(new core.Point(pos.x - cords.x, pos.y - cords.y)); + this._line.setDestControlPoint(new web2d.Point(pos.x - cords.x, pos.y - cords.y)); } - this._controls[point].x = (pos.x - cords.x); - this._controls[point].y = (pos.y - cords.y); + this._controls[point].x = pos.x - cords.x; + this._controls[point].y = pos.y - cords.y; this._controlPointsController[point].setPosition(pos.x - 5, pos.y - 3); this._controlLines[point].setFrom(cords.x, cords.y); this._controlLines[point].setTo(pos.x - 2, pos.y); diff --git a/packages/mindplot/lib/components/Designer.js b/packages/mindplot/src/components/Designer.js similarity index 93% rename from packages/mindplot/lib/components/Designer.js rename to packages/mindplot/src/components/Designer.js index 1d3c0f0d..f2a46912 100644 --- a/packages/mindplot/lib/components/Designer.js +++ b/packages/mindplot/src/components/Designer.js @@ -15,34 +15,33 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Events = require('./Events').default; -const Messages = require('./Messages').default; +import Events from './Events'; +import Messages from './Messages'; -const { StandaloneActionDispatcher, CommandContext } = require('./StandaloneActionDispatcher'); -const ActionDispatcher = require('./ActionDispatcher').default; +import { StandaloneActionDispatcher, CommandContext } from './StandaloneActionDispatcher'; +import ActionDispatcher from './ActionDispatcher'; -const DesignerModel = require('./DesignerModel').default; -const DesignerKeyboard = require('./DesignerKeyboard').default; +import DesignerModel from './DesignerModel'; +import DesignerKeyboard from './DesignerKeyboard'; -const ScreenManager = require('./ScreenManager').default; -const Workspace = require('./Workspace').default; +import ScreenManager from './ScreenManager'; +import Workspace from './Workspace'; -const DragConnector = require('./DragConnector').default; -const DragManager = require('./DragManager').default; -const RelationshipPivot = require('./RelationshipPivot').default; -const Relationship = require('./Relationship').default; +import DragConnector from './DragConnector'; +import DragManager from './DragManager'; +import RelationshipPivot from './RelationshipPivot'; +import Relationship from './Relationship'; -const TopicEventDispatcher = require('./TopicEventDispatcher').default; -const TopicFeature = require('./TopicFeature').default; -const { TopicEvent } = require('./TopicEventDispatcher'); +import TopicEventDispatcher, { TopicEvent } from './TopicEventDispatcher'; +import TopicFeature from './TopicFeature'; -const NodeGraph = require('./NodeGraph').default; +import NodeGraphUtils from './NodeGraphUtils'; -const EventBusDispatcher = require('./layout/EventBusDispatcher').default; -const LayoutManager = require('./layout/LayoutManager').default; +import EventBus from './layout/EventBus'; +import EventBusDispatcher from './layout/EventBusDispatcher'; +import LayoutManager from './layout/LayoutManager'; -const INodeModel = require('./model/INodeModel').default; -const { TopicShape } = require('./model/INodeModel'); +import INodeModel, { TopicShape } from './model/INodeModel'; const Designer = new Class( /** @lends Designer */ { @@ -163,17 +162,14 @@ const Designer = new Class( }); // Create nodes on double click... - screenManager.addEvent( - 'dblclick', - (event) => { - if (workspace.isWorkspaceEventsEnabled()) { - const mousePos = screenManager.getWorkspaceMousePosition(event); - const centralTopic = me.getModel().getCentralTopic(); - const model = me._createChildModel(centralTopic, mousePos); - this._actionDispatcher.addTopics([model], [centralTopic.getId()]); - } - }, - ); + screenManager.addEvent('dblclick', (event) => { + if (workspace.isWorkspaceEventsEnabled()) { + const mousePos = screenManager.getWorkspaceMousePosition(event); + const centralTopic = me.getModel().getCentralTopic(); + const model = me._createChildModel(centralTopic, mousePos); + this._actionDispatcher.addTopics([model], [centralTopic.getId()]); + } + }); // Register mouse drag and drop event ... function noopHandler(evt) { @@ -242,7 +238,7 @@ const Designer = new Class( */ _buildNodeGraph(model, readOnly) { // Create node graph ... - const topic = NodeGraph.create(model, { readOnly }); + const topic = NodeGraphUtils.create(model, { readOnly }); this.getModel().addTopic(topic); const me = this; // Add Topic events ... @@ -520,7 +516,7 @@ const Designer = new Class( /** * @private * @param {mindplot.Topic} topic the parent topic of the child to create the NodeModel for - * @param {core.Point} mousePos the mouse position + * @param {web2d.Point} mousePos the mouse position * @return {mindplot.NodeModel} the node model for the new child */ _createChildModel(topic, mousePos) { @@ -803,9 +799,9 @@ const Designer = new Class( const targetTopic = dmodel.findTopicById(targetTopicId); $assert( targetTopic, - `targetTopic could not be found:${ - targetTopicId - }${dmodel.getTopics().map((e) => e.getId())}`, + `targetTopic could not be found:${targetTopicId}${dmodel + .getTopics() + .map((e) => e.getId())}`, ); // Build relationship line .... @@ -884,7 +880,8 @@ const Designer = new Class( // If there are more than one node selected, $notify($msg('ENTITIES_COULD_NOT_BE_DELETED')); return; - } if (topics.length == 1 && topics[0].isCentralTopic()) { + } + if (topics.length == 1 && topics[0].isCentralTopic()) { $notify($msg('CENTRAL_TOPIC_CAN_NOT_BE_DELETED')); return; } diff --git a/packages/mindplot/lib/components/DesignerActionRunner.js b/packages/mindplot/src/components/DesignerActionRunner.js similarity index 93% rename from packages/mindplot/lib/components/DesignerActionRunner.js rename to packages/mindplot/src/components/DesignerActionRunner.js index 777e1737..6cd3401e 100644 --- a/packages/mindplot/lib/components/DesignerActionRunner.js +++ b/packages/mindplot/src/components/DesignerActionRunner.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const DesignerUndoManager = require('./DesignerUndoManager').default; -const EventBus = require('./layout/EventBus').default; +import DesignerUndoManager from './DesignerUndoManager'; +import EventBus from './layout/EventBus'; const DesignerActionRunner = new Class({ initialize(commandContext, notifier) { diff --git a/packages/mindplot/lib/components/DesignerKeyboard.js b/packages/mindplot/src/components/DesignerKeyboard.js similarity index 97% rename from packages/mindplot/lib/components/DesignerKeyboard.js rename to packages/mindplot/src/components/DesignerKeyboard.js index c7e85a92..35816de6 100644 --- a/packages/mindplot/lib/components/DesignerKeyboard.js +++ b/packages/mindplot/src/components/DesignerKeyboard.js @@ -15,19 +15,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Keyboard = require('./Keyboard').default; +import Keyboard from './Keyboard'; const DesignerKeyboard = new Class({ Extends: Keyboard, - Static: { - register(designer) { - this._instance = new DesignerKeyboard(designer); - }, - - getInstance() { - return this._instance; - }, - }, initialize(designer) { $assert(designer, 'designer can not be null'); @@ -430,4 +421,12 @@ DesignerKeyboard.specialKeys = { 224: 'meta', }; +DesignerKeyboard.register = function register(designer) { + this._instance = new DesignerKeyboard(designer); +}; + +DesignerKeyboard.getInstance = function getInstance() { + return this._instance; +}; + export default DesignerKeyboard; diff --git a/packages/mindplot/lib/components/DesignerModel.js b/packages/mindplot/src/components/DesignerModel.js similarity index 99% rename from packages/mindplot/lib/components/DesignerModel.js rename to packages/mindplot/src/components/DesignerModel.js index 994214a0..11289985 100644 --- a/packages/mindplot/lib/components/DesignerModel.js +++ b/packages/mindplot/src/components/DesignerModel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Events = require('./Events').default; +import Events from './Events'; const DesignerModel = new Class(/** @lends DesignerModel */{ Implements: [Events], diff --git a/packages/mindplot/lib/components/DesignerUndoManager.js b/packages/mindplot/src/components/DesignerUndoManager.js similarity index 100% rename from packages/mindplot/lib/components/DesignerUndoManager.js rename to packages/mindplot/src/components/DesignerUndoManager.js diff --git a/packages/mindplot/lib/components/DragConnector.js b/packages/mindplot/src/components/DragConnector.js similarity index 100% rename from packages/mindplot/lib/components/DragConnector.js rename to packages/mindplot/src/components/DragConnector.js diff --git a/packages/mindplot/lib/components/DragManager.js b/packages/mindplot/src/components/DragManager.js similarity index 98% rename from packages/mindplot/lib/components/DragManager.js rename to packages/mindplot/src/components/DragManager.js index 6c855ed2..9d9cbdca 100644 --- a/packages/mindplot/lib/components/DragManager.js +++ b/packages/mindplot/src/components/DragManager.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const DragTopic = require('./DragTopic').default; +import DragTopic from './DragTopic'; const DragManager = new Class({ initialize(workspace, eventDispatcher) { diff --git a/packages/mindplot/lib/components/DragPivot.js b/packages/mindplot/src/components/DragPivot.js similarity index 89% rename from packages/mindplot/lib/components/DragPivot.js rename to packages/mindplot/src/components/DragPivot.js index c689789e..5ce7ff4c 100644 --- a/packages/mindplot/lib/components/DragPivot.js +++ b/packages/mindplot/src/components/DragPivot.js @@ -15,21 +15,16 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import web2d from '@wisemapping/web2d'; -const core = Core(); -const web2D = require('@wismapping/web2d'); - -const web2d = web2D(); - -const DragTopic = require('./DragTopic').default; -const Shape = require('./util/Shape').default; -const INodeModel = require('./model/INodeModel').default; +import DragTopicConfig from './DragTopicConfig'; +import Shape from './util/Shape'; +import INodeModel from './model/INodeModel'; const DragPivot = new Class({ initialize() { - this._position = new core.Point(); - this._size = DragTopic.PIVOT_SIZE; + this._position = new web2d.Point(); + this._size = DragTopicConfig.PIVOT_SIZE; this._straightLine = this._buildStraightLine(); this._curvedLine = this._buildCurvedLine(); @@ -86,8 +81,8 @@ const DragPivot = new Class({ line.setFrom(pivotPoint.x, pivotPoint.y); // Update rect position - const cx = position.x - (parseInt(size.width) / 2); - const cy = position.y - (parseInt(size.height) / 2); + const cx = position.x - parseInt(size.width) / 2; + const cy = position.y - parseInt(size.height) / 2; pivotRect.setPosition(cx, cy); // Make line visible only when the position has been already changed. @@ -108,7 +103,11 @@ const DragPivot = new Class({ _buildRect() { const size = this._size; const rectAttributes = { - fillColor: '#CC0033', opacity: 0.4, width: size.width, height: size.height, strokeColor: '#FF9933', + fillColor: '#CC0033', + opacity: 0.4, + width: size.width, + height: size.height, + strokeColor: '#FF9933', }; const rect = new web2d.Rect(0, rectAttributes); rect.setVisibility(false); @@ -216,8 +215,8 @@ const DragPivot = new Class({ connectRect.setSize(width, height); const targetPosition = targetTopic.getPosition(); - const cx = Math.ceil(targetPosition.x - (width / 2)); - const cy = Math.ceil(targetPosition.y - (height / 2)); + const cx = Math.ceil(targetPosition.x - width / 2); + const cy = Math.ceil(targetPosition.y - height / 2); connectRect.setPosition(cx, cy); // Change elements position ... diff --git a/packages/mindplot/lib/components/DragTopic.js b/packages/mindplot/src/components/DragTopic.js similarity index 90% rename from packages/mindplot/lib/components/DragTopic.js rename to packages/mindplot/src/components/DragTopic.js index d876a1f0..f011df0a 100644 --- a/packages/mindplot/lib/components/DragTopic.js +++ b/packages/mindplot/src/components/DragTopic.js @@ -15,12 +15,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import web2d from '@wisemapping/web2d'; -const core = Core(); - -const ActionDispatcher = require('./ActionDispatcher').default; -const DragPivot = require('./DragPivot').default; +import ActionDispatcher from './ActionDispatcher'; +import DragPivot from './DragPivot'; const DragTopic = new Class({ initialize(dragShape, draggedNode, layoutManger) { @@ -32,7 +30,7 @@ const DragTopic = new Class({ this._order = null; this._draggedNode = draggedNode; this._layoutManager = layoutManger; - this._position = new core.Point(); + this._position = new web2d.Point(); this._isInWorkspace = false; this._isFreeLayoutEnabled = false; }, @@ -47,7 +45,12 @@ const DragTopic = new Class({ if (this.isFreeLayoutOn() && this.isConnected()) { const { _layoutManager } = this; const par = this.getConnectedToTopic(); - position = _layoutManager.predict(par.getId(), this._draggedNode.getId(), position, true).position; + position = _layoutManager.predict( + par.getId(), + this._draggedNode.getId(), + position, + true, + ).position; } this._position.setValue(position.x, position.y); @@ -56,13 +59,17 @@ const DragTopic = new Class({ const draggedNode = this._draggedNode; const size = draggedNode.getSize(); const cx = position.x - (position.x > 0 ? 0 : size.width); - const cy = Math.ceil(position.y - (size.height / 2)); + const cy = Math.ceil(position.y - size.height / 2); this._elem2d.setPosition(cx, cy); // In case is not free, pivot must be draw ... if (this.isConnected() && !this.isFreeLayoutOn()) { const parent = this.getConnectedToTopic(); - const predict = this._layoutManager.predict(parent.getId(), this._draggedNode.getId(), this.getPosition()); + const predict = this._layoutManager.predict( + parent.getId(), + this._draggedNode.getId(), + this.getPosition(), + ); if (this._order != predict.order) { const dragPivot = this._getDragPivot(); const pivotPosition = predict.position; @@ -105,7 +112,11 @@ const DragTopic = new Class({ $assert(parent, 'Parent connection node can not be null.'); // Where it should be connected ? - const predict = designer._eventBussDispatcher._layoutManager.predict(parent.getId(), this._draggedNode.getId(), this.getPosition()); + const predict = designer._eventBussDispatcher._layoutManager.predict( + parent.getId(), + this._draggedNode.getId(), + this.getPosition(), + ); // Connect pivot ... const dragPivot = this._getDragPivot(); @@ -197,11 +208,8 @@ const DragTopic = new Class({ // Disable free layout ... return false; }, - }); -DragTopic.PIVOT_SIZE = { width: 50, height: 6 }; - DragTopic.init = function (workspace) { $assert(workspace, 'workspace can not be null'); const pivot = DragTopic.__getDragPivot(); diff --git a/packages/mindplot/src/components/DragTopicConfig.js b/packages/mindplot/src/components/DragTopicConfig.js new file mode 100644 index 00000000..ef339928 --- /dev/null +++ b/packages/mindplot/src/components/DragTopicConfig.js @@ -0,0 +1,5 @@ +export const PIVOT_SIZE = { width: 50, height: 6 }; + +export default { + PIVOT_SIZE, +}; diff --git a/packages/mindplot/lib/components/EditorOptions.js b/packages/mindplot/src/components/EditorOptions.js similarity index 100% rename from packages/mindplot/lib/components/EditorOptions.js rename to packages/mindplot/src/components/EditorOptions.js diff --git a/packages/mindplot/lib/components/EditorProperties.js b/packages/mindplot/src/components/EditorProperties.js similarity index 100% rename from packages/mindplot/lib/components/EditorProperties.js rename to packages/mindplot/src/components/EditorProperties.js diff --git a/packages/mindplot/lib/components/Events.js b/packages/mindplot/src/components/Events.js similarity index 100% rename from packages/mindplot/lib/components/Events.js rename to packages/mindplot/src/components/Events.js diff --git a/packages/mindplot/lib/components/Icon.js b/packages/mindplot/src/components/Icon.js similarity index 95% rename from packages/mindplot/lib/components/Icon.js rename to packages/mindplot/src/components/Icon.js index b983227a..db2e9164 100644 --- a/packages/mindplot/lib/components/Icon.js +++ b/packages/mindplot/src/components/Icon.js @@ -15,9 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const web2D = require('@wismapping/web2d'); - -const web2d = web2D(); +import web2d from '@wisemapping/web2d'; const Icon = new Class({ initialize(url) { diff --git a/packages/mindplot/src/components/IconGroup.js b/packages/mindplot/src/components/IconGroup.js new file mode 100644 index 00000000..48b0477e --- /dev/null +++ b/packages/mindplot/src/components/IconGroup.js @@ -0,0 +1,346 @@ +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import web2d from '@wisemapping/web2d'; + +import Icon from './Icon'; + +const IconGroup = new Class( + /** @lends IconGroup */ { + /** + * @constructs + * @param topicId + * @param iconSize + * @throws will throw an error if topicId is null or undefined + * @throws will throw an error if iconSize is null or undefined + */ + initialize(topicId, iconSize) { + $assert($defined(topicId), 'topicId can not be null'); + $assert($defined(iconSize), 'iconSize can not be null'); + + this._icons = []; + this._group = new web2d.Group({ + width: 0, + height: iconSize, + x: 0, + y: 0, + coordSizeWidth: 0, + coordSizeHeight: 100, + }); + this._removeTip = new IconGroup.RemoveTip(this._group, topicId); + this.seIconSize(iconSize, iconSize); + + this._registerListeners(); + }, + + /** */ + setPosition(x, y) { + this._group.setPosition(x, y); + }, + + /** */ + getPosition() { + return this._group.getPosition(); + }, + + /** */ + getNativeElement() { + return this._group; + }, + + /** */ + getSize() { + return this._group.getSize(); + }, + + /** */ + seIconSize(width, height) { + this._iconSize = { width, height }; + this._resize(this._icons.length); + }, + + /** + * @param icon the icon to be added to the icon group + * @param {Boolean} remove + * @throws will throw an error if icon is not defined + */ + addIcon(icon, remove) { + $defined(icon, 'icon is not defined'); + + icon.setGroup(this); + this._icons.push(icon); + + // Adjust group and position ... + this._resize(this._icons.length); + this._positionIcon(icon, this._icons.length - 1); + + const imageShape = icon.getImage(); + this._group.append(imageShape); + + // Register event for the group .. + if (remove) { + this._removeTip.decorate(this._topicId, icon); + } + }, + + _findIconFromModel(iconModel) { + let result = null; + _.each( + this._icons, + (icon) => { + const elModel = icon.getModel(); + if (elModel.getId() == iconModel.getId()) { + result = icon; + } + }, + this, + ); + + if (result == null) { + throw new Error(`Icon can no be found:${iconModel.getId()}, Icons:${this._icons}`); + } + + return result; + }, + + /** */ + removeIconByModel(featureModel) { + $assert(featureModel, 'featureModel can not be null'); + + const icon = this._findIconFromModel(featureModel); + this._removeIcon(icon); + }, + + _removeIcon(icon) { + $assert(icon, 'icon can not be null'); + + this._removeTip.close(0); + this._group.removeChild(icon.getImage()); + + this._icons.erase(icon); + this._resize(this._icons.length); + const me = this; + // Add all again ... + _.each(this._icons, (elem, i) => { + me._positionIcon(elem, i); + }); + }, + + /** */ + moveToFront() { + this._group.moveToFront(); + }, + + _registerListeners() { + this._group.addEvent('click', (event) => { + // Avoid node creation ... + event.stopPropagation(); + }); + + this._group.addEvent('dblclick', (event) => { + event.stopPropagation(); + }); + }, + + _resize(iconsLength) { + this._group.setSize(iconsLength * this._iconSize.width, this._iconSize.height); + + const iconSize = Icon.SIZE + IconGroup.ICON_PADDING * 2; + this._group.setCoordSize(iconsLength * iconSize, iconSize); + }, + + _positionIcon(icon, order) { + const iconSize = Icon.SIZE + IconGroup.ICON_PADDING * 2; + icon.getImage().setPosition( + iconSize * order + IconGroup.ICON_PADDING, + IconGroup.ICON_PADDING, + ); + }, + }, +); + +/** + * @constant + * @type {Number} + * @default + */ +IconGroup.ICON_PADDING = 5; + +IconGroup.RemoveTip = new Class( + /** @lends IconGroup.RemoveTip */ { + /** + * @classdesc inner class of IconGroup + * @constructs + * @param container + */ + initialize(container) { + $assert(container, 'group can not be null'); + this._fadeElem = container; + }, + + /** + * @param topicId + * @param icon + * @throws will throw an error if icon is null or undefined + */ + show(topicId, icon) { + $assert(icon, 'icon can not be null'); + + // Nothing to do ... + if (this._activeIcon != icon) { + // If there is an active icon, close it first ... + if (this._activeIcon) { + this.close(0); + } + + // Now, let move the position the icon... + const pos = icon.getPosition(); + + // Register events ... + const widget = this._buildWeb2d(); + widget.addEvent('click', () => { + icon.remove(); + }); + + const me = this; + + widget.addEvent('mouseover', () => { + me.show(topicId, icon); + }); + + widget.addEvent('mouseout', () => { + me.hide(); + }); + + widget.setPosition(pos.x + 80, pos.y - 50); + this._fadeElem.append(widget); + + // Setup current element ... + this._activeIcon = icon; + this._widget = widget; + } else { + clearTimeout(this._closeTimeoutId); + } + }, + + /** */ + hide() { + this.close(200); + }, + + /** + * @param delay + */ + close(delay) { + // This is not ok, trying to close the same dialog twice ? + if (this._closeTimeoutId) { + clearTimeout(this._closeTimeoutId); + } + + const me = this; + if (this._activeIcon) { + const widget = this._widget; + const close = function () { + me._activeIcon = null; + me._fadeElem.removeChild(widget); + me._widget = null; + me._closeTimeoutId = null; + }; + + if (!$defined(delay) || delay == 0) { + close(); + } else { + this._closeTimeoutId = close.delay(delay); + } + } + }, + + _buildWeb2d() { + const result = new web2d.Group({ + width: 10, + height: 10, + x: 0, + y: 0, + coordSizeWidth: 10, + coordSizeHeight: 10, + }); + + const outerRect = new web2d.Rect(0, { + x: 0, + y: 0, + width: 10, + height: 10, + stroke: '0', + fillColor: 'black', + }); + result.append(outerRect); + outerRect.setCursor('pointer'); + + const innerRect = new web2d.Rect(0, { + x: 1, + y: 1, + width: 8, + height: 8, + stroke: '1 solid white', + fillColor: 'gray', + }); + result.append(innerRect); + + const line = new web2d.Line({ stroke: '1 solid white' }); + line.setFrom(1, 1); + line.setTo(9, 9); + result.append(line); + + const line2 = new web2d.Line({ stroke: '1 solid white' }); + line2.setFrom(1, 9); + line2.setTo(9, 1); + result.append(line2); + + // Some events ... + result.addEvent('mouseover', () => { + innerRect.setFill('#CC0033'); + }); + result.addEvent('mouseout', () => { + innerRect.setFill('gray'); + }); + + result.setSize(50, 50); + return result; + }, + + /** + * @param topicId + * @param icon + */ + decorate(topicId, icon) { + const me = this; + + if (!icon.__remove) { + icon.addEvent('mouseover', () => { + me.show(topicId, icon); + }); + + icon.addEvent('mouseout', () => { + me.hide(); + }); + icon.__remove = true; + } + }, + }, +); + +export default IconGroup; diff --git a/packages/mindplot/lib/components/ImageIcon.js b/packages/mindplot/src/components/ImageIcon.js similarity index 98% rename from packages/mindplot/lib/components/ImageIcon.js rename to packages/mindplot/src/components/ImageIcon.js index 3d0f0f59..e3498476 100644 --- a/packages/mindplot/lib/components/ImageIcon.js +++ b/packages/mindplot/src/components/ImageIcon.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Icon = require('./Icon').default; -const ActionDispatcher = require('./ActionDispatcher').default; +import Icon from './Icon'; +import ActionDispatcher from './ActionDispatcher'; const ImageIcon = new Class({ Extends: Icon, diff --git a/packages/mindplot/lib/components/Keyboard.js b/packages/mindplot/src/components/Keyboard.js similarity index 100% rename from packages/mindplot/lib/components/Keyboard.js rename to packages/mindplot/src/components/Keyboard.js diff --git a/packages/mindplot/lib/components/LinkIcon.js b/packages/mindplot/src/components/LinkIcon.js similarity index 92% rename from packages/mindplot/lib/components/LinkIcon.js rename to packages/mindplot/src/components/LinkIcon.js index 491597a0..ad484edf 100644 --- a/packages/mindplot/lib/components/LinkIcon.js +++ b/packages/mindplot/src/components/LinkIcon.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Icon = require('./Icon').default; -const LinkIconTooltip = require('./widget/LinkIconTooltip').default; +import Icon from './Icon'; +import LinkIconTooltip from './widget/LinkIconTooltip'; const LinkIcon = new Class({ @@ -56,7 +56,7 @@ const LinkIcon = new Class({ }); } - $(this.getImage()._peer._native).mouseenter(() => { + $(this.getImage().peer._native).mouseenter(() => { me._tip.show(); }); }, diff --git a/packages/mindplot/lib/components/LocalStorageManager.js b/packages/mindplot/src/components/LocalStorageManager.js similarity index 96% rename from packages/mindplot/lib/components/LocalStorageManager.js rename to packages/mindplot/src/components/LocalStorageManager.js index ed2358d1..e4aafe8b 100644 --- a/packages/mindplot/lib/components/LocalStorageManager.js +++ b/packages/mindplot/src/components/LocalStorageManager.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const PersistenceManager = require('./PersistenceManager').default; +import PersistenceManager from './PersistenceManager'; const LocalStorageManager = new Class({ Extends: PersistenceManager, diff --git a/packages/mindplot/src/components/MainTopic.js b/packages/mindplot/src/components/MainTopic.js new file mode 100644 index 00000000..9f2da86c --- /dev/null +++ b/packages/mindplot/src/components/MainTopic.js @@ -0,0 +1,162 @@ +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import web2d from '@wisemapping/web2d'; + +import Topic from './Topic'; +import { TopicShape } from './model/INodeModel'; +import Shape from './util/Shape'; + +const MainTopic = new Class( + /** @lends MainTopic */ { + Extends: Topic, + /** + * @extends mindplot.Topic + * @constructs + * @param model + * @param options + */ + initialize(model, options) { + this.parent(model, options); + }, + + INNER_RECT_ATTRIBUTES: { stroke: '0.5 solid #009900' }, + + _buildDragShape() { + const innerShape = this._buildShape(this.INNER_RECT_ATTRIBUTES, this.getShapeType()); + const size = this.getSize(); + innerShape.setSize(size.width, size.height); + innerShape.setPosition(0, 0); + innerShape.setOpacity(0.5); + innerShape.setCursor('default'); + innerShape.setVisibility(true); + + const brColor = this.getBorderColor(); + innerShape.setAttribute('strokeColor', brColor); + + const bgColor = this.getBackgroundColor(); + innerShape.setAttribute('fillColor', bgColor); + + // Create group ... + const groupAttributes = { + width: 100, + height: 100, + coordSizeWidth: 100, + coordSizeHeight: 100, + }; + const group = new web2d.Group(groupAttributes); + group.append(innerShape); + + // Add Text ... + if (this.getShapeType() !== TopicShape.IMAGE) { + const textShape = this._buildTextShape(true); + const text = this.getText(); + textShape.setText(text); + textShape.setOpacity(0.5); + group.append(textShape); + } + return group; + }, + + /** */ + updateTopicShape(targetTopic, workspace) { + // Change figure based on the connected topic ... + const model = this.getModel(); + let shapeType = model.getShapeType(); + if (!targetTopic.isCentralTopic()) { + if (!$defined(shapeType)) { + // Get the real shape type ... + shapeType = this.getShapeType(); + this._setShapeType(shapeType, false); + } + } + }, + + /** */ + disconnect(workspace) { + this.parent(workspace); + const size = this.getSize(); + + const model = this.getModel(); + let shapeType = model.getShapeType(); + if (!$defined(shapeType)) { + // Change figure ... + shapeType = this.getShapeType(); + this._setShapeType(TopicShape.ROUNDED_RECT, false); + } + const innerShape = this.getInnerShape(); + innerShape.setVisibility(true); + }, + + _updatePositionOnChangeSize(oldSize, newSize) { + const xOffset = Math.round((newSize.width - oldSize.width) / 2); + const pos = this.getPosition(); + if ($defined(pos)) { + if (pos.x > 0) { + pos.x += xOffset; + } else { + pos.x -= xOffset; + } + this.setPosition(pos); + } + }, + + /** */ + workoutIncomingConnectionPoint(sourcePosition) { + return Shape.workoutIncomingConnectionPoint(this, sourcePosition); + }, + + /** */ + workoutOutgoingConnectionPoint(targetPosition) { + $assert(targetPosition, 'targetPoint can not be null'); + const pos = this.getPosition(); + const isAtRight = Shape.isAtRight(targetPosition, pos); + const size = this.getSize(); + + let result; + if (this.getShapeType() === TopicShape.LINE) { + result = new web2d.Point(); + const groupPosition = this._elem2d.getPosition(); + const innerShareSize = this.getInnerShape().getSize(); + + if (innerShareSize) { + const magicCorrectionNumber = 0.3; + if (!isAtRight) { + result.x = groupPosition.x + innerShareSize.width - magicCorrectionNumber; + } else { + result.x = groupPosition.x + magicCorrectionNumber; + } + result.y = groupPosition.y + innerShareSize.height; + } else { + // Hack: When the size has not being defined. This is because the node has not being added. + // Try to do our best ... + if (!isAtRight) { + result.x = pos.x + size.width / 2; + } else { + result.x = pos.x - size.width / 2; + } + result.y = pos.y + size.height / 2; + } + } else { + result = Shape.calculateRectConnectionPoint(pos, size, isAtRight, true); + } + return result; + }, + }, +); + +export default MainTopic; diff --git a/packages/mindplot/lib/components/Messages.js b/packages/mindplot/src/components/Messages.js similarity index 69% rename from packages/mindplot/lib/components/Messages.js rename to packages/mindplot/src/components/Messages.js index 49cf03e4..2d9c162f 100644 --- a/packages/mindplot/lib/components/Messages.js +++ b/packages/mindplot/src/components/Messages.js @@ -17,25 +17,24 @@ */ const Messages = new Class({ - Static: { - init(locale) { - locale = $defined(locale) ? locale : 'en'; - let bundle = Messages.BUNDLES[locale]; - if (bundle == null && locale.indexOf('_') != -1) { - // Try to locate without the specialization ... - locale = locale.substring(0, locale.indexOf('_')); - bundle = Messages.BUNDLES[locale]; - } - Messages.__bundle = bundle; - }, - }, + }); -global.$msg = function (key) { +Messages.init = (locale) => { + locale = $defined(locale) ? locale : 'en'; + let bundle = Messages.BUNDLES[locale]; + if (bundle == null && locale.indexOf('_') !== -1) { + // Try to locate without the specialization ... + locale = locale.substring(0, locale.indexOf('_')); + bundle = Messages.BUNDLES[locale]; + } + Messages.__bundle = bundle || {}; +}; + +global.$msg = function $msg(key) { if (!Messages.__bundle) { Messages.init('en'); } - const msg = Messages.__bundle[key]; return msg || key; }; diff --git a/packages/mindplot/lib/components/MultilineTextEditor.js b/packages/mindplot/src/components/MultilineTextEditor.js similarity index 98% rename from packages/mindplot/lib/components/MultilineTextEditor.js rename to packages/mindplot/src/components/MultilineTextEditor.js index c6a4fabc..080a597c 100644 --- a/packages/mindplot/lib/components/MultilineTextEditor.js +++ b/packages/mindplot/src/components/MultilineTextEditor.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Events = require('./Events').default; -const ActionDispatcher = require('./ActionDispatcher').default; +import Events from './Events'; +import ActionDispatcher from './ActionDispatcher'; const MultilineTextEditor = new Class({ Extends: Events, diff --git a/packages/mindplot/lib/components/NodeGraph.js b/packages/mindplot/src/components/NodeGraph.js similarity index 74% rename from packages/mindplot/lib/components/NodeGraph.js rename to packages/mindplot/src/components/NodeGraph.js index 8e047cc2..003b9d69 100644 --- a/packages/mindplot/lib/components/NodeGraph.js +++ b/packages/mindplot/src/components/NodeGraph.js @@ -15,9 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Topic = require('./Topic').default; -const DragTopic = require('./DragTopic').default; -const INodeModel = require('./model/INodeModel').default; +import TopicConfig from './TopicConfig'; +import DragTopic from './DragTopic'; const NodeGraph = new Class( /** @lends NodeGraph */ { @@ -72,7 +71,7 @@ const NodeGraph = new Class( /** @abstract */ setPosition(point, fireEvent) { - throw 'Unsupported operation'; + throw new Error('Unsupported operation'); }, /** */ @@ -110,8 +109,8 @@ const NodeGraph = new Class( /** @param {Object} size */ setSize(size) { - this._size.width = parseInt(size.width); - this._size.height = parseInt(size.height); + this._size.width = parseInt(size.width, 10); + this._size.height = parseInt(size.height, 10); }, /** @@ -138,14 +137,14 @@ const NodeGraph = new Class( /** */ setOnFocus(focus) { - if (this._onFocus != focus) { + if (this._onFocus !== focus) { this._onFocus = focus; const outerShape = this.getOuterShape(); if (focus) { - outerShape.setFill(Topic.OUTER_SHAPE_ATTRIBUTES_FOCUS.fillColor); + outerShape.setFill(TopicConfig.OUTER_SHAPE_ATTRIBUTES_FOCUS.fillColor); outerShape.setOpacity(1); } else { - outerShape.setFill(Topic.OUTER_SHAPE_ATTRIBUTES.fillColor); + outerShape.setFill(TopicConfig.OUTER_SHAPE_ATTRIBUTES.fillColor); outerShape.setOpacity(0); } this.setCursor('move'); @@ -187,36 +186,4 @@ const NodeGraph = new Class( }, ); -/** - * creates a new topic from the given node model - * @memberof mindplot.Nodegraph - * @param {mindplot.model.NodeModel} nodeModel - * @param {Object} options - * @throws will throw an error if nodeModel is null or undefined - * @throws will throw an error if the nodeModel's type is null or undefined - * @throws will throw an error if the node type cannot be recognized as either central or main - * topic type - * @return {mindplot.CentralTopic|mindplot.MainTopic} the new topic - */ -NodeGraph.create = function (nodeModel, options) { - const CentralTopic = require('./CentralTopic').default; - const MainTopic = require('./MainTopic').default; - - $assert(nodeModel, 'Model can not be null'); - - const type = nodeModel.getType(); - $assert(type, 'Node model type can not be null'); - - let result; - if (type == INodeModel.CENTRAL_TOPIC_TYPE) { - result = new CentralTopic(nodeModel, options); - } else if (type == INodeModel.MAIN_TOPIC_TYPE) { - result = new MainTopic(nodeModel, options); - } else { - $assert(false, `unsupported node type:${type}`); - } - - return result; -}; - export default NodeGraph; diff --git a/packages/mindplot/src/components/NodeGraphUtils.js b/packages/mindplot/src/components/NodeGraphUtils.js new file mode 100644 index 00000000..3b466eb3 --- /dev/null +++ b/packages/mindplot/src/components/NodeGraphUtils.js @@ -0,0 +1,36 @@ +import CentralTopic from './CentralTopic'; +import MainTopic from './MainTopic'; +import INodeModel from './model/INodeModel'; + +/** + * creates a new topic from the given node model + * @memberof mindplot.Nodegraph + * @param {mindplot.model.NodeModel} nodeModel + * @param {Object} options + * @throws will throw an error if nodeModel is null or undefined + * @throws will throw an error if the nodeModel's type is null or undefined + * @throws will throw an error if the node type cannot be recognized as either central or main + * topic type + * @return {mindplot.CentralTopic|mindplot.MainTopic} the new topic + */ +export const create = (nodeModel, options) => { + $assert(nodeModel, 'Model can not be null'); + + const type = nodeModel.getType(); + $assert(type, 'Node model type can not be null'); + + let result; + if (type === INodeModel.CENTRAL_TOPIC_TYPE) { + result = new CentralTopic(nodeModel, options); + } else if (type === INodeModel.MAIN_TOPIC_TYPE) { + result = new MainTopic(nodeModel, options); + } else { + $assert(false, `unsupported node type:${type}`); + } + + return result; +}; + +export default { + create, +}; diff --git a/packages/mindplot/lib/components/NoteIcon.js b/packages/mindplot/src/components/NoteIcon.js similarity index 85% rename from packages/mindplot/lib/components/NoteIcon.js rename to packages/mindplot/src/components/NoteIcon.js index a1a4f1da..2a42ea62 100644 --- a/packages/mindplot/lib/components/NoteIcon.js +++ b/packages/mindplot/src/components/NoteIcon.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Icon = require('./Icon').default; -const FloatingTip = require('./widget/FloatingTip').default; +import Icon from './Icon'; +import FloatingTip from './widget/FloatingTip'; const NoteIcon = new Class({ Extends: Icon, @@ -42,7 +42,7 @@ const NoteIcon = new Class({ event.stopPropagation(); }); } - this._tip = new FloatingTip($(me.getImage()._peer._native), { + this._tip = new FloatingTip($(me.getImage().peer._native), { title: $msg('NOTE'), container: 'body', // Content can also be a function of the target element! @@ -56,13 +56,13 @@ const NoteIcon = new Class({ }, _buildTooltipContent() { - if ($('body').find('#textPopoverNote').length == 1) { - var text = $('body').find('#textPopoverNote'); + if ($('body').find('#textPopoverNote').length === 1) { + const text = $('body').find('#textPopoverNote'); text.text(this._linksModel.getText()); } else { const result = $('
').css({ padding: '5px' }); - var text = $('
').text(this._linksModel.getText()) + const text = $('
').text(this._linksModel.getText()) .css({ 'white-space': 'pre-wrap', 'word-wrap': 'break-word', diff --git a/packages/mindplot/lib/components/Options.js b/packages/mindplot/src/components/Options.js similarity index 100% rename from packages/mindplot/lib/components/Options.js rename to packages/mindplot/src/components/Options.js diff --git a/packages/mindplot/lib/components/PersistenceManager.js b/packages/mindplot/src/components/PersistenceManager.js similarity index 84% rename from packages/mindplot/lib/components/PersistenceManager.js rename to packages/mindplot/src/components/PersistenceManager.js index b3e3ceba..59c63683 100644 --- a/packages/mindplot/lib/components/PersistenceManager.js +++ b/packages/mindplot/src/components/PersistenceManager.js @@ -15,22 +15,12 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import Core from '@wisemapping/core-js'; +import XMLSerializerFactory from './persistence/XMLSerializerFactory'; const core = Core(); -const XMLSerializerFactory = require('./persistence/XMLSerializerFactory'); const PersistenceManager = new Class({ - Static: { - loadFromDom(mapId, mapDom) { - $assert(mapId, 'mapId can not be null'); - $assert(mapDom, 'mapDom can not be null'); - - const serializer = XMLSerializerFactory.getSerializerFromDocument(mapDom); - return serializer.loadFromDom(mapDom, mapId); - }, - }, - initialize() {}, save(mindmap, editorProperties, saveHistory, events, sync) { @@ -84,4 +74,12 @@ PersistenceManager.getInstance = function () { return PersistenceManager._instance; }; +PersistenceManager.loadFromDom = function loadFromDom(mapId, mapDom) { + $assert(mapId, 'mapId can not be null'); + $assert(mapDom, 'mapDom can not be null'); + + const serializer = XMLSerializerFactory.getSerializerFromDocument(mapDom); + return serializer.loadFromDom(mapDom, mapId); +}; + export default PersistenceManager; diff --git a/packages/mindplot/lib/components/Relationship.js b/packages/mindplot/src/components/Relationship.js similarity index 89% rename from packages/mindplot/lib/components/Relationship.js rename to packages/mindplot/src/components/Relationship.js index a587fe03..d0d233b7 100644 --- a/packages/mindplot/lib/components/Relationship.js +++ b/packages/mindplot/src/components/Relationship.js @@ -15,29 +15,18 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import web2d from '@wisemapping/web2d'; -const core = Core(); +import ConnectionLine from './ConnectionLine'; +import ControlPoint from './ControlPoint'; -const web2D = require('@wismapping/web2d'); +import INodeModel from './model/INodeModel'; -const web2d = web2D(); - -const ConnectionLine = require('./ConnectionLine').default; -const ControlPoint = require('./ControlPoint').default; - -const INodeModel = require('./model/INodeModel').default; - -const Shape = require('./util/Shape').default; +import Shape from './util/Shape'; const Relationship = new Class({ Extends: ConnectionLine, - Static: { - getStrokeColor() { - return '#9b74e6'; - }, - type: 'Relationship', - }, + initialize(sourceNode, targetNode, model) { $assert(sourceNode, 'sourceNode can not be null'); $assert(targetNode, 'targetNode can not be null'); @@ -98,29 +87,32 @@ const Relationship = new Class({ const targetTopic = this._targetTopic; let targetPosition = targetTopic.getPosition(); - if (targetTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { + if (targetTopic.getType() === INodeModel.CENTRAL_TOPIC_TYPE) { targetPosition = Shape.workoutIncomingConnectionPoint(targetTopic, sourcePosition); } - let sPos; let - tPos; + let sPos; + let tPos; this._line2d.setStroke(2); const ctrlPoints = this._line2d.getControlPoints(); if (!this._line2d.isDestControlPointCustom() && !this._line2d.isSrcControlPointCustom()) { - const defaultPoints = Shape.calculateDefaultControlPoints(sourcePosition, targetPosition); + const defaultPoints = Shape.calculateDefaultControlPoints( + sourcePosition, + targetPosition, + ); ctrlPoints[0].x = defaultPoints[0].x; ctrlPoints[0].y = defaultPoints[0].y; ctrlPoints[1].x = defaultPoints[1].x; ctrlPoints[1].y = defaultPoints[1].y; } - const spoint = new core.Point(); - spoint.x = parseInt(ctrlPoints[0].x) + parseInt(sourcePosition.x); - spoint.y = parseInt(ctrlPoints[0].y) + parseInt(sourcePosition.y); + const spoint = new web2d.Point(); + spoint.x = parseInt(ctrlPoints[0].x, 10) + parseInt(sourcePosition.x, 10); + spoint.y = parseInt(ctrlPoints[0].y, 10) + parseInt(sourcePosition.y, 10); - const tpoint = new core.Point(); - tpoint.x = parseInt(ctrlPoints[1].x) + parseInt(targetPosition.x); - tpoint.y = parseInt(ctrlPoints[1].y) + parseInt(targetPosition.y); + const tpoint = new web2d.Point(); + tpoint.x = parseInt(ctrlPoints[1].x, 10) + parseInt(targetPosition.x, 10); + tpoint.y = parseInt(ctrlPoints[1].y, 10) + parseInt(targetPosition.y, 10); sPos = Shape.calculateRelationShipPointCoordinates(sourceTopic, spoint); tPos = Shape.calculateRelationShipPointCoordinates(targetTopic, tpoint); @@ -155,7 +147,7 @@ const Relationship = new Class({ this._endArrow.moveToBack(); } - if (this._line2d.getType() == 'CurvedLine') { + if (this._line2d.getType() === 'CurvedLine') { const controlPoints = this._line2d.getControlPoints(); this._startArrow.setControlPoint(controlPoints[0]); if (this._endArrow) { @@ -211,7 +203,7 @@ const Relationship = new Class({ setOnFocus(focus) { // Change focus shape - if (this.isOnFocus() != focus) { + if (this.isOnFocus() !== focus) { if (focus) { this._refreshShape(); this._controlPointsController.setLine(this); @@ -240,7 +232,7 @@ const Relationship = new Class({ addEvent(type, listener) { // Translate to web 2d events ... - if (type == 'onfocus') { + if (type === 'onfocus') { type = 'mousedown'; } @@ -334,4 +326,10 @@ const Relationship = new Class({ }, }); +Relationship.getStrokeColor = function getStrokeColor() { + return '#9b74e6'; +}; + +Relationship.type = 'Relationship'; + export default Relationship; diff --git a/packages/mindplot/lib/components/RelationshipPivot.js b/packages/mindplot/src/components/RelationshipPivot.js similarity index 90% rename from packages/mindplot/lib/components/RelationshipPivot.js rename to packages/mindplot/src/components/RelationshipPivot.js index b597e93e..375b310f 100644 --- a/packages/mindplot/lib/components/RelationshipPivot.js +++ b/packages/mindplot/src/components/RelationshipPivot.js @@ -15,14 +15,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import web2d from '@wisemapping/web2d'; -const core = Core(); -const web2D = require('@wismapping/web2d'); - -const web2d = web2D(); -const INodeModel = require('./model/INodeModel').default; -const Shape = require('./util/Shape').default; +import INodeModel from './model/INodeModel'; +import Shape from './util/Shape'; const RelationshipPivot = new Class({ initialize(workspace, designer) { @@ -134,14 +130,14 @@ const RelationshipPivot = new Class({ _calculateFromPosition(toPosition) { // Calculate origin position ... let sourcePosition = this._sourceTopic.getPosition(); - if (this._sourceTopic.getType() == INodeModel.CENTRAL_TOPIC_TYPE) { + if (this._sourceTopic.getType() === INodeModel.CENTRAL_TOPIC_TYPE) { sourcePosition = Shape.workoutIncomingConnectionPoint(this._sourceTopic, toPosition); } const controlPoint = Shape.calculateDefaultControlPoints(sourcePosition, toPosition); - const spoint = new core.Point(); - spoint.x = parseInt(controlPoint[0].x) + parseInt(sourcePosition.x); - spoint.y = parseInt(controlPoint[0].y) + parseInt(sourcePosition.y); + const spoint = new web2d.Point(); + spoint.x = parseInt(controlPoint[0].x, 10) + parseInt(sourcePosition.x, 10); + spoint.y = parseInt(controlPoint[0].y, 10) + parseInt(sourcePosition.y, 10); return Shape.calculateRelationShipPointCoordinates(this._sourceTopic, spoint); }, @@ -150,7 +146,7 @@ const RelationshipPivot = new Class({ const mindmap = this._designer.getMindmap(); // Avoid circular connections ... - if (targetTopic.getId() != sourceTopic.getId()) { + if (targetTopic.getId() !== sourceTopic.getId()) { const relModel = mindmap.createRelationship(targetTopic.getId(), sourceTopic.getId()); this._designer._actionDispatcher.addRelationship(relModel); } diff --git a/packages/mindplot/lib/components/RestPersistenceManager.js b/packages/mindplot/src/components/RestPersistenceManager.js similarity index 98% rename from packages/mindplot/lib/components/RestPersistenceManager.js rename to packages/mindplot/src/components/RestPersistenceManager.js index d5795c83..e3a8cfda 100644 --- a/packages/mindplot/lib/components/RestPersistenceManager.js +++ b/packages/mindplot/src/components/RestPersistenceManager.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const PersistenceManager = require('./PersistenceManager').default; +import PersistenceManager from './PersistenceManager'; const RESTPersistenceManager = new Class({ Extends: PersistenceManager, @@ -81,7 +81,7 @@ const RESTPersistenceManager = new Class({ let userMsg = { severity: 'SEVERE', message: $msg('SAVE_COULD_NOT_BE_COMPLETED') }; const contentType = xhr.getResponseHeader('Content-Type'); - if (contentType != null && contentType.indexOf('application/json') != -1) { + if (contentType != null && contentType.indexOf('application/json') !== -1) { let serverMsg = null; try { serverMsg = $.parseJSON(responseText); diff --git a/packages/mindplot/lib/components/ScreenManager.js b/packages/mindplot/src/components/ScreenManager.js similarity index 86% rename from packages/mindplot/lib/components/ScreenManager.js rename to packages/mindplot/src/components/ScreenManager.js index 83c47b2f..36d8e227 100644 --- a/packages/mindplot/lib/components/ScreenManager.js +++ b/packages/mindplot/src/components/ScreenManager.js @@ -15,9 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); - -const core = Core(); +import web2d from '@wisemapping/web2d'; const ScreenManager = new Class({ initialize(divElement) { @@ -43,12 +41,12 @@ const ScreenManager = new Class({ }, addEvent(event, listener) { - if (event == 'click') this._clickEvents.push(listener); + if (event === 'click') this._clickEvents.push(listener); else this._divContainer.bind(event, listener); }, removeEvent(event, listener) { - if (event == 'click') { + if (event === 'click') { this._clickEvents.remove(listener); } else { this._divContainer.unbind(event, listener); @@ -56,7 +54,7 @@ const ScreenManager = new Class({ }, fireEvent(type, event) { - if (type == 'click') { + if (type === 'click') { _.each(this._clickEvents, (listener) => { listener(type, event); }); @@ -96,10 +94,13 @@ const ScreenManager = new Class({ const groupSize = group.getSize(); const coordSize = group.getCoordSize(); - const scale = { x: coordSize.width / parseInt(groupSize.width), y: coordSize.height / parseInt(groupSize.height) }; + const scale = { + x: coordSize.width / parseInt(groupSize.width, 10), + y: coordSize.height / parseInt(groupSize.height, 10), + }; - let x = (elementPosition.x - coordOrigin.x - (parseInt(imageSize.width) / 2)) / scale.x; - let y = (elementPosition.y - coordOrigin.y - (parseInt(imageSize.height) / 2)) / scale.y; + let x = (elementPosition.x - coordOrigin.x - parseInt(imageSize.width, 10) / 2) / scale.x; + let y = (elementPosition.y - coordOrigin.y - parseInt(imageSize.height, 10) / 2) / scale.y; // Retrieve iconGroup Position const groupPosition = iconGroup.getPosition(); @@ -109,7 +110,7 @@ const ScreenManager = new Class({ // Retrieve topic Position const topic = iconGroup.getTopic(); const topicPosition = this._getElementPosition(topic); - topicPosition.x -= (parseInt(topic.getSize().width) / 2); + topicPosition.x -= parseInt(topic.getSize().width, 10) / 2; // Remove decimal part.. return { x: x + topicPosition.x, y: y + topicPosition.y }; @@ -134,7 +135,7 @@ const ScreenManager = new Class({ y += this._padding.y; // Remove decimal part.. - return new core.Point(x, y); + return new web2d.Point(x, y); }, getContainer() { diff --git a/packages/mindplot/lib/components/ShrinkConnector.js b/packages/mindplot/src/components/ShrinkConnector.js similarity index 86% rename from packages/mindplot/lib/components/ShrinkConnector.js rename to packages/mindplot/src/components/ShrinkConnector.js index ea02d655..b93f5ef4 100644 --- a/packages/mindplot/lib/components/ShrinkConnector.js +++ b/packages/mindplot/src/components/ShrinkConnector.js @@ -15,20 +15,18 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const web2D = require('@wismapping/web2d'); +import web2d from '@wisemapping/web2d'; -const web2d = web2D(); - -const Topic = require('./Topic').default; -const ActionDispatcher = require('./ActionDispatcher').default; +import TopicConfig from './TopicConfig'; +import ActionDispatcher from './ActionDispatcher'; const ShirinkConnector = new Class({ initialize(topic) { - const ellipse = new web2D.Elipse(Topic.prototype.INNER_RECT_ATTRIBUTES); + const ellipse = new web2d.Elipse(TopicConfig.INNER_RECT_ATTRIBUTES); this._ellipse = ellipse; ellipse.setFill('rgb(62,118,179)'); - ellipse.setSize(Topic.CONNECTOR_WIDTH, Topic.CONNECTOR_WIDTH); + ellipse.setSize(TopicConfig.CONNECTOR_WIDTH, TopicConfig.CONNECTOR_WIDTH); ellipse.addEvent('click', (event) => { const model = topic.getModel(); const collapse = !model.areChildrenShrunken(); @@ -50,11 +48,11 @@ const ShirinkConnector = new Class({ event.stopPropagation(); }); - ellipse.addEvent('mouseover', (event) => { + ellipse.addEvent('mouseover', () => { ellipse.setFill('rgb(153, 0, 255)'); }); const me = this; - ellipse.addEvent('mouseout', (event) => { + ellipse.addEvent('mouseout', () => { const color = topic.getBackgroundColor(); me.setFill(color); }); diff --git a/packages/mindplot/lib/components/StandaloneActionDispatcher.js b/packages/mindplot/src/components/StandaloneActionDispatcher.js similarity index 89% rename from packages/mindplot/lib/components/StandaloneActionDispatcher.js rename to packages/mindplot/src/components/StandaloneActionDispatcher.js index 0442fa3d..53cefe27 100644 --- a/packages/mindplot/lib/components/StandaloneActionDispatcher.js +++ b/packages/mindplot/src/components/StandaloneActionDispatcher.js @@ -15,18 +15,18 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ActionDispatcher = require('./ActionDispatcher').default; -const DesignerActionRunner = require('./DesignerActionRunner').default; -const AddTopicCommand = require('./commands/AddTopicCommand').default; -const AddRelationshipCommand = require('./commands/AddRelationshipCommand').default; -const AddFeatureToTopicCommand = require('./commands/AddFeatureToTopicCommand').default; -const DeleteCommand = require('./commands/DeleteCommand').default; -const RemoveFeatureFromTopicCommand = require('./commands/RemoveFeatureFromTopicCommand').default; -const DragTopicCommand = require('./commands/DragTopicCommand').default; -const GenericFunctionCommand = require('./commands/GenericFunctionCommand').default; -const MoveControlPointCommand = require('./commands/MoveControlPointCommand').default; -const ChangeFeatureToTopicCommand = require('./commands/ChangeFeatureToTopicCommand').default; -const NodeModel = require('./model/NodeModel').default; +import ActionDispatcher from './ActionDispatcher'; +import DesignerActionRunner from './DesignerActionRunner'; +import AddTopicCommand from './commands/AddTopicCommand'; +import AddRelationshipCommand from './commands/AddRelationshipCommand'; +import AddFeatureToTopicCommand from './commands/AddFeatureToTopicCommand'; +import DeleteCommand from './commands/DeleteCommand'; +import RemoveFeatureFromTopicCommand from './commands/RemoveFeatureFromTopicCommand'; +import DragTopicCommand from './commands/DragTopicCommand'; +import GenericFunctionCommand from './commands/GenericFunctionCommand'; +import MoveControlPointCommand from './commands/MoveControlPointCommand'; +import ChangeFeatureToTopicCommand from './commands/ChangeFeatureToTopicCommand'; +import NodeModel from './model/NodeModel'; const StandaloneActionDispatcher = new Class( /** @lends StandaloneActionDispatcher */ { @@ -93,7 +93,7 @@ const StandaloneActionDispatcher = new Class( changeFontStyleToTopic(topicsIds) { const commandFunc = function (topic) { const result = topic.getFontStyle(); - const style = result == 'italic' ? 'normal' : 'italic'; + const style = result === 'italic' ? 'normal' : 'italic'; topic.setFontStyle(style, true); return result; }; @@ -219,7 +219,7 @@ const StandaloneActionDispatcher = new Class( const commandFunc = function (topic) { const result = topic.getFontWeight(); - const weight = result == 'bold' ? 'normal' : 'bold'; + const weight = result === 'bold' ? 'normal' : 'bold'; topic.setFontWeight(weight, true); topic._adjustShapes(); @@ -289,10 +289,10 @@ const CommandContext = new Class( const designerTopics = this._designer.getModel().getTopics(); const result = designerTopics.filter((topic) => topicsIds.contains(topic.getId())); - if (result.length != topicsIds.length) { + if (result.length !== topicsIds.length) { const ids = designerTopics.map((topic) => topic.getId()); $assert( - result.length == topicsIds.length, + result.length === topicsIds.length, `Could not find topic. Result:${ result }, Filter Criteria:${ diff --git a/packages/mindplot/lib/components/TextEditor.js b/packages/mindplot/src/components/TextEditor.js similarity index 92% rename from packages/mindplot/lib/components/TextEditor.js rename to packages/mindplot/src/components/TextEditor.js index 29864daf..2b54422d 100644 --- a/packages/mindplot/lib/components/TextEditor.js +++ b/packages/mindplot/src/components/TextEditor.js @@ -12,11 +12,9 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const web2D = require('@wismapping/web2d'); +import web2d from '@wisemapping/web2d'; -const web2d = web2D(); - -const ActionDispatcher = require('./ActionDispatcher').default; +import ActionDispatcher from './ActionDispatcher'; // FIXME: Not used! const TextEditor = new Class({ @@ -42,12 +40,11 @@ const TextEditor = new Class({ }); inputContainer.inject(result); - const inputText = new Element('input', - { - type: 'text', - tabindex: '-1', - value: '', - }); + const inputText = new Element('input', { + type: 'text', + tabindex: '-1', + value: '', + }); inputText.setStyles({ border: 'none', background: 'transparent', @@ -82,8 +79,9 @@ const TextEditor = new Class({ default: spanElem.innerHTML = inputElem.value; var size = inputElem.value.length + 1; + inputElem.size = size; - if (spanElem.offsetWidth > (parseInt(divElem.style.width) - 100)) { + if (spanElem.offsetWidth > parseInt(divElem.style.width, 10) - 100) { divElem.style.width = `${spanElem.offsetWidth + 100}px`; } break; @@ -104,11 +102,11 @@ const TextEditor = new Class({ }, isVisible() { - return $defined(this._containerElem) && this._containerElem.getStyle('display') == 'block'; + return $defined(this._containerElem) && this._containerElem.getStyle('display') === 'block'; }, _updateModel() { - if (this._topic.getText() != this._getText()) { + if (this._topic.getText() !== this._getText()) { const text = this._getText(); const topicId = this._topic.getId(); @@ -196,7 +194,9 @@ const TextEditor = new Class({ _setText(text) { const inputField = this._getTextareaElem(); inputField.size = text.length + 1; - this._containerElem.style.width = `${inputField.size * parseInt(inputField.style.fontSize) + 100}px`; + this._containerElem.style.width = `${ + inputField.size * parseInt(inputField.style.fontSize, 10) + 100 + }px`; const spanField = this._getSpanElem(); spanField.innerHTML = text; inputField.value = text; @@ -216,7 +216,7 @@ const TextEditor = new Class({ _setEditorSize(width, height) { const textShape = this._topic.getTextShape(); - const scale = web2d.utils.TransformUtil.workoutScale(textShape._peer); + const scale = web2d.utils.TransformUtil.workoutScale(textShape.peer); this._size = { width: width * scale.width, height: height * scale.height }; this._containerElem.style.width = `${this._size.width * 2}px`; this._containerElem.style.height = `${this._size.height}px`; @@ -224,8 +224,8 @@ const TextEditor = new Class({ _positionCursor(inputElem, selectText) { // Select text if it's required ... - if (inputElem.createTextRange) // ie - { + if (inputElem.createTextRange) { + // ie const range = inputElem.createTextRange(); const pos = inputElem.value.length; if (!selectText) { diff --git a/packages/mindplot/lib/components/TextEditorFactory.js b/packages/mindplot/src/components/TextEditorFactory.js similarity index 95% rename from packages/mindplot/lib/components/TextEditorFactory.js rename to packages/mindplot/src/components/TextEditorFactory.js index a2016404..ff9ed8fa 100644 --- a/packages/mindplot/lib/components/TextEditorFactory.js +++ b/packages/mindplot/src/components/TextEditorFactory.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const TextEditor = require('./TextEditor').default; +import TextEditor from './TextEditor'; const TextEditorFactory = {}; diff --git a/packages/mindplot/lib/components/Topic.js b/packages/mindplot/src/components/Topic.js similarity index 94% rename from packages/mindplot/lib/components/Topic.js rename to packages/mindplot/src/components/Topic.js index 5bd9922e..252d38d0 100644 --- a/packages/mindplot/lib/components/Topic.js +++ b/packages/mindplot/src/components/Topic.js @@ -15,23 +15,22 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const web2D = require('@wismapping/web2d'); +import web2d from '@wisemapping/web2d'; -const web2d = web2D(); -const NodeGraph = require('./NodeGraph').default; -const { TopicShape } = require('./model/INodeModel'); -const TopicStyle = require('./TopicStyle').default; -const TopicFeature = require('./TopicFeature').default; -const ConnectionLine = require('./ConnectionLine').default; -const IconGroup = require('./IconGroup').default; -const FadeEffect = require('./util/FadeEffect').default; -const EventBus = require('./layout/EventBus').default; -const ShirinkConnector = require('./ShrinkConnector').default; -const NoteEditor = require('./widget/NoteEditor').default; -const ActionDispatcher = require('./ActionDispatcher').default; -const LinkEditor = require('./widget/LinkEditor').default; -const TopicEventDispatcher = require('./TopicEventDispatcher').default; -const INodeModel = require('./model/INodeModel').default; +import NodeGraph from './NodeGraph'; +import TopicConfig from './TopicConfig'; +import TopicStyle from './TopicStyle'; +import TopicFeature from './TopicFeature'; +import ConnectionLine from './ConnectionLine'; +import IconGroup from './IconGroup'; +import FadeEffect from './util/FadeEffect'; +import EventBus from './layout/EventBus'; +import ShirinkConnector from './ShrinkConnector'; +import NoteEditor from './widget/NoteEditor'; +import ActionDispatcher from './ActionDispatcher'; +import LinkEditor from './widget/LinkEditor'; +import TopicEventDispatcher, { TopicEvent } from './TopicEventDispatcher'; +import INodeModel, { TopicShape } from './model/INodeModel'; const Topic = new Class( /** @lends Topic */ { @@ -151,7 +150,7 @@ const Topic = new Class( if (!$defined(this._innerShape)) { // Create inner box. this._innerShape = this._buildShape( - Topic.INNER_RECT_ATTRIBUTES, + TopicConfig.INNER_RECT_ATTRIBUTES, this.getShapeType(), ); @@ -178,9 +177,9 @@ const Topic = new Class( $assert(shapeType, 'shapeType can not be null'); let result; - if (shapeType == TopicShape.RECTANGLE) { + if (shapeType === TopicShape.RECTANGLE) { result = new web2d.Rect(0, attributes); - } else if (shapeType == TopicShape.IMAGE) { + } else if (shapeType === TopicShape.IMAGE) { const model = this.getModel(); const url = model.getImageUrl(); const size = model.getImageSize(); @@ -194,11 +193,11 @@ const Topic = new Class( }; result.setPosition = function () {}; - } else if (shapeType == TopicShape.ELLIPSE) { + } else if (shapeType === TopicShape.ELLIPSE) { result = new web2d.Rect(0.9, attributes); - } else if (shapeType == TopicShape.ROUNDED_RECT) { + } else if (shapeType === TopicShape.ROUNDED_RECT) { result = new web2d.Rect(0.3, attributes); - } else if (shapeType == TopicShape.LINE) { + } else if (shapeType === TopicShape.LINE) { result = new web2d.Line({ strokeColor: '#495879', strokeWidth: 1 }); result.setSize = function (width, height) { this.size = { width, height }; @@ -241,7 +240,10 @@ const Topic = new Class( /** @return outer shape */ getOuterShape() { if (!$defined(this._outerShape)) { - const rect = this._buildShape(Topic.OUTER_SHAPE_ATTRIBUTES, TopicShape.ROUNDED_RECT); + const rect = this._buildShape( + TopicConfig.OUTER_SHAPE_ATTRIBUTES, + TopicShape.ROUNDED_RECT, + ); rect.setPosition(-2, -3); rect.setOpacity(0); this._outerShape = rect; @@ -293,7 +295,7 @@ const Topic = new Class( const icon = TopicFeature.createIcon(this, featureModel, this.isReadOnly()); result.addIcon( icon, - featureModel.getType() == TopicFeature.Icon.id && !this.isReadOnly(), + featureModel.getType() === TopicFeature.Icon.id && !this.isReadOnly(), ); } @@ -316,7 +318,7 @@ const Topic = new Class( const result = TopicFeature.createIcon(this, featureModel, this.isReadOnly()); iconGroup.addIcon( result, - featureModel.getType() == TopicFeature.Icon.id && !this.isReadOnly(), + featureModel.getType() === TopicFeature.Icon.id && !this.isReadOnly(), ); this._adjustShapes(); @@ -506,7 +508,7 @@ const Topic = new Class( /** */ setText(text) { // Avoid empty nodes ... - if (!text || $.trim(text).length == 0) { + if (!text || $.trim(text).length === 0) { text = null; } @@ -606,7 +608,7 @@ const Topic = new Class( // Update figure size ... const model = this.getModel(); - if (model.getFeatures().length != 0) { + if (model.getFeatures().length !== 0) { this.getOrBuildIconGroup(); } @@ -1334,34 +1336,4 @@ const Topic = new Class( }, ); -/** - * @constant - * @type {Number} - * @default - */ -Topic.CONNECTOR_WIDTH = 6; -/** - * @constant - * @type {Object} - * @default - */ -Topic.OUTER_SHAPE_ATTRIBUTES = { - fillColor: 'rgb(252,235,192)', - stroke: '1 dot rgb(241,163,39)', - x: 0, - y: 0, -}; -/** - * @constant - * @type {Object} - * @default - */ -Topic.OUTER_SHAPE_ATTRIBUTES_FOCUS = { fillColor: 'rgb(244,184,45)', x: 0, y: 0 }; -/** - * @constant - * @type {Object} - * @default - * */ -Topic.INNER_RECT_ATTRIBUTES = { stroke: '2 solid' }; - export default Topic; diff --git a/packages/mindplot/src/components/TopicConfig.js b/packages/mindplot/src/components/TopicConfig.js new file mode 100644 index 00000000..731511d2 --- /dev/null +++ b/packages/mindplot/src/components/TopicConfig.js @@ -0,0 +1,36 @@ +/** + * @constant + * @type {Number} + * @default + */ +export const CONNECTOR_WIDTH = 6; +/** + * @constant + * @type {Object} + * @default + */ +export const OUTER_SHAPE_ATTRIBUTES = { + fillColor: 'rgb(252,235,192)', + stroke: '1 dot rgb(241,163,39)', + x: 0, + y: 0, +}; +/** + * @constant + * @type {Object} + * @default + */ +export const OUTER_SHAPE_ATTRIBUTES_FOCUS = { fillColor: 'rgb(244,184,45)', x: 0, y: 0 }; +/** + * @constant + * @type {Object} + * @default + * */ +export const INNER_RECT_ATTRIBUTES = { stroke: '2 solid' }; + +export default { + CONNECTOR_WIDTH, + OUTER_SHAPE_ATTRIBUTES, + OUTER_SHAPE_ATTRIBUTES_FOCUS, + INNER_RECT_ATTRIBUTES, +}; diff --git a/packages/mindplot/lib/components/TopicEventDispatcher.js b/packages/mindplot/src/components/TopicEventDispatcher.js similarity index 78% rename from packages/mindplot/lib/components/TopicEventDispatcher.js rename to packages/mindplot/src/components/TopicEventDispatcher.js index e82bccf5..a31273b1 100644 --- a/packages/mindplot/lib/components/TopicEventDispatcher.js +++ b/packages/mindplot/src/components/TopicEventDispatcher.js @@ -15,23 +15,17 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Events = require('./Events').default; -const MultilineTextEditor = require('./MultilineTextEditor').default; -const { TopicShape } = require('./model/INodeModel'); +import Events from './Events'; +import MultilineTextEditor from './MultilineTextEditor'; +import { TopicShape } from './model/INodeModel'; + +const TopicEvent = { + EDIT: 'editnode', + CLICK: 'clicknode', +}; const TopicEventDispatcher = new Class({ Extends: Events, - Static: { - _instance: null, - - configure(readOnly) { - this._instance = new TopicEventDispatcher(readOnly); - }, - - getInstance() { - return this._instance; - }, - }, initialize(readOnly) { this._readOnly = readOnly; @@ -61,9 +55,9 @@ const TopicEventDispatcher = new Class({ // Open the new editor ... const model = topic.getModel(); if ( - model.getShapeType() != TopicShape.IMAGE + model.getShapeType() !== TopicShape.IMAGE && !this._readOnly - && eventType == TopicEvent.EDIT + && eventType === TopicEvent.EDIT ) { this._multilineEditor.show(topic, options ? options.text : null); this._activeEditor = this._multilineEditor; @@ -77,10 +71,15 @@ const TopicEventDispatcher = new Class({ }, }); -const TopicEvent = { - EDIT: 'editnode', - CLICK: 'clicknode', +TopicEventDispatcher._instance = null; + +TopicEventDispatcher.configure = function configure(readOnly) { + this._instance = new TopicEventDispatcher(readOnly); +}; + +TopicEventDispatcher.getInstance = function getInstance() { + return this._instance; }; export { TopicEvent }; -export default TopicEvent; +export default TopicEventDispatcher; diff --git a/packages/mindplot/lib/components/TopicFeature.js b/packages/mindplot/src/components/TopicFeature.js similarity index 87% rename from packages/mindplot/lib/components/TopicFeature.js rename to packages/mindplot/src/components/TopicFeature.js index 1312349c..758173a1 100644 --- a/packages/mindplot/lib/components/TopicFeature.js +++ b/packages/mindplot/src/components/TopicFeature.js @@ -17,12 +17,12 @@ */ /** */ -const IconModel = require('./model/IconModel').default; -const ImageIcon = require('./ImageIcon').default; -const LinkModel = require('./model/LinkModel').default; -const LinkIcon = require('./LinkIcon').default; -const NoteModel = require('./model/NoteModel').default; -const NoteIcon = require('./NoteIcon').default; +import IconModel from './model/IconModel'; +import ImageIcon from './ImageIcon'; +import LinkModel from './model/LinkModel'; +import LinkIcon from './LinkIcon'; +import NoteModel from './model/NoteModel'; +import NoteIcon from './NoteIcon'; const TopicFeature = { /** the icon object */ @@ -51,7 +51,7 @@ const TopicFeature = { * @return {Boolean} returns true if the given id is contained in the metadata array */ isSupported(id) { - return TopicFeature._featuresMetadataById.some((elem) => elem.id == id); + return TopicFeature._featuresMetadataById.some((elem) => elem.id === id); }, /** @@ -66,7 +66,7 @@ const TopicFeature = { $assert(type, 'type can not be null'); $assert(attributes, 'attributes can not be null'); - const { model } = TopicFeature._featuresMetadataById.filter((elem) => elem.id == type)[0]; + const { model } = TopicFeature._featuresMetadataById.filter((elem) => elem.id === type)[0]; return new model(attributes); }, @@ -82,7 +82,7 @@ const TopicFeature = { $assert(topic, 'topic can not be null'); $assert(model, 'model can not be null'); - const { icon } = TopicFeature._featuresMetadataById.filter((elem) => elem.id == model.getType())[0]; + const { icon } = TopicFeature._featuresMetadataById.filter((elem) => elem.id === model.getType())[0]; return new icon(topic, model, readOnly); }, }; diff --git a/packages/mindplot/lib/components/TopicStyle.js b/packages/mindplot/src/components/TopicStyle.js similarity index 61% rename from packages/mindplot/lib/components/TopicStyle.js rename to packages/mindplot/src/components/TopicStyle.js index 9e34da5c..7db56086 100644 --- a/packages/mindplot/lib/components/TopicStyle.js +++ b/packages/mindplot/src/components/TopicStyle.js @@ -15,57 +15,55 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const { TopicShape } = require('./model/INodeModel'); +import { TopicShape } from './model/INodeModel'; -const TopicStyle = new Class({ - Static: { - _getStyles(topic) { - $assert(topic, 'topic can not be null'); +const TopicStyle = new Class({}); - let result; - if (topic.isCentralTopic()) { - result = TopicStyle.STYLES.CENTRAL_TOPIC; +TopicStyle._getStyles = function _getStyles(topic) { + $assert(topic, 'topic can not be null'); + + let result; + if (topic.isCentralTopic()) { + result = TopicStyle.STYLES.CENTRAL_TOPIC; + } else { + const targetTopic = topic.getOutgoingConnectedTopic(); + if ($defined(targetTopic)) { + if (targetTopic.isCentralTopic()) { + result = TopicStyle.STYLES.MAIN_TOPIC; } else { - const targetTopic = topic.getOutgoingConnectedTopic(); - if ($defined(targetTopic)) { - if (targetTopic.isCentralTopic()) { - result = TopicStyle.STYLES.MAIN_TOPIC; - } else { - result = TopicStyle.STYLES.SUB_TOPIC; - } - } else { - result = TopicStyle.STYLES.ISOLATED_TOPIC; - } + result = TopicStyle.STYLES.SUB_TOPIC; } - return result; - }, + } else { + result = TopicStyle.STYLES.ISOLATED_TOPIC; + } + } + return result; +}; - defaultText(topic) { - const { msgKey } = this._getStyles(topic); - return $msg(msgKey); - }, +TopicStyle.defaultText = function defaultText(topic) { + const { msgKey } = this._getStyles(topic); + return $msg(msgKey); +}; - defaultFontStyle(topic) { - return this._getStyles(topic).fontStyle; - }, +TopicStyle.defaultFontStyle = function defaultFontStyle(topic) { + return this._getStyles(topic).fontStyle; +}; - defaultBackgroundColor(topic) { - return this._getStyles(topic).backgroundColor; - }, +TopicStyle.defaultBackgroundColor = function defaultBackgroundColor(topic) { + return this._getStyles(topic).backgroundColor; +}; - defaultBorderColor(topic) { - return this._getStyles(topic).borderColor; - }, +TopicStyle.defaultBorderColor = function defaultBorderColor(topic) { + return this._getStyles(topic).borderColor; +}; - getInnerPadding(topic) { - return this._getStyles(topic).innerPadding; - }, +TopicStyle.getInnerPadding = function getInnerPadding(topic) { + return this._getStyles(topic).innerPadding; +}; - defaultShapeType(topic) { - return this._getStyles(topic).shapeType; - }, - }, -}); +TopicStyle.defaultShapeType = function defaultShapeType(topic) { + return this._getStyles(topic).shapeType; +}; TopicStyle.STYLES = { CENTRAL_TOPIC: { diff --git a/packages/mindplot/lib/components/Workspace.js b/packages/mindplot/src/components/Workspace.js similarity index 97% rename from packages/mindplot/lib/components/Workspace.js rename to packages/mindplot/src/components/Workspace.js index a975525f..80c3be05 100644 --- a/packages/mindplot/lib/components/Workspace.js +++ b/packages/mindplot/src/components/Workspace.js @@ -15,9 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const web2D = require('@wismapping/web2d'); - -const web2d = web2D(); +import web2d from '@wisemapping/web2d'; const Workspace = new Class({ initialize(screenManager, zoom) { @@ -29,8 +27,8 @@ const Workspace = new Class({ this._screenManager = screenManager; const divContainer = screenManager.getContainer(); - this._screenWidth = parseInt(divContainer.css('width')); - this._screenHeight = parseInt(divContainer.css('height')); + this._screenWidth = parseInt(divContainer.css('width'), 10); + this._screenHeight = parseInt(divContainer.css('height'), 10); // Initialize web2d workspace. const workspace = this._createWorkspace(); diff --git a/packages/mindplot/src/components/commands/AddFeatureToTopicCommand.js b/packages/mindplot/src/components/commands/AddFeatureToTopicCommand.js new file mode 100644 index 00000000..b013ffe9 --- /dev/null +++ b/packages/mindplot/src/components/commands/AddFeatureToTopicCommand.js @@ -0,0 +1,70 @@ +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import Command from '../Command'; + +const AddFeatureToTopicCommand = new Class( + /** @lends AddFeatureToTopicCommand */ { + Extends: Command, + /* + * @classdesc This command class handles do/undo of adding features to topics, e.g. an + * icon or a note. For a reference of existing features, refer to {@link mindplot.TopicFeature} + * @constructs + * @param {String} topicId the id of the topic + * @param {String} featureType the id of the feature type to add, e.g. "icon" + * @param {Object} attributes the attribute(s) of the respective feature model + * @extends mindplot.Command + * @see mindplot.model.FeatureModel and subclasses + */ + initialize(topicId, featureType, attributes) { + $assert($defined(topicId), 'topicId can not be null'); + $assert(featureType, 'featureType can not be null'); + $assert(attributes, 'attributes can not be null'); + + this.parent(); + this._topicId = topicId; + this._featureType = featureType; + this._attributes = attributes; + this._featureModel = null; + }, + + /** + * Overrides abstract parent method + */ + execute(commandContext) { + const topic = commandContext.findTopics(this._topicId)[0]; + + // Feature must be created only one time. + if (!this._featureModel) { + const model = topic.getModel(); + this._featureModel = model.createFeature(this._featureType, this._attributes); + } + topic.addFeature(this._featureModel); + }, + + /** + * Overrides abstract parent method + * @see {@link mindplot.Command.undoExecute} + */ + undoExecute(commandContext) { + const topic = commandContext.findTopics(this._topicId)[0]; + topic.removeFeature(this._featureModel); + }, + }, +); + +export default AddFeatureToTopicCommand; diff --git a/packages/mindplot/lib/components/commands/AddRelationshipCommand.js b/packages/mindplot/src/components/commands/AddRelationshipCommand.js similarity index 97% rename from packages/mindplot/lib/components/commands/AddRelationshipCommand.js rename to packages/mindplot/src/components/commands/AddRelationshipCommand.js index 88180472..cbad2d3e 100644 --- a/packages/mindplot/lib/components/commands/AddRelationshipCommand.js +++ b/packages/mindplot/src/components/commands/AddRelationshipCommand.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default; +import Command from '../Command'; const AddRelationshipCommand = new Class(/** @lends AddRelationshipCommand */{ Extends: Command, diff --git a/packages/mindplot/lib/components/commands/AddTopicCommand.js b/packages/mindplot/src/components/commands/AddTopicCommand.js similarity index 84% rename from packages/mindplot/lib/components/commands/AddTopicCommand.js rename to packages/mindplot/src/components/commands/AddTopicCommand.js index 76fde1f5..471d60aa 100644 --- a/packages/mindplot/lib/components/commands/AddTopicCommand.js +++ b/packages/mindplot/src/components/commands/AddTopicCommand.js @@ -15,20 +15,20 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default; +import Command from '../Command'; const AddTopicCommand = new Class( /** @lends AddTopicCommand */ { Extends: Command, /** - * @classdesc This command class handles do/undo of adding one or multiple topics to - * the mindmap. - * @constructs - * @param {Array} models one or multiple models - * @param {Array} parentTopicsId ids of the parent topics to add the children to, or null - * when attaching a dragged node or a node/branch from clipboard - * @extends mindplot.Command - */ + * @classdesc This command class handles do/undo of adding one or multiple topics to + * the mindmap. + * @constructs + * @param {Array} models one or multiple models + * @param {Array} parentTopicsId ids of the parent topics to add the children to, or null + * when attaching a dragged node or a node/branch from clipboard + * @extends mindplot.Command + */ initialize(models, parentTopicsId) { $assert(models, 'models can not be null'); $assert( diff --git a/packages/mindplot/lib/components/commands/ChangeFeatureToTopicCommand.js b/packages/mindplot/src/components/commands/ChangeFeatureToTopicCommand.js similarity index 97% rename from packages/mindplot/lib/components/commands/ChangeFeatureToTopicCommand.js rename to packages/mindplot/src/components/commands/ChangeFeatureToTopicCommand.js index a5dc5625..3babdd1a 100644 --- a/packages/mindplot/lib/components/commands/ChangeFeatureToTopicCommand.js +++ b/packages/mindplot/src/components/commands/ChangeFeatureToTopicCommand.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default; +import Command from '../Command'; const ChangeFeatureToTopicCommand = new Class(/** @lends ChangeFeatureToTopicCommand */{ Extends: Command, diff --git a/packages/mindplot/lib/components/commands/DeleteCommand.js b/packages/mindplot/src/components/commands/DeleteCommand.js similarity index 99% rename from packages/mindplot/lib/components/commands/DeleteCommand.js rename to packages/mindplot/src/components/commands/DeleteCommand.js index 00d54c4b..39ab3c10 100644 --- a/packages/mindplot/lib/components/commands/DeleteCommand.js +++ b/packages/mindplot/src/components/commands/DeleteCommand.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default; +import Command from '../Command'; const DeleteCommand = new Class(/** @lends mindplot.commands.DeleteCommand */{ Extends: Command, diff --git a/packages/mindplot/lib/components/commands/DragTopicCommand.js b/packages/mindplot/src/components/commands/DragTopicCommand.js similarity index 94% rename from packages/mindplot/lib/components/commands/DragTopicCommand.js rename to packages/mindplot/src/components/commands/DragTopicCommand.js index b0c5135f..1536109b 100644 --- a/packages/mindplot/lib/components/commands/DragTopicCommand.js +++ b/packages/mindplot/src/components/commands/DragTopicCommand.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default; +import Command from '../Command'; const DragTopicCommand = new Class(/** @lends DragTopicCommand */{ Extends: Command, @@ -54,7 +54,7 @@ const DragTopicCommand = new Class(/** @lends DragTopicCommand */{ const origPosition = topic.getPosition(); // Disconnect topic .. - if ($defined(origParentTopic) && origParentTopic != this._parentId) { + if ($defined(origParentTopic) && origParentTopic !== this._parentId) { commandContext.disconnect(topic); } @@ -68,7 +68,7 @@ const DragTopicCommand = new Class(/** @lends DragTopicCommand */{ } // Finally, connect topic ... - if (origParentTopic != this._parentId) { + if (origParentTopic !== this._parentId) { if ($defined(this._parentId)) { const parentTopic = commandContext.findTopics(this._parentId)[0]; commandContext.connect(topic, parentTopic); diff --git a/packages/mindplot/lib/components/commands/GenericFunctionCommand.js b/packages/mindplot/src/components/commands/GenericFunctionCommand.js similarity index 97% rename from packages/mindplot/lib/components/commands/GenericFunctionCommand.js rename to packages/mindplot/src/components/commands/GenericFunctionCommand.js index 731f27de..193c7254 100644 --- a/packages/mindplot/lib/components/commands/GenericFunctionCommand.js +++ b/packages/mindplot/src/components/commands/GenericFunctionCommand.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default; +import Command from '../Command'; const GenericFunctionCommand = new Class(/** @lends GenericFunctionCommand */{ Extends: Command, @@ -87,7 +87,7 @@ const GenericFunctionCommand = new Class(/** @lends GenericFunctionCommand */{ this.applied = false; this._oldValues = []; } else { - throw 'undo can not be applied.'; + throw new Error('undo can not be applied.'); } }, }); diff --git a/packages/mindplot/lib/components/commands/MoveControlPointCommand.js b/packages/mindplot/src/components/commands/MoveControlPointCommand.js similarity index 96% rename from packages/mindplot/lib/components/commands/MoveControlPointCommand.js rename to packages/mindplot/src/components/commands/MoveControlPointCommand.js index fdfa9e74..c6fc7232 100644 --- a/packages/mindplot/lib/components/commands/MoveControlPointCommand.js +++ b/packages/mindplot/src/components/commands/MoveControlPointCommand.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default; +import Command from '../Command'; const MoveControlPointCommand = new Class( /** @lends MoveControlPointCommand */ { @@ -50,6 +50,8 @@ const MoveControlPointCommand = new Class( this._wasCustom = this._line.getLine().isDestControlPointCustom(); this._endPoint = this._line.getLine().getTo().clone(); break; + default: + break; } this._point = point; }, @@ -57,7 +59,7 @@ const MoveControlPointCommand = new Class( /** * Overrides abstract parent method */ - execute(commandContext) { + execute() { const model = this._line.getModel(); switch (this._point) { case 0: @@ -73,6 +75,8 @@ const MoveControlPointCommand = new Class( this._line.setIsDestControlPointCustom(true); this._line.setDestControlPoint(this._controlPoint.clone()); break; + default: + break; } if (this._line.isOnFocus()) { this._line._refreshShape(); @@ -85,7 +89,7 @@ const MoveControlPointCommand = new Class( * Overrides abstract parent method * @see {@link mindplot.Command.undoExecute} */ - undoExecute(commandContext) { + undoExecute() { const line = this._line; const model = line.getModel(); switch (this._point) { @@ -105,6 +109,8 @@ const MoveControlPointCommand = new Class( line.setIsDestControlPointCustom(this._wasCustom); } break; + default: + break; } this._line.getLine().updateLine(this._point); if (this._line.isOnFocus()) { diff --git a/packages/mindplot/lib/components/commands/RemoveFeatureFromTopicCommand.js b/packages/mindplot/src/components/commands/RemoveFeatureFromTopicCommand.js similarity index 97% rename from packages/mindplot/lib/components/commands/RemoveFeatureFromTopicCommand.js rename to packages/mindplot/src/components/commands/RemoveFeatureFromTopicCommand.js index cfd725d1..7e0aa2f7 100644 --- a/packages/mindplot/lib/components/commands/RemoveFeatureFromTopicCommand.js +++ b/packages/mindplot/src/components/commands/RemoveFeatureFromTopicCommand.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Command = require('../Command').default; +import Command from '../Command'; const RemoveFeatureFromTopicCommand = new Class(/** @lends RemoveFeatureFromTopicCommand */{ Extends: Command, diff --git a/packages/mindplot/src/components/commands/index.js b/packages/mindplot/src/components/commands/index.js new file mode 100644 index 00000000..20c113d5 --- /dev/null +++ b/packages/mindplot/src/components/commands/index.js @@ -0,0 +1,21 @@ +import addFeatureToTopicCommand from './AddFeatureToTopicCommand'; +import addRelationshipCommand from './AddRelationshipCommand'; +import addTopicCommand from './AddTopicCommand'; +import changeFeatureToTopicCommand from './ChangeFeatureToTopicCommand'; +import deleteCommand from './DeleteCommand'; +import dragTopicCommand from './DragTopicCommand'; +import genericFunctionCommand from './GenericFunctionCommand'; +import moveControlPointCommand from './MoveControlPointCommand'; +import removeFeatureFromTopicCommand from './RemoveFeatureFromTopicCommand'; + +export default { + AddFeatureToTopicCommand: addFeatureToTopicCommand, + AddRelationshipCommand: addRelationshipCommand, + AddTopicCommand: addTopicCommand, + ChangeFeatureToTopicCommand: changeFeatureToTopicCommand, + DeleteCommand: deleteCommand, + DragTopicCommand: dragTopicCommand, + GenericFunctionCommand: genericFunctionCommand, + MoveControlPointCommand: moveControlPointCommand, + RemoveFeatureFromTopicCommand: removeFeatureFromTopicCommand, +}; diff --git a/packages/mindplot/lib/components/footer.js b/packages/mindplot/src/components/footer.js similarity index 100% rename from packages/mindplot/lib/components/footer.js rename to packages/mindplot/src/components/footer.js diff --git a/packages/mindplot/lib/components/header.js b/packages/mindplot/src/components/header.js similarity index 100% rename from packages/mindplot/lib/components/header.js rename to packages/mindplot/src/components/header.js diff --git a/packages/mindplot/src/components/index.js b/packages/mindplot/src/components/index.js new file mode 100644 index 00000000..b6b417ed --- /dev/null +++ b/packages/mindplot/src/components/index.js @@ -0,0 +1,95 @@ +import actionDispatcher from './ActionDispatcher'; +import actionIcon from './ActionIcon'; +import centralTopic from './CentralTopic'; +import command from './Command'; +import connectionLine from './ConnectionLine'; +import controlPoint from './ControlPoint'; +import designer from './Designer'; +import designerActionRunner from './DesignerActionRunner'; +import designerKeyboard from './DesignerKeyboard'; +import designerModal from './DesignerModel'; +import designerUndoManager from './DesignerUndoManager'; +import dragConnector from './DragConnector'; +import dragManager from './DragManager'; +import dragPivot from './DragPivot'; +import dragTopic from './DragTopic'; +import editorOptions from './EditorOptions'; +import editorProperties from './EditorProperties'; +import events from './Events'; +import footer from './footer'; +import header from './header'; +import icon from './Icon'; +import iconGroup from './IconGroup'; +import imageIcon from './ImageIcon'; +import keyboard from './Keyboard'; +import linkIcon from './LinkIcon'; +import localSorageManager from './LocalStorageManager'; +import mainTopic from './MainTopic'; +import messages from './Messages'; +import multilineTextEditor from './MultilineTextEditor'; +import nodeGraph from './NodeGraph'; +import noteIcon from './NoteIcon'; +import options from './Options'; +import persistenceManager from './PersistenceManager'; +import relationship from './Relationship'; +import relationshipPivot from './RelationshipPivot'; +import resetPersistenceManager from './RestPersistenceManager'; +import screenManager from './ScreenManager'; +import shrinkConnector from './ShrinkConnector'; +import standaloneActionDispatcher from './StandaloneActionDispatcher'; +import textEditor from './TextEditor'; +import textEditorFactory from './TextEditorFactory'; +import topic from './Topic'; +import topicEventDispatcher from './TopicEventDispatcher'; +import topicFeature from './TopicFeature'; +import topicStyle from './TopicStyle'; +import workspace from './Workspace'; + +export default { + ActionDispatcher: actionDispatcher, + ActionIcon: actionIcon, + CentralTopic: centralTopic, + Command: command, + ConnectionLine: connectionLine, + ControlPoint: controlPoint, + Designer: designer, + DesignerActionRunner: designerActionRunner, + DesignerKeyboard: designerKeyboard, + DesignerModel: designerModal, + DesignerUndoManager: designerUndoManager, + DragConnector: dragConnector, + DragManager: dragManager, + DragPivot: dragPivot, + DragTopic: dragTopic, + EditorOptions: editorOptions, + EditorProperties: editorProperties, + Events: events, + Footer: footer, + Header: header, + Icon: icon, + IconGroup: iconGroup, + ImageIcon: imageIcon, + Keyboard: keyboard, + LinkIcon: linkIcon, + LocalStorageManager: localSorageManager, + MainTopic: mainTopic, + Messages: messages, + MultilineTextEditor: multilineTextEditor, + NodeGraph: nodeGraph, + NoteIcon: noteIcon, + Options: options, + PersistenceManager: persistenceManager, + Relationship: relationship, + RelationshipPivot: relationshipPivot, + RestPersistenceManager: resetPersistenceManager, + ScreenManager: screenManager, + ShrinkConnector: shrinkConnector, + StandaloneActionDispatcher: standaloneActionDispatcher, + TextEditor: textEditor, + TextEditorFactory: textEditorFactory, + Topic: topic, + TopicEventDispatcher: topicEventDispatcher, + TopicFeature: topicFeature, + TopicStyle: topicStyle, + Workspace: workspace, +}; diff --git a/packages/mindplot/lib/components/layout/AbstractBasicSorter.js b/packages/mindplot/src/components/layout/AbstractBasicSorter.js similarity index 94% rename from packages/mindplot/lib/components/layout/AbstractBasicSorter.js rename to packages/mindplot/src/components/layout/AbstractBasicSorter.js index 0c95b6a7..505363c7 100644 --- a/packages/mindplot/lib/components/layout/AbstractBasicSorter.js +++ b/packages/mindplot/src/components/layout/AbstractBasicSorter.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ChildrenSorterStrategy = require('./ChildrenSorterStrategy').default; +import ChildrenSorterStrategy from './ChildrenSorterStrategy'; /** * @class @@ -45,7 +45,7 @@ const AbstractBasicSorter = new Class( let result; const children = treeSet.getChildren(node); - if (children.length == 0 || node.areChildrenShrunken()) { + if (children.length === 0 || node.areChildrenShrunken()) { result = height; } else { let childrenHeight = 0; diff --git a/packages/mindplot/lib/components/layout/BalancedSorter.js b/packages/mindplot/src/components/layout/BalancedSorter.js similarity index 99% rename from packages/mindplot/lib/components/layout/BalancedSorter.js rename to packages/mindplot/src/components/layout/BalancedSorter.js index 0f67c9e5..867915bd 100644 --- a/packages/mindplot/lib/components/layout/BalancedSorter.js +++ b/packages/mindplot/src/components/layout/BalancedSorter.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const AbstractBasicSorter = require('./AbstractBasicSorter').default; +import AbstractBasicSorter from './AbstractBasicSorter'; const BalancedSorter = new Class( /** @lends BalancedSorter */ { diff --git a/packages/mindplot/lib/components/layout/ChangeEvent.js b/packages/mindplot/src/components/layout/ChangeEvent.js similarity index 100% rename from packages/mindplot/lib/components/layout/ChangeEvent.js rename to packages/mindplot/src/components/layout/ChangeEvent.js diff --git a/packages/mindplot/lib/components/layout/ChildrenSorterStrategy.js b/packages/mindplot/src/components/layout/ChildrenSorterStrategy.js similarity index 100% rename from packages/mindplot/lib/components/layout/ChildrenSorterStrategy.js rename to packages/mindplot/src/components/layout/ChildrenSorterStrategy.js diff --git a/packages/mindplot/lib/components/layout/EventBus.js b/packages/mindplot/src/components/layout/EventBus.js similarity index 96% rename from packages/mindplot/lib/components/layout/EventBus.js rename to packages/mindplot/src/components/layout/EventBus.js index d4e473d1..17a890b9 100644 --- a/packages/mindplot/lib/components/layout/EventBus.js +++ b/packages/mindplot/src/components/layout/EventBus.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Events = require('../Events').default; +import Events from '../Events'; const EventBus = new Class(/** @lends EventBus */{ Implements: Events, diff --git a/packages/mindplot/lib/components/layout/EventBusDispatcher.js b/packages/mindplot/src/components/layout/EventBusDispatcher.js similarity index 98% rename from packages/mindplot/lib/components/layout/EventBusDispatcher.js rename to packages/mindplot/src/components/layout/EventBusDispatcher.js index b2e9cb15..e634e1d3 100644 --- a/packages/mindplot/lib/components/layout/EventBusDispatcher.js +++ b/packages/mindplot/src/components/layout/EventBusDispatcher.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const EventBus = require('./EventBus').default; +import EventBus from './EventBus'; const EventBusDispatcher = new Class(/** @lends EventBusDispatcher */{ /** diff --git a/packages/mindplot/lib/components/layout/GridSorter.js b/packages/mindplot/src/components/layout/GridSorter.js similarity index 97% rename from packages/mindplot/lib/components/layout/GridSorter.js rename to packages/mindplot/src/components/layout/GridSorter.js index c3f6bd86..6c9e962e 100644 --- a/packages/mindplot/lib/components/layout/GridSorter.js +++ b/packages/mindplot/src/components/layout/GridSorter.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const AbstractBasicSorter = require('./AbstractBasicSorter').default; +import AbstractBasicSorter from './AbstractBasicSorter'; /** * @class diff --git a/packages/mindplot/lib/components/layout/LayoutManager.js b/packages/mindplot/src/components/layout/LayoutManager.js similarity index 95% rename from packages/mindplot/lib/components/layout/LayoutManager.js rename to packages/mindplot/src/components/layout/LayoutManager.js index b925fa61..240d7566 100644 --- a/packages/mindplot/lib/components/layout/LayoutManager.js +++ b/packages/mindplot/src/components/layout/LayoutManager.js @@ -15,10 +15,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Events = require('../Events').default; -const RootedTreeSet = require('./RootedTreeSet').default; -const OriginalLayout = require('./OriginalLayout').default; -const ChangeEvent = require('./ChangeEvent').default; +import Events from '../Events'; +import RootedTreeSet from './RootedTreeSet'; +import OriginalLayout from './OriginalLayout'; +import ChangeEvent from './ChangeEvent'; const LayoutManager = new Class( /** @lends LayoutManager */ { @@ -202,10 +202,15 @@ const LayoutManager = new Class( * @return canvas */ plot(containerId, size) { + // this method is only used from tests that include Raphael + if (!global.Raphael) { + console.warn('Raphael.js not found, exiting plot()'); + return null; + } $assert(containerId, 'containerId cannot be null'); size = size || { width: 200, height: 200 }; const squaresize = 10; - const canvas = Raphael(containerId, size.width, size.height); + const canvas = global.Raphael(containerId, size.width, size.height); canvas.drawGrid( 0, 0, diff --git a/packages/mindplot/lib/components/layout/Node.js b/packages/mindplot/src/components/layout/Node.js similarity index 100% rename from packages/mindplot/lib/components/layout/Node.js rename to packages/mindplot/src/components/layout/Node.js diff --git a/packages/mindplot/lib/components/layout/OriginalLayout.js b/packages/mindplot/src/components/layout/OriginalLayout.js similarity index 98% rename from packages/mindplot/lib/components/layout/OriginalLayout.js rename to packages/mindplot/src/components/layout/OriginalLayout.js index 7a338189..ee62054d 100644 --- a/packages/mindplot/lib/components/layout/OriginalLayout.js +++ b/packages/mindplot/src/components/layout/OriginalLayout.js @@ -16,9 +16,9 @@ * limitations under the License. */ -const Node = require('./Node').default; -const SymmetricSorter = require('./SymmetricSorter').default; -const BalancedSorter = require('./BalancedSorter').default; +import Node from './Node'; +import SymmetricSorter from './SymmetricSorter'; +import BalancedSorter from './BalancedSorter'; const OriginalLayout = new Class( /** @lends OriginalLayout */ { diff --git a/packages/mindplot/lib/components/layout/RootedTreeSet.js b/packages/mindplot/src/components/layout/RootedTreeSet.js similarity index 100% rename from packages/mindplot/lib/components/layout/RootedTreeSet.js rename to packages/mindplot/src/components/layout/RootedTreeSet.js diff --git a/packages/mindplot/lib/components/layout/SymmetricSorter.js b/packages/mindplot/src/components/layout/SymmetricSorter.js similarity index 99% rename from packages/mindplot/lib/components/layout/SymmetricSorter.js rename to packages/mindplot/src/components/layout/SymmetricSorter.js index 9bb46ba3..590b2c2d 100644 --- a/packages/mindplot/lib/components/layout/SymmetricSorter.js +++ b/packages/mindplot/src/components/layout/SymmetricSorter.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const AbstractBasicSorter = require('./AbstractBasicSorter').default; +import AbstractBasicSorter from './AbstractBasicSorter'; const SymmetricSorter = new Class( /** @lends SymmetricSorter */ { diff --git a/packages/mindplot/src/components/layout/index.js b/packages/mindplot/src/components/layout/index.js new file mode 100644 index 00000000..3071d189 --- /dev/null +++ b/packages/mindplot/src/components/layout/index.js @@ -0,0 +1,27 @@ +import abstractBasicSorter from './AbstractBasicSorter'; +import balancedSorter from './BalancedSorter'; +import changeEvent from './ChangeEvent'; +import childrenSorterStrategy from './ChildrenSorterStrategy'; +import eventBus from './EventBus'; +import eventBusDispatcher from './EventBusDispatcher'; +import gridSorter from './GridSorter'; +import layoutManager from './LayoutManager'; +import node from './Node'; +import originalLayout from './OriginalLayout'; +import rootedTreeSet from './RootedTreeSet'; +import symmetricSorter from './SymmetricSorter'; + +export default { + AbstractBasicSorter: abstractBasicSorter, + BalancedSorter: balancedSorter, + ChangeEvent: changeEvent, + ChildrenSorterStrategy: childrenSorterStrategy, + EventBus: eventBus, + EventBusDispatcher: eventBusDispatcher, + GridSorter: gridSorter, + LayoutManager: layoutManager, + Node: node, + OriginalLayout: originalLayout, + RootedTreeSet: rootedTreeSet, + SymmetricSorter: symmetricSorter, +}; diff --git a/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.Request.js b/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.Request.js similarity index 95% rename from packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.Request.js rename to packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.Request.js index 01920850..2f92cf29 100644 --- a/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.Request.js +++ b/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.Request.js @@ -1,4 +1,4 @@ -const BootstrapDialog = require('./BootstrapDialog').default; +import BootstrapDialog from './BootstrapDialog'; BootstrapDialog.Request = new Class({ diff --git a/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.js b/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js similarity index 98% rename from packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.js rename to packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js index 5aa9a24a..9098942c 100644 --- a/packages/mindplot/lib/components/libraries/bootstrap/BootstrapDialog.js +++ b/packages/mindplot/src/components/libraries/bootstrap/BootstrapDialog.js @@ -1,4 +1,4 @@ -const Options = require('../../Options').default; +import Options from '../../Options'; const BootstrapDialog = new Class({ Implements: Options, diff --git a/packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-colorpicker.css b/packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-colorpicker.css similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-colorpicker.css rename to packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-colorpicker.css diff --git a/packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-colorpicker.min.css b/packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-colorpicker.min.css similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-colorpicker.min.css rename to packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-colorpicker.min.css diff --git a/packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-theme.css b/packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-theme.css similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-theme.css rename to packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-theme.css diff --git a/packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-theme.css.map b/packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-theme.css.map similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-theme.css.map rename to packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-theme.css.map diff --git a/packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-theme.min.css b/packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-theme.min.css similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap-theme.min.css rename to packages/mindplot/src/components/libraries/bootstrap/css/bootstrap-theme.min.css diff --git a/packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap.css b/packages/mindplot/src/components/libraries/bootstrap/css/bootstrap.css similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap.css rename to packages/mindplot/src/components/libraries/bootstrap/css/bootstrap.css diff --git a/packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap.css.map b/packages/mindplot/src/components/libraries/bootstrap/css/bootstrap.css.map similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap.css.map rename to packages/mindplot/src/components/libraries/bootstrap/css/bootstrap.css.map diff --git a/packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap.min.css b/packages/mindplot/src/components/libraries/bootstrap/css/bootstrap.min.css similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/css/bootstrap.min.css rename to packages/mindplot/src/components/libraries/bootstrap/css/bootstrap.min.css diff --git a/packages/mindplot/lib/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.eot b/packages/mindplot/src/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.eot similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.eot rename to packages/mindplot/src/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.eot diff --git a/packages/mindplot/lib/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.svg b/packages/mindplot/src/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.svg similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.svg rename to packages/mindplot/src/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.svg diff --git a/packages/mindplot/lib/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.ttf b/packages/mindplot/src/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.ttf similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.ttf rename to packages/mindplot/src/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.ttf diff --git a/packages/mindplot/lib/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.woff b/packages/mindplot/src/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.woff similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.woff rename to packages/mindplot/src/components/libraries/bootstrap/fonts/glyphicons-halflings-regular.woff diff --git a/packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/alpha-horizontal.png b/packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/alpha-horizontal.png similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/alpha-horizontal.png rename to packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/alpha-horizontal.png diff --git a/packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/alpha.png b/packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/alpha.png similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/alpha.png rename to packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/alpha.png diff --git a/packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/hue-horizontal.png b/packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/hue-horizontal.png similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/hue-horizontal.png rename to packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/hue-horizontal.png diff --git a/packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/hue.png b/packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/hue.png similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/hue.png rename to packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/hue.png diff --git a/packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/saturation.png b/packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/saturation.png similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/img/bootstrap-colorpicker/saturation.png rename to packages/mindplot/src/components/libraries/bootstrap/img/bootstrap-colorpicker/saturation.png diff --git a/packages/mindplot/lib/components/libraries/bootstrap/img/glyphicons-halflings-blue.png b/packages/mindplot/src/components/libraries/bootstrap/img/glyphicons-halflings-blue.png similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/img/glyphicons-halflings-blue.png rename to packages/mindplot/src/components/libraries/bootstrap/img/glyphicons-halflings-blue.png diff --git a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.js b/packages/mindplot/src/components/libraries/bootstrap/js/bootstrap-colorpicker.js similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.js rename to packages/mindplot/src/components/libraries/bootstrap/js/bootstrap-colorpicker.js diff --git a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.min.js b/packages/mindplot/src/components/libraries/bootstrap/js/bootstrap-colorpicker.min.js similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap-colorpicker.min.js rename to packages/mindplot/src/components/libraries/bootstrap/js/bootstrap-colorpicker.min.js diff --git a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.js b/packages/mindplot/src/components/libraries/bootstrap/js/bootstrap.js similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.js rename to packages/mindplot/src/components/libraries/bootstrap/js/bootstrap.js diff --git a/packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.min.js b/packages/mindplot/src/components/libraries/bootstrap/js/bootstrap.min.js similarity index 100% rename from packages/mindplot/lib/components/libraries/bootstrap/js/bootstrap.min.js rename to packages/mindplot/src/components/libraries/bootstrap/js/bootstrap.min.js diff --git a/packages/mindplot/lib/components/libraries/hotkeys/jquery.hotkeys.js b/packages/mindplot/src/components/libraries/hotkeys/jquery.hotkeys.js similarity index 100% rename from packages/mindplot/lib/components/libraries/hotkeys/jquery.hotkeys.js rename to packages/mindplot/src/components/libraries/hotkeys/jquery.hotkeys.js diff --git a/packages/mindplot/lib/components/libraries/jquery/jquery-2.1.0.js b/packages/mindplot/src/components/libraries/jquery/jquery-2.1.0.js similarity index 100% rename from packages/mindplot/lib/components/libraries/jquery/jquery-2.1.0.js rename to packages/mindplot/src/components/libraries/jquery/jquery-2.1.0.js diff --git a/packages/mindplot/lib/components/libraries/jquery/jquery-2.1.0.min.js b/packages/mindplot/src/components/libraries/jquery/jquery-2.1.0.min.js similarity index 100% rename from packages/mindplot/lib/components/libraries/jquery/jquery-2.1.0.min.js rename to packages/mindplot/src/components/libraries/jquery/jquery-2.1.0.min.js diff --git a/packages/mindplot/lib/components/libraries/jquery/jquery.mousewheel.min.js b/packages/mindplot/src/components/libraries/jquery/jquery.mousewheel.min.js similarity index 100% rename from packages/mindplot/lib/components/libraries/jquery/jquery.mousewheel.min.js rename to packages/mindplot/src/components/libraries/jquery/jquery.mousewheel.min.js diff --git a/packages/mindplot/lib/components/libraries/less/less-1.4.2.min.js b/packages/mindplot/src/components/libraries/less/less-1.4.2.min.js similarity index 100% rename from packages/mindplot/lib/components/libraries/less/less-1.4.2.min.js rename to packages/mindplot/src/components/libraries/less/less-1.4.2.min.js diff --git a/packages/mindplot/lib/components/libraries/less/less-1.6.2.min.js b/packages/mindplot/src/components/libraries/less/less-1.6.2.min.js similarity index 99% rename from packages/mindplot/lib/components/libraries/less/less-1.6.2.min.js rename to packages/mindplot/src/components/libraries/less/less-1.6.2.min.js index 57b3a78b..7c11e839 100644 --- a/packages/mindplot/lib/components/libraries/less/less-1.6.2.min.js +++ b/packages/mindplot/src/components/libraries/less/less-1.6.2.min.js @@ -291,13 +291,13 @@ }; } for (g = 0; g < q.length; g++) { if (l = q[g].group, l === t || l === m) { - try { d = q[g].mixin, d instanceof a.mixin.Definition || (d = new a.mixin.Definition('', [], d.rules, null, !1), d.originalRuleset = c[g].originalRuleset || c[g]), Array.prototype.push.apply(o, d.eval(b, e, this.important).rules); } catch (w) { - throw { - message: w.message, index: this.index, filename: this.currentFileInfo.filename, stack: w.stack, - }; - } -} -} if (p) { if (!this.currentFileInfo || !this.currentFileInfo.reference) for (f = 0; f < o.length; f++)k = o[f], k.markReferenced && k.markReferenced(); return o; } + try { d = q[g].mixin, d instanceof a.mixin.Definition || (d = new a.mixin.Definition('', [], d.rules, null, !1), d.originalRuleset = c[g].originalRuleset || c[g]), Array.prototype.push.apply(o, d.eval(b, e, this.important).rules); } catch (w) { + throw { + message: w.message, index: this.index, filename: this.currentFileInfo.filename, stack: w.stack, + }; + } + } + } if (p) { if (!this.currentFileInfo || !this.currentFileInfo.reference) for (f = 0; f < o.length; f++)k = o[f], k.markReferenced && k.markReferenced(); return o; } } } throw j ? { type: 'Runtime', message: `No matching definition was found for \`${this.format(e)}\``, index: this.index, filename: this.currentFileInfo.filename, diff --git a/packages/mindplot/lib/components/libraries/mootools/mootools-core-1.4.5-full-nocompat-yc.js b/packages/mindplot/src/components/libraries/mootools/mootools-core-1.4.5-full-nocompat-yc.js similarity index 100% rename from packages/mindplot/lib/components/libraries/mootools/mootools-core-1.4.5-full-nocompat-yc.js rename to packages/mindplot/src/components/libraries/mootools/mootools-core-1.4.5-full-nocompat-yc.js diff --git a/packages/mindplot/lib/components/libraries/mootools/mootools-core-1.4.5.js b/packages/mindplot/src/components/libraries/mootools/mootools-core-1.4.5.js similarity index 100% rename from packages/mindplot/lib/components/libraries/mootools/mootools-core-1.4.5.js rename to packages/mindplot/src/components/libraries/mootools/mootools-core-1.4.5.js diff --git a/packages/mindplot/lib/components/libraries/mootools/mootools-core-1.6.0.js b/packages/mindplot/src/components/libraries/mootools/mootools-core-1.6.0.js similarity index 100% rename from packages/mindplot/lib/components/libraries/mootools/mootools-core-1.6.0.js rename to packages/mindplot/src/components/libraries/mootools/mootools-core-1.6.0.js diff --git a/packages/mindplot/src/components/libraries/underscorejs/underscore-min.js b/packages/mindplot/src/components/libraries/underscorejs/underscore-min.js new file mode 100644 index 00000000..90b5ebfd --- /dev/null +++ b/packages/mindplot/src/components/libraries/underscorejs/underscore-min.js @@ -0,0 +1,13 @@ +// Underscore.js 1.6.0 +// http://underscorejs.org +// (c) 2009-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors +// Underscore may be freely distributed under the MIT license. +(function () { + const n = this; const t = n._; const r = {}; const e = Array.prototype; const u = Object.prototype; const i = Function.prototype; const a = e.push; const o = e.slice; const c = e.concat; const l = u.toString; const f = u.hasOwnProperty; const s = e.forEach; const p = e.map; const h = e.reduce; const v = e.reduceRight; const g = e.filter; const d = e.every; const m = e.some; const y = e.indexOf; const b = e.lastIndexOf; const x = Array.isArray; const w = Object.keys; const _ = i.bind; var j = function (n) { return n instanceof j ? n : this instanceof j ? void (this._wrapped = n) : new j(n); }; typeof exports !== 'undefined' ? (typeof module !== 'undefined' && module.exports && (exports = module.exports = j), exports._ = j) : n._ = j, j.VERSION = '1.6.0'; const A = j.each = j.forEach = function (n, t, e) { if (n == null) return n; if (s && n.forEach === s)n.forEach(t, e); else if (n.length === +n.length) { for (var u = 0, i = n.length; i > u; u++) if (t.call(e, n[u], u, n) === r) return; } else for (var a = j.keys(n), u = 0, i = a.length; i > u; u++) if (t.call(e, n[a[u]], a[u], n) === r) return; return n; }; j.map = j.collect = function (n, t, r) { const e = []; return n == null ? e : p && n.map === p ? n.map(t, r) : (A(n, (n, u, i) => { e.push(t.call(r, n, u, i)); }), e); }; const O = 'Reduce of empty array with no initial value'; j.reduce = j.foldl = j.inject = function (n, t, r, e) { let u = arguments.length > 2; if (n == null && (n = []), h && n.reduce === h) return e && (t = j.bind(t, e)), u ? n.reduce(t, r) : n.reduce(t); if (A(n, (n, i, a) => { u ? r = t.call(e, r, n, i, a) : (r = n, u = !0); }), !u) throw new TypeError(O); return r; }, j.reduceRight = j.foldr = function (n, t, r, e) { let u = arguments.length > 2; if (n == null && (n = []), v && n.reduceRight === v) return e && (t = j.bind(t, e)), u ? n.reduceRight(t, r) : n.reduceRight(t); let i = n.length; if (i !== +i) { var a = j.keys(n); i = a.length; } if (A(n, (o, c, l) => { c = a ? a[--i] : --i, u ? r = t.call(e, r, n[c], c, l) : (r = n[c], u = !0); }), !u) throw new TypeError(O); return r; }, j.find = j.detect = function (n, t, r) { let e; return k(n, (n, u, i) => (t.call(r, n, u, i) ? (e = n, !0) : void 0)), e; }, j.filter = j.select = function (n, t, r) { const e = []; return n == null ? e : g && n.filter === g ? n.filter(t, r) : (A(n, (n, u, i) => { t.call(r, n, u, i) && e.push(n); }), e); }, j.reject = function (n, t, r) { return j.filter(n, (n, e, u) => !t.call(r, n, e, u), r); }, j.every = j.all = function (n, t, e) { t || (t = j.identity); let u = !0; return n == null ? u : d && n.every === d ? n.every(t, e) : (A(n, (n, i, a) => ((u = u && t.call(e, n, i, a)) ? void 0 : r)), !!u); }; var k = j.some = j.any = function (n, t, e) { t || (t = j.identity); let u = !1; return n == null ? u : m && n.some === m ? n.some(t, e) : (A(n, (n, i, a) => (u || (u = t.call(e, n, i, a)) ? r : void 0)), !!u); }; j.contains = j.include = function (n, t) { return n == null ? !1 : y && n.indexOf === y ? n.indexOf(t) != -1 : k(n, (n) => n === t); }, j.invoke = function (n, t) { const r = o.call(arguments, 2); const e = j.isFunction(t); return j.map(n, (n) => (e ? t : n[t]).apply(n, r)); }, j.pluck = function (n, t) { return j.map(n, j.property(t)); }, j.where = function (n, t) { return j.filter(n, j.matches(t)); }, j.findWhere = function (n, t) { return j.find(n, j.matches(t)); }, j.max = function (n, t, r) { if (!t && j.isArray(n) && n[0] === +n[0] && n.length < 65535) return Math.max.apply(Math, n); let e = -1 / 0; let u = -1 / 0; return A(n, (n, i, a) => { const o = t ? t.call(r, n, i, a) : n; o > u && (e = n, u = o); }), e; }, j.min = function (n, t, r) { if (!t && j.isArray(n) && n[0] === +n[0] && n.length < 65535) return Math.min.apply(Math, n); let e = 1 / 0; let u = 1 / 0; return A(n, (n, i, a) => { const o = t ? t.call(r, n, i, a) : n; u > o && (e = n, u = o); }), e; }, j.shuffle = function (n) { let t; let r = 0; const e = []; return A(n, (n) => { t = j.random(r++), e[r - 1] = e[t], e[t] = n; }), e; }, j.sample = function (n, t, r) { return t == null || r ? (n.length !== +n.length && (n = j.values(n)), n[j.random(n.length - 1)]) : j.shuffle(n).slice(0, Math.max(0, t)); }; const E = function (n) { return n == null ? j.identity : j.isFunction(n) ? n : j.property(n); }; j.sortBy = function (n, t, r) { return t = E(t), j.pluck(j.map(n, (n, e, u) => ({ value: n, index: e, criteria: t.call(r, n, e, u) })).sort((n, t) => { const r = n.criteria; const e = t.criteria; if (r !== e) { if (r > e || r === void 0) return 1; if (e > r || e === void 0) return -1; } return n.index - t.index; }), 'value'); }; const F = function (n) { return function (t, r, e) { const u = {}; return r = E(r), A(t, (i, a) => { const o = r.call(e, i, a, t); n(u, o, i); }), u; }; }; j.groupBy = F((n, t, r) => { j.has(n, t) ? n[t].push(r) : n[t] = [r]; }), j.indexBy = F((n, t, r) => { n[t] = r; }), j.countBy = F((n, t) => { j.has(n, t) ? n[t]++ : n[t] = 1; }), j.sortedIndex = function (n, t, r, e) { r = E(r); for (var u = r.call(e, t), i = 0, a = n.length; a > i;) { const o = i + a >>> 1; r.call(e, n[o]) < u ? i = o + 1 : a = o; } return i; }, j.toArray = function (n) { return n ? j.isArray(n) ? o.call(n) : n.length === +n.length ? j.map(n, j.identity) : j.values(n) : []; }, j.size = function (n) { return n == null ? 0 : n.length === +n.length ? n.length : j.keys(n).length; }, j.first = j.head = j.take = function (n, t, r) { return n == null ? void 0 : t == null || r ? n[0] : t < 0 ? [] : o.call(n, 0, t); }, j.initial = function (n, t, r) { return o.call(n, 0, n.length - (t == null || r ? 1 : t)); }, j.last = function (n, t, r) { return n == null ? void 0 : t == null || r ? n[n.length - 1] : o.call(n, Math.max(n.length - t, 0)); }, j.rest = j.tail = j.drop = function (n, t, r) { return o.call(n, t == null || r ? 1 : t); }, j.compact = function (n) { return j.filter(n, j.identity); }; var M = function (n, t, r) { return t && j.every(n, j.isArray) ? c.apply(r, n) : (A(n, (n) => { j.isArray(n) || j.isArguments(n) ? t ? a.apply(r, n) : M(n, t, r) : r.push(n); }), r); }; j.flatten = function (n, t) { return M(n, t, []); }, j.without = function (n) { return j.difference(n, o.call(arguments, 1)); }, j.partition = function (n, t) { const r = []; const e = []; return A(n, (n) => { (t(n) ? r : e).push(n); }), [r, e]; }, j.uniq = j.unique = function (n, t, r, e) { j.isFunction(t) && (e = r, r = t, t = !1); const u = r ? j.map(n, r, e) : n; const i = []; const a = []; return A(u, (r, e) => { (t ? e && a[a.length - 1] === r : j.contains(a, r)) || (a.push(r), i.push(n[e])); }), i; }, j.union = function () { return j.uniq(j.flatten(arguments, !0)); }, j.intersection = function (n) { const t = o.call(arguments, 1); return j.filter(j.uniq(n), (n) => j.every(t, (t) => j.contains(t, n))); }, j.difference = function (n) { const t = c.apply(e, o.call(arguments, 1)); return j.filter(n, (n) => !j.contains(t, n)); }, j.zip = function () { for (var n = j.max(j.pluck(arguments, 'length').concat(0)), t = new Array(n), r = 0; n > r; r++)t[r] = j.pluck(arguments, `${r}`); return t; }, j.object = function (n, t) { if (n == null) return {}; for (var r = {}, e = 0, u = n.length; u > e; e++)t ? r[n[e]] = t[e] : r[n[e][0]] = n[e][1]; return r; }, j.indexOf = function (n, t, r) { if (n == null) return -1; let e = 0; const u = n.length; if (r) { if (typeof r !== 'number') return e = j.sortedIndex(n, t), n[e] === t ? e : -1; e = r < 0 ? Math.max(0, u + r) : r; } if (y && n.indexOf === y) return n.indexOf(t, r); for (;u > e; e++) if (n[e] === t) return e; return -1; }, j.lastIndexOf = function (n, t, r) { if (n == null) return -1; const e = r != null; if (b && n.lastIndexOf === b) return e ? n.lastIndexOf(t, r) : n.lastIndexOf(t); for (let u = e ? r : n.length; u--;) if (n[u] === t) return u; return -1; }, j.range = function (n, t, r) { arguments.length <= 1 && (t = n || 0, n = 0), r = arguments[2] || 1; for (var e = Math.max(Math.ceil((t - n) / r), 0), u = 0, i = new Array(e); e > u;)i[u++] = n, n += r; return i; }; const R = function () {}; j.bind = function (n, t) { let r; let e; if (_ && n.bind === _) return _.apply(n, o.call(arguments, 1)); if (!j.isFunction(n)) throw new TypeError(); return r = o.call(arguments, 2), e = function () { if (!(this instanceof e)) return n.apply(t, r.concat(o.call(arguments))); R.prototype = n.prototype; const u = new R(); R.prototype = null; const i = n.apply(u, r.concat(o.call(arguments))); return Object(i) === i ? i : u; }; }, j.partial = function (n) { const t = o.call(arguments, 1); return function () { for (var r = 0, e = t.slice(), u = 0, i = e.length; i > u; u++)e[u] === j && (e[u] = arguments[r++]); for (;r < arguments.length;)e.push(arguments[r++]); return n.apply(this, e); }; }, j.bindAll = function (n) { const t = o.call(arguments, 1); if (t.length === 0) throw new Error('bindAll must be passed function names'); return A(t, (t) => { n[t] = j.bind(n[t], n); }), n; }, j.memoize = function (n, t) { const r = {}; return t || (t = j.identity), function () { const e = t.apply(this, arguments); return j.has(r, e) ? r[e] : r[e] = n.apply(this, arguments); }; }, j.delay = function (n, t) { const r = o.call(arguments, 2); return setTimeout(() => n.apply(null, r), t); }, j.defer = function (n) { return j.delay.apply(j, [n, 1].concat(o.call(arguments, 1))); }, j.throttle = function (n, t, r) { let e; let u; let i; let a = null; let o = 0; r || (r = {}); const c = function () { o = r.leading === !1 ? 0 : j.now(), a = null, i = n.apply(e, u), e = u = null; }; return function () { const l = j.now(); o || r.leading !== !1 || (o = l); const f = t - (l - o); return e = this, u = arguments, f <= 0 ? (clearTimeout(a), a = null, o = l, i = n.apply(e, u), e = u = null) : a || r.trailing === !1 || (a = setTimeout(c, f)), i; }; }, j.debounce = function (n, t, r) { let e; let u; let i; let a; let o; var c = function () { const l = j.now() - a; t > l ? e = setTimeout(c, t - l) : (e = null, r || (o = n.apply(i, u), i = u = null)); }; return function () { i = this, u = arguments, a = j.now(); const l = r && !e; return e || (e = setTimeout(c, t)), l && (o = n.apply(i, u), i = u = null), o; }; }, j.once = function (n) { let t; let r = !1; return function () { return r ? t : (r = !0, t = n.apply(this, arguments), n = null, t); }; }, j.wrap = function (n, t) { return j.partial(t, n); }, j.compose = function () { const n = arguments; return function () { for (var t = arguments, r = n.length - 1; r >= 0; r--)t = [n[r].apply(this, t)]; return t[0]; }; }, j.after = function (n, t) { return function () { return --n < 1 ? t.apply(this, arguments) : void 0; }; }, j.keys = function (n) { if (!j.isObject(n)) return []; if (w) return w(n); const t = []; for (const r in n)j.has(n, r) && t.push(r); return t; }, j.values = function (n) { for (var t = j.keys(n), r = t.length, e = new Array(r), u = 0; r > u; u++)e[u] = n[t[u]]; return e; }, j.pairs = function (n) { for (var t = j.keys(n), r = t.length, e = new Array(r), u = 0; r > u; u++)e[u] = [t[u], n[t[u]]]; return e; }, j.invert = function (n) { for (var t = {}, r = j.keys(n), e = 0, u = r.length; u > e; e++)t[n[r[e]]] = r[e]; return t; }, j.functions = j.methods = function (n) { const t = []; for (const r in n)j.isFunction(n[r]) && t.push(r); return t.sort(); }, j.extend = function (n) { return A(o.call(arguments, 1), (t) => { if (t) for (const r in t)n[r] = t[r]; }), n; }, j.pick = function (n) { const t = {}; const r = c.apply(e, o.call(arguments, 1)); return A(r, (r) => { r in n && (t[r] = n[r]); }), t; }, j.omit = function (n) { const t = {}; const r = c.apply(e, o.call(arguments, 1)); for (const u in n)j.contains(r, u) || (t[u] = n[u]); return t; }, j.defaults = function (n) { return A(o.call(arguments, 1), (t) => { if (t) for (const r in t)n[r] === void 0 && (n[r] = t[r]); }), n; }, j.clone = function (n) { return j.isObject(n) ? j.isArray(n) ? n.slice() : j.extend({}, n) : n; }, j.tap = function (n, t) { return t(n), n; }; var S = function (n, t, r, e) { if (n === t) return n !== 0 || 1 / n == 1 / t; if (n == null || t == null) return n === t; n instanceof j && (n = n._wrapped), t instanceof j && (t = t._wrapped); const u = l.call(n); if (u != l.call(t)) return !1; switch (u) { case '[object String]': return n == String(t); case '[object Number]': return n != +n ? t != +t : n == 0 ? 1 / n == 1 / t : n == +t; case '[object Date]': case '[object Boolean]': return +n == +t; case '[object RegExp]': return n.source == t.source && n.global == t.global && n.multiline == t.multiline && n.ignoreCase == t.ignoreCase; } if (typeof n !== 'object' || typeof t !== 'object') return !1; for (let i = r.length; i--;) if (r[i] == n) return e[i] == t; const a = n.constructor; const o = t.constructor; if (a !== o && !(j.isFunction(a) && a instanceof a && j.isFunction(o) && o instanceof o) && 'constructor' in n && 'constructor' in t) return !1; r.push(n), e.push(t); let c = 0; let f = !0; if (u == '[object Array]') { if (c = n.length, f = c == t.length) for (;c-- && (f = S(n[c], t[c], r, e));); } else { for (var s in n) if (j.has(n, s) && (c++, !(f = j.has(t, s) && S(n[s], t[s], r, e)))) break; if (f) { for (s in t) if (j.has(t, s) && !c--) break; f = !c; } } return r.pop(), e.pop(), f; }; j.isEqual = function (n, t) { return S(n, t, [], []); }, j.isEmpty = function (n) { if (n == null) return !0; if (j.isArray(n) || j.isString(n)) return n.length === 0; for (const t in n) if (j.has(n, t)) return !1; return !0; }, j.isElement = function (n) { return !(!n || n.nodeType !== 1); }, j.isArray = x || function (n) { return l.call(n) == '[object Array]'; }, j.isObject = function (n) { return n === Object(n); }, A(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp'], (n) => { j[`is${n}`] = function (t) { return l.call(t) == `[object ${n}]`; }; }), j.isArguments(arguments) || (j.isArguments = function (n) { return !(!n || !j.has(n, 'callee')); }), typeof /./ !== 'function' && (j.isFunction = function (n) { return typeof n === 'function'; }), j.isFinite = function (n) { return isFinite(n) && !isNaN(parseFloat(n)); }, j.isNaN = function (n) { return j.isNumber(n) && n != +n; }, j.isBoolean = function (n) { return n === !0 || n === !1 || l.call(n) == '[object Boolean]'; }, j.isNull = function (n) { return n === null; }, j.isUndefined = function (n) { return n === void 0; }, j.has = function (n, t) { return f.call(n, t); }, j.noConflict = function () { return n._ = t, this; }, j.identity = function (n) { return n; }, j.constant = function (n) { return function () { return n; }; }, j.property = function (n) { return function (t) { return t[n]; }; }, j.matches = function (n) { return function (t) { if (t === n) return !0; for (const r in n) if (n[r] !== t[r]) return !1; return !0; }; }, j.times = function (n, t, r) { for (var e = Array(Math.max(0, n)), u = 0; n > u; u++)e[u] = t.call(r, u); return e; }, j.random = function (n, t) { return t == null && (t = n, n = 0), n + Math.floor(Math.random() * (t - n + 1)); }, j.now = Date.now || function () { return (new Date()).getTime(); }; const T = { + escape: { + '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', + }, + }; T.unescape = j.invert(T.escape); const I = { escape: new RegExp(`[${j.keys(T.escape).join('')}]`, 'g'), unescape: new RegExp(`(${j.keys(T.unescape).join('|')})`, 'g') }; j.each(['escape', 'unescape'], (n) => { j[n] = function (t) { return t == null ? '' : (`${t}`).replace(I[n], (t) => T[n][t]); }; }), j.result = function (n, t) { if (n == null) return void 0; const r = n[t]; return j.isFunction(r) ? r.call(n) : r; }, j.mixin = function (n) { A(j.functions(n), (t) => { const r = j[t] = n[t]; j.prototype[t] = function () { const n = [this._wrapped]; return a.apply(n, arguments), z.call(this, r.apply(j, n)); }; }); }; let N = 0; j.uniqueId = function (n) { const t = `${++N}`; return n ? n + t : t; }, j.templateSettings = { evaluate: /<%([\s\S]+?)%>/g, interpolate: /<%=([\s\S]+?)%>/g, escape: /<%-([\s\S]+?)%>/g }; const q = /(.)^/; const B = { + "'": "'", '\\': '\\', '\r': 'r', '\n': 'n', ' ': 't', '\u2028': 'u2028', '\u2029': 'u2029', + }; const D = /\\|'|\r|\n|\t|\u2028|\u2029/g; j.template = function (n, t, r) { let e; r = j.defaults({}, r, j.templateSettings); const u = new RegExp(`${[(r.escape || q).source, (r.interpolate || q).source, (r.evaluate || q).source].join('|')}|$`, 'g'); let i = 0; let a = "__p+='"; n.replace(u, (t, r, e, u, o) => (a += n.slice(i, o).replace(D, (n) => `\\${B[n]}`), r && (a += `'+\n((__t=(${r}))==null?'':_.escape(__t))+\n'`), e && (a += `'+\n((__t=(${e}))==null?'':__t)+\n'`), u && (a += `';\n${u}\n__p+='`), i = o + t.length, t)), a += "';\n", r.variable || (a = `with(obj||{}){\n${a}}\n`), a = `${"var __t,__p='',__j=Array.prototype.join," + "print=function(){__p+=__j.call(arguments,'');};\n"}${a}return __p;\n`; try { e = new Function(r.variable || 'obj', '_', a); } catch (o) { throw o.source = a, o; } if (t) return e(t, j); const c = function (n) { return e.call(this, n, j); }; return c.source = `function(${r.variable || 'obj'}){\n${a}}`, c; }, j.chain = function (n) { return j(n).chain(); }; var z = function (n) { return this._chain ? j(n).chain() : n; }; j.mixin(j), A(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], (n) => { const t = e[n]; j.prototype[n] = function () { const r = this._wrapped; return t.apply(r, arguments), n != 'shift' && n != 'splice' || r.length !== 0 || delete r[0], z.call(this, r); }; }), A(['concat', 'join', 'slice'], (n) => { const t = e[n]; j.prototype[n] = function () { return z.call(this, t.apply(this._wrapped, arguments)); }; }), j.extend(j.prototype, { chain() { return this._chain = !0, this; }, value() { return this._wrapped; } }), typeof define === 'function' && define.amd && define('underscore', [], () => j); +}).call(this); diff --git a/packages/mindplot/lib/components/model/FeatureModel.js b/packages/mindplot/src/components/model/FeatureModel.js similarity index 91% rename from packages/mindplot/lib/components/model/FeatureModel.js rename to packages/mindplot/src/components/model/FeatureModel.js index 6ba78c88..ac93b60c 100644 --- a/packages/mindplot/lib/components/model/FeatureModel.js +++ b/packages/mindplot/src/components/model/FeatureModel.js @@ -17,17 +17,6 @@ */ const FeatureModel = new Class(/** @lends FeatureModel */{ - Static: { - _nextUUID() { - if (!$defined(FeatureModel._uuid)) { - FeatureModel._uuid = 0; - } - - FeatureModel._uuid += 1; - return FeatureModel._uuid; - }, - }, - /** * @constructs * @param type @@ -88,4 +77,13 @@ const FeatureModel = new Class(/** @lends FeatureModel */{ }, }); +FeatureModel._nextUUID = function _nextUUID() { + if (!$defined(FeatureModel._uuid)) { + FeatureModel._uuid = 0; + } + + FeatureModel._uuid += 1; + return FeatureModel._uuid; +}; + export default FeatureModel; diff --git a/packages/mindplot/lib/components/model/IMindmap.js b/packages/mindplot/src/components/model/IMindmap.js similarity index 100% rename from packages/mindplot/lib/components/model/IMindmap.js rename to packages/mindplot/src/components/model/IMindmap.js diff --git a/packages/mindplot/lib/components/model/INodeModel.js b/packages/mindplot/src/components/model/INodeModel.js similarity index 88% rename from packages/mindplot/lib/components/model/INodeModel.js rename to packages/mindplot/src/components/model/INodeModel.js index f94c555e..c8ac8556 100644 --- a/packages/mindplot/lib/components/model/INodeModel.js +++ b/packages/mindplot/src/components/model/INodeModel.js @@ -1,3 +1,11 @@ +/* eslint-disable no-shadow */ +/* eslint-disable no-throw-literal */ +/* eslint-disable no-unused-vars */ +/* eslint-disable no-eval */ +/* eslint-disable radix */ +/* eslint-disable no-restricted-globals */ +/* eslint-disable no-param-reassign */ +/* eslint-disable no-underscore-dangle */ /* * Copyright [2015] [wisemapping] * @@ -15,6 +23,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ +import coreJs from '@wisemapping/core-js'; +import _ from '../../../../../libraries/underscore-min'; + +const core = coreJs(); const INodeModel = new Class( /** @lends INodeModel */ { @@ -23,7 +35,7 @@ const INodeModel = new Class( * @param mindmap */ initialize(mindmap) { - $assert(mindmap && mindmap.getBranches, 'mindmap can not be null'); + core.Function.$assert(mindmap && mindmap.getBranches, 'mindmap can not be null'); this._mindmap = mindmap; }, @@ -34,10 +46,10 @@ const INodeModel = new Class( /** */ setId(id) { - if ($defined(id) && id > INodeModel._uuid) { + if (core.Function.$defined(id) && id > INodeModel._uuid) { INodeModel._uuid = id; } - if (!$defined(id)) { + if (!core.Function.$defined(id)) { id = INodeModel._nextUUID(); } @@ -66,8 +78,8 @@ const INodeModel = new Class( /** */ setPosition(x, y) { - $assert(!isNaN(parseInt(x)), `x position is not valid:${x}`); - $assert(!isNaN(parseInt(y)), `y position is not valid:${y}`); + core.Function.$assert(!isNaN(parseInt(x)), `x position is not valid:${x}`); + core.Function.$assert(!isNaN(parseInt(y)), `y position is not valid:${y}`); this.putProperty('position', `{x:${parseInt(x)},y:${parseInt(y)}}`); }, @@ -142,7 +154,7 @@ const INodeModel = new Class( /** */ setOrder(value) { - $assert( + core.Function.$assert( (typeof value === 'number' && isFinite(value)) || value == null, 'Order must be null or a number', ); @@ -227,7 +239,7 @@ const INodeModel = new Class( /** */ areChildrenShrunken() { const result = this.getProperty('shrunken'); - return $defined(result) ? result : false; + return core.Function.$defined(result) ? result : false; }, /** @@ -262,7 +274,7 @@ const INodeModel = new Class( * @see mindplot.model.IMindmap.connect */ connectTo(parent) { - $assert(parent, 'parent can not be null'); + core.Function.$assert(parent, 'parent can not be null'); const mindmap = this.getMindmap(); mindmap.connect(parent, this); }, @@ -302,7 +314,7 @@ const INodeModel = new Class( // console.log("Before:" + mindmap.inspect()); const parent = this.getParent(); - if ($defined(parent)) { + if (core.Function.$defined(parent)) { parent.removeChild(this); } else { // If it has not parent, it must be an isolate topic ... @@ -344,12 +356,7 @@ const INodeModel = new Class( /** */ inspect() { - let result = `{ type: ${ - this.getType() - } , id: ${ - this.getId() - } , text: ${ - this.getText()}`; + let result = `{ type: ${this.getType()} , id: ${this.getId()} , text: ${this.getText()}`; const children = this.getChildren(); if (children.length > 0) { @@ -410,8 +417,8 @@ INodeModel.MAIN_TOPIC_TO_MAIN_TOPIC_DISTANCE = 220; /** * @todo: This method must be implemented. (unascribed) */ -INodeModel._nextUUID = function () { - if (!$defined(INodeModel._uuid)) { +INodeModel._nextUUID = () => { + if (!core.Function.$defined(INodeModel._uuid)) { INodeModel._uuid = 0; } diff --git a/packages/mindplot/lib/components/model/IconModel.js b/packages/mindplot/src/components/model/IconModel.js similarity index 96% rename from packages/mindplot/lib/components/model/IconModel.js rename to packages/mindplot/src/components/model/IconModel.js index bdc9723d..279be526 100644 --- a/packages/mindplot/lib/components/model/IconModel.js +++ b/packages/mindplot/src/components/model/IconModel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const FeatureModel = require('./FeatureModel').default; +import FeatureModel from './FeatureModel'; const IconModel = new Class(/** @lends IconModel */{ Extends: FeatureModel, diff --git a/packages/mindplot/lib/components/model/LinkModel.js b/packages/mindplot/src/components/model/LinkModel.js similarity index 97% rename from packages/mindplot/lib/components/model/LinkModel.js rename to packages/mindplot/src/components/model/LinkModel.js index 84ba3df5..588e20b0 100644 --- a/packages/mindplot/lib/components/model/LinkModel.js +++ b/packages/mindplot/src/components/model/LinkModel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const FeatureModel = require('./FeatureModel').default; +import FeatureModel from './FeatureModel'; const LinkModel = new Class(/** @lends LinkModel */{ Extends: FeatureModel, diff --git a/packages/mindplot/lib/components/model/Mindmap.js b/packages/mindplot/src/components/model/Mindmap.js similarity index 94% rename from packages/mindplot/lib/components/model/Mindmap.js rename to packages/mindplot/src/components/model/Mindmap.js index 0e47f556..fe4074b2 100644 --- a/packages/mindplot/lib/components/model/Mindmap.js +++ b/packages/mindplot/src/components/model/Mindmap.js @@ -15,11 +15,11 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const IMindmap = require('./IMindmap').default; -const INodeModel = require('./INodeModel').default; -const NodeModel = require('./NodeModel').default; -const RelationshipModel = require('./RelationshipModel').default; -const ModelCodeName = require('../persistence/ModelCodeName').default; +import IMindmap from './IMindmap'; +import INodeModel from './INodeModel'; +import NodeModel from './NodeModel'; +import RelationshipModel from './RelationshipModel'; +import ModelCodeName from '../persistence/ModelCodeName'; const Mindmap = new Class(/** @lends Mindmap */{ Extends: IMindmap, diff --git a/packages/mindplot/lib/components/model/NodeModel.js b/packages/mindplot/src/components/model/NodeModel.js similarity index 98% rename from packages/mindplot/lib/components/model/NodeModel.js rename to packages/mindplot/src/components/model/NodeModel.js index 2e913d49..6933ea22 100644 --- a/packages/mindplot/lib/components/model/NodeModel.js +++ b/packages/mindplot/src/components/model/NodeModel.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const INodeModel = require('./INodeModel').default; -const TopicFeature = require('../TopicFeature').default; +import INodeModel from './INodeModel'; +import TopicFeature from '../TopicFeature'; const NodeModel = new Class(/** @lends NodeModel */{ Extends: INodeModel, diff --git a/packages/mindplot/lib/components/model/NoteModel.js b/packages/mindplot/src/components/model/NoteModel.js similarity index 96% rename from packages/mindplot/lib/components/model/NoteModel.js rename to packages/mindplot/src/components/model/NoteModel.js index eb7858e0..eb0751ff 100644 --- a/packages/mindplot/lib/components/model/NoteModel.js +++ b/packages/mindplot/src/components/model/NoteModel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const FeatureModel = require('./FeatureModel').default; +import FeatureModel from './FeatureModel'; const NoteModel = new Class(/** @lends NoteModel */{ Extends: FeatureModel, diff --git a/packages/mindplot/lib/components/model/RelationshipModel.js b/packages/mindplot/src/components/model/RelationshipModel.js similarity index 92% rename from packages/mindplot/lib/components/model/RelationshipModel.js rename to packages/mindplot/src/components/model/RelationshipModel.js index d6580ce3..5d6b44e2 100644 --- a/packages/mindplot/lib/components/model/RelationshipModel.js +++ b/packages/mindplot/src/components/model/RelationshipModel.js @@ -15,20 +15,10 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ConnectionLine = require('../ConnectionLine').default; +import ConnectionLine from '../ConnectionLine'; const RelationshipModel = new Class( /** @lends RelationshipModel */ { - Static: { - _nextUUID() { - if (!$defined(RelationshipModel._uuid)) { - RelationshipModel._uuid = 0; - } - RelationshipModel._uuid += 1; - return RelationshipModel._uuid; - }, - }, - /** * @constructs * @param sourceTopicId @@ -145,4 +135,12 @@ const RelationshipModel = new Class( }, ); +RelationshipModel._nextUUID = function _nextUUID() { + if (!$defined(RelationshipModel._uuid)) { + RelationshipModel._uuid = 0; + } + RelationshipModel._uuid += 1; + return RelationshipModel._uuid; +}; + export default RelationshipModel; diff --git a/packages/mindplot/src/components/model/index.js b/packages/mindplot/src/components/model/index.js new file mode 100644 index 00000000..76dca648 --- /dev/null +++ b/packages/mindplot/src/components/model/index.js @@ -0,0 +1,21 @@ +import featureModel from './FeatureModel'; +import iconModel from './IconModel'; +import iMindmap from './IMindmap'; +import iNodeModel from './INodeModel'; +import linkModel from './LinkModel'; +import noteModel from './NoteModel'; +import mindmap from './Mindmap'; +import nodeModel from './NodeModel'; +import relationshipModel from './RelationshipModel'; + +export default { + FeatureModel: featureModel, + IconModel: iconModel, + IMindmap: iMindmap, + INodeModel: iNodeModel, + LinkModel: linkModel, + NoteModel: noteModel, + Mindmap: mindmap, + NodeModel: nodeModel, + RelationshipModel: relationshipModel, +}; diff --git a/packages/mindplot/lib/components/persistence/Beta2PelaMigrator.js b/packages/mindplot/src/components/persistence/Beta2PelaMigrator.js similarity index 93% rename from packages/mindplot/lib/components/persistence/Beta2PelaMigrator.js rename to packages/mindplot/src/components/persistence/Beta2PelaMigrator.js index 4c30b672..db6fe335 100644 --- a/packages/mindplot/lib/components/persistence/Beta2PelaMigrator.js +++ b/packages/mindplot/src/components/persistence/Beta2PelaMigrator.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ModelCodeName = require('./ModelCodeName').default; -const XMLSerializer_Pela = require('./XMLSerializer_Pela').default; +import ModelCodeName from './ModelCodeName'; +import XMLSerializer_Pela from './XMLSerializer_Pela'; const Beta2PelaMigrator = new Class({ initialize(betaSerializer) { diff --git a/packages/mindplot/lib/components/persistence/ModelCodeName.js b/packages/mindplot/src/components/persistence/ModelCodeName.js similarity index 100% rename from packages/mindplot/lib/components/persistence/ModelCodeName.js rename to packages/mindplot/src/components/persistence/ModelCodeName.js diff --git a/packages/mindplot/lib/components/persistence/Pela2TangoMigrator.js b/packages/mindplot/src/components/persistence/Pela2TangoMigrator.js similarity index 95% rename from packages/mindplot/lib/components/persistence/Pela2TangoMigrator.js rename to packages/mindplot/src/components/persistence/Pela2TangoMigrator.js index 341e6fb7..0240c7f1 100644 --- a/packages/mindplot/lib/components/persistence/Pela2TangoMigrator.js +++ b/packages/mindplot/src/components/persistence/Pela2TangoMigrator.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const XMLSerializer_Tango = require('./XMLSerializer_Tango').default; -const ModelCodeName = require('./ModelCodeName').default; +import XMLSerializer_Tango from './XMLSerializer_Tango'; +import ModelCodeName from './ModelCodeName'; const Pela2TangoMigrator = new Class({ initialize(pelaSerializer) { diff --git a/packages/mindplot/lib/components/persistence/XMLSerializerFactory.js b/packages/mindplot/src/components/persistence/XMLSerializerFactory.js similarity index 87% rename from packages/mindplot/lib/components/persistence/XMLSerializerFactory.js rename to packages/mindplot/src/components/persistence/XMLSerializerFactory.js index c7918015..d35c706c 100644 --- a/packages/mindplot/lib/components/persistence/XMLSerializerFactory.js +++ b/packages/mindplot/src/components/persistence/XMLSerializerFactory.js @@ -15,12 +15,12 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ModelCodeName = require('./ModelCodeName').default; -const Beta2PelaMigrator = require('./Beta2PelaMigrator').default; -const Pela2TangoMigrator = require('./Pela2TangoMigrator').default; -const XMLSerializer_Beta = require('./XMLSerializer_Beta').default; -const XMLSerializer_Pela = require('./XMLSerializer_Pela').default; -const XMLSerializer_Tango = require('./XMLSerializer_Tango').default; +import ModelCodeName from './ModelCodeName'; +import Beta2PelaMigrator from './Beta2PelaMigrator'; +import Pela2TangoMigrator from './Pela2TangoMigrator'; +import XMLSerializer_Beta from './XMLSerializer_Beta'; +import XMLSerializer_Pela from './XMLSerializer_Pela'; +import XMLSerializer_Tango from './XMLSerializer_Tango'; /** * @class mindplot.persistence.XMLSerializerFactory diff --git a/packages/mindplot/lib/components/persistence/XMLSerializer_Beta.js b/packages/mindplot/src/components/persistence/XMLSerializer_Beta.js similarity index 87% rename from packages/mindplot/lib/components/persistence/XMLSerializer_Beta.js rename to packages/mindplot/src/components/persistence/XMLSerializer_Beta.js index 7f6f0539..95366151 100644 --- a/packages/mindplot/lib/components/persistence/XMLSerializer_Beta.js +++ b/packages/mindplot/src/components/persistence/XMLSerializer_Beta.js @@ -14,16 +14,15 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import Core from '@wisemapping/core-js'; +import ModelCodeName from './ModelCodeName'; +import Mindmap from '../model/Mindmap'; +import INodeModel from '../model/INodeModel'; +import TopicFeature from '../TopicFeature'; const core = Core(); -const ModelCodeName = require('./ModelCodeName').default; -const Mindmap = require('../model/Mindmap').default; -const INodeModel = require('../model/INodeModel').default; -const TopicFeature = require('../TopicFeature').default; const XMLSerializer_Beta = new Class({ - toXML(mindmap) { $assert(mindmap, 'Can not save a null mindmap'); @@ -97,8 +96,13 @@ const XMLSerializer_Beta = new Class({ const fontStyle = topic.getFontStyle(); font += `${fontStyle || ''};`; - if ($defined(fontFamily) || $defined(fontSize) || $defined(fontColor) - || $defined(fontWeight) || $defined(fontStyle)) { + if ( + $defined(fontFamily) + || $defined(fontSize) + || $defined(fontColor) + || $defined(fontWeight) + || $defined(fontStyle) + ) { parentTopic.setAttribute('fontStyle', font); } @@ -171,10 +175,18 @@ const XMLSerializer_Beta = new Class({ // Is a valid object ? const { documentElement } = dom; - $assert(documentElement.nodeName != 'parsererror', `Error while parsing: '${documentElement.childNodes[0].nodeValue}`); + $assert( + documentElement.nodeName != 'parsererror', + `Error while parsing: '${documentElement.childNodes[0].nodeValue}`, + ); // Is a wisemap?. - $assert(documentElement.tagName == XMLSerializer_Beta.MAP_ROOT_NODE, `This seem not to be a map document. Root Tag: '${documentElement.tagName},',HTML:${dom.innerHTML},XML:${core.Utils.innerXML(dom)}`); + $assert( + documentElement.tagName == XMLSerializer_Beta.MAP_ROOT_NODE, + `This seem not to be a map document. Root Tag: '${documentElement.tagName},',HTML:${ + dom.innerHTML + },XML:${core.Utils.innerXML(dom)}`, + ); // Start the loading process ... let version = documentElement.getAttribute('version'); @@ -194,7 +206,9 @@ const XMLSerializer_Beta = new Class({ }, _deserializeNode(domElem, mindmap) { - const type = (domElem.getAttribute('central') != null) ? INodeModel.CENTRAL_TOPIC_TYPE : INodeModel.MAIN_TOPIC_TYPE; + const type = domElem.getAttribute('central') != null + ? INodeModel.CENTRAL_TOPIC_TYPE + : INodeModel.MAIN_TOPIC_TYPE; const topic = mindmap.createNode(type); // Load attributes... @@ -264,7 +278,13 @@ const XMLSerializer_Beta = new Class({ for (let i = 0; i < children.length; i++) { const child = children[i]; if (child.nodeType == 1) { - $assert(child.tagName == 'topic' || child.tagName == 'icon' || child.tagName == 'link' || child.tagName == 'note', `Illegal node type:${child.tagName}`); + $assert( + child.tagName == 'topic' + || child.tagName == 'icon' + || child.tagName == 'link' + || child.tagName == 'note', + `Illegal node type:${child.tagName}`, + ); if (child.tagName == 'topic') { const childTopic = this._deserializeNode(child, mindmap); childTopic.connectTo(topic); diff --git a/packages/mindplot/lib/components/persistence/XMLSerializer_Pela.js b/packages/mindplot/src/components/persistence/XMLSerializer_Pela.js similarity index 94% rename from packages/mindplot/lib/components/persistence/XMLSerializer_Pela.js rename to packages/mindplot/src/components/persistence/XMLSerializer_Pela.js index 8893547b..b263c5cf 100644 --- a/packages/mindplot/lib/components/persistence/XMLSerializer_Pela.js +++ b/packages/mindplot/src/components/persistence/XMLSerializer_Pela.js @@ -15,14 +15,14 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import Core from '@wisemapping/core-js'; +import web2d from '@wisemapping/web2d'; +import Mindmap from '../model/Mindmap'; +import INodeModel, { TopicShape } from '../model/INodeModel'; +import TopicFeature from '../TopicFeature'; +import ConnectionLine from '../ConnectionLine'; const core = Core(); -const Mindmap = require('../model/Mindmap').default; -const INodeModel = require('../model/INodeModel').default; -const { TopicShape } = require('../model/INodeModel'); -const TopicFeature = require('../TopicFeature').default; -const ConnectionLine = require('../ConnectionLine').default; /** * @class @@ -90,7 +90,7 @@ const XMLSerializer_Pela = new Class( parentTopic.setAttribute('position', `${pos.x},${pos.y}`); const order = topic.getOrder(); - if (typeof order === 'number' && isFinite(order)) parentTopic.setAttribute('order', order); + if (typeof order === 'number' && isFinite(order)) { parentTopic.setAttribute('order', order); } } const text = topic.getText(); @@ -105,19 +105,14 @@ const XMLSerializer_Pela = new Class( if (shape == TopicShape.IMAGE) { parentTopic.setAttribute( 'image', - `${topic.getImageSize().width - },${ + `${topic.getImageSize().width},${ topic.getImageSize().height - }:${ - topic.getImageUrl()}`, + }:${topic.getImageUrl()}`, ); } } - if ( - topic.areChildrenShrunken() - && topic.getType() != INodeModel.CENTRAL_TOPIC_TYPE - ) { + if (topic.areChildrenShrunken() && topic.getType() != INodeModel.CENTRAL_TOPIC_TYPE) { parentTopic.setAttribute('shrink', 'true'); } @@ -216,10 +211,7 @@ const XMLSerializer_Pela = new Class( const lineType = relationship.getLineType(); result.setAttribute('lineType', lineType); - if ( - lineType == ConnectionLine.CURVED - || lineType == ConnectionLine.SIMPLE_CURVED - ) { + if (lineType == ConnectionLine.CURVED || lineType == ConnectionLine.SIMPLE_CURVED) { if ($defined(relationship.getSrcCtrlPoint())) { const srcPoint = relationship.getSrcCtrlPoint(); result.setAttribute( @@ -475,10 +467,10 @@ const XMLSerializer_Pela = new Class( const model = mindmap.createRelationship(srcId, destId); model.setLineType(lineType); if ($defined(srcCtrlPoint) && srcCtrlPoint != '') { - model.setSrcCtrlPoint(core.Point.fromString(srcCtrlPoint)); + model.setSrcCtrlPoint(web2d.Point.fromString(srcCtrlPoint)); } if ($defined(destCtrlPoint) && destCtrlPoint != '') { - model.setDestCtrlPoint(core.Point.fromString(destCtrlPoint)); + model.setDestCtrlPoint(web2d.Point.fromString(destCtrlPoint)); } model.setEndArrow('false'); model.setStartArrow('true'); diff --git a/packages/mindplot/lib/components/persistence/XMLSerializer_Tango.js b/packages/mindplot/src/components/persistence/XMLSerializer_Tango.js similarity index 94% rename from packages/mindplot/lib/components/persistence/XMLSerializer_Tango.js rename to packages/mindplot/src/components/persistence/XMLSerializer_Tango.js index ac7e29c5..543b9cf6 100644 --- a/packages/mindplot/lib/components/persistence/XMLSerializer_Tango.js +++ b/packages/mindplot/src/components/persistence/XMLSerializer_Tango.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const XMLSerializer_Pela = require('./XMLSerializer_Pela').default; +import XMLSerializer_Pela from './XMLSerializer_Pela'; /** * This serializer works exactly the same way as for the former version Pela diff --git a/packages/mindplot/src/components/persistence/index.js b/packages/mindplot/src/components/persistence/index.js new file mode 100644 index 00000000..2c75d466 --- /dev/null +++ b/packages/mindplot/src/components/persistence/index.js @@ -0,0 +1,17 @@ +import beta2PelaMigrator from './Beta2PelaMigrator'; +import modelCodeName from './ModelCodeName'; +import pela2TangoMigrator from './Pela2TangoMigrator'; +import xmlSerializerBeta from './XMLSerializer_Beta'; +import xmlSerializerPela from './XMLSerializer_Pela'; +import xmlSerializerTango from './XMLSerializer_Tango'; +import xmlSerializerFactory from './XMLSerializerFactory'; + +export default { + Beta2PelaMigrator: beta2PelaMigrator, + ModelCodeName: modelCodeName, + Pela2TangoMigrator: pela2TangoMigrator, + XMLSerializer_Beta: xmlSerializerBeta, + XMLSerializer_Pela: xmlSerializerPela, + XMLSerializer_Tango: xmlSerializerTango, + XMLSerializerFactory: xmlSerializerFactory, +}; diff --git a/packages/mindplot/lib/components/util/FadeEffect.js b/packages/mindplot/src/components/util/FadeEffect.js similarity index 96% rename from packages/mindplot/lib/components/util/FadeEffect.js rename to packages/mindplot/src/components/util/FadeEffect.js index 395faaac..dcab59ee 100644 --- a/packages/mindplot/lib/components/util/FadeEffect.js +++ b/packages/mindplot/src/components/util/FadeEffect.js @@ -17,7 +17,7 @@ */ // FIXME: this Class should be reimplemented -const Events = require('../Events').default; +import Events from '../Events'; const FadeEffect = new Class(/** @lends FadeEffect */{ Extends: Events, diff --git a/packages/mindplot/lib/components/util/Shape.js b/packages/mindplot/src/components/util/Shape.js similarity index 80% rename from packages/mindplot/lib/components/util/Shape.js rename to packages/mindplot/src/components/util/Shape.js index b9353522..0aa4f3e4 100644 --- a/packages/mindplot/lib/components/util/Shape.js +++ b/packages/mindplot/src/components/util/Shape.js @@ -15,25 +15,27 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Core = require('@wismapping/core-js'); +import web2d from '@wisemapping/web2d'; +import coreJs from '@wisemapping/core-js'; +import { TopicShape } from '../model/INodeModel'; +import TopicConfig from '../TopicConfig'; -const core = Core(); -const { TopicShape } = require('../model/INodeModel'); +const core = coreJs(); const Shape = { isAtRight(sourcePoint, targetPoint) { - $assert(sourcePoint, 'Source can not be null'); - $assert(targetPoint, 'Target can not be null'); + core.Function.$assert(sourcePoint, 'Source can not be null'); + core.Function.$assert(targetPoint, 'Target can not be null'); return sourcePoint.x < targetPoint.x; }, calculateRectConnectionPoint(rectCenterPoint, rectSize, isAtRight) { - $assert(rectCenterPoint, 'rectCenterPoint can not be null'); - $assert(rectSize, 'rectSize can not be null'); - $assert($defined(isAtRight), 'isRight can not be null'); + core.Function.$assert(rectCenterPoint, 'rectCenterPoint can not be null'); + core.Function.$assert(rectSize, 'rectSize can not be null'); + core.Function.$assert(core.Function.$defined(isAtRight), 'isRight can not be null'); // Node is placed at the right ? - const result = new core.Point(); + const result = new web2d.Point(); // This is used fix a minor difference ...z const correctionHardcode = 2; @@ -55,13 +57,12 @@ const Shape = { calculateRelationShipPointCoordinates(topic, controlPoint) { const size = topic.getSize(); const position = topic.getPosition(); - let m; const yGap = position.y - controlPoint.y; const xGap = position.x - controlPoint.x; const disable = Math.abs(yGap) < 5 || Math.abs(xGap) < 5 || Math.abs(yGap - xGap) < 5; - let y; let - x; + let y; + let x; const gap = 5; if (controlPoint.y > position.y + size.height / 2) { y = position.y + size.height / 2 + gap; @@ -87,7 +88,7 @@ const Shape = { y = !disable ? position.y - (yGap / xGap) * (position.x - x) : position.y; } - return new core.Point(x, y); + return new web2d.Point(x, y); }, calculateDefaultControlPoints(srcPos, tarPos) { @@ -108,24 +109,24 @@ const Shape = { const y2 = m * (x2 - tarPos.x) + tarPos.y; return [ - new core.Point(-srcPos.x + x1, -srcPos.y + y1), - new core.Point(-tarPos.x + x2, -tarPos.y + y2), + new web2d.Point(-srcPos.x + x1, -srcPos.y + y1), + new web2d.Point(-tarPos.x + x2, -tarPos.y + y2), ]; }, workoutIncomingConnectionPoint(targetNode, sourcePosition) { - $assert(sourcePosition, 'sourcePoint can not be null'); + core.Function.$assert(sourcePosition, 'sourcePoint can not be null'); const pos = targetNode.getPosition(); const size = targetNode.getSize(); const isAtRight = Shape.isAtRight(sourcePosition, pos); const result = Shape.calculateRectConnectionPoint(pos, size, isAtRight); - if (targetNode.getShapeType() == TopicShape.LINE) { + if (targetNode.getShapeType() === TopicShape.LINE) { result.y += targetNode.getSize().height / 2; } // Move a little the position... - const offset = Topic.CONNECTOR_WIDTH / 2; + const offset = TopicConfig.CONNECTOR_WIDTH / 2; if (!isAtRight) { result.x += offset; } else { diff --git a/packages/mindplot/src/components/util/index.js b/packages/mindplot/src/components/util/index.js new file mode 100644 index 00000000..0dedb597 --- /dev/null +++ b/packages/mindplot/src/components/util/index.js @@ -0,0 +1,7 @@ +import fadeEffect from './FadeEffect'; +import shape from './Shape'; + +export default { + FadeEffect: fadeEffect, + Shape: shape, +}; diff --git a/packages/mindplot/lib/components/widget/ColorPalettePanel.js b/packages/mindplot/src/components/widget/ColorPalettePanel.js similarity index 98% rename from packages/mindplot/lib/components/widget/ColorPalettePanel.js rename to packages/mindplot/src/components/widget/ColorPalettePanel.js index 90806f54..f928a654 100644 --- a/packages/mindplot/lib/components/widget/ColorPalettePanel.js +++ b/packages/mindplot/src/components/widget/ColorPalettePanel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ToolbarPaneItem = require('./ToolbarPaneItem').default; +import ToolbarPaneItem from './ToolbarPaneItem'; const ColorPalettePanel = new Class({ Extends: ToolbarPaneItem, diff --git a/packages/mindplot/lib/components/widget/FloatingTip.js b/packages/mindplot/src/components/widget/FloatingTip.js similarity index 94% rename from packages/mindplot/lib/components/widget/FloatingTip.js rename to packages/mindplot/src/components/widget/FloatingTip.js index 58584ad5..af6ed756 100644 --- a/packages/mindplot/lib/components/widget/FloatingTip.js +++ b/packages/mindplot/src/components/widget/FloatingTip.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Options = require('../Options').default; -const Events = require('../Events').default; +import Options from '../Options'; +import Events from '../Events'; const FloatingTip = new Class({ Implements: [Options, Events], diff --git a/packages/mindplot/lib/components/widget/FontFamilyPanel.js b/packages/mindplot/src/components/widget/FontFamilyPanel.js similarity index 95% rename from packages/mindplot/lib/components/widget/FontFamilyPanel.js rename to packages/mindplot/src/components/widget/FontFamilyPanel.js index 80581898..4696dafc 100644 --- a/packages/mindplot/lib/components/widget/FontFamilyPanel.js +++ b/packages/mindplot/src/components/widget/FontFamilyPanel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ListToolbarPanel = require('./ListToolbarPanel').default; +import ListToolbarPanel from './ListToolbarPanel'; const FontFamilyPanel = new Class({ Extends: ListToolbarPanel, diff --git a/packages/mindplot/lib/components/widget/FontSizePanel.js b/packages/mindplot/src/components/widget/FontSizePanel.js similarity index 95% rename from packages/mindplot/lib/components/widget/FontSizePanel.js rename to packages/mindplot/src/components/widget/FontSizePanel.js index 2307b1b6..1ee6dd02 100644 --- a/packages/mindplot/lib/components/widget/FontSizePanel.js +++ b/packages/mindplot/src/components/widget/FontSizePanel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ListToolbarPanel = require('./ListToolbarPanel').default; +import ListToolbarPanel from './ListToolbarPanel'; const FontSizePanel = new Class({ Extends: ListToolbarPanel, diff --git a/packages/mindplot/lib/components/widget/IMenu.js b/packages/mindplot/src/components/widget/IMenu.js similarity index 97% rename from packages/mindplot/lib/components/widget/IMenu.js rename to packages/mindplot/src/components/widget/IMenu.js index e530c28a..d592baba 100644 --- a/packages/mindplot/lib/components/widget/IMenu.js +++ b/packages/mindplot/src/components/widget/IMenu.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const PersistenceManager = require('../PersistenceManager').default; +import PersistenceManager from '../PersistenceManager'; const IMenu = new Class({ diff --git a/packages/mindplot/lib/components/widget/IconPanel.js b/packages/mindplot/src/components/widget/IconPanel.js similarity index 94% rename from packages/mindplot/lib/components/widget/IconPanel.js rename to packages/mindplot/src/components/widget/IconPanel.js index 9282a883..0586a723 100644 --- a/packages/mindplot/lib/components/widget/IconPanel.js +++ b/packages/mindplot/src/components/widget/IconPanel.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ToolbarPaneItem = require('./ToolbarPaneItem').default; -const ImageIcon = require('../ImageIcon').default; +import ToolbarPaneItem from './ToolbarPaneItem'; +import ImageIcon from '../ImageIcon'; const IconPanel = new Class({ Extends: ToolbarPaneItem, diff --git a/packages/mindplot/lib/components/widget/KeyboardShortcutTooltip.js b/packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js similarity index 97% rename from packages/mindplot/lib/components/widget/KeyboardShortcutTooltip.js rename to packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js index e14fc13d..03cfd3cf 100644 --- a/packages/mindplot/lib/components/widget/KeyboardShortcutTooltip.js +++ b/packages/mindplot/src/components/widget/KeyboardShortcutTooltip.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const FloatingTip = require('./FloatingTip').default; +import FloatingTip from './FloatingTip'; const KeyboardShortcutTooltip = new Class({ Extends: FloatingTip, diff --git a/packages/mindplot/lib/components/widget/LinkEditor.js b/packages/mindplot/src/components/widget/LinkEditor.js similarity index 98% rename from packages/mindplot/lib/components/widget/LinkEditor.js rename to packages/mindplot/src/components/widget/LinkEditor.js index 99bea08d..0459787e 100644 --- a/packages/mindplot/lib/components/widget/LinkEditor.js +++ b/packages/mindplot/src/components/widget/LinkEditor.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const BootstrapDialog = require('../libraries/bootstrap/BootstrapDialog').default; +import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog'; const LinkEditor = new Class(/** @lends LinkEditor */{ Extends: BootstrapDialog, diff --git a/packages/mindplot/lib/components/widget/LinkIconTooltip.js b/packages/mindplot/src/components/widget/LinkIconTooltip.js similarity index 95% rename from packages/mindplot/lib/components/widget/LinkIconTooltip.js rename to packages/mindplot/src/components/widget/LinkIconTooltip.js index d8527c8e..f8314da7 100644 --- a/packages/mindplot/lib/components/widget/LinkIconTooltip.js +++ b/packages/mindplot/src/components/widget/LinkIconTooltip.js @@ -15,14 +15,14 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const FloatingTip = require('./FloatingTip').default; +import FloatingTip from './FloatingTip'; const LinkIconTooltip = new Class({ Extends: FloatingTip, initialize(linkIcon) { $assert(linkIcon, 'linkIcon can not be null'); - const nativeElement = $(linkIcon.getImage()._peer._native); + const nativeElement = $(linkIcon.getImage().peer._native); this.parent(nativeElement, { // Content can also be a function of the target element! content: this._buildContent(linkIcon), diff --git a/packages/mindplot/lib/components/widget/ListToolbarPanel.js b/packages/mindplot/src/components/widget/ListToolbarPanel.js similarity index 96% rename from packages/mindplot/lib/components/widget/ListToolbarPanel.js rename to packages/mindplot/src/components/widget/ListToolbarPanel.js index acbcc11b..31714d72 100644 --- a/packages/mindplot/lib/components/widget/ListToolbarPanel.js +++ b/packages/mindplot/src/components/widget/ListToolbarPanel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ToolbarPaneItem = require('./ToolbarPaneItem').default; +import ToolbarPaneItem from './ToolbarPaneItem'; const ListToolbarPanel = new Class({ Extends: ToolbarPaneItem, diff --git a/packages/mindplot/lib/components/widget/Menu.js b/packages/mindplot/src/components/widget/Menu.js similarity index 96% rename from packages/mindplot/lib/components/widget/Menu.js rename to packages/mindplot/src/components/widget/Menu.js index 5e628fa3..84d7a341 100644 --- a/packages/mindplot/lib/components/widget/Menu.js +++ b/packages/mindplot/src/components/widget/Menu.js @@ -15,15 +15,15 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const BootstrapDialog = require('../libraries/bootstrap/BootstrapDialog').default; -const IMenu = require('./IMenu').default; -const FontFamilyPanel = require('./FontFamilyPanel').default; -const FontSizePanel = require('./FontSizePanel').default; -const TopicShapePanel = require('./TopicShapePanel').default; -const IconPanel = require('./IconPanel').default; -const ColorPalettePanel = require('./ColorPalettePanel').default; -const ToolbarItem = require('./ToolbarItem').default; -const KeyboardShortcutTooltip = require('./KeyboardShortcutTooltip').default; +import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog'; +import IMenu from './IMenu'; +import FontFamilyPanel from './FontFamilyPanel'; +import FontSizePanel from './FontSizePanel'; +import TopicShapePanel from './TopicShapePanel'; +import IconPanel from './IconPanel'; +import ColorPalettePanel from './ColorPalettePanel'; +import ToolbarItem from './ToolbarItem'; +import KeyboardShortcutTooltip from './KeyboardShortcutTooltip'; const Menu = new Class({ Extends: IMenu, diff --git a/packages/mindplot/lib/components/widget/ModalDialogNotifier.js b/packages/mindplot/src/components/widget/ModalDialogNotifier.js similarity index 100% rename from packages/mindplot/lib/components/widget/ModalDialogNotifier.js rename to packages/mindplot/src/components/widget/ModalDialogNotifier.js diff --git a/packages/mindplot/lib/components/widget/NoteEditor.js b/packages/mindplot/src/components/widget/NoteEditor.js similarity index 96% rename from packages/mindplot/lib/components/widget/NoteEditor.js rename to packages/mindplot/src/components/widget/NoteEditor.js index 2575a43b..f9230591 100644 --- a/packages/mindplot/lib/components/widget/NoteEditor.js +++ b/packages/mindplot/src/components/widget/NoteEditor.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const BootstrapDialog = require('../libraries/bootstrap/BootstrapDialog').default; +import BootstrapDialog from '../libraries/bootstrap/BootstrapDialog'; const NoteEditor = new Class({ Extends: BootstrapDialog, diff --git a/packages/mindplot/lib/components/widget/ToolbarItem.js b/packages/mindplot/src/components/widget/ToolbarItem.js similarity index 97% rename from packages/mindplot/lib/components/widget/ToolbarItem.js rename to packages/mindplot/src/components/widget/ToolbarItem.js index 8f741e22..72cb40b9 100644 --- a/packages/mindplot/lib/components/widget/ToolbarItem.js +++ b/packages/mindplot/src/components/widget/ToolbarItem.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const Events = require('../Events').default; +import Events from '../Events'; const ToolbarItem = new Class({ Implements: Events, // FIXME: should be extends? diff --git a/packages/mindplot/lib/components/widget/ToolbarNotifier.js b/packages/mindplot/src/components/widget/ToolbarNotifier.js similarity index 100% rename from packages/mindplot/lib/components/widget/ToolbarNotifier.js rename to packages/mindplot/src/components/widget/ToolbarNotifier.js diff --git a/packages/mindplot/lib/components/widget/ToolbarPaneItem.js b/packages/mindplot/src/components/widget/ToolbarPaneItem.js similarity index 96% rename from packages/mindplot/lib/components/widget/ToolbarPaneItem.js rename to packages/mindplot/src/components/widget/ToolbarPaneItem.js index dddb7f04..10a03cec 100644 --- a/packages/mindplot/lib/components/widget/ToolbarPaneItem.js +++ b/packages/mindplot/src/components/widget/ToolbarPaneItem.js @@ -15,8 +15,8 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ToolbarItem = require('./ToolbarItem').default; -const FloatingTip = require('./FloatingTip').default; +import ToolbarItem from './ToolbarItem'; +import FloatingTip from './FloatingTip'; const ToolbarPaneItem = new Class({ Extends: ToolbarItem, diff --git a/packages/mindplot/lib/components/widget/TopicShapePanel.js b/packages/mindplot/src/components/widget/TopicShapePanel.js similarity index 96% rename from packages/mindplot/lib/components/widget/TopicShapePanel.js rename to packages/mindplot/src/components/widget/TopicShapePanel.js index 23d5cc15..a706fbd2 100644 --- a/packages/mindplot/lib/components/widget/TopicShapePanel.js +++ b/packages/mindplot/src/components/widget/TopicShapePanel.js @@ -15,7 +15,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -const ListToolbarPanel = require('./ListToolbarPanel').default; +import ListToolbarPanel from './ListToolbarPanel'; const TopicShapePanel = new Class({ Extends: ListToolbarPanel, diff --git a/packages/mindplot/lib/components/widget/colorPalette.css b/packages/mindplot/src/components/widget/colorPalette.css similarity index 100% rename from packages/mindplot/lib/components/widget/colorPalette.css rename to packages/mindplot/src/components/widget/colorPalette.css diff --git a/packages/mindplot/lib/components/widget/colorPalette.html b/packages/mindplot/src/components/widget/colorPalette.html similarity index 100% rename from packages/mindplot/lib/components/widget/colorPalette.html rename to packages/mindplot/src/components/widget/colorPalette.html diff --git a/packages/mindplot/src/components/widget/index.js b/packages/mindplot/src/components/widget/index.js new file mode 100644 index 00000000..f498c470 --- /dev/null +++ b/packages/mindplot/src/components/widget/index.js @@ -0,0 +1,37 @@ +import colorPalettePanel from './ColorPalettePanel'; +import floatingTip from './FloatingTip'; +import fontFamilyPanel from './FontFamilyPanel'; +import fontSizePanel from './FontSizePanel'; +import iconPanel from './IconPanel'; +import iMenu from './IMenu'; +import keyboardShortcutTooltip from './KeyboardShortcutTooltip'; +import linkEditor from './LinkEditor'; +import linkIconTooltip from './LinkIconTooltip'; +import listToolbarPanel from './ListToolbarPanel'; +import menu from './Menu'; +import modalDialogNotifier from './ModalDialogNotifier'; +import noteEditor from './NoteEditor'; +import toolbarItem from './ToolbarItem'; +import toolbarNotifier from './ToolbarNotifier'; +import toolbarPanelItem from './ToolbarPaneItem'; +import topicShapePanel from './TopicShapePanel'; + +export default { + ColorPalettePanel: colorPalettePanel, + FloatingTip: floatingTip, + FontFamilyPanel: fontFamilyPanel, + FontSizePanel: fontSizePanel, + IconPanel: iconPanel, + IMenu: iMenu, + KeyboardShortcutTooltip: keyboardShortcutTooltip, + LinkEditor: linkEditor, + LinkIconTooltip: linkIconTooltip, + ListToolbarPanel: listToolbarPanel, + Menu: menu, + ModalDialogNotifier: modalDialogNotifier, + NoteEditor: noteEditor, + ToolbarItem: toolbarItem, + ToolbarNotifier: toolbarNotifier, + ToolbarPaneItem: toolbarPanelItem, + TopicShapePanel: topicShapePanel, +}; diff --git a/packages/mindplot/src/mindplot.js b/packages/mindplot/src/mindplot.js new file mode 100644 index 00000000..69ede71a --- /dev/null +++ b/packages/mindplot/src/mindplot.js @@ -0,0 +1,26 @@ +import '@libraries/mootools-core-1.4.5'; +import $ from '@libraries/jquery-2.1.0'; +import _ from '@libraries/underscore-min'; + +import coreJs from '@wisemapping/core-js'; + +import commands from '@commands'; +import layout from '@layout'; +import models from '@model'; +import persistence from '@persistence'; +import widget from '@widget'; +import component from '@components'; + +global.$ = $; +global.JQuery = $; +global._ = _; +global.core = coreJs(); + +export default { + commands, + layout, + models, + persistence, + widget, + ...component, +}; diff --git a/packages/mindplot/test/playground/BalancedTestSuite.js b/packages/mindplot/test/playground/BalancedTestSuite.js deleted file mode 100644 index 6ee10063..00000000 --- a/packages/mindplot/test/playground/BalancedTestSuite.js +++ /dev/null @@ -1,500 +0,0 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const TestSuite = require('./TestSuite').default; - -const Mindplot = require('../../lib/mindplot'); -const mindplot = Mindplot(); - -const BalancedTestSuite = new Class({ - Extends: TestSuite, - - initialize: function () { - $('#balancedTest').css('display', 'block'); - - this.testBalanced(); - this.testBalancedPredict(); - this.testBalancedNodeDragPredict(); - }, - - testBalanced: function () { - console.log('testBalanced:'); - var position = { x: 0, y: 0 }; - var plotsize = { width: 1000, height: 200 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 1, 0); - manager.layout(); - manager.plot('testBalanced1', plotsize); - - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 2, 1); - manager.layout(); - manager.plot('testBalanced2', plotsize); - - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 3, 2); - manager.layout(); - manager.plot('testBalanced3', plotsize); - - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 4, 3); - manager.layout(); - manager.plot('testBalanced4', plotsize); - - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 5, 4); - manager.layout(); - manager.plot('testBalanced5', plotsize); - - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 6, 5); - manager.layout(); - manager.plot('testBalanced6', plotsize); - - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - manager.connectNode(3, 7, 0); - manager.connectNode(7, 8, 0); - manager.connectNode(7, 9, 1); - manager.layout(); - manager.plot('testBalanced7', plotsize); - - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - manager.addNode(12, TestSuite.NODE_SIZE, position); - manager.connectNode(6, 10, 0); - manager.connectNode(10, 11, 0); - manager.connectNode(10, 12, 1); - manager.layout(); - manager.plot('testBalanced8', plotsize); - - manager.addNode(13, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 13, 4); - manager.layout(); - manager.plot('testBalanced9', { width: 1000, height: 400 }); - - // Check orders have shifted accordingly - $assert(manager.find(5).getOrder() == 6, 'Node 5 should have order 6'); - - manager.addNode(14, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 14, 5); - manager.layout(); - manager.plot('testBalanced10', { width: 1000, height: 400 }); - - // Check orders have shifted accordingly - $assert(manager.find(6).getOrder() == 7, 'Node 6 should have order 7'); - - manager.addNode(15, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 15, 4); - manager.layout(); - manager.plot('testBalanced11', { width: 1000, height: 400 }); - - // Check orders have shifted accordingly - $assert(manager.find(13).getOrder() == 6, 'Node 13 should have order 6'); - $assert(manager.find(5).getOrder() == 8, 'Node 5 should have order 8'); - - manager.addNode(16, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 16, 25); - manager.layout(); - manager.plot('testBalanced12', { width: 1000, height: 400 }); - - // Check orders have shifted accordingly - $assert(manager.find(16).getOrder() == 9, 'Node 16 should have order 9'); - - manager.addNode(17, TestSuite.NODE_SIZE, position); - manager.addNode(18, TestSuite.NODE_SIZE, position); - manager.addNode(19, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 17, 11); - manager.connectNode(0, 18, 13); - manager.connectNode(0, 19, 10); - manager.layout(); - manager.plot('testBalanced13', { width: 1000, height: 400 }); - - // Check that everything is ok - $assert( - manager.find(1).getPosition().x > manager.find(0).getPosition().x, - 'even order nodes must be at right of central topic' - ); - $assert( - manager.find(3).getPosition().x > manager.find(0).getPosition().x, - 'even order nodes must be at right of central topic' - ); - $assert( - manager.find(5).getPosition().x > manager.find(0).getPosition().x, - 'even order nodes must be at right of central topic' - ); - $assert( - manager.find(2).getPosition().x < manager.find(0).getPosition().x, - 'odd order nodes must be at right of central topic' - ); - $assert( - manager.find(4).getPosition().x < manager.find(0).getPosition().x, - 'odd order nodes must be at right of central topic' - ); - $assert( - manager.find(6).getPosition().x < manager.find(0).getPosition().x, - 'odd order nodes must be at right of central topic' - ); - $assert( - manager.find(7).getPosition().x > manager.find(3).getPosition().x, - 'children of 1st level even order nodes must be to the right' - ); - $assert( - manager.find(8).getPosition().x > manager.find(7).getPosition().x, - 'children of 1st level even order nodes must be to the right' - ); - $assert( - manager.find(9).getPosition().x > manager.find(7).getPosition().x, - 'children of 1st level even order nodes must be to the right' - ); - $assert( - manager.find(10).getPosition().x < manager.find(6).getPosition().x, - 'children of 1st level odd order nodes must be to the left' - ); - $assert( - manager.find(11).getPosition().x < manager.find(10).getPosition().x, - 'children of 1st level odd order nodes must be to the left' - ); - $assert( - manager.find(12).getPosition().x < manager.find(10).getPosition().x, - 'children of 1st level odd order nodes must be to the left' - ); - - console.log('OK!\n\n'); - }, - - testBalancedPredict: function () { - console.log('testBalancedPredict:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - - manager.connectNode(0, 1, 0); - manager.connectNode(0, 2, 1); - manager.connectNode(0, 3, 2); - manager.connectNode(0, 4, 3); - manager.connectNode(0, 5, 4); - manager.connectNode(4, 7, 0); - manager.connectNode(4, 8, 1); - manager.connectNode(8, 9, 0); - manager.connectNode(3, 10, 0); - manager.connectNode(3, 11, 1); - - manager.layout(); - - // Graph 1 - var graph1 = manager.plot('testBalancedPredict1', { width: 1000, height: 400 }); - - console.log('\tAdded as child of node 0 and dropped at (165, -70):'); - var prediction1a = manager.predict(0, null, { x: 165, y: -70 }); - this._plotPrediction(graph1, prediction1a); - $assert( - prediction1a.position.y < manager.find(1).getPosition().y && - prediction1a.position.x == manager.find(1).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1a.order == 0, 'Prediction order should be 0'); - - console.log('\tAdded as child of node 0 and dropped at (165, -10):'); - var prediction1b = manager.predict(0, null, { x: 165, y: -10 }); - this._plotPrediction(graph1, prediction1b); - $assert( - prediction1b.position.y > manager.find(1).getPosition().y && - prediction1b.position.y < manager.find(3).getPosition().y && - prediction1b.position.x == manager.find(1).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1b.order == 2, 'Prediction order should be 2'); - - console.log('\tAdded as child of node 0 and dropped at (145, 15):'); - var prediction1c = manager.predict(0, null, { x: 145, y: 15 }); - this._plotPrediction(graph1, prediction1c); - $assert( - prediction1c.position.y > manager.find(3).getPosition().y && - prediction1c.position.y < manager.find(5).getPosition().y && - prediction1c.position.x == manager.find(3).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1c.order == 4, 'Prediction order should be 4'); - - console.log('\tAdded as child of node 0 and dropped at (145, 70):'); - var prediction1d = manager.predict(0, null, { x: 145, y: 70 }); - this._plotPrediction(graph1, prediction1d); - $assert( - prediction1d.position.y > manager.find(5).getPosition().y && - prediction1d.position.x == manager.find(5).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1d.order == 6, 'Prediction order should be 6'); - - // Graph 2 - var graph2 = manager.plot('testBalancedPredict2', { width: 1000, height: 400 }); - - console.log('\tAdded as child of node 0 and dropped at (-145, -50):'); - var prediction2a = manager.predict(0, null, { x: -145, y: -50 }); - this._plotPrediction(graph2, prediction2a); - $assert( - prediction2a.position.y < manager.find(2).getPosition().y && - prediction2a.position.x == manager.find(2).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction2a.order == 1, 'Prediction order should be 1'); - - console.log('\tAdded as child of node 0 and dropped at (-145, -10):'); - var prediction2b = manager.predict(0, null, { x: -145, y: -10 }); - this._plotPrediction(graph2, prediction2b); - $assert( - prediction2b.position.y > manager.find(2).getPosition().y && - prediction2b.position.y < manager.find(4).getPosition().y && - prediction2b.position.x == manager.find(2).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction2b.order == 3, 'Prediction order should be 3'); - - console.log('\tAdded as child of node 0 and dropped at (-145, 40):'); - var prediction2c = manager.predict(0, null, { x: -145, y: 400 }); - this._plotPrediction(graph2, prediction2c); - $assert( - prediction2c.position.y > manager.find(4).getPosition().y && - prediction2c.position.x == manager.find(4).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction2c.order == 5, 'Prediction order should be 5'); - - // Graph 3 - console.log('\tPredict nodes added with no position:'); - var graph3 = manager.plot('testBalancedPredict3', { width: 1000, height: 400 }); - var prediction3 = manager.predict(0, null, null); - this._plotPrediction(graph3, prediction3); - $assert( - prediction3.position.y > manager.find(4).getPosition().y && - prediction3.position.x == manager.find(4).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction3.order == 5, 'Prediction order should be 5'); - - console.log('\tPredict nodes added with no position:'); - manager.addNode(6, TestSuite.NODE_SIZE, prediction3.position); - manager.connectNode(0, 6, prediction3.order); - manager.layout(); - var graph4 = manager.plot('testBalancedPredict4', { width: 1000, height: 400 }); - var prediction4 = manager.predict(0, null, null); - this._plotPrediction(graph4, prediction4); - $assert( - prediction4.position.y > manager.find(5).getPosition().y && - prediction4.position.x == manager.find(5).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction4.order == 6, 'Prediction order should be 6'); - - console.log('\tPredict nodes added only a root node:'); - manager.removeNode(1).removeNode(2).removeNode(3).removeNode(4).removeNode(5); - manager.layout(); - var graph5 = manager.plot('testBalancedPredict5', { width: 1000, height: 400 }); - var prediction5a = manager.predict(0, null, null); - var prediction5b = manager.predict(0, null, { x: 40, y: 100 }); - this._plotPrediction(graph5, prediction5a); - this._plotPrediction(graph5, prediction5b); - $assert( - prediction5a.position.x > manager.find(0).getPosition().x && - prediction5a.position.y == manager.find(0).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction5a.order == 0, 'Prediction order should be 0'); - $assert( - prediction5a.position.x == prediction5b.position.x && - prediction5a.position.y == prediction5b.position.y, - 'Both predictions should be the same' - ); - $assert(prediction5a.order == prediction5b.order, 'Both predictions should be the same'); - - console.log('OK!\n\n'); - }, - - testBalancedNodeDragPredict: function () { - console.log('testBalancedNodeDragPredict:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Graph 1 - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.layout(); - var graph1 = manager.plot('testBalancedNodeDragPredict1', { width: 800, height: 400 }); - - var prediction1a = manager.predict(0, 1, { x: 50, y: 50 }); - this._plotPrediction(graph1, prediction1a); - $assert( - prediction1a.position.x == manager.find(1).getPosition().x && - prediction1a.position.y == manager.find(1).getPosition().y, - 'Prediction position should be the same as node 1' - ); - $assert( - prediction1a.order == manager.find(1).getOrder(), - 'Prediction order should be the same as node 1' - ); - - var prediction1b = manager.predict(0, 1, { x: 50, y: -50 }); - this._plotPrediction(graph1, prediction1b); - $assert( - prediction1b.position.x == manager.find(1).getPosition().x && - prediction1b.position.y == manager.find(1).getPosition().y, - 'Prediction position should be the same as node 1' - ); - $assert( - prediction1b.order == manager.find(1).getOrder(), - 'Prediction order should be the same as node 1' - ); - - var prediction1c = manager.predict(0, 1, { x: -50, y: 50 }); - this._plotPrediction(graph1, prediction1c); - $assert( - prediction1c.position.x < manager.find(0).getPosition().x && - prediction1c.position.y == manager.find(0).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1c.order == 1, 'Prediction order should be the same as node 1'); - - var prediction1d = manager.predict(0, 1, { x: -50, y: -50 }); - this._plotPrediction(graph1, prediction1d); - $assert( - prediction1d.position.x < manager.find(0).getPosition().x && - prediction1d.position.y == manager.find(0).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1d.order == 1, 'Prediction order should be the same as node 1'); - - // Graph 2 - manager.disconnectNode(1); - manager.connectNode(0, 1, 1); - manager.layout(); - var graph2 = manager.plot('testBalancedNodeDragPredict2', { width: 800, height: 400 }); - - var prediction2a = manager.predict(0, 1, { x: 50, y: 50 }); - this._plotPrediction(graph2, prediction2a); - $assert( - prediction2a.position.x > manager.find(0).getPosition().x && - prediction2a.position.y == manager.find(0).getPosition().y, - 'Prediction is positioned incorrectly' - ); - $assert(prediction2a.order == 0, 'Prediction order should be 0'); - - var prediction2b = manager.predict(0, 1, { x: 50, y: -50 }); - this._plotPrediction(graph2, prediction2b); - $assert( - prediction2b.position.x > manager.find(0).getPosition().x && - prediction2b.position.y == manager.find(0).getPosition().y, - 'Prediction is positioned incorrectly' - ); - $assert(prediction2b.order == 0, 'Prediction order should be 0'); - - var prediction2c = manager.predict(0, 1, { x: -50, y: 50 }); - this._plotPrediction(graph2, prediction2c); - $assert( - prediction2c.position.x == manager.find(1).getPosition().x && - prediction2c.position.y == manager.find(1).getPosition().y, - 'Prediction position should be the same as node 1' - ); - $assert( - prediction2c.order == manager.find(1).getOrder(), - 'Prediction order should be the same as node 1' - ); - - var prediction2d = manager.predict(0, 1, { x: -50, y: -50 }); - this._plotPrediction(graph2, prediction2d); - $assert( - prediction2d.position.x == manager.find(1).getPosition().x && - prediction2d.position.y == manager.find(1).getPosition().y, - 'Prediction position should be the same as node 1' - ); - $assert( - prediction2d.order == manager.find(1).getOrder(), - 'Prediction order should be the same as node 1' - ); - - // Graph 3 - manager.disconnectNode(1); - manager.connectNode(0, 1, 0); - manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 2); - manager.layout(); - var graph3 = manager.plot('testBalancedNodeDragPredict3', { width: 800, height: 400 }); - - var prediction3a = manager.predict(0, 1, { x: 50, y: 50 }); - this._plotPrediction(graph3, prediction3a); - $assert( - prediction3a.position.x == manager.find(2).getPosition().x && - prediction3a.position.y > manager.find(2).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction3a.order == 4, 'Prediction order should be 4'); - - var prediction3b = manager.predict(0, 1, { x: 50, y: -50 }); - this._plotPrediction(graph3, prediction3b); - $assert( - prediction3b.position.x == manager.find(1).getPosition().x && - prediction3b.position.y == manager.find(1).getPosition().y && - prediction3b.order == manager.find(1).getOrder(), - 'Prediction should be the exact same as dragged node' - ); - - var prediction3c = manager.predict(0, 1, { x: -50, y: 50 }); - this._plotPrediction(graph3, prediction3c); - $assert( - prediction3c.position.x < manager.find(0).getPosition().x && - prediction3c.position.y == manager.find(0).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction3c.order == 1, 'Prediction order should be 1'); - - var prediction3d = manager.predict(0, 1, { x: -50, y: -50 }); - this._plotPrediction(graph3, prediction3d); - $assert( - prediction3d.position.x < manager.find(0).getPosition().x && - prediction3d.position.y == manager.find(0).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction3d.order == 1, 'Prediction order should be 1'); - - var prediction3e = manager.predict(0, 1, { x: 50, y: 0 }); - this._plotPrediction(graph3, prediction3e); - $assert( - prediction3e.position.x == manager.find(1).getPosition().x && - prediction3e.position.y == manager.find(1).getPosition().y, - 'Prediction position should be the same as node 1' - ); - $assert( - prediction3e.order == manager.find(1).getOrder(), - 'Prediction order should be the same as node 1' - ); - - console.log('OK!\n\n'); - }, -}); - -export default BalancedTestSuite; diff --git a/packages/mindplot/test/playground/FreeTestSuite.js b/packages/mindplot/test/playground/FreeTestSuite.js deleted file mode 100644 index 25ba6484..00000000 --- a/packages/mindplot/test/playground/FreeTestSuite.js +++ /dev/null @@ -1,558 +0,0 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const TestSuite = require('./TestSuite').default; -const Mindplot = require('../../lib/mindplot'); -const mindplot = Mindplot(); - -const FreeTestSuite = new Class({ - Extends: TestSuite, - - initialize: function () { - $('#freeTest').css('display', 'block'); - - this.testFreePosition(); - this.testFreePredict(); - this.testReconnectFreeNode(); - this.testSiblingOverlapping(); - this.testRootNodeChildrenPositioning(); - this.testBalancedFreePredict(); - this.testFreeReorder(); - this.testFreeOverlap(); - }, - - testFreePosition: function () { - console.log('testFreePosition:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - manager.addNode(12, TestSuite.NODE_SIZE, position); - manager.addNode(13, TestSuite.NODE_SIZE, position); - manager.addNode(14, TestSuite.NODE_SIZE, position); - manager.addNode(15, TestSuite.NODE_SIZE, position); - manager.addNode(16, TestSuite.NODE_SIZE, position); - manager.addNode(17, TestSuite.NODE_SIZE, position); - manager.addNode(18, TestSuite.NODE_SIZE, position); - manager.addNode(19, TestSuite.NODE_SIZE, position); - manager.addNode(20, TestSuite.NODE_SIZE, position); - manager.addNode(21, TestSuite.NODE_SIZE, position); - manager.addNode(22, TestSuite.NODE_SIZE, position); - - manager.connectNode(0, 1, 0).connectNode(0, 2, 1).connectNode(0, 3, 2).connectNode(0, 4, 3); - manager.connectNode(4, 21, 0).connectNode(4, 22, 0); - manager.connectNode(1, 5, 0); - manager.connectNode(5, 6, 0).connectNode(6, 8, 0).connectNode(8, 9, 0); - manager.connectNode(5, 7, 1).connectNode(7, 10, 0); - manager - .connectNode(3, 11, 0) - .connectNode(11, 14, 0) - .connectNode(14, 18, 0) - .connectNode(14, 19, 1) - .connectNode(14, 20, 2); - manager - .connectNode(3, 12, 1) - .connectNode(12, 15, 0) - .connectNode(12, 16, 1) - .connectNode(12, 17, 2); - manager.connectNode(3, 13, 2); - - manager.layout(); - manager.plot('testFreePosition1', { width: 1400, height: 600 }); - - console.log('\tmove node 12 to (300,30):'); - manager.moveNode(12, { x: 300, y: 30 }); - manager.layout(true); - manager.plot('testFreePosition2', { width: 1400, height: 600 }); - this._assertFreePosition(manager, 12, { x: 300, y: 30 }); - - console.log('\tmove node 13 to (340,180):'); - var node13Pos = { x: 340, y: 180 }; - manager.moveNode(13, node13Pos); - manager.layout(true); - manager.plot('testFreePosition3', { width: 1400, height: 600 }); - this._assertFreePosition(manager, 13, node13Pos); - - console.log('\tmove node 11 to (250,-50):'); - manager.moveNode(11, { x: 250, y: -50 }); - manager.layout(true); - manager.plot('testFreePosition4', { width: 1400, height: 600 }); - this._assertFreePosition(manager, 11, { x: 250, y: -50 }); - $assert( - manager.find(13).getPosition().x == node13Pos.x && - manager.find(13).getPosition().y == node13Pos.y, - "Node 13 shouldn't have moved" - ); - - console.log('\tmove node 7 to (350,-190):'); - manager.moveNode(7, { x: 350, y: -190 }); - manager.layout(true); - manager.plot('testFreePosition5', { width: 1400, height: 600 }); - this._assertFreePosition(manager, 7, { x: 350, y: -190 }); - - console.log('\tadd node 23 to 12:'); - manager.addNode(23, TestSuite.NODE_SIZE, position); - manager.connectNode(12, 23, 3); - manager.layout(true); - manager.plot('testFreePosition6', { width: 1400, height: 600 }); - this._assertFreePosition(manager, null, null); - - console.log('\tmove node 4 to (-300, 190):'); - manager.moveNode(4, { x: -300, y: 190 }); - manager.layout(true); - manager.plot('testFreePosition7', { width: 1400, height: 600 }); - this._assertFreePosition(manager, 4, { x: -300, y: 190 }); - - console.log('\tadd node 24 to 3:'); - manager.addNode(24, TestSuite.NODE_SIZE, position); - manager.connectNode(3, 24, 3); - manager.layout(true); - manager.plot('testFreePosition8', { width: 1400, height: 600 }); - this._assertFreePosition(manager, null, null); - - console.log('\tadd node 25 to 17:'); - manager.addNode(25, TestSuite.NODE_SIZE, position); - manager.connectNode(17, 25, 0); - manager.layout(true); - manager.plot('testFreePosition9', { width: 1400, height: 600 }); - this._assertFreePosition(manager, null, null); - - console.log('OK!\n\n'); - }, - - testFreePredict: function () { - console.log('testFreePredict:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - - manager.connectNode(0, 1, 0); - manager.connectNode(0, 2, 1); - manager.connectNode(0, 3, 2); - manager.connectNode(3, 4, 0); - manager.connectNode(3, 5, 1); - manager.connectNode(3, 6, 2); - manager.connectNode(5, 7, 0); - manager.connectNode(5, 8, 1); - manager.connectNode(5, 11, 2); - manager.connectNode(2, 9, 0); - manager.connectNode(2, 10, 1); - - manager.layout(); - var graph = manager.plot('testFreePredict1', { width: 1000, height: 400 }); - - var pos1 = { x: 370, y: 80 }; - var predict1 = manager.predict(5, 11, pos1, true); - this._plotPrediction(graph, predict1); - $assert( - predict1.position.x == pos1.x && predict1.position.y == pos1.y, - 'free predict should return the same position' - ); - - var pos2 = { x: -200, y: 80 }; - var predict2 = manager.predict(0, 2, pos2, true); - this._plotPrediction(graph, predict2); - $assert( - predict2.position.x == pos2.x && predict2.position.y == pos2.y, - 'free predict should return the same position' - ); - - var pos3 = { x: 200, y: 30 }; - var node5 = manager.find(5); - var predict3 = manager.predict(3, 5, pos3, true); - this._plotPrediction(graph, predict3); - $assert( - predict3.position.x == node5.getPosition().x && predict3.position.y == pos3.y, - 'free predict should return the x-coordinate of the node' - ); - - var pos4 = { x: -100, y: 45 }; - var node10 = manager.find(10); - var predict4 = manager.predict(2, 10, pos4, true); - this._plotPrediction(graph, predict4); - $assert( - predict4.position.x == node10.getPosition().x && predict4.position.y == pos4.y, - 'free predict should return the x-coordinate of the node' - ); - - console.log('OK!\n\n'); - }, - - testReconnectFreeNode: function () { - console.log('testReconnectFreeNode:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - - manager.connectNode(0, 1, 0); - manager.connectNode(0, 2, 1); - manager.connectNode(0, 3, 2); - manager.connectNode(3, 4, 0); - manager.connectNode(3, 5, 1); - manager.connectNode(3, 6, 2); - manager.connectNode(5, 7, 0); - manager.connectNode(5, 8, 1); - manager.connectNode(5, 11, 2); - manager.connectNode(2, 9, 0); - manager.connectNode(2, 10, 1); - - manager.layout(); - manager.plot('testReconnectFreeNode1', { width: 1000, height: 400 }); - - console.log('\tmove node 5'); - manager.moveNode(5, { x: 250, y: 30 }); - manager.layout(); - manager.plot('testReconnectFreeNode2', { width: 1000, height: 400 }); - this._assertFreePosition(manager, 5, { x: 250, y: 30 }); - - console.log('\treconnect node 5 to node 2'); - manager.disconnectNode(5); - manager.connectNode(2, 5, 2); - manager.layout(); - manager.plot('testReconnectFreeNode3', { width: 1000, height: 400 }); - $assert( - manager.find(5).getPosition().y > manager.find(10).getPosition().y && - manager.find(5).getPosition().x == manager.find(10).getPosition().x, - 'Node 5 is incorrectly positioned' - ); - $assert(manager.find(5).getOrder() == 2, 'Node 5 should have order 2'); - - console.log('\tmove node 8'); - manager.moveNode(8, { x: -370, y: 60 }); - manager.layout(); - manager.plot('testReconnectFreeNode4', { width: 1000, height: 400 }); - this._assertFreePosition(manager, 8, { x: -370, y: 60 }); - - console.log('\treconnect node 5 to node 10'); - manager.disconnectNode(5); - manager.connectNode(10, 5, 0); - manager.layout(); - manager.plot('testReconnectFreeNode5', { width: 1000, height: 400 }); - $assert( - manager.find(5).getPosition().y == manager.find(10).getPosition().y && - manager.find(5).getPosition().x < manager.find(10).getPosition().x, - 'Node 5 is incorrectly positioned' - ); - $assert(manager.find(5).getOrder() == 0, 'Node 5 should have order 0'); - - console.log('reconnect node 5 to node 3'); - manager.disconnectNode(5); - manager.connectNode(3, 5, 2); - manager.layout(); - manager.plot('testReconnectFreeNode6', { width: 1000, height: 400 }); - $assert( - manager.find(5).getPosition().y > manager.find(6).getPosition().y && - manager.find(5).getPosition().x == manager.find(6).getPosition().x, - 'Node 5 is incorrectly positioned' - ); - $assert(manager.find(5).getOrder() == 2, 'Node 5 should have order 2'); - - console.log('\tmove node 8'); - manager.moveNode(8, { x: 370, y: 30 }); - manager.layout(); - manager.plot('testReconnectFreeNode7', { width: 1000, height: 400 }); - this._assertFreePosition(manager, 8, { x: 370, y: 30 }); - - console.log('OK!\n\n'); - }, - - testSiblingOverlapping: function () { - console.log('testSiblingOverlapping:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(1, 2, 0); - manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(1, 3, 1); - manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(1, 4, 2); - manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(1, 5, 3); - manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(1, 6, 4); - manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(1, 7, 5); - manager.addNode(8, TestSuite.NODE_SIZE, position).connectNode(1, 8, 6); - manager.addNode(9, TestSuite.NODE_SIZE, position).connectNode(0, 9, 4); - manager.layout(); - manager.plot('testSiblingOverlapping1', { width: 800, height: 600 }); - - console.log('\tmove node 2'); - manager.moveNode(2, { x: 250, y: -30 }); - manager.layout(); - manager.plot('testSiblingOverlapping2', { width: 800, height: 600 }); - this._assertFreePosition(manager, 2, { x: 250, y: -30 }); - - console.log('\tmove node 7'); - manager.moveNode(7, { x: 250, y: 100 }); - manager.layout(); - manager.plot('testSiblingOverlapping3', { width: 800, height: 600 }); - this._assertFreePosition(manager, 7, { x: 250, y: 100 }); - - console.log('OK!\n\n'); - }, - - testRootNodeChildrenPositioning: function () { - console.log('testRootNodeChildrenPositioning:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 1); - manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(0, 3, 2); - manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(0, 4, 3); - manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(0, 5, 4); - manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(0, 6, 5); - manager.layout(); - manager.plot('testRootNodeChildrenPositioning1', { width: 800, height: 600 }); - - console.log('\tmove node 1'); - manager.moveNode(1, { x: 150, y: 0 }); - manager.layout(); - manager.plot('testRootNodeChildrenPositioning2', { width: 800, height: 600 }); - this._assertFreePosition(manager, 1, { x: 150, y: 0 }); - - console.log('\tmove node 4'); - manager.moveNode(4, { x: -140, y: 30 }); - manager.layout(); - manager.plot('testRootNodeChildrenPositioning3', { width: 800, height: 600 }); - this._assertFreePosition(manager, 4, { x: -140, y: 30 }); - - console.log('\tmove node 2'); - manager.moveNode(2, { x: -150, y: -50 }); - manager.layout(); - manager.plot('testRootNodeChildrenPositioning4', { width: 800, height: 600 }); - this._assertFreePosition(manager, 2, { x: -150, y: -50 }); - - //TODO(gb): fix this. It's not working - // console.log("\tmove node 6"); - // manager.moveNode(6, {x:-150, y:-50}); - // manager.layout(); - // manager.plot("testRootNodeChildrenPositioning5", {width:800, height:600}); - // this._assertFreePosition(manager, 6, {x:-150, y:-50}); - - console.log('OK!\n\n'); - }, - - testBalancedFreePredict: function () { - console.log('testBalancedFreePredict:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.layout(); - var graph1 = manager.plot('testBalancedFreePredict1', { width: 800, height: 400 }); - - var predict1 = manager.predict(0, 1, { x: 70, y: 0 }, true); - this._plotPrediction(graph1, predict1); - $assert( - predict1.position.x == manager.find(1).getPosition().x, - 'Prediction x pos should be the same as node 1' - ); - - console.log('OK!\n\n'); - }, - - testFreeReorder: function () { - console.log('testFreeReorder:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(1, 4, 0); - manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(1, 5, 1); - manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(1, 6, 2); - - manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 2); - manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(2, 7, 0); - manager.addNode(8, TestSuite.NODE_SIZE, position).connectNode(2, 8, 1); - manager.addNode(9, TestSuite.NODE_SIZE, position).connectNode(2, 9, 2); - manager.addNode(10, TestSuite.NODE_SIZE, position).connectNode(2, 10, 3); - - manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(0, 3, 4); - manager.addNode(11, TestSuite.NODE_SIZE, position).connectNode(3, 11, 0); - manager.addNode(12, TestSuite.NODE_SIZE, position).connectNode(3, 12, 1); - manager.addNode(13, TestSuite.NODE_SIZE, position).connectNode(3, 13, 2); - manager.addNode(14, TestSuite.NODE_SIZE, position).connectNode(3, 14, 3); - manager.addNode(15, TestSuite.NODE_SIZE, position).connectNode(3, 15, 4); - manager.addNode(16, TestSuite.NODE_SIZE, position).connectNode(3, 16, 5); - - manager.layout(); - manager.moveNode(14, { x: 270, y: -160 }); - manager.layout(); - manager.plot('testFreeReorder1', { width: 800, height: 1200 }); - $assert( - manager.find(14).getPosition().y > manager.find(10).getPosition().y, - 'Node 14 should be below branch 2' - ); - - console.log('OK!\n\n'); - }, - - testFreeOverlap: function () { - console.log('testFreeOverlap:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(1, 4, 0); - manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(1, 5, 1); - manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(1, 6, 2); - - manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 2); - manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(2, 7, 0); - manager.addNode(8, TestSuite.NODE_SIZE, position).connectNode(2, 8, 1); - manager.addNode(9, TestSuite.NODE_SIZE, position).connectNode(2, 9, 2); - manager.addNode(10, TestSuite.NODE_SIZE, position).connectNode(2, 10, 3); - - manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(0, 3, 4); - manager.addNode(11, TestSuite.NODE_SIZE, position).connectNode(3, 11, 0); - manager.addNode(12, TestSuite.NODE_SIZE, position).connectNode(3, 12, 1); - manager.addNode(13, TestSuite.NODE_SIZE, position).connectNode(3, 13, 2); - manager.addNode(14, TestSuite.NODE_SIZE, position).connectNode(3, 14, 3); - manager.addNode(15, TestSuite.NODE_SIZE, position).connectNode(3, 15, 4); - manager.addNode(16, TestSuite.NODE_SIZE, position).connectNode(3, 16, 5); - - manager.layout(); - manager.plot('testFreeOverlap1', { width: 800, height: 1200 }); - - manager.moveNode(14, { x: 270, y: 7 }); - manager.layout(); - manager.plot('testFreeOverlap2', { width: 800, height: 1200 }); - $assert( - manager.find(2).getPosition().y > manager.find(1).getPosition().y, - 'Branches 1 and 2 are overlapping' - ); - - console.log('OK!\n\n'); - }, - - _assertFreePosition: function (manager, id, position) { - if (id != null && position.x != null && position.y != null) { - var node = manager.find(id); - $assert( - node.getPosition().x == position.x && node.getPosition().y == position.y, - 'Freely moved node ' + - id + - ' is not left at free position (' + - position.x + - ',' + - position.y + - '). ' + - 'Actual position: (' + - node.getPosition().x + - ',' + - node.getPosition().y + - ')' - ); - } - - var treeSet = manager._treeSet; - _.each( - treeSet._rootNodes, - function (rootNode) { - var heightById = rootNode.getSorter().computeChildrenIdByHeights(treeSet, rootNode); - this._assertBranchCollision(treeSet, rootNode, heightById); - }, - this - ); - }, - - _assertBranchCollision: function (treeSet, node, heightById) { - var children = treeSet.getChildren(node); - var childOfRootNode = treeSet._rootNodes.contains(node); - - _.each( - children, - function (child) { - var height = heightById[child.getId()]; - var siblings = treeSet.getSiblings(child); - if (childOfRootNode) { - siblings = siblings.filter(function (sibling) { - return child.getOrder() % 2 == sibling.getOrder() % 2; - }); - } - _.each( - siblings, - function (sibling) { - this._branchesOverlap(child, sibling, heightById); - }, - this - ); - }, - this - ); - - _.each( - children, - function (child) { - this._assertBranchCollision(treeSet, child, heightById); - }, - this - ); - }, - - _branchesOverlap: function (branchA, branchB, heightById) { - var topA = branchA.getPosition().y - heightById[branchA.getId()] / 2; - var bottomA = branchA.getPosition().y + heightById[branchA.getId()] / 2; - var topB = branchB.getPosition().y - heightById[branchB.getId()] / 2; - var bottomB = branchB.getPosition().y + heightById[branchB.getId()] / 2; - - $assert( - topA >= bottomB || bottomA <= topB, - 'Branches ' + branchA.getId() + ' and ' + branchB.getId() + ' overlap' - ); - }, -}); - -export default FreeTestSuite; diff --git a/packages/mindplot/test/playground/SymmetricTestSuite.js b/packages/mindplot/test/playground/SymmetricTestSuite.js deleted file mode 100644 index a505ce6b..00000000 --- a/packages/mindplot/test/playground/SymmetricTestSuite.js +++ /dev/null @@ -1,352 +0,0 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const TestSuite = require('./TestSuite').default; -const Mindplot = require('../../lib/mindplot'); -const mindplot = Mindplot(); - -const SymmetricTestSuite = new Class({ - Extends: TestSuite, - - initialize: function () { - $('#symmetricTest').css('display', 'block'); - - this.testSymmetry(); - this.testSymmetricPredict(); - this.testSymmetricDragPredict(); - }, - - testSymmetry: function () { - console.log('testSymmetry:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - manager.addNode(12, TestSuite.NODE_SIZE, position); - manager.addNode(13, TestSuite.NODE_SIZE, position); - manager.addNode(14, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 14, 0); - manager.connectNode(14, 13, 0); - manager.connectNode(13, 1, 0); - manager.connectNode(13, 2, 1); - manager.connectNode(13, 3, 2); - manager.connectNode(13, 4, 3); - manager.connectNode(13, 5, 4); - manager.connectNode(1, 6, 0); - manager.connectNode(1, 7, 1); - manager.connectNode(7, 8, 0); - manager.connectNode(8, 9, 0); - manager.connectNode(5, 10, 0); - manager.connectNode(6, 11, 0); - manager.connectNode(6, 12, 1); - - manager.layout(); - manager.plot('testSymmetry', { width: 1600, height: 400 }); - - // All nodes should be positioned symmetrically with respect to their common ancestors - $assert( - manager.find(14).getPosition().y == manager.find(13).getPosition().y, - 'Symmetry is not respected' - ); - $assert( - manager.find(5).getPosition().y == manager.find(10).getPosition().y, - 'Symmetry is not respected' - ); - $assert( - manager.find(11).getPosition().y - manager.find(6).getPosition().y == - -(manager.find(12).getPosition().y - manager.find(6).getPosition().y), - 'Symmetry is not respected' - ); - $assert( - manager.find(8).getPosition().y - manager.find(1).getPosition().y == - -(manager.find(11).getPosition().y - manager.find(1).getPosition().y), - 'Symmetry is not respected' - ); - $assert( - manager.find(9).getPosition().y - manager.find(1).getPosition().y == - -(manager.find(11).getPosition().y - manager.find(1).getPosition().y), - 'Symmetry is not respected' - ); - - console.log('OK!\n\n'); - }, - - testSymmetricPredict: function () { - console.log('testSymmetricPredict:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - - manager.connectNode(0, 1, 0); - manager.connectNode(0, 2, 1); - manager.connectNode(0, 3, 2); - manager.connectNode(3, 4, 0); - manager.connectNode(3, 5, 1); - manager.connectNode(3, 6, 2); - manager.connectNode(5, 7, 0); - manager.connectNode(5, 8, 1); - manager.connectNode(5, 11, 2); - manager.connectNode(2, 9, 0); - manager.connectNode(2, 10, 1); - - manager.layout(); - - // Graph - var graph1 = manager.plot('testSymmetricPredict1', { width: 1000, height: 400 }); - - console.log('\tAdded as child of node 9 and dropped at (-280, 45):'); - var prediction1a = manager.predict(9, null, { x: -280, y: 45 }); - this._plotPrediction(graph1, prediction1a); - $assert( - prediction1a.position.x < manager.find(9).getPosition().x && - prediction1a.position.y == manager.find(9).getPosition().y, - 'Prediction incorrectly positioned' - ); - $assert(prediction1a.order == 0, 'Prediction order should be 0'); - - console.log('\tAdded as child of node 1 and dropped at (155, -90):'); - var prediction1b = manager.predict(1, null, { x: -155, y: -90 }); - this._plotPrediction(graph1, prediction1b); - $assert( - prediction1b.position.x > manager.find(1).getPosition().x && - prediction1b.position.y == manager.find(1).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1b.order == 0, 'Prediction order should be 0'); - - // Graph 2 - var graph2 = manager.plot('testSymmetricPredict2', { width: 1000, height: 400 }); - - console.log('\tAdded as child of node 5 and dropped at (380, -30):'); - var prediction2d = manager.predict(5, null, { x: 380, y: -30 }); - this._plotPrediction(graph2, prediction2d); - - // Prediction calculator error - $assert( - prediction2d.position.y < manager.find(7).getPosition().y && - prediction2d.position.x == manager.find(7).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction2d.order == 0, 'Prediction order should be 0'); - - console.log('\tAdded as child of node 5 and dropped at (375, 15):'); - var prediction2a = manager.predict(5, null, { x: 375, y: 15 }); - this._plotPrediction(graph2, prediction2a); - - $assert( - prediction2a.position.y > manager.find(7).getPosition().y && - prediction2a.position.y < manager.find(8).getPosition().y && - prediction2a.position.x == manager.find(7).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction2a.order == 1, 'Prediction order should be 1'); - - console.log('\tAdded as child of node 5 and dropped at (375, 45):'); - var prediction2b = manager.predict(5, null, { x: 375, y: 45 }); - this._plotPrediction(graph2, prediction2b); - $assert( - prediction2b.position.y > manager.find(8).getPosition().y && - prediction2b.position.y < manager.find(11).getPosition().y && - prediction2b.position.x == manager.find(7).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction2b.order == 2, 'Prediction order should be 2'); - - console.log('\tAdded as child of node 5 and dropped at (375, 45):'); - var prediction2c = manager.predict(5, null, { x: 375, y: 65 }); - this._plotPrediction(graph2, prediction2c); - $assert( - prediction2c.position.y > manager.find(11).getPosition().y && - prediction2c.position.x == manager.find(11).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction2c.order == 3, 'Prediction order should be 3'); - - // Graph 3 - var graph3 = manager.plot('testSymmetricPredict3', { width: 1000, height: 400 }); - - console.log('\tAdded as child of node 3 and dropped at (280, 45):'); - var prediction3a = manager.predict(3, null, { x: 280, y: 45 }); - this._plotPrediction(graph3, prediction3a); - $assert( - prediction3a.position.y > manager.find(5).getPosition().y && - prediction3a.position.y < manager.find(6).getPosition().y && - prediction3a.position.x == manager.find(5).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction3a.order == 2, 'Prediction order should be 2'); - - console.log('\tAdded as child of node 3 and dropped at (255, 110):'); - var prediction3b = manager.predict(3, null, { x: 255, y: 110 }); - this._plotPrediction(graph3, prediction3b); - $assert( - prediction3b.position.y > manager.find(6).getPosition().y && - prediction3b.position.x == manager.find(6).getPosition().x, - 'Prediction incorrectly positioned' - ); - $assert(prediction3b.order == 3, 'Prediction order should be 3'); - - // Graph 4 - console.log('\tAdded as child of node 2 and dropped at (-260, 0):'); - var graph4 = manager.plot('testSymmetricPredict4', { width: 1000, height: 400 }); - var prediction4 = manager.predict(2, null, { x: -260, y: 0 }); - this._plotPrediction(graph4, prediction4); - $assert( - prediction4.position.y > manager.find(9).getPosition().y && - prediction4.position.y < manager.find(10).getPosition().y && - prediction4.position.x == manager.find(9).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction4.order == 1, 'Prediction order should be 1'); - - // Graph 5 - console.log('\tPredict nodes added with no position:'); - var graph5 = manager.plot('testSymmetricPredict5', { width: 1000, height: 400 }); - var prediction5a = manager.predict(1, null, null); - this._plotPrediction(graph5, prediction5a); - $assert( - prediction5a.position.y == manager.find(1).getPosition().y && - prediction5a.position.x > manager.find(1).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction5a.order == 0, 'Prediction order should be 0'); - - var prediction5b = manager.predict(2, null, null); - this._plotPrediction(graph5, prediction5b); - $assert( - prediction5b.position.y > manager.find(10).getPosition().y && - prediction5b.position.x < manager.find(2).getPosition().x && - prediction5b.position.x == manager.find(10).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction5b.order == 2, 'Prediction order should be 2'); - - var prediction5c = manager.predict(3, null, null); - this._plotPrediction(graph5, prediction5c); - $assert( - prediction5c.position.y > manager.find(6).getPosition().y && - prediction5c.position.x > manager.find(3).getPosition().x && - prediction5c.position.x == manager.find(6).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction5c.order == 3, 'Prediction order should be 3'); - - var prediction5d = manager.predict(10, null, null); - this._plotPrediction(graph5, prediction5d); - $assert( - prediction5d.position.y == manager.find(10).getPosition().y && - prediction5d.position.x < manager.find(10).getPosition().x, - 'Prediction is incorrectly positioned' - ); - $assert(prediction5d.order == 0, 'Prediction order should be 0'); - - console.log('OK!\n\n'); - }, - - testSymmetricDragPredict: function () { - console.log('testSymmetricDragPredict:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 1); - manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(1, 2, 0); - manager.layout(); - - // Graph 1 - var graph1 = manager.plot('testSymmetricDragPredict1', { width: 1000, height: 400 }); - - var prediction1a = manager.predict(1, 2, { x: -250, y: -20 }); - this._plotPrediction(graph1, prediction1a); - $assert( - prediction1a.position.x == manager.find(2).getPosition().x && - prediction1a.position.y == manager.find(2).getPosition().y, - 'Prediction position should be the same as node 2' - ); - $assert( - prediction1a.order == manager.find(2).getOrder(), - 'Predicition order should be the same as node 2' - ); - - var prediction1b = manager.predict(1, 2, { x: -250, y: 20 }); - this._plotPrediction(graph1, prediction1b); - $assert( - prediction1b.position.x == manager.find(2).getPosition().x && - prediction1b.position.y == manager.find(2).getPosition().y, - 'Prediction position should be the same as node 2' - ); - $assert( - prediction1b.order == manager.find(2).getOrder(), - 'Predicition order should be the same as node 2' - ); - - var prediction1c = manager.predict(0, 2, { x: -100, y: -20 }); - this._plotPrediction(graph1, prediction1c); - $assert( - prediction1c.position.x == manager.find(1).getPosition().x && - prediction1c.position.y < manager.find(1).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1c.order == 1, 'Prediction order should be 1'); - - var prediction1d = manager.predict(0, 2, { x: -100, y: 20 }); - this._plotPrediction(graph1, prediction1d); - $assert( - prediction1d.position.x == manager.find(1).getPosition().x && - prediction1d.position.y > manager.find(1).getPosition().y, - 'Prediction is incorrectly positioned' - ); - $assert(prediction1d.order == 3, 'Prediction order should be 3'); - - var prediction1e = manager.predict(1, 2, { x: -250, y: 0 }); - this._plotPrediction(graph1, prediction1e); - $assert( - prediction1e.position.x == manager.find(2).getPosition().x && - prediction1e.position.y == manager.find(2).getPosition().y, - 'Prediction position should be the same as node 2' - ); - $assert( - prediction1e.order == manager.find(2).getOrder(), - 'Predicition order should be the same as node 2' - ); - - console.log('OK!\n\n'); - }, -}); - -export default SymmetricTestSuite; diff --git a/packages/mindplot/test/playground/TestSuite.js b/packages/mindplot/test/playground/TestSuite.js deleted file mode 100644 index 963af45b..00000000 --- a/packages/mindplot/test/playground/TestSuite.js +++ /dev/null @@ -1,589 +0,0 @@ -/* - * Copyright [2015] [wisemapping] - * - * Licensed under WiseMapping Public License, Version 1.0 (the "License"). - * It is basically the Apache License, Version 2.0 (the "License") plus the - * "powered by wisemapping" text requirement on every single page; - * you may not use this file except in compliance with the License. - * You may obtain a copy of the license at - * - * http://www.wisemapping.org/license - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -const Mindplot = require('../../lib/mindplot'); -const mindplot = Mindplot(); - -const TestSuite = new Class({ - Extends: mindplot.layout.ChildrenSorterStrategy, - - initialize: function () { - $('#basicTest').css('display', 'block'); - // this.testAligned(); - this.testBaselineAligned1(); - this.testBaselineAligned2(); - this.testEvents(); - this.testEventsComplex(); - this.testDisconnect(); - this.testReconnect(); - this.testRemoveNode(); - this.testSize(); - this.testReconnectSingleNode(); - }, - - testAligned: function () { - console.log('testAligned:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(1, 2, 0); - manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(2, 3, 0); - manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(3, 4, 0); - manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(0, 5, 2); - manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(0, 6, 4); - manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(0, 7, 6); - - manager.layout(); - manager.plot('testAligned', { width: 1200, height: 200 }); - - // Child nodes should be vertically aligned - $assert( - manager.find(1).getPosition().y == manager.find(2).getPosition().y, - 'Child nodes are not vertically aligned' - ); - $assert( - manager.find(1).getPosition().y == manager.find(3).getPosition().y, - 'Child nodes are not vertically aligned' - ); - $assert( - manager.find(1).getPosition().y == manager.find(4).getPosition().y, - 'Child nodes are not vertically aligned' - ); - - // Siblings should be horizontally aligned - $assert( - manager.find(1).getPosition().x == manager.find(5).getPosition().x, - 'Sibling nodes are not horizontally aligned' - ); - $assert( - manager.find(1).getPosition().x == manager.find(6).getPosition().x, - 'Sibling nodes are not horizontally aligned' - ); - $assert( - manager.find(1).getPosition().x == manager.find(7).getPosition().x, - 'Sibling nodes are not horizontally aligned' - ); - - console.log('OK!\n\n'); - }, - - testBaselineAligned1: function () { - console.log('testBaselineAligned1:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(1, 3, 0); - manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(3, 5, 0); - manager.addNode(6, { width: 140, height: 130 }, position).connectNode(3, 6, 1); - manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(6, 7, 0); - manager.addNode(8, TestSuite.NODE_SIZE, position).connectNode(7, 8, 0); - manager.addNode(9, TestSuite.NODE_SIZE, position).connectNode(7, 9, 1); - manager.addNode(10, TestSuite.NODE_SIZE, position).connectNode(7, 10, 2); - manager.addNode(11, TestSuite.NODE_SIZE, position).connectNode(7, 11, 3); - manager.addNode(12, TestSuite.NODE_SIZE, position).connectNode(7, 12, 4); - manager.addNode(13, TestSuite.NODE_SIZE, position).connectNode(7, 13, 5); - manager.addNode(14, TestSuite.NODE_SIZE, position).connectNode(7, 14, 6); - manager.addNode(15, TestSuite.NODE_SIZE, position).connectNode(7, 15, 7); - manager.addNode(16, TestSuite.NODE_SIZE, position).connectNode(7, 16, 8); - manager.addNode(17, TestSuite.NODE_SIZE, position).connectNode(7, 17, 9); - manager.addNode(29, TestSuite.NODE_SIZE, position).connectNode(6, 29, 1); - manager.addNode(30, TestSuite.NODE_SIZE, position).connectNode(6, 30, 2); - manager.addNode(31, { width: 100, height: 50 }, position).connectNode(6, 31, 3); - - manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(1, 4, 1); - manager.addNode(18, { width: 80, height: 70 }, position).connectNode(4, 18, 0); - manager.addNode(19, TestSuite.NODE_SIZE, position).connectNode(18, 19, 0); - manager.addNode(20, TestSuite.NODE_SIZE, position).connectNode(19, 20, 0); - manager.addNode(21, TestSuite.NODE_SIZE, position).connectNode(20, 21, 0); - - manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 1); - manager.addNode(22, TestSuite.NODE_SIZE, position).connectNode(2, 22, 0); - manager.addNode(24, TestSuite.NODE_SIZE, position).connectNode(22, 24, 0); - - manager.addNode(23, { width: 80, height: 50 }, position).connectNode(2, 23, 1); - manager.addNode(25, { width: 80, height: 40 }, position).connectNode(23, 25, 0); - manager.addNode(26, { width: 80, height: 80 }, position).connectNode(25, 26, 0); - manager.addNode(27, TestSuite.NODE_SIZE, position).connectNode(26, 27, 0); - manager.addNode(28, { width: 80, height: 80 }, position).connectNode(27, 28, 0); - - // manager.layout(); - // manager.plot("testBaselineAligned1", {width:1600,height:800}); - - console.log('OK!\n\n'); - }, - - testBaselineAligned2: function () { - console.log('testBaselineAligned2:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); - manager.addNode(2, { width: 130, height: 200 }, position).connectNode(1, 2, 0); - manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(2, 3, 0); - manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(2, 4, 1); - manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(2, 5, 2); - manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(2, 6, 3); - - manager.layout(); - manager.plot('testBaselineAligned2', { width: 1600, height: 800 }); - - console.log('OK!\n\n'); - }, - - testEvents: function () { - console.log('testEvents:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, { x: 0, y: 60 }); - manager.connectNode(0, 1, 0); - manager.connectNode(0, 2, 1); - manager.connectNode(1, 3, 0); - - var events = []; - manager.addEvent('change', function (event) { - console.log( - '\tUpdated nodes: {id:' + - event.getId() + - ', order: ' + - event.getOrder() + - ',position: {' + - event.getPosition().x + - ',' + - event.getPosition().y + - '}' - ); - events.push(event); - }); - manager.layout(true); - manager.plot('testEvents1', { width: 800, height: 200 }); - - console.log('\t--- Layout without changes should not affect the tree ---'); - events.empty(); - manager.layout(true); - manager.plot('testEvents2', { width: 800, height: 200 }); - - // Check no events where fired - $assert(events.length == 0, 'Unnecessary tree updated.'); - - console.log('OK!\n\n'); - }, - - testEventsComplex: function () { - console.log('testEventsComplex:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, { x: 0, y: 60 }); - manager.connectNode(0, 1, 0); - manager.connectNode(0, 2, 1); - manager.connectNode(0, 3, 2); - manager.connectNode(3, 4, 0); - manager.connectNode(3, 5, 1); - - var events = []; - manager.addEvent('change', function (event) { - console.log( - '\tUpdated nodes: {id:' + - event.getId() + - ', order: ' + - event.getOrder() + - ',position: {' + - event.getPosition().x + - ',' + - event.getPosition().y + - '}' - ); - events.push(event); - }); - - manager.layout(true); - manager.plot('testEventsComplex1', { width: 800, height: 200 }); - - console.log('\t--- Connect a new node ---'); - - events.empty(); - manager.connectNode(3, 6, 2); - manager.layout(true); - manager.plot('testEventsComplex2', { width: 800, height: 200 }); - - // Check only 4 nodes were repositioned - - console.log(events.length); - - $assert(events.length == 4, 'Only 4 nodes should be repositioned.'); - - console.log('OK!\n\n'); - }, - - testDisconnect: function () { - console.log('testDisconnect:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 1, 0); - manager.connectNode(1, 2, 0); - manager.connectNode(1, 3, 1); - manager.connectNode(1, 4, 2); - manager.connectNode(4, 5, 0); - manager.connectNode(5, 6, 0); - manager.connectNode(5, 7, 1); - - var events = []; - manager.addEvent('change', function (event) { - var pos = event.getPosition(); - var posStr = pos ? ',position: {' + pos.x + ',' + pos.y : ''; - var node = manager.find(event.getId()); - console.log( - '\tUpdated nodes: {id:' + - event.getId() + - ', order: ' + - event.getOrder() + - posStr + - '}' - ); - events.push(event); - }); - manager.layout(true); - manager.plot('testDisconnect1', { width: 1200, height: 400 }); - - console.log('--- Disconnect node 2 ---'); - events.empty(); - manager.disconnectNode(2); - manager.layout(true); - manager.plot('testDisconnect2', { width: 1200, height: 400 }); - - // Check that orders have been shifted accordingly - $assert(manager.find(2).getOrder() == 0, 'Node 2 should have order 0'); - $assert(manager.find(3).getOrder() == 0, 'Node 3 should now have order 0'); - $assert(manager.find(4).getOrder() == 1, 'Node 4 should have order 1'); - - console.log('--- Disconnect node 4 ---'); - manager.disconnectNode(4); - manager.layout(true); - manager.plot('testDisconnect3', { width: 1200, height: 400 }); - - // Check that nodes 1 and 3 are now vertically aligned - $assert( - manager.find(1).getPosition().y == manager.find(3).getPosition().y, - 'Nodes 1 and 3 should now be vertically aligned' - ); - - console.log('OK!\n\n'); - }, - - testReconnect: function () { - console.log('testReconnect:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - manager.addNode(12, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 1, 0); - manager.connectNode(0, 2, 1); - manager.connectNode(0, 3, 2); - manager.connectNode(0, 4, 3); - manager.connectNode(0, 5, 4); - manager.connectNode(1, 6, 0); - manager.connectNode(1, 7, 1); - manager.connectNode(7, 8, 0); - manager.connectNode(8, 9, 0); - manager.connectNode(5, 10, 0); - manager.connectNode(6, 11, 0); - manager.connectNode(6, 12, 1); - - manager.layout(); - manager.plot('testReconnect1', { width: 1200, height: 400 }); - - // Reconnect node 6 to node 4 - console.log('\tReconnect node 6 to node 4'); - manager.disconnectNode(6); - manager.connectNode(4, 6, 0); - manager.layout(); - manager.plot('testReconnect2', { width: 1200, height: 400 }); - - // Check nodes are left aligned correctly - $assert( - manager.find(1).getPosition().y == manager.find(7).getPosition().y, - 'Nodes 1 and 7 should be vertically aligned' - ); - $assert( - manager.find(4).getPosition().y == manager.find(6).getPosition().y, - 'Nodes 4 and 6 should be vertically aligned' - ); - $assert( - manager.find(4).getPosition().x > manager.find(6).getPosition().x, - 'Node 6 and their children should be to the left of node 4' - ); - $assert( - manager.find(6).getPosition().x > manager.find(11).getPosition().x && - manager.find(11).getPosition().x == manager.find(12).getPosition().x, - 'Nodes 11 and 12 should be to the left of node 6 and horizontally aligned' - ); - - console.log('OK!\n\n'); - }, - - testRemoveNode: function () { - console.log('testRemoveNode:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, TestSuite.NODE_SIZE, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(6, TestSuite.NODE_SIZE, position); - manager.addNode(7, TestSuite.NODE_SIZE, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, TestSuite.NODE_SIZE, position); - - manager.connectNode(0, 1, 0); - manager.connectNode(0, 5, 1); - manager.connectNode(0, 6, 2); - manager.connectNode(0, 7, 3); - manager.connectNode(0, 8, 4); - manager.connectNode(0, 9, 5); - manager.connectNode(1, 2, 0); - manager.connectNode(1, 3, 1); - manager.connectNode(3, 4, 0); - - var events = []; - manager.addEvent('change', function (event) { - var pos = event.getPosition(); - var posStr = pos ? ',position: {' + pos.x + ',' + event.getPosition().y : ''; - events.push(event); - }); - manager.layout(true); - manager.plot('testRemoveNode1', { width: 1000, height: 200 }); - - console.log('\t--- Remove node 3 ---'); - manager.removeNode(3); - manager.layout(true); - manager.plot('testRemoveNode2', { width: 1000, height: 200 }); - - // Check nodes are correctly aligned and node 6 is aligned with the root node - $assert( - manager.find(1).getPosition().y == manager.find(2).getPosition().y, - 'Nodes 1 and 2 should be vertically algined' - ); - $assert( - manager.find(6).getPosition().y == manager.find(0).getPosition().y, - 'Node 6 should be aligned to the root node' - ); - - console.log('\t--- Remove node 6 ---'); - manager.removeNode(6); - manager.layout(true); - manager.plot('testRemoveNode3', { width: 1000, height: 200 }); - - // Check orders were shifted accordingly - $assert(manager.find(8).getOrder() == 2, 'Node 8 should have order 2'); - - console.log('\t--- Remove node 5 ---'); - manager.removeNode(5); - manager.layout(true); - manager.plot('testRemoveNode4', { width: 1000, height: 200 }); - - // Check orders were shifted accordingly - $assert(manager.find(7).getOrder() == 1, 'Node 7 should have order 1'); - $assert(manager.find(9).getOrder() == 3, 'Node 9 should have order 3'); - - console.log('OK!\n\n'); - }, - - testSize: function () { - console.log('testSize:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - manager.addNode(1, { width: 60, height: 60 }, position); - manager.addNode(2, TestSuite.NODE_SIZE, position); - manager.addNode(3, { width: 260, height: 30 }, position); - manager.addNode(4, TestSuite.NODE_SIZE, position); - manager.addNode(5, TestSuite.NODE_SIZE, position); - manager.addNode(7, { width: 80, height: 80 }, position); - manager.addNode(8, TestSuite.NODE_SIZE, position); - manager.addNode(9, { width: 30, height: 30 }, position); - manager.addNode(10, TestSuite.NODE_SIZE, position); - manager.addNode(11, TestSuite.NODE_SIZE, position); - manager.addNode(12, { width: 100, height: 70 }, position); - manager.addNode(13, TestSuite.NODE_SIZE, position); - manager.addNode(14, TestSuite.NODE_SIZE, position); - manager.addNode(15, TestSuite.NODE_SIZE, position); - manager.addNode(16, TestSuite.NODE_SIZE, position); - manager.addNode(17, TestSuite.NODE_SIZE, position); - - manager.connectNode(0, 1, 0); - manager.connectNode(1, 16, 0); - manager.connectNode(0, 2, 1); - manager.connectNode(0, 3, 2); - manager.connectNode(0, 4, 3); - manager.connectNode(0, 5, 4); - manager.connectNode(4, 7, 0); - manager.connectNode(7, 15, 0); - manager.connectNode(7, 17, 1); - manager.connectNode(4, 8, 1); - manager.connectNode(8, 9, 0); - manager.connectNode(3, 10, 0); - manager.connectNode(3, 11, 1); - manager.connectNode(9, 12, 0); - manager.connectNode(9, 13, 1); - manager.connectNode(13, 14, 0); - - manager.layout(); - manager.plot('testSize1', { width: 1400, height: 400 }); - - // Check that all enlarged nodes shift children accordingly - $assert( - manager.find(10).getPosition().x > manager.find(3).getPosition().x && - manager.find(10).getPosition().x == manager.find(11).getPosition().x, - 'Nodes 10 and 11 should be horizontally algined and to the right of enlarged node 3' - ); - var xPosNode7 = manager.find(7).getPosition().x; - var xPosNode8 = manager.find(8).getPosition().x; - - manager.updateNodeSize(4, { width: 100, height: 30 }); - manager.layout(); - manager.plot('testSize2', { width: 1400, height: 400 }); - - // Check that all enlarged nodes shift children accordingly - $assert( - manager.find(2).getPosition().x - manager.find(4).getPosition().x == 10, - 'Node 4 should have been shifted by 10' - ); - $assert( - xPosNode7 - manager.find(7).getPosition().x == 20, - 'Node 7 should have been shifted by 20' - ); - $assert( - xPosNode8 - manager.find(8).getPosition().x == 20, - 'Node 8 should have been shifted by 20' - ); - - var graph2 = manager.plot('testSize3', { width: 1400, height: 400 }); - this._plotPrediction(graph2, manager.predict(0, null, { x: -145, y: 400 })); - this._plotPrediction(graph2, manager.predict(9, null, { x: -330, y: 70 })); - this._plotPrediction(graph2, manager.predict(9, null, { x: -330, y: 120 })); - this._plotPrediction(graph2, manager.predict(0, null, { x: 15, y: 20 })); - //TODO(gb): make asserts - - var graph3 = manager.plot('testSize4', { width: 1400, height: 400 }); - this._plotPrediction(graph3, manager.predict(0, null, null)); - this._plotPrediction(graph3, manager.predict(9, null, null)); - this._plotPrediction(graph3, manager.predict(3, null, null)); - this._plotPrediction(graph3, manager.predict(1, null, null)); - //TODO(gb): make asserts - - var yPosNode2 = manager.find(2).getPosition().y; - manager.updateNodeSize(7, { width: 80, height: 120 }); - manager.layout(); - manager.plot('testSize5', { width: 1400, height: 400 }); - - // Check that all enlarged nodes shift children accordingly - $assert( - yPosNode2 - manager.find(2).getPosition().y == 20, - 'Node 2 should have been shifted by 20' - ); - - console.log('OK!\n\n'); - }, - - testReconnectSingleNode: function () { - console.log('testReconnectSingleNode:'); - var position = { x: 0, y: 0 }; - var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); - - // Prepare a sample graph ... - manager.addNode(1, TestSuite.NODE_SIZE, position); - manager.connectNode(0, 1, 0); - manager.layout(); - var graph = manager.plot('testReconnectSingleNode1', { width: 1000, height: 400 }); - var prediction = manager.predict(0, null, { x: -50, y: 0 }); - this._plotPrediction(graph, prediction); - - // Check prediction is to the left of the root node - $assert( - prediction.position.x < manager.find(0).getPosition().x, - 'Prediction should be to the left of the root node' - ); - $assert(prediction.order == 1, 'Prediction should have order 1'); - - manager.disconnectNode(1); - manager.connectNode(0, 1, 1); - manager.layout(); - manager.plot('testReconnectSingleNode2', { width: 1000, height: 400 }); - - // Check reconnected node is to the left of the root node - $assert( - manager.find(1).getPosition().x < manager.find(0).getPosition().x, - 'Node 1 should now be to the left of the root node' - ); - $assert(manager.find(1).getOrder() == 1, 'Node 1 should now have order 0'); - }, - - _plotPrediction: function (canvas, prediction) { - var position = prediction.position; - var order = prediction.order; - console.log( - '\t\tprediction {order:' + - order + - ', position: (' + - position.x + - ',' + - position.y + - ')}' - ); - var cx = position.x + canvas.width / 2 - TestSuite.NODE_SIZE.width / 2; - var cy = position.y + canvas.height / 2 - TestSuite.NODE_SIZE.height / 2; - canvas.rect(cx, cy, TestSuite.NODE_SIZE.width, TestSuite.NODE_SIZE.height); - }, -}); - -(TestSuite.NODE_SIZE = { width: 80, height: 30 }), - (TestSuite.ROOT_NODE_SIZE = { width: 120, height: 40 }); - -export default TestSuite; diff --git a/packages/mindplot/test/playground/context-loader.js b/packages/mindplot/test/playground/context-loader.js deleted file mode 100644 index dadf1a1c..00000000 --- a/packages/mindplot/test/playground/context-loader.js +++ /dev/null @@ -1,11 +0,0 @@ -const TestSuite = require('./TestSuite').default; -const BalancedTestSuite = require('./BalancedTestSuite').default; -const SymmetricTestSuite = require('./SymmetricTestSuite').default; -const FreeTestSuite = require('./FreeTestSuite').default; - -window.addEventListener('DOMContentLoaded', function () { - var basicTest = new TestSuite(); - var balancedTest = new BalancedTestSuite(); - var symmetricTest = new SymmetricTestSuite(); - var freeTest = new FreeTestSuite(); -}); diff --git a/packages/mindplot/test/playground/index.html b/packages/mindplot/test/playground/index.html index ec4feeba..b039afec 100644 --- a/packages/mindplot/test/playground/index.html +++ b/packages/mindplot/test/playground/index.html @@ -1,16 +1,22 @@ - - - - Document - - -
-

Mindplot Playground

- -
- - + + + + + Mindplot Playground + + + +
+

Mindplot Playground

+ +
+ + + \ No newline at end of file diff --git a/packages/mindplot/test/playground/layout/BalancedTestSuite.js b/packages/mindplot/test/playground/layout/BalancedTestSuite.js new file mode 100644 index 00000000..1f50a718 --- /dev/null +++ b/packages/mindplot/test/playground/layout/BalancedTestSuite.js @@ -0,0 +1,499 @@ +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import TestSuite from './TestSuite'; +import mindplot from '../../../src/mindplot'; + +const BalancedTestSuite = new Class({ + Extends: TestSuite, + + initialize() { + $('#balancedTest').css('display', 'block'); + + this.testBalanced(); + this.testBalancedPredict(); + this.testBalancedNodeDragPredict(); + }, + + testBalanced() { + console.log('testBalanced:'); + const position = { x: 0, y: 0 }; + const plotsize = { width: 1000, height: 200 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 1, 0); + manager.layout(); + manager.plot('testBalanced1', plotsize); + + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 2, 1); + manager.layout(); + manager.plot('testBalanced2', plotsize); + + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 3, 2); + manager.layout(); + manager.plot('testBalanced3', plotsize); + + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 4, 3); + manager.layout(); + manager.plot('testBalanced4', plotsize); + + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 5, 4); + manager.layout(); + manager.plot('testBalanced5', plotsize); + + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 6, 5); + manager.layout(); + manager.plot('testBalanced6', plotsize); + + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + manager.connectNode(3, 7, 0); + manager.connectNode(7, 8, 0); + manager.connectNode(7, 9, 1); + manager.layout(); + manager.plot('testBalanced7', plotsize); + + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + manager.addNode(12, TestSuite.NODE_SIZE, position); + manager.connectNode(6, 10, 0); + manager.connectNode(10, 11, 0); + manager.connectNode(10, 12, 1); + manager.layout(); + manager.plot('testBalanced8', plotsize); + + manager.addNode(13, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 13, 4); + manager.layout(); + manager.plot('testBalanced9', { width: 1000, height: 400 }); + + // Check orders have shifted accordingly + $assert(manager.find(5).getOrder() == 6, 'Node 5 should have order 6'); + + manager.addNode(14, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 14, 5); + manager.layout(); + manager.plot('testBalanced10', { width: 1000, height: 400 }); + + // Check orders have shifted accordingly + $assert(manager.find(6).getOrder() == 7, 'Node 6 should have order 7'); + + manager.addNode(15, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 15, 4); + manager.layout(); + manager.plot('testBalanced11', { width: 1000, height: 400 }); + + // Check orders have shifted accordingly + $assert(manager.find(13).getOrder() == 6, 'Node 13 should have order 6'); + $assert(manager.find(5).getOrder() == 8, 'Node 5 should have order 8'); + + manager.addNode(16, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 16, 25); + manager.layout(); + manager.plot('testBalanced12', { width: 1000, height: 400 }); + + // Check orders have shifted accordingly + $assert(manager.find(16).getOrder() == 9, 'Node 16 should have order 9'); + + manager.addNode(17, TestSuite.NODE_SIZE, position); + manager.addNode(18, TestSuite.NODE_SIZE, position); + manager.addNode(19, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 17, 11); + manager.connectNode(0, 18, 13); + manager.connectNode(0, 19, 10); + manager.layout(); + manager.plot('testBalanced13', { width: 1000, height: 400 }); + + // Check that everything is ok + $assert( + manager.find(1).getPosition().x > manager.find(0).getPosition().x, + 'even order nodes must be at right of central topic', + ); + $assert( + manager.find(3).getPosition().x > manager.find(0).getPosition().x, + 'even order nodes must be at right of central topic', + ); + $assert( + manager.find(5).getPosition().x > manager.find(0).getPosition().x, + 'even order nodes must be at right of central topic', + ); + $assert( + manager.find(2).getPosition().x < manager.find(0).getPosition().x, + 'odd order nodes must be at right of central topic', + ); + $assert( + manager.find(4).getPosition().x < manager.find(0).getPosition().x, + 'odd order nodes must be at right of central topic', + ); + $assert( + manager.find(6).getPosition().x < manager.find(0).getPosition().x, + 'odd order nodes must be at right of central topic', + ); + $assert( + manager.find(7).getPosition().x > manager.find(3).getPosition().x, + 'children of 1st level even order nodes must be to the right', + ); + $assert( + manager.find(8).getPosition().x > manager.find(7).getPosition().x, + 'children of 1st level even order nodes must be to the right', + ); + $assert( + manager.find(9).getPosition().x > manager.find(7).getPosition().x, + 'children of 1st level even order nodes must be to the right', + ); + $assert( + manager.find(10).getPosition().x < manager.find(6).getPosition().x, + 'children of 1st level odd order nodes must be to the left', + ); + $assert( + manager.find(11).getPosition().x < manager.find(10).getPosition().x, + 'children of 1st level odd order nodes must be to the left', + ); + $assert( + manager.find(12).getPosition().x < manager.find(10).getPosition().x, + 'children of 1st level odd order nodes must be to the left', + ); + + console.log('OK!\n\n'); + }, + + testBalancedPredict() { + console.log('testBalancedPredict:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + + manager.connectNode(0, 1, 0); + manager.connectNode(0, 2, 1); + manager.connectNode(0, 3, 2); + manager.connectNode(0, 4, 3); + manager.connectNode(0, 5, 4); + manager.connectNode(4, 7, 0); + manager.connectNode(4, 8, 1); + manager.connectNode(8, 9, 0); + manager.connectNode(3, 10, 0); + manager.connectNode(3, 11, 1); + + manager.layout(); + + // Graph 1 + const graph1 = manager.plot('testBalancedPredict1', { width: 1000, height: 400 }); + + console.log('\tAdded as child of node 0 and dropped at (165, -70):'); + const prediction1a = manager.predict(0, null, { x: 165, y: -70 }); + this._plotPrediction(graph1, prediction1a); + $assert( + prediction1a.position.y < manager.find(1).getPosition().y + && prediction1a.position.x == manager.find(1).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1a.order == 0, 'Prediction order should be 0'); + + console.log('\tAdded as child of node 0 and dropped at (165, -10):'); + const prediction1b = manager.predict(0, null, { x: 165, y: -10 }); + this._plotPrediction(graph1, prediction1b); + $assert( + prediction1b.position.y > manager.find(1).getPosition().y + && prediction1b.position.y < manager.find(3).getPosition().y + && prediction1b.position.x == manager.find(1).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1b.order == 2, 'Prediction order should be 2'); + + console.log('\tAdded as child of node 0 and dropped at (145, 15):'); + const prediction1c = manager.predict(0, null, { x: 145, y: 15 }); + this._plotPrediction(graph1, prediction1c); + $assert( + prediction1c.position.y > manager.find(3).getPosition().y + && prediction1c.position.y < manager.find(5).getPosition().y + && prediction1c.position.x == manager.find(3).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1c.order == 4, 'Prediction order should be 4'); + + console.log('\tAdded as child of node 0 and dropped at (145, 70):'); + const prediction1d = manager.predict(0, null, { x: 145, y: 70 }); + this._plotPrediction(graph1, prediction1d); + $assert( + prediction1d.position.y > manager.find(5).getPosition().y + && prediction1d.position.x == manager.find(5).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1d.order == 6, 'Prediction order should be 6'); + + // Graph 2 + const graph2 = manager.plot('testBalancedPredict2', { width: 1000, height: 400 }); + + console.log('\tAdded as child of node 0 and dropped at (-145, -50):'); + const prediction2a = manager.predict(0, null, { x: -145, y: -50 }); + this._plotPrediction(graph2, prediction2a); + $assert( + prediction2a.position.y < manager.find(2).getPosition().y + && prediction2a.position.x == manager.find(2).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction2a.order == 1, 'Prediction order should be 1'); + + console.log('\tAdded as child of node 0 and dropped at (-145, -10):'); + const prediction2b = manager.predict(0, null, { x: -145, y: -10 }); + this._plotPrediction(graph2, prediction2b); + $assert( + prediction2b.position.y > manager.find(2).getPosition().y + && prediction2b.position.y < manager.find(4).getPosition().y + && prediction2b.position.x == manager.find(2).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction2b.order == 3, 'Prediction order should be 3'); + + console.log('\tAdded as child of node 0 and dropped at (-145, 40):'); + const prediction2c = manager.predict(0, null, { x: -145, y: 400 }); + this._plotPrediction(graph2, prediction2c); + $assert( + prediction2c.position.y > manager.find(4).getPosition().y + && prediction2c.position.x == manager.find(4).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction2c.order == 5, 'Prediction order should be 5'); + + // Graph 3 + console.log('\tPredict nodes added with no position:'); + const graph3 = manager.plot('testBalancedPredict3', { width: 1000, height: 400 }); + const prediction3 = manager.predict(0, null, null); + this._plotPrediction(graph3, prediction3); + $assert( + prediction3.position.y > manager.find(4).getPosition().y + && prediction3.position.x == manager.find(4).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction3.order == 5, 'Prediction order should be 5'); + + console.log('\tPredict nodes added with no position:'); + manager.addNode(6, TestSuite.NODE_SIZE, prediction3.position); + manager.connectNode(0, 6, prediction3.order); + manager.layout(); + const graph4 = manager.plot('testBalancedPredict4', { width: 1000, height: 400 }); + const prediction4 = manager.predict(0, null, null); + this._plotPrediction(graph4, prediction4); + $assert( + prediction4.position.y > manager.find(5).getPosition().y + && prediction4.position.x == manager.find(5).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction4.order == 6, 'Prediction order should be 6'); + + console.log('\tPredict nodes added only a root node:'); + manager.removeNode(1).removeNode(2).removeNode(3).removeNode(4) + .removeNode(5); + manager.layout(); + const graph5 = manager.plot('testBalancedPredict5', { width: 1000, height: 400 }); + const prediction5a = manager.predict(0, null, null); + const prediction5b = manager.predict(0, null, { x: 40, y: 100 }); + this._plotPrediction(graph5, prediction5a); + this._plotPrediction(graph5, prediction5b); + $assert( + prediction5a.position.x > manager.find(0).getPosition().x + && prediction5a.position.y == manager.find(0).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction5a.order == 0, 'Prediction order should be 0'); + $assert( + prediction5a.position.x == prediction5b.position.x + && prediction5a.position.y == prediction5b.position.y, + 'Both predictions should be the same', + ); + $assert(prediction5a.order == prediction5b.order, 'Both predictions should be the same'); + + console.log('OK!\n\n'); + }, + + testBalancedNodeDragPredict() { + console.log('testBalancedNodeDragPredict:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Graph 1 + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.layout(); + const graph1 = manager.plot('testBalancedNodeDragPredict1', { width: 800, height: 400 }); + + const prediction1a = manager.predict(0, 1, { x: 50, y: 50 }); + this._plotPrediction(graph1, prediction1a); + $assert( + prediction1a.position.x == manager.find(1).getPosition().x + && prediction1a.position.y == manager.find(1).getPosition().y, + 'Prediction position should be the same as node 1', + ); + $assert( + prediction1a.order == manager.find(1).getOrder(), + 'Prediction order should be the same as node 1', + ); + + const prediction1b = manager.predict(0, 1, { x: 50, y: -50 }); + this._plotPrediction(graph1, prediction1b); + $assert( + prediction1b.position.x == manager.find(1).getPosition().x + && prediction1b.position.y == manager.find(1).getPosition().y, + 'Prediction position should be the same as node 1', + ); + $assert( + prediction1b.order == manager.find(1).getOrder(), + 'Prediction order should be the same as node 1', + ); + + const prediction1c = manager.predict(0, 1, { x: -50, y: 50 }); + this._plotPrediction(graph1, prediction1c); + $assert( + prediction1c.position.x < manager.find(0).getPosition().x + && prediction1c.position.y == manager.find(0).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1c.order == 1, 'Prediction order should be the same as node 1'); + + const prediction1d = manager.predict(0, 1, { x: -50, y: -50 }); + this._plotPrediction(graph1, prediction1d); + $assert( + prediction1d.position.x < manager.find(0).getPosition().x + && prediction1d.position.y == manager.find(0).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1d.order == 1, 'Prediction order should be the same as node 1'); + + // Graph 2 + manager.disconnectNode(1); + manager.connectNode(0, 1, 1); + manager.layout(); + const graph2 = manager.plot('testBalancedNodeDragPredict2', { width: 800, height: 400 }); + + const prediction2a = manager.predict(0, 1, { x: 50, y: 50 }); + this._plotPrediction(graph2, prediction2a); + $assert( + prediction2a.position.x > manager.find(0).getPosition().x + && prediction2a.position.y == manager.find(0).getPosition().y, + 'Prediction is positioned incorrectly', + ); + $assert(prediction2a.order == 0, 'Prediction order should be 0'); + + const prediction2b = manager.predict(0, 1, { x: 50, y: -50 }); + this._plotPrediction(graph2, prediction2b); + $assert( + prediction2b.position.x > manager.find(0).getPosition().x + && prediction2b.position.y == manager.find(0).getPosition().y, + 'Prediction is positioned incorrectly', + ); + $assert(prediction2b.order == 0, 'Prediction order should be 0'); + + const prediction2c = manager.predict(0, 1, { x: -50, y: 50 }); + this._plotPrediction(graph2, prediction2c); + $assert( + prediction2c.position.x == manager.find(1).getPosition().x + && prediction2c.position.y == manager.find(1).getPosition().y, + 'Prediction position should be the same as node 1', + ); + $assert( + prediction2c.order == manager.find(1).getOrder(), + 'Prediction order should be the same as node 1', + ); + + const prediction2d = manager.predict(0, 1, { x: -50, y: -50 }); + this._plotPrediction(graph2, prediction2d); + $assert( + prediction2d.position.x == manager.find(1).getPosition().x + && prediction2d.position.y == manager.find(1).getPosition().y, + 'Prediction position should be the same as node 1', + ); + $assert( + prediction2d.order == manager.find(1).getOrder(), + 'Prediction order should be the same as node 1', + ); + + // Graph 3 + manager.disconnectNode(1); + manager.connectNode(0, 1, 0); + manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 2); + manager.layout(); + const graph3 = manager.plot('testBalancedNodeDragPredict3', { width: 800, height: 400 }); + + const prediction3a = manager.predict(0, 1, { x: 50, y: 50 }); + this._plotPrediction(graph3, prediction3a); + $assert( + prediction3a.position.x == manager.find(2).getPosition().x + && prediction3a.position.y > manager.find(2).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction3a.order == 4, 'Prediction order should be 4'); + + const prediction3b = manager.predict(0, 1, { x: 50, y: -50 }); + this._plotPrediction(graph3, prediction3b); + $assert( + prediction3b.position.x == manager.find(1).getPosition().x + && prediction3b.position.y == manager.find(1).getPosition().y + && prediction3b.order == manager.find(1).getOrder(), + 'Prediction should be the exact same as dragged node', + ); + + const prediction3c = manager.predict(0, 1, { x: -50, y: 50 }); + this._plotPrediction(graph3, prediction3c); + $assert( + prediction3c.position.x < manager.find(0).getPosition().x + && prediction3c.position.y == manager.find(0).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction3c.order == 1, 'Prediction order should be 1'); + + const prediction3d = manager.predict(0, 1, { x: -50, y: -50 }); + this._plotPrediction(graph3, prediction3d); + $assert( + prediction3d.position.x < manager.find(0).getPosition().x + && prediction3d.position.y == manager.find(0).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction3d.order == 1, 'Prediction order should be 1'); + + const prediction3e = manager.predict(0, 1, { x: 50, y: 0 }); + this._plotPrediction(graph3, prediction3e); + $assert( + prediction3e.position.x == manager.find(1).getPosition().x + && prediction3e.position.y == manager.find(1).getPosition().y, + 'Prediction position should be the same as node 1', + ); + $assert( + prediction3e.order == manager.find(1).getOrder(), + 'Prediction order should be the same as node 1', + ); + + console.log('OK!\n\n'); + }, +}); + +export default BalancedTestSuite; diff --git a/packages/mindplot/test/playground/layout/FreeTestSuite.js b/packages/mindplot/test/playground/layout/FreeTestSuite.js new file mode 100644 index 00000000..78403d9e --- /dev/null +++ b/packages/mindplot/test/playground/layout/FreeTestSuite.js @@ -0,0 +1,555 @@ +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import TestSuite from './TestSuite'; +import mindplot from '../../../src/mindplot'; + +const FreeTestSuite = new Class({ + Extends: TestSuite, + + initialize() { + $('#freeTest').css('display', 'block'); + + this.testFreePosition(); + this.testFreePredict(); + this.testReconnectFreeNode(); + this.testSiblingOverlapping(); + this.testRootNodeChildrenPositioning(); + this.testBalancedFreePredict(); + this.testFreeReorder(); + this.testFreeOverlap(); + }, + + testFreePosition() { + console.log('testFreePosition:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + manager.addNode(12, TestSuite.NODE_SIZE, position); + manager.addNode(13, TestSuite.NODE_SIZE, position); + manager.addNode(14, TestSuite.NODE_SIZE, position); + manager.addNode(15, TestSuite.NODE_SIZE, position); + manager.addNode(16, TestSuite.NODE_SIZE, position); + manager.addNode(17, TestSuite.NODE_SIZE, position); + manager.addNode(18, TestSuite.NODE_SIZE, position); + manager.addNode(19, TestSuite.NODE_SIZE, position); + manager.addNode(20, TestSuite.NODE_SIZE, position); + manager.addNode(21, TestSuite.NODE_SIZE, position); + manager.addNode(22, TestSuite.NODE_SIZE, position); + + manager.connectNode(0, 1, 0).connectNode(0, 2, 1).connectNode(0, 3, 2).connectNode(0, 4, 3); + manager.connectNode(4, 21, 0).connectNode(4, 22, 0); + manager.connectNode(1, 5, 0); + manager.connectNode(5, 6, 0).connectNode(6, 8, 0).connectNode(8, 9, 0); + manager.connectNode(5, 7, 1).connectNode(7, 10, 0); + manager + .connectNode(3, 11, 0) + .connectNode(11, 14, 0) + .connectNode(14, 18, 0) + .connectNode(14, 19, 1) + .connectNode(14, 20, 2); + manager + .connectNode(3, 12, 1) + .connectNode(12, 15, 0) + .connectNode(12, 16, 1) + .connectNode(12, 17, 2); + manager.connectNode(3, 13, 2); + + manager.layout(); + manager.plot('testFreePosition1', { width: 1400, height: 600 }); + + console.log('\tmove node 12 to (300,30):'); + manager.moveNode(12, { x: 300, y: 30 }); + manager.layout(true); + manager.plot('testFreePosition2', { width: 1400, height: 600 }); + this._assertFreePosition(manager, 12, { x: 300, y: 30 }); + + console.log('\tmove node 13 to (340,180):'); + const node13Pos = { x: 340, y: 180 }; + manager.moveNode(13, node13Pos); + manager.layout(true); + manager.plot('testFreePosition3', { width: 1400, height: 600 }); + this._assertFreePosition(manager, 13, node13Pos); + + console.log('\tmove node 11 to (250,-50):'); + manager.moveNode(11, { x: 250, y: -50 }); + manager.layout(true); + manager.plot('testFreePosition4', { width: 1400, height: 600 }); + this._assertFreePosition(manager, 11, { x: 250, y: -50 }); + $assert( + manager.find(13).getPosition().x == node13Pos.x + && manager.find(13).getPosition().y == node13Pos.y, + "Node 13 shouldn't have moved", + ); + + console.log('\tmove node 7 to (350,-190):'); + manager.moveNode(7, { x: 350, y: -190 }); + manager.layout(true); + manager.plot('testFreePosition5', { width: 1400, height: 600 }); + this._assertFreePosition(manager, 7, { x: 350, y: -190 }); + + console.log('\tadd node 23 to 12:'); + manager.addNode(23, TestSuite.NODE_SIZE, position); + manager.connectNode(12, 23, 3); + manager.layout(true); + manager.plot('testFreePosition6', { width: 1400, height: 600 }); + this._assertFreePosition(manager, null, null); + + console.log('\tmove node 4 to (-300, 190):'); + manager.moveNode(4, { x: -300, y: 190 }); + manager.layout(true); + manager.plot('testFreePosition7', { width: 1400, height: 600 }); + this._assertFreePosition(manager, 4, { x: -300, y: 190 }); + + console.log('\tadd node 24 to 3:'); + manager.addNode(24, TestSuite.NODE_SIZE, position); + manager.connectNode(3, 24, 3); + manager.layout(true); + manager.plot('testFreePosition8', { width: 1400, height: 600 }); + this._assertFreePosition(manager, null, null); + + console.log('\tadd node 25 to 17:'); + manager.addNode(25, TestSuite.NODE_SIZE, position); + manager.connectNode(17, 25, 0); + manager.layout(true); + manager.plot('testFreePosition9', { width: 1400, height: 600 }); + this._assertFreePosition(manager, null, null); + + console.log('OK!\n\n'); + }, + + testFreePredict() { + console.log('testFreePredict:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + + manager.connectNode(0, 1, 0); + manager.connectNode(0, 2, 1); + manager.connectNode(0, 3, 2); + manager.connectNode(3, 4, 0); + manager.connectNode(3, 5, 1); + manager.connectNode(3, 6, 2); + manager.connectNode(5, 7, 0); + manager.connectNode(5, 8, 1); + manager.connectNode(5, 11, 2); + manager.connectNode(2, 9, 0); + manager.connectNode(2, 10, 1); + + manager.layout(); + const graph = manager.plot('testFreePredict1', { width: 1000, height: 400 }); + + const pos1 = { x: 370, y: 80 }; + const predict1 = manager.predict(5, 11, pos1, true); + this._plotPrediction(graph, predict1); + $assert( + predict1.position.x == pos1.x && predict1.position.y == pos1.y, + 'free predict should return the same position', + ); + + const pos2 = { x: -200, y: 80 }; + const predict2 = manager.predict(0, 2, pos2, true); + this._plotPrediction(graph, predict2); + $assert( + predict2.position.x == pos2.x && predict2.position.y == pos2.y, + 'free predict should return the same position', + ); + + const pos3 = { x: 200, y: 30 }; + const node5 = manager.find(5); + const predict3 = manager.predict(3, 5, pos3, true); + this._plotPrediction(graph, predict3); + $assert( + predict3.position.x == node5.getPosition().x && predict3.position.y == pos3.y, + 'free predict should return the x-coordinate of the node', + ); + + const pos4 = { x: -100, y: 45 }; + const node10 = manager.find(10); + const predict4 = manager.predict(2, 10, pos4, true); + this._plotPrediction(graph, predict4); + $assert( + predict4.position.x == node10.getPosition().x && predict4.position.y == pos4.y, + 'free predict should return the x-coordinate of the node', + ); + + console.log('OK!\n\n'); + }, + + testReconnectFreeNode() { + console.log('testReconnectFreeNode:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + + manager.connectNode(0, 1, 0); + manager.connectNode(0, 2, 1); + manager.connectNode(0, 3, 2); + manager.connectNode(3, 4, 0); + manager.connectNode(3, 5, 1); + manager.connectNode(3, 6, 2); + manager.connectNode(5, 7, 0); + manager.connectNode(5, 8, 1); + manager.connectNode(5, 11, 2); + manager.connectNode(2, 9, 0); + manager.connectNode(2, 10, 1); + + manager.layout(); + manager.plot('testReconnectFreeNode1', { width: 1000, height: 400 }); + + console.log('\tmove node 5'); + manager.moveNode(5, { x: 250, y: 30 }); + manager.layout(); + manager.plot('testReconnectFreeNode2', { width: 1000, height: 400 }); + this._assertFreePosition(manager, 5, { x: 250, y: 30 }); + + console.log('\treconnect node 5 to node 2'); + manager.disconnectNode(5); + manager.connectNode(2, 5, 2); + manager.layout(); + manager.plot('testReconnectFreeNode3', { width: 1000, height: 400 }); + $assert( + manager.find(5).getPosition().y > manager.find(10).getPosition().y + && manager.find(5).getPosition().x == manager.find(10).getPosition().x, + 'Node 5 is incorrectly positioned', + ); + $assert(manager.find(5).getOrder() == 2, 'Node 5 should have order 2'); + + console.log('\tmove node 8'); + manager.moveNode(8, { x: -370, y: 60 }); + manager.layout(); + manager.plot('testReconnectFreeNode4', { width: 1000, height: 400 }); + this._assertFreePosition(manager, 8, { x: -370, y: 60 }); + + console.log('\treconnect node 5 to node 10'); + manager.disconnectNode(5); + manager.connectNode(10, 5, 0); + manager.layout(); + manager.plot('testReconnectFreeNode5', { width: 1000, height: 400 }); + $assert( + manager.find(5).getPosition().y == manager.find(10).getPosition().y + && manager.find(5).getPosition().x < manager.find(10).getPosition().x, + 'Node 5 is incorrectly positioned', + ); + $assert(manager.find(5).getOrder() == 0, 'Node 5 should have order 0'); + + console.log('reconnect node 5 to node 3'); + manager.disconnectNode(5); + manager.connectNode(3, 5, 2); + manager.layout(); + manager.plot('testReconnectFreeNode6', { width: 1000, height: 400 }); + $assert( + manager.find(5).getPosition().y > manager.find(6).getPosition().y + && manager.find(5).getPosition().x == manager.find(6).getPosition().x, + 'Node 5 is incorrectly positioned', + ); + $assert(manager.find(5).getOrder() == 2, 'Node 5 should have order 2'); + + console.log('\tmove node 8'); + manager.moveNode(8, { x: 370, y: 30 }); + manager.layout(); + manager.plot('testReconnectFreeNode7', { width: 1000, height: 400 }); + this._assertFreePosition(manager, 8, { x: 370, y: 30 }); + + console.log('OK!\n\n'); + }, + + testSiblingOverlapping() { + console.log('testSiblingOverlapping:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(1, 2, 0); + manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(1, 3, 1); + manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(1, 4, 2); + manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(1, 5, 3); + manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(1, 6, 4); + manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(1, 7, 5); + manager.addNode(8, TestSuite.NODE_SIZE, position).connectNode(1, 8, 6); + manager.addNode(9, TestSuite.NODE_SIZE, position).connectNode(0, 9, 4); + manager.layout(); + manager.plot('testSiblingOverlapping1', { width: 800, height: 600 }); + + console.log('\tmove node 2'); + manager.moveNode(2, { x: 250, y: -30 }); + manager.layout(); + manager.plot('testSiblingOverlapping2', { width: 800, height: 600 }); + this._assertFreePosition(manager, 2, { x: 250, y: -30 }); + + console.log('\tmove node 7'); + manager.moveNode(7, { x: 250, y: 100 }); + manager.layout(); + manager.plot('testSiblingOverlapping3', { width: 800, height: 600 }); + this._assertFreePosition(manager, 7, { x: 250, y: 100 }); + + console.log('OK!\n\n'); + }, + + testRootNodeChildrenPositioning() { + console.log('testRootNodeChildrenPositioning:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 1); + manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(0, 3, 2); + manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(0, 4, 3); + manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(0, 5, 4); + manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(0, 6, 5); + manager.layout(); + manager.plot('testRootNodeChildrenPositioning1', { width: 800, height: 600 }); + + console.log('\tmove node 1'); + manager.moveNode(1, { x: 150, y: 0 }); + manager.layout(); + manager.plot('testRootNodeChildrenPositioning2', { width: 800, height: 600 }); + this._assertFreePosition(manager, 1, { x: 150, y: 0 }); + + console.log('\tmove node 4'); + manager.moveNode(4, { x: -140, y: 30 }); + manager.layout(); + manager.plot('testRootNodeChildrenPositioning3', { width: 800, height: 600 }); + this._assertFreePosition(manager, 4, { x: -140, y: 30 }); + + console.log('\tmove node 2'); + manager.moveNode(2, { x: -150, y: -50 }); + manager.layout(); + manager.plot('testRootNodeChildrenPositioning4', { width: 800, height: 600 }); + this._assertFreePosition(manager, 2, { x: -150, y: -50 }); + + // TODO(gb): fix this. It's not working + // console.log("\tmove node 6"); + // manager.moveNode(6, {x:-150, y:-50}); + // manager.layout(); + // manager.plot("testRootNodeChildrenPositioning5", {width:800, height:600}); + // this._assertFreePosition(manager, 6, {x:-150, y:-50}); + + console.log('OK!\n\n'); + }, + + testBalancedFreePredict() { + console.log('testBalancedFreePredict:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.layout(); + const graph1 = manager.plot('testBalancedFreePredict1', { width: 800, height: 400 }); + + const predict1 = manager.predict(0, 1, { x: 70, y: 0 }, true); + this._plotPrediction(graph1, predict1); + $assert( + predict1.position.x == manager.find(1).getPosition().x, + 'Prediction x pos should be the same as node 1', + ); + + console.log('OK!\n\n'); + }, + + testFreeReorder() { + console.log('testFreeReorder:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(1, 4, 0); + manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(1, 5, 1); + manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(1, 6, 2); + + manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 2); + manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(2, 7, 0); + manager.addNode(8, TestSuite.NODE_SIZE, position).connectNode(2, 8, 1); + manager.addNode(9, TestSuite.NODE_SIZE, position).connectNode(2, 9, 2); + manager.addNode(10, TestSuite.NODE_SIZE, position).connectNode(2, 10, 3); + + manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(0, 3, 4); + manager.addNode(11, TestSuite.NODE_SIZE, position).connectNode(3, 11, 0); + manager.addNode(12, TestSuite.NODE_SIZE, position).connectNode(3, 12, 1); + manager.addNode(13, TestSuite.NODE_SIZE, position).connectNode(3, 13, 2); + manager.addNode(14, TestSuite.NODE_SIZE, position).connectNode(3, 14, 3); + manager.addNode(15, TestSuite.NODE_SIZE, position).connectNode(3, 15, 4); + manager.addNode(16, TestSuite.NODE_SIZE, position).connectNode(3, 16, 5); + + manager.layout(); + manager.moveNode(14, { x: 270, y: -160 }); + manager.layout(); + manager.plot('testFreeReorder1', { width: 800, height: 1200 }); + $assert( + manager.find(14).getPosition().y > manager.find(10).getPosition().y, + 'Node 14 should be below branch 2', + ); + + console.log('OK!\n\n'); + }, + + testFreeOverlap() { + console.log('testFreeOverlap:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(1, 4, 0); + manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(1, 5, 1); + manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(1, 6, 2); + + manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 2); + manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(2, 7, 0); + manager.addNode(8, TestSuite.NODE_SIZE, position).connectNode(2, 8, 1); + manager.addNode(9, TestSuite.NODE_SIZE, position).connectNode(2, 9, 2); + manager.addNode(10, TestSuite.NODE_SIZE, position).connectNode(2, 10, 3); + + manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(0, 3, 4); + manager.addNode(11, TestSuite.NODE_SIZE, position).connectNode(3, 11, 0); + manager.addNode(12, TestSuite.NODE_SIZE, position).connectNode(3, 12, 1); + manager.addNode(13, TestSuite.NODE_SIZE, position).connectNode(3, 13, 2); + manager.addNode(14, TestSuite.NODE_SIZE, position).connectNode(3, 14, 3); + manager.addNode(15, TestSuite.NODE_SIZE, position).connectNode(3, 15, 4); + manager.addNode(16, TestSuite.NODE_SIZE, position).connectNode(3, 16, 5); + + manager.layout(); + manager.plot('testFreeOverlap1', { width: 800, height: 1200 }); + + manager.moveNode(14, { x: 270, y: 7 }); + manager.layout(); + manager.plot('testFreeOverlap2', { width: 800, height: 1200 }); + $assert( + manager.find(2).getPosition().y > manager.find(1).getPosition().y, + 'Branches 1 and 2 are overlapping', + ); + + console.log('OK!\n\n'); + }, + + _assertFreePosition(manager, id, position) { + if (id != null && position.x != null && position.y != null) { + const node = manager.find(id); + $assert( + node.getPosition().x == position.x && node.getPosition().y == position.y, + `Freely moved node ${ + id + } is not left at free position (${ + position.x + },${ + position.y + }). ` + + `Actual position: (${ + node.getPosition().x + },${ + node.getPosition().y + })`, + ); + } + + const treeSet = manager._treeSet; + _.each( + treeSet._rootNodes, + function (rootNode) { + const heightById = rootNode.getSorter().computeChildrenIdByHeights(treeSet, rootNode); + this._assertBranchCollision(treeSet, rootNode, heightById); + }, + this, + ); + }, + + _assertBranchCollision(treeSet, node, heightById) { + const children = treeSet.getChildren(node); + const childOfRootNode = treeSet._rootNodes.contains(node); + + _.each( + children, + function (child) { + const height = heightById[child.getId()]; + let siblings = treeSet.getSiblings(child); + if (childOfRootNode) { + siblings = siblings.filter((sibling) => child.getOrder() % 2 == sibling.getOrder() % 2); + } + _.each( + siblings, + function (sibling) { + this._branchesOverlap(child, sibling, heightById); + }, + this, + ); + }, + this, + ); + + _.each( + children, + function (child) { + this._assertBranchCollision(treeSet, child, heightById); + }, + this, + ); + }, + + _branchesOverlap(branchA, branchB, heightById) { + const topA = branchA.getPosition().y - heightById[branchA.getId()] / 2; + const bottomA = branchA.getPosition().y + heightById[branchA.getId()] / 2; + const topB = branchB.getPosition().y - heightById[branchB.getId()] / 2; + const bottomB = branchB.getPosition().y + heightById[branchB.getId()] / 2; + + $assert( + topA >= bottomB || bottomA <= topB, + `Branches ${branchA.getId()} and ${branchB.getId()} overlap`, + ); + }, +}); + +export default FreeTestSuite; diff --git a/packages/mindplot/test/playground/layout/SymmetricTestSuite.js b/packages/mindplot/test/playground/layout/SymmetricTestSuite.js new file mode 100644 index 00000000..f71414f4 --- /dev/null +++ b/packages/mindplot/test/playground/layout/SymmetricTestSuite.js @@ -0,0 +1,351 @@ +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import TestSuite from './TestSuite'; +import mindplot from '../../../src/mindplot'; + +const SymmetricTestSuite = new Class({ + Extends: TestSuite, + + initialize() { + $('#symmetricTest').css('display', 'block'); + + this.testSymmetry(); + this.testSymmetricPredict(); + this.testSymmetricDragPredict(); + }, + + testSymmetry() { + console.log('testSymmetry:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + manager.addNode(12, TestSuite.NODE_SIZE, position); + manager.addNode(13, TestSuite.NODE_SIZE, position); + manager.addNode(14, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 14, 0); + manager.connectNode(14, 13, 0); + manager.connectNode(13, 1, 0); + manager.connectNode(13, 2, 1); + manager.connectNode(13, 3, 2); + manager.connectNode(13, 4, 3); + manager.connectNode(13, 5, 4); + manager.connectNode(1, 6, 0); + manager.connectNode(1, 7, 1); + manager.connectNode(7, 8, 0); + manager.connectNode(8, 9, 0); + manager.connectNode(5, 10, 0); + manager.connectNode(6, 11, 0); + manager.connectNode(6, 12, 1); + + manager.layout(); + manager.plot('testSymmetry', { width: 1600, height: 400 }); + + // All nodes should be positioned symmetrically with respect to their common ancestors + $assert( + manager.find(14).getPosition().y == manager.find(13).getPosition().y, + 'Symmetry is not respected', + ); + $assert( + manager.find(5).getPosition().y == manager.find(10).getPosition().y, + 'Symmetry is not respected', + ); + $assert( + manager.find(11).getPosition().y - manager.find(6).getPosition().y + == -(manager.find(12).getPosition().y - manager.find(6).getPosition().y), + 'Symmetry is not respected', + ); + $assert( + manager.find(8).getPosition().y - manager.find(1).getPosition().y + == -(manager.find(11).getPosition().y - manager.find(1).getPosition().y), + 'Symmetry is not respected', + ); + $assert( + manager.find(9).getPosition().y - manager.find(1).getPosition().y + == -(manager.find(11).getPosition().y - manager.find(1).getPosition().y), + 'Symmetry is not respected', + ); + + console.log('OK!\n\n'); + }, + + testSymmetricPredict() { + console.log('testSymmetricPredict:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + + manager.connectNode(0, 1, 0); + manager.connectNode(0, 2, 1); + manager.connectNode(0, 3, 2); + manager.connectNode(3, 4, 0); + manager.connectNode(3, 5, 1); + manager.connectNode(3, 6, 2); + manager.connectNode(5, 7, 0); + manager.connectNode(5, 8, 1); + manager.connectNode(5, 11, 2); + manager.connectNode(2, 9, 0); + manager.connectNode(2, 10, 1); + + manager.layout(); + + // Graph + const graph1 = manager.plot('testSymmetricPredict1', { width: 1000, height: 400 }); + + console.log('\tAdded as child of node 9 and dropped at (-280, 45):'); + const prediction1a = manager.predict(9, null, { x: -280, y: 45 }); + this._plotPrediction(graph1, prediction1a); + $assert( + prediction1a.position.x < manager.find(9).getPosition().x + && prediction1a.position.y == manager.find(9).getPosition().y, + 'Prediction incorrectly positioned', + ); + $assert(prediction1a.order == 0, 'Prediction order should be 0'); + + console.log('\tAdded as child of node 1 and dropped at (155, -90):'); + const prediction1b = manager.predict(1, null, { x: -155, y: -90 }); + this._plotPrediction(graph1, prediction1b); + $assert( + prediction1b.position.x > manager.find(1).getPosition().x + && prediction1b.position.y == manager.find(1).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1b.order == 0, 'Prediction order should be 0'); + + // Graph 2 + const graph2 = manager.plot('testSymmetricPredict2', { width: 1000, height: 400 }); + + console.log('\tAdded as child of node 5 and dropped at (380, -30):'); + const prediction2d = manager.predict(5, null, { x: 380, y: -30 }); + this._plotPrediction(graph2, prediction2d); + + // Prediction calculator error + $assert( + prediction2d.position.y < manager.find(7).getPosition().y + && prediction2d.position.x == manager.find(7).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction2d.order == 0, 'Prediction order should be 0'); + + console.log('\tAdded as child of node 5 and dropped at (375, 15):'); + const prediction2a = manager.predict(5, null, { x: 375, y: 15 }); + this._plotPrediction(graph2, prediction2a); + + $assert( + prediction2a.position.y > manager.find(7).getPosition().y + && prediction2a.position.y < manager.find(8).getPosition().y + && prediction2a.position.x == manager.find(7).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction2a.order == 1, 'Prediction order should be 1'); + + console.log('\tAdded as child of node 5 and dropped at (375, 45):'); + const prediction2b = manager.predict(5, null, { x: 375, y: 45 }); + this._plotPrediction(graph2, prediction2b); + $assert( + prediction2b.position.y > manager.find(8).getPosition().y + && prediction2b.position.y < manager.find(11).getPosition().y + && prediction2b.position.x == manager.find(7).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction2b.order == 2, 'Prediction order should be 2'); + + console.log('\tAdded as child of node 5 and dropped at (375, 45):'); + const prediction2c = manager.predict(5, null, { x: 375, y: 65 }); + this._plotPrediction(graph2, prediction2c); + $assert( + prediction2c.position.y > manager.find(11).getPosition().y + && prediction2c.position.x == manager.find(11).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction2c.order == 3, 'Prediction order should be 3'); + + // Graph 3 + const graph3 = manager.plot('testSymmetricPredict3', { width: 1000, height: 400 }); + + console.log('\tAdded as child of node 3 and dropped at (280, 45):'); + const prediction3a = manager.predict(3, null, { x: 280, y: 45 }); + this._plotPrediction(graph3, prediction3a); + $assert( + prediction3a.position.y > manager.find(5).getPosition().y + && prediction3a.position.y < manager.find(6).getPosition().y + && prediction3a.position.x == manager.find(5).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction3a.order == 2, 'Prediction order should be 2'); + + console.log('\tAdded as child of node 3 and dropped at (255, 110):'); + const prediction3b = manager.predict(3, null, { x: 255, y: 110 }); + this._plotPrediction(graph3, prediction3b); + $assert( + prediction3b.position.y > manager.find(6).getPosition().y + && prediction3b.position.x == manager.find(6).getPosition().x, + 'Prediction incorrectly positioned', + ); + $assert(prediction3b.order == 3, 'Prediction order should be 3'); + + // Graph 4 + console.log('\tAdded as child of node 2 and dropped at (-260, 0):'); + const graph4 = manager.plot('testSymmetricPredict4', { width: 1000, height: 400 }); + const prediction4 = manager.predict(2, null, { x: -260, y: 0 }); + this._plotPrediction(graph4, prediction4); + $assert( + prediction4.position.y > manager.find(9).getPosition().y + && prediction4.position.y < manager.find(10).getPosition().y + && prediction4.position.x == manager.find(9).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction4.order == 1, 'Prediction order should be 1'); + + // Graph 5 + console.log('\tPredict nodes added with no position:'); + const graph5 = manager.plot('testSymmetricPredict5', { width: 1000, height: 400 }); + const prediction5a = manager.predict(1, null, null); + this._plotPrediction(graph5, prediction5a); + $assert( + prediction5a.position.y == manager.find(1).getPosition().y + && prediction5a.position.x > manager.find(1).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction5a.order == 0, 'Prediction order should be 0'); + + const prediction5b = manager.predict(2, null, null); + this._plotPrediction(graph5, prediction5b); + $assert( + prediction5b.position.y > manager.find(10).getPosition().y + && prediction5b.position.x < manager.find(2).getPosition().x + && prediction5b.position.x == manager.find(10).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction5b.order == 2, 'Prediction order should be 2'); + + const prediction5c = manager.predict(3, null, null); + this._plotPrediction(graph5, prediction5c); + $assert( + prediction5c.position.y > manager.find(6).getPosition().y + && prediction5c.position.x > manager.find(3).getPosition().x + && prediction5c.position.x == manager.find(6).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction5c.order == 3, 'Prediction order should be 3'); + + const prediction5d = manager.predict(10, null, null); + this._plotPrediction(graph5, prediction5d); + $assert( + prediction5d.position.y == manager.find(10).getPosition().y + && prediction5d.position.x < manager.find(10).getPosition().x, + 'Prediction is incorrectly positioned', + ); + $assert(prediction5d.order == 0, 'Prediction order should be 0'); + + console.log('OK!\n\n'); + }, + + testSymmetricDragPredict() { + console.log('testSymmetricDragPredict:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 1); + manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(1, 2, 0); + manager.layout(); + + // Graph 1 + const graph1 = manager.plot('testSymmetricDragPredict1', { width: 1000, height: 400 }); + + const prediction1a = manager.predict(1, 2, { x: -250, y: -20 }); + this._plotPrediction(graph1, prediction1a); + $assert( + prediction1a.position.x == manager.find(2).getPosition().x + && prediction1a.position.y == manager.find(2).getPosition().y, + 'Prediction position should be the same as node 2', + ); + $assert( + prediction1a.order == manager.find(2).getOrder(), + 'Predicition order should be the same as node 2', + ); + + const prediction1b = manager.predict(1, 2, { x: -250, y: 20 }); + this._plotPrediction(graph1, prediction1b); + $assert( + prediction1b.position.x == manager.find(2).getPosition().x + && prediction1b.position.y == manager.find(2).getPosition().y, + 'Prediction position should be the same as node 2', + ); + $assert( + prediction1b.order == manager.find(2).getOrder(), + 'Predicition order should be the same as node 2', + ); + + const prediction1c = manager.predict(0, 2, { x: -100, y: -20 }); + this._plotPrediction(graph1, prediction1c); + $assert( + prediction1c.position.x == manager.find(1).getPosition().x + && prediction1c.position.y < manager.find(1).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1c.order == 1, 'Prediction order should be 1'); + + const prediction1d = manager.predict(0, 2, { x: -100, y: 20 }); + this._plotPrediction(graph1, prediction1d); + $assert( + prediction1d.position.x == manager.find(1).getPosition().x + && prediction1d.position.y > manager.find(1).getPosition().y, + 'Prediction is incorrectly positioned', + ); + $assert(prediction1d.order == 3, 'Prediction order should be 3'); + + const prediction1e = manager.predict(1, 2, { x: -250, y: 0 }); + this._plotPrediction(graph1, prediction1e); + $assert( + prediction1e.position.x == manager.find(2).getPosition().x + && prediction1e.position.y == manager.find(2).getPosition().y, + 'Prediction position should be the same as node 2', + ); + $assert( + prediction1e.order == manager.find(2).getOrder(), + 'Predicition order should be the same as node 2', + ); + + console.log('OK!\n\n'); + }, +}); + +export default SymmetricTestSuite; diff --git a/packages/mindplot/test/playground/layout/TestSuite.js b/packages/mindplot/test/playground/layout/TestSuite.js new file mode 100644 index 00000000..79b9c104 --- /dev/null +++ b/packages/mindplot/test/playground/layout/TestSuite.js @@ -0,0 +1,592 @@ +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import mindplot from '../../../src/mindplot'; + +const TestSuite = new Class({ + Extends: mindplot.layout.ChildrenSorterStrategy, + + initialize() { + $('#basicTest').css('display', 'block'); + // this.testAligned(); + this.testBaselineAligned1(); + this.testBaselineAligned2(); + this.testEvents(); + this.testEventsComplex(); + this.testDisconnect(); + this.testReconnect(); + this.testRemoveNode(); + this.testSize(); + this.testReconnectSingleNode(); + }, + + testAligned() { + console.log('testAligned:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(1, 2, 0); + manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(2, 3, 0); + manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(3, 4, 0); + manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(0, 5, 2); + manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(0, 6, 4); + manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(0, 7, 6); + + manager.layout(); + manager.plot('testAligned', { width: 1200, height: 200 }); + + // Child nodes should be vertically aligned + $assert( + manager.find(1).getPosition().y == manager.find(2).getPosition().y, + 'Child nodes are not vertically aligned', + ); + $assert( + manager.find(1).getPosition().y == manager.find(3).getPosition().y, + 'Child nodes are not vertically aligned', + ); + $assert( + manager.find(1).getPosition().y == manager.find(4).getPosition().y, + 'Child nodes are not vertically aligned', + ); + + // Siblings should be horizontally aligned + $assert( + manager.find(1).getPosition().x == manager.find(5).getPosition().x, + 'Sibling nodes are not horizontally aligned', + ); + $assert( + manager.find(1).getPosition().x == manager.find(6).getPosition().x, + 'Sibling nodes are not horizontally aligned', + ); + $assert( + manager.find(1).getPosition().x == manager.find(7).getPosition().x, + 'Sibling nodes are not horizontally aligned', + ); + + console.log('OK!\n\n'); + }, + + testBaselineAligned1() { + console.log('testBaselineAligned1:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(1, 3, 0); + manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(3, 5, 0); + manager.addNode(6, { width: 140, height: 130 }, position).connectNode(3, 6, 1); + manager.addNode(7, TestSuite.NODE_SIZE, position).connectNode(6, 7, 0); + manager.addNode(8, TestSuite.NODE_SIZE, position).connectNode(7, 8, 0); + manager.addNode(9, TestSuite.NODE_SIZE, position).connectNode(7, 9, 1); + manager.addNode(10, TestSuite.NODE_SIZE, position).connectNode(7, 10, 2); + manager.addNode(11, TestSuite.NODE_SIZE, position).connectNode(7, 11, 3); + manager.addNode(12, TestSuite.NODE_SIZE, position).connectNode(7, 12, 4); + manager.addNode(13, TestSuite.NODE_SIZE, position).connectNode(7, 13, 5); + manager.addNode(14, TestSuite.NODE_SIZE, position).connectNode(7, 14, 6); + manager.addNode(15, TestSuite.NODE_SIZE, position).connectNode(7, 15, 7); + manager.addNode(16, TestSuite.NODE_SIZE, position).connectNode(7, 16, 8); + manager.addNode(17, TestSuite.NODE_SIZE, position).connectNode(7, 17, 9); + manager.addNode(29, TestSuite.NODE_SIZE, position).connectNode(6, 29, 1); + manager.addNode(30, TestSuite.NODE_SIZE, position).connectNode(6, 30, 2); + manager.addNode(31, { width: 100, height: 50 }, position).connectNode(6, 31, 3); + + manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(1, 4, 1); + manager.addNode(18, { width: 80, height: 70 }, position).connectNode(4, 18, 0); + manager.addNode(19, TestSuite.NODE_SIZE, position).connectNode(18, 19, 0); + manager.addNode(20, TestSuite.NODE_SIZE, position).connectNode(19, 20, 0); + manager.addNode(21, TestSuite.NODE_SIZE, position).connectNode(20, 21, 0); + + manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 1); + manager.addNode(22, TestSuite.NODE_SIZE, position).connectNode(2, 22, 0); + manager.addNode(24, TestSuite.NODE_SIZE, position).connectNode(22, 24, 0); + + manager.addNode(23, { width: 80, height: 50 }, position).connectNode(2, 23, 1); + manager.addNode(25, { width: 80, height: 40 }, position).connectNode(23, 25, 0); + manager.addNode(26, { width: 80, height: 80 }, position).connectNode(25, 26, 0); + manager.addNode(27, TestSuite.NODE_SIZE, position).connectNode(26, 27, 0); + manager.addNode(28, { width: 80, height: 80 }, position).connectNode(27, 28, 0); + + // manager.layout(); + // manager.plot("testBaselineAligned1", {width:1600,height:800}); + + console.log('OK!\n\n'); + }, + + testBaselineAligned2() { + console.log('testBaselineAligned2:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0); + manager.addNode(2, { width: 130, height: 200 }, position).connectNode(1, 2, 0); + manager.addNode(3, TestSuite.NODE_SIZE, position).connectNode(2, 3, 0); + manager.addNode(4, TestSuite.NODE_SIZE, position).connectNode(2, 4, 1); + manager.addNode(5, TestSuite.NODE_SIZE, position).connectNode(2, 5, 2); + manager.addNode(6, TestSuite.NODE_SIZE, position).connectNode(2, 6, 3); + + manager.layout(); + manager.plot('testBaselineAligned2', { width: 1600, height: 800 }); + + console.log('OK!\n\n'); + }, + + testEvents() { + console.log('testEvents:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, { x: 0, y: 60 }); + manager.connectNode(0, 1, 0); + manager.connectNode(0, 2, 1); + manager.connectNode(1, 3, 0); + + const events = []; + manager.addEvent('change', (event) => { + console.log( + `\tUpdated nodes: {id:${ + event.getId() + }, order: ${ + event.getOrder() + },position: {${ + event.getPosition().x + },${ + event.getPosition().y + }}`, + ); + events.push(event); + }); + manager.layout(true); + manager.plot('testEvents1', { width: 800, height: 200 }); + + console.log('\t--- Layout without changes should not affect the tree ---'); + events.empty(); + manager.layout(true); + manager.plot('testEvents2', { width: 800, height: 200 }); + + // Check no events where fired + $assert(events.length == 0, 'Unnecessary tree updated.'); + + console.log('OK!\n\n'); + }, + + testEventsComplex() { + console.log('testEventsComplex:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, { x: 0, y: 60 }); + manager.connectNode(0, 1, 0); + manager.connectNode(0, 2, 1); + manager.connectNode(0, 3, 2); + manager.connectNode(3, 4, 0); + manager.connectNode(3, 5, 1); + + const events = []; + manager.addEvent('change', (event) => { + console.log( + `\tUpdated nodes: {id:${ + event.getId() + }, order: ${ + event.getOrder() + },position: {${ + event.getPosition().x + },${ + event.getPosition().y + }}`, + ); + events.push(event); + }); + + manager.layout(true); + manager.plot('testEventsComplex1', { width: 800, height: 200 }); + + console.log('\t--- Connect a new node ---'); + + events.empty(); + manager.connectNode(3, 6, 2); + manager.layout(true); + manager.plot('testEventsComplex2', { width: 800, height: 200 }); + + // Check only 4 nodes were repositioned + + console.log(events.length); + + $assert(events.length == 4, 'Only 4 nodes should be repositioned.'); + + console.log('OK!\n\n'); + }, + + testDisconnect() { + console.log('testDisconnect:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 1, 0); + manager.connectNode(1, 2, 0); + manager.connectNode(1, 3, 1); + manager.connectNode(1, 4, 2); + manager.connectNode(4, 5, 0); + manager.connectNode(5, 6, 0); + manager.connectNode(5, 7, 1); + + const events = []; + manager.addEvent('change', (event) => { + const pos = event.getPosition(); + const posStr = pos ? `,position: {${pos.x},${pos.y}` : ''; + const node = manager.find(event.getId()); + console.log( + `\tUpdated nodes: {id:${ + event.getId() + }, order: ${ + event.getOrder() + }${posStr + }}`, + ); + events.push(event); + }); + manager.layout(true); + manager.plot('testDisconnect1', { width: 1200, height: 400 }); + + console.log('--- Disconnect node 2 ---'); + events.empty(); + manager.disconnectNode(2); + manager.layout(true); + manager.plot('testDisconnect2', { width: 1200, height: 400 }); + + // Check that orders have been shifted accordingly + $assert(manager.find(2).getOrder() == 0, 'Node 2 should have order 0'); + $assert(manager.find(3).getOrder() == 0, 'Node 3 should now have order 0'); + $assert(manager.find(4).getOrder() == 1, 'Node 4 should have order 1'); + + console.log('--- Disconnect node 4 ---'); + manager.disconnectNode(4); + manager.layout(true); + manager.plot('testDisconnect3', { width: 1200, height: 400 }); + + // Check that nodes 1 and 3 are now vertically aligned + $assert( + manager.find(1).getPosition().y == manager.find(3).getPosition().y, + 'Nodes 1 and 3 should now be vertically aligned', + ); + + console.log('OK!\n\n'); + }, + + testReconnect() { + console.log('testReconnect:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + manager.addNode(12, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 1, 0); + manager.connectNode(0, 2, 1); + manager.connectNode(0, 3, 2); + manager.connectNode(0, 4, 3); + manager.connectNode(0, 5, 4); + manager.connectNode(1, 6, 0); + manager.connectNode(1, 7, 1); + manager.connectNode(7, 8, 0); + manager.connectNode(8, 9, 0); + manager.connectNode(5, 10, 0); + manager.connectNode(6, 11, 0); + manager.connectNode(6, 12, 1); + + manager.layout(); + manager.plot('testReconnect1', { width: 1200, height: 400 }); + + // Reconnect node 6 to node 4 + console.log('\tReconnect node 6 to node 4'); + manager.disconnectNode(6); + manager.connectNode(4, 6, 0); + manager.layout(); + manager.plot('testReconnect2', { width: 1200, height: 400 }); + + // Check nodes are left aligned correctly + $assert( + manager.find(1).getPosition().y == manager.find(7).getPosition().y, + 'Nodes 1 and 7 should be vertically aligned', + ); + $assert( + manager.find(4).getPosition().y == manager.find(6).getPosition().y, + 'Nodes 4 and 6 should be vertically aligned', + ); + $assert( + manager.find(4).getPosition().x > manager.find(6).getPosition().x, + 'Node 6 and their children should be to the left of node 4', + ); + $assert( + manager.find(6).getPosition().x > manager.find(11).getPosition().x + && manager.find(11).getPosition().x == manager.find(12).getPosition().x, + 'Nodes 11 and 12 should be to the left of node 6 and horizontally aligned', + ); + + console.log('OK!\n\n'); + }, + + testRemoveNode() { + console.log('testRemoveNode:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, TestSuite.NODE_SIZE, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(6, TestSuite.NODE_SIZE, position); + manager.addNode(7, TestSuite.NODE_SIZE, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, TestSuite.NODE_SIZE, position); + + manager.connectNode(0, 1, 0); + manager.connectNode(0, 5, 1); + manager.connectNode(0, 6, 2); + manager.connectNode(0, 7, 3); + manager.connectNode(0, 8, 4); + manager.connectNode(0, 9, 5); + manager.connectNode(1, 2, 0); + manager.connectNode(1, 3, 1); + manager.connectNode(3, 4, 0); + + const events = []; + manager.addEvent('change', (event) => { + const pos = event.getPosition(); + const posStr = pos ? `,position: {${pos.x},${event.getPosition().y}` : ''; + events.push(event); + }); + manager.layout(true); + manager.plot('testRemoveNode1', { width: 1000, height: 200 }); + + console.log('\t--- Remove node 3 ---'); + manager.removeNode(3); + manager.layout(true); + manager.plot('testRemoveNode2', { width: 1000, height: 200 }); + + // Check nodes are correctly aligned and node 6 is aligned with the root node + $assert( + manager.find(1).getPosition().y == manager.find(2).getPosition().y, + 'Nodes 1 and 2 should be vertically algined', + ); + $assert( + manager.find(6).getPosition().y == manager.find(0).getPosition().y, + 'Node 6 should be aligned to the root node', + ); + + console.log('\t--- Remove node 6 ---'); + manager.removeNode(6); + manager.layout(true); + manager.plot('testRemoveNode3', { width: 1000, height: 200 }); + + // Check orders were shifted accordingly + $assert(manager.find(8).getOrder() == 2, 'Node 8 should have order 2'); + + console.log('\t--- Remove node 5 ---'); + manager.removeNode(5); + manager.layout(true); + manager.plot('testRemoveNode4', { width: 1000, height: 200 }); + + // Check orders were shifted accordingly + $assert(manager.find(7).getOrder() == 1, 'Node 7 should have order 1'); + $assert(manager.find(9).getOrder() == 3, 'Node 9 should have order 3'); + + console.log('OK!\n\n'); + }, + + testSize() { + console.log('testSize:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + manager.addNode(1, { width: 60, height: 60 }, position); + manager.addNode(2, TestSuite.NODE_SIZE, position); + manager.addNode(3, { width: 260, height: 30 }, position); + manager.addNode(4, TestSuite.NODE_SIZE, position); + manager.addNode(5, TestSuite.NODE_SIZE, position); + manager.addNode(7, { width: 80, height: 80 }, position); + manager.addNode(8, TestSuite.NODE_SIZE, position); + manager.addNode(9, { width: 30, height: 30 }, position); + manager.addNode(10, TestSuite.NODE_SIZE, position); + manager.addNode(11, TestSuite.NODE_SIZE, position); + manager.addNode(12, { width: 100, height: 70 }, position); + manager.addNode(13, TestSuite.NODE_SIZE, position); + manager.addNode(14, TestSuite.NODE_SIZE, position); + manager.addNode(15, TestSuite.NODE_SIZE, position); + manager.addNode(16, TestSuite.NODE_SIZE, position); + manager.addNode(17, TestSuite.NODE_SIZE, position); + + manager.connectNode(0, 1, 0); + manager.connectNode(1, 16, 0); + manager.connectNode(0, 2, 1); + manager.connectNode(0, 3, 2); + manager.connectNode(0, 4, 3); + manager.connectNode(0, 5, 4); + manager.connectNode(4, 7, 0); + manager.connectNode(7, 15, 0); + manager.connectNode(7, 17, 1); + manager.connectNode(4, 8, 1); + manager.connectNode(8, 9, 0); + manager.connectNode(3, 10, 0); + manager.connectNode(3, 11, 1); + manager.connectNode(9, 12, 0); + manager.connectNode(9, 13, 1); + manager.connectNode(13, 14, 0); + + manager.layout(); + manager.plot('testSize1', { width: 1400, height: 400 }); + + // Check that all enlarged nodes shift children accordingly + $assert( + manager.find(10).getPosition().x > manager.find(3).getPosition().x + && manager.find(10).getPosition().x == manager.find(11).getPosition().x, + 'Nodes 10 and 11 should be horizontally algined and to the right of enlarged node 3', + ); + const xPosNode7 = manager.find(7).getPosition().x; + const xPosNode8 = manager.find(8).getPosition().x; + + manager.updateNodeSize(4, { width: 100, height: 30 }); + manager.layout(); + manager.plot('testSize2', { width: 1400, height: 400 }); + + // Check that all enlarged nodes shift children accordingly + $assert( + manager.find(2).getPosition().x - manager.find(4).getPosition().x == 10, + 'Node 4 should have been shifted by 10', + ); + $assert( + xPosNode7 - manager.find(7).getPosition().x == 20, + 'Node 7 should have been shifted by 20', + ); + $assert( + xPosNode8 - manager.find(8).getPosition().x == 20, + 'Node 8 should have been shifted by 20', + ); + + const graph2 = manager.plot('testSize3', { width: 1400, height: 400 }); + this._plotPrediction(graph2, manager.predict(0, null, { x: -145, y: 400 })); + this._plotPrediction(graph2, manager.predict(9, null, { x: -330, y: 70 })); + this._plotPrediction(graph2, manager.predict(9, null, { x: -330, y: 120 })); + this._plotPrediction(graph2, manager.predict(0, null, { x: 15, y: 20 })); + // TODO(gb): make asserts + + const graph3 = manager.plot('testSize4', { width: 1400, height: 400 }); + this._plotPrediction(graph3, manager.predict(0, null, null)); + this._plotPrediction(graph3, manager.predict(9, null, null)); + this._plotPrediction(graph3, manager.predict(3, null, null)); + this._plotPrediction(graph3, manager.predict(1, null, null)); + // TODO(gb): make asserts + + const yPosNode2 = manager.find(2).getPosition().y; + manager.updateNodeSize(7, { width: 80, height: 120 }); + manager.layout(); + manager.plot('testSize5', { width: 1400, height: 400 }); + + // Check that all enlarged nodes shift children accordingly + $assert( + yPosNode2 - manager.find(2).getPosition().y == 20, + 'Node 2 should have been shifted by 20', + ); + + console.log('OK!\n\n'); + }, + + testReconnectSingleNode() { + console.log('testReconnectSingleNode:'); + const position = { x: 0, y: 0 }; + const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE); + + // Prepare a sample graph ... + manager.addNode(1, TestSuite.NODE_SIZE, position); + manager.connectNode(0, 1, 0); + manager.layout(); + const graph = manager.plot('testReconnectSingleNode1', { width: 1000, height: 400 }); + const prediction = manager.predict(0, null, { x: -50, y: 0 }); + this._plotPrediction(graph, prediction); + + // Check prediction is to the left of the root node + $assert( + prediction.position.x < manager.find(0).getPosition().x, + 'Prediction should be to the left of the root node', + ); + $assert(prediction.order == 1, 'Prediction should have order 1'); + + manager.disconnectNode(1); + manager.connectNode(0, 1, 1); + manager.layout(); + manager.plot('testReconnectSingleNode2', { width: 1000, height: 400 }); + + // Check reconnected node is to the left of the root node + $assert( + manager.find(1).getPosition().x < manager.find(0).getPosition().x, + 'Node 1 should now be to the left of the root node', + ); + $assert(manager.find(1).getOrder() == 1, 'Node 1 should now have order 0'); + }, + + _plotPrediction(canvas, prediction) { + if(!canvas) { + console.warn('no canvas in _plotPrediction. Remove this method if plot() not in use'); + return; + } + const { position } = prediction; + const { order } = prediction; + console.log( + `\t\tprediction {order:${ + order + }, position: (${ + position.x + },${ + position.y + })}`, + ); + const cx = position.x + canvas.width / 2 - TestSuite.NODE_SIZE.width / 2; + const cy = position.y + canvas.height / 2 - TestSuite.NODE_SIZE.height / 2; + canvas.rect(cx, cy, TestSuite.NODE_SIZE.width, TestSuite.NODE_SIZE.height); + }, +}); + +(TestSuite.NODE_SIZE = { width: 80, height: 30 }), +(TestSuite.ROOT_NODE_SIZE = { width: 120, height: 40 }); + +export default TestSuite; diff --git a/packages/mindplot/test/playground/layout/context-loader.js b/packages/mindplot/test/playground/layout/context-loader.js new file mode 100644 index 00000000..17bf7399 --- /dev/null +++ b/packages/mindplot/test/playground/layout/context-loader.js @@ -0,0 +1,11 @@ +import TestSuite from './TestSuite'; +import BalancedTestSuite from './BalancedTestSuite'; +import SymmetricTestSuite from './SymmetricTestSuite'; +import FreeTestSuite from './FreeTestSuite'; + +window.addEventListener('DOMContentLoaded', () => { + new TestSuite(); + new BalancedTestSuite(); + new SymmetricTestSuite(); + new FreeTestSuite(); +}); diff --git a/packages/mindplot/test/playground/layout.html b/packages/mindplot/test/playground/layout/index.html similarity index 100% rename from packages/mindplot/test/playground/layout.html rename to packages/mindplot/test/playground/layout/index.html diff --git a/packages/mindplot/test/playground/lib/raphael-min.js b/packages/mindplot/test/playground/layout/lib/raphael-min.js similarity index 100% rename from packages/mindplot/test/playground/lib/raphael-min.js rename to packages/mindplot/test/playground/layout/lib/raphael-min.js diff --git a/packages/mindplot/test/playground/layout/lib/raphael-plugins.js b/packages/mindplot/test/playground/layout/lib/raphael-plugins.js new file mode 100644 index 00000000..c823c9a6 --- /dev/null +++ b/packages/mindplot/test/playground/layout/lib/raphael-plugins.js @@ -0,0 +1,29 @@ +Raphael.fn.drawGrid = function (x, y, w, h, wv, hv, color) { + color = color || '#999'; + let path = ['M', x, y, 'L', x + w, y, x + w, y + h, x, y + h, x, y]; + const rowHeight = h / hv; + const columnWidth = w / wv; + for (var i = 0; i < hv + 1; i++) { + var offset = y + i * rowHeight; + path = this.path(['M', x, offset, 'L', x + w, y + i * rowHeight]); + if (offset == 0 || offset == h) { + path.attr({ stroke: '#000' }); + } else if (offset == h / 2) { + path.attr({ stroke: '#c00' }); + } else { + path.attr({ stroke: '#999' }); + } + } + for (var i = 0; i < wv + 1; i++) { + var offset = x + i * columnWidth; + path = this.path(['M', offset, y, 'L', x + i * columnWidth, y + h]); + if (offset == 0 || offset == w) { + path.attr({ stroke: '#000' }); + } else if (offset == w / 2) { + path.attr({ stroke: '#c00' }); + } else { + path.attr({ stroke: '#999' }); + } + } + return this.path; +}; diff --git a/packages/mindplot/test/playground/sample.xml b/packages/mindplot/test/playground/layout/sample.xml similarity index 100% rename from packages/mindplot/test/playground/sample.xml rename to packages/mindplot/test/playground/layout/sample.xml diff --git a/packages/mindplot/test/playground/layout/utils.js b/packages/mindplot/test/playground/layout/utils.js new file mode 100755 index 00000000..655292ab --- /dev/null +++ b/packages/mindplot/test/playground/layout/utils.js @@ -0,0 +1,59 @@ +/* eslint-disable func-names */ +/* + * Copyright [2015] [wisemapping] + * + * Licensed under WiseMapping Public License, Version 1.0 (the "License"). + * It is basically the Apache License, Version 2.0 (the "License") plus the + * "powered by wisemapping" text requirement on every single page; + * you may not use this file except in compliance with the License. + * You may obtain a copy of the license at + * + * http://www.wisemapping.org/license + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +Grid = function (parent, colums, rows) { + const cellSize = '10px'; + this._parent = parent; + this._container = this._createContainer(); + const tbody = $(this._container.firstChild.firstChild); + for (let i = 0; i < rows; i++) { + const trElement = $(''); + for (let j = 0; j < colums; j++) { + const tdElement = $(''); + tdElement.css({ + width: cellSize, + height: cellSize, + borderWidth: '1px', + borderStyle: 'dashed', + borderColor: 'lightsteelblue', + }); + trElement.append(tdElement); + } + tbody.append(trElement); + } +}; + +Grid.prototype.setPosition = function (x, y) { + this._container.style.left = x; + this._container.style.top = y; +}; + +Grid.prototype.render = function () { + $(this._parent).append(this._container); +}; + +Grid.prototype._createContainer = function () { + const result = window.document.createElement('div'); + result.style.tableLayout = 'fixed'; + result.style.borderCollapse = 'collapse'; + result.style.emptyCells = 'show'; + result.style.position = 'absolute'; + result.innerHTML = '
'; + return result; +}; diff --git a/packages/mindplot/test/playground/lib/raphael-plugins.js b/packages/mindplot/test/playground/lib/raphael-plugins.js deleted file mode 100644 index f3a06f4a..00000000 --- a/packages/mindplot/test/playground/lib/raphael-plugins.js +++ /dev/null @@ -1,29 +0,0 @@ -Raphael.fn.drawGrid = function (x, y, w, h, wv, hv, color) { - color = color || "#999"; - var path = ["M", x, y, "L", x + w, y, x + w, y + h, x, y + h, x, y], - rowHeight = h / hv, - columnWidth = w / wv; - for (var i = 0; i < hv + 1; i++) { - var offset = y + i * rowHeight; - path = this.path(["M", x, offset, "L", x + w, y + i * rowHeight]); - if (offset == 0 || offset == h) { - path.attr({stroke: "#000"}); - } else if (offset == h/2) { - path.attr({stroke: "#c00"}) - } else { - path.attr({stroke: "#999"}) - } - } - for (var i = 0; i < wv + 1; i++) { - var offset = x + i * columnWidth; - path = this.path(["M", offset, y, "L", x + i * columnWidth, y + h]); - if (offset == 0 || offset == w) { - path.attr({stroke: "#000"}); - } else if (offset == w/2) { - path.attr({stroke: "#c00"}) - } else { - path.attr({stroke: "#999"}) - } - } - return this.path; -}; \ No newline at end of file diff --git a/packages/mindplot/test/playground/map-render/bootstrap/BootstrapDialog.Request.js b/packages/mindplot/test/playground/map-render/bootstrap/BootstrapDialog.Request.js new file mode 100644 index 00000000..4f12b859 --- /dev/null +++ b/packages/mindplot/test/playground/map-render/bootstrap/BootstrapDialog.Request.js @@ -0,0 +1,49 @@ +BootstrapDialog.Request = new Class({ + + Extends: BootstrapDialog, + + initialize: function(url, title, options) { + this.parent(title, options); + this.requestOptions = {}; + this.requestOptions.cache = false; + var me = this; + this.requestOptions.fail = function(xhr) { + // Intercept form requests ... + console.log("Failure:"); + console.log(xhr); + }; + + this.requestOptions.success = function() { + // Intercept form requests ... + var forms = me._native.find('form'); + _.each(forms, function(form) { + $(form).on('submit', function(event) { + // Intercept form ... + me.requestOptions.url = form.action; + me.requestOptions.method = form.method ? form.method : 'post'; + $.ajax(me.requestOptions); + event.stopPropagation(); + return false; + }); + }); + }; + + this._native.find('.modal-body').load(url, function () { + me.acceptButton.unbind('click').click(function () { + submitDialogForm(); + }); + me._native.on('hidden.bs.modal', function () { + $(this).remove(); + }); + me.show(); + }); + }, + + onDialogShown: function() { + if (typeof(onDialogShown) == "function") { + onDialogShown(); + } + } + + +}); diff --git a/packages/mindplot/test/playground/map-render/bootstrap/BootstrapDialog.js b/packages/mindplot/test/playground/map-render/bootstrap/BootstrapDialog.js new file mode 100644 index 00000000..83f37aef --- /dev/null +++ b/packages/mindplot/test/playground/map-render/bootstrap/BootstrapDialog.js @@ -0,0 +1,111 @@ +var BootstrapDialog = new Class({ + Implements: Options, + + options: { + cancelButton: false, + closeButton: false, + acceptButton: true, + removeButton:false, + errorMessage: false, + onEventData:{} + }, + + initialize: function (title, options) { + this.setOptions(options); + this.options.onEventData.dialog = this; + this._native = $('
').append('
'); + var content = $('
'); + var header = this._buildHeader(title); + if (header) { + content.append(header); + } + var body = $('
'); + if(this.options.errorMessage){ + var error = $('
'); + error.hide(); + body.append(error); + } + content.append(body); + var footer = this._buildFooter(); + if (footer) { + content.append(footer); + } + this._native.find(".modal-dialog").append(content); + this._native.on('hidden.bs.modal', function() { + $(this).remove(); + }); + this._native.on('shown.bs.modal', this.onDialogShown); + }, + + _buildFooter: function() { + var footer = null; + if (this.options.acceptButton || this.options.removeButton || this.options.cancelButton) { + footer = $('
'); + } + if (this.options.acceptButton) { + this.acceptButton = $(''); + footer.append(this.acceptButton); + this.acceptButton.unbind('click').on("click",this.options.onEventData, this.onAcceptClick) + } + if (this.options.removeButton) { + this.removeButton = $(''); + footer.append(this.removeButton); + this.removeButton.on('click', this.options.onEventData, this.onRemoveClick); + } + if (this.options.cancelButton) { + footer.append(''); + } + return footer; + }, + + _buildHeader: function(title) { + var header = null; + if (this.options.closeButton || title) { + header = $('
'); + } + if (this.options.closeButton) { + header.append( + '' + ); + } + if (title) { + header.append('

' + title + '

'); + } + return header; + }, + + onAcceptClick: function(event) { + throw "Unsupported operation"; + }, + + onDialogShown: function() {}, + onRemoveClick: function(event) { + throw "Unsupported operation"; + }, + + show: function () { + this._native.modal(); + }, + + setContent: function(content) { + var modalBody = this._native.find('.modal-body'); + modalBody.append(content); + }, + + css: function(options){ + this._native.find('.modal-dialog').css(options); + }, + + close: function() { + this._native.modal('hide'); + }, + + alertError: function(message){ + this._native.find('.alert-danger').text(message); + this._native.find('.alert-danger').show(); + }, + + cleanError: function(){ + this._native.find('.alert-danger').hide(); + } +}); diff --git a/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-colorpicker.css b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-colorpicker.css new file mode 100644 index 00000000..28d2bca7 --- /dev/null +++ b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-colorpicker.css @@ -0,0 +1,214 @@ +/*! + * Bootstrap Colorpicker + * http://mjolnic.github.io/bootstrap-colorpicker/ + * + * Originally written by (c) 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0.txt + * + */ + +.colorpicker-saturation { + float: left; + width: 100px; + height: 100px; + cursor: crosshair; + background-image: url("../img/bootstrap-colorpicker/saturation.png"); +} + +.colorpicker-saturation i { + position: absolute; + top: 0; + left: 0; + display: block; + width: 5px; + height: 5px; + margin: -4px 0 0 -4px; + border: 1px solid #000; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.colorpicker-saturation i b { + display: block; + width: 5px; + height: 5px; + border: 1px solid #fff; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.colorpicker-hue, +.colorpicker-alpha { + float: left; + width: 15px; + height: 100px; + margin-bottom: 4px; + margin-left: 4px; + cursor: row-resize; +} + +.colorpicker-hue i, +.colorpicker-alpha i { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 1px; + margin-top: -1px; + background: #000; + border-top: 1px solid #fff; +} + +.colorpicker-hue { + background-image: url("../img/bootstrap-colorpicker/hue.png"); +} + +.colorpicker-alpha { + display: none; + background-image: url("../img/bootstrap-colorpicker/alpha.png"); +} + +.colorpicker { + top: 0; + left: 0; + z-index: 2500; + min-width: 130px; + padding: 4px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + *zoom: 1; +} + +.colorpicker:before, +.colorpicker:after { + display: table; + line-height: 0; + content: ""; +} + +.colorpicker:after { + clear: both; +} + +.colorpicker:before { + position: absolute; + top: -7px; + left: 6px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.colorpicker:after { + position: absolute; + top: -6px; + left: 7px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-left: 6px solid transparent; + content: ''; +} + +.colorpicker div { + position: relative; +} + +.colorpicker.colorpicker-with-alpha { + min-width: 140px; +} + +.colorpicker.colorpicker-with-alpha .colorpicker-alpha { + display: block; +} + +.colorpicker-color { + height: 10px; + margin-top: 5px; + clear: both; + background-image: url("../img/bootstrap-colorpicker/alpha.png"); + background-position: 0 100%; +} + +.colorpicker-color div { + height: 10px; +} + +.colorpicker-element .input-group-addon i { + display: block; + width: 16px; + height: 16px; + cursor: pointer; +} + +.colorpicker.colorpicker-inline { + position: relative; + display: inline-block; + float: none; +} + +.colorpicker.colorpicker-horizontal { + width: 110px; + height: auto; + min-width: 110px; +} + +.colorpicker.colorpicker-horizontal .colorpicker-saturation { + margin-bottom: 4px; +} + +.colorpicker.colorpicker-horizontal .colorpicker-color { + width: 100px; +} + +.colorpicker.colorpicker-horizontal .colorpicker-hue, +.colorpicker.colorpicker-horizontal .colorpicker-alpha { + float: left; + width: 100px; + height: 15px; + margin-bottom: 4px; + margin-left: 0; + cursor: col-resize; +} + +.colorpicker.colorpicker-horizontal .colorpicker-hue i, +.colorpicker.colorpicker-horizontal .colorpicker-alpha i { + position: absolute; + top: 0; + left: 0; + display: block; + width: 1px; + height: 15px; + margin-top: 0; + background: #ffffff; + border: none; +} + +.colorpicker.colorpicker-horizontal .colorpicker-hue { + background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png"); +} + +.colorpicker.colorpicker-horizontal .colorpicker-alpha { + background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png"); +} + +.colorpicker.colorpicker-hidden { + display: none; +} + +.colorpicker.colorpicker-visible { + display: block; +} + +.colorpicker-inline.colorpicker-visible { + display: inline-block; +} \ No newline at end of file diff --git a/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-colorpicker.min.css b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-colorpicker.min.css new file mode 100644 index 00000000..d48417fa --- /dev/null +++ b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-colorpicker.min.css @@ -0,0 +1,9 @@ +/*! + * Bootstrap Colorpicker + * http://mjolnic.github.io/bootstrap-colorpicker/ + * + * Originally written by (c) 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0.txt + * + */.colorpicker-saturation{float:left;width:100px;height:100px;cursor:crosshair;background-image:url("../img/bootstrap-colorpicker/saturation.png")}.colorpicker-saturation i{position:absolute;top:0;left:0;display:block;width:5px;height:5px;margin:-4px 0 0 -4px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-saturation i b{display:block;width:5px;height:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-hue,.colorpicker-alpha{float:left;width:15px;height:100px;margin-bottom:4px;margin-left:4px;cursor:row-resize}.colorpicker-hue i,.colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:100%;height:1px;margin-top:-1px;background:#000;border-top:1px solid #fff}.colorpicker-hue{background-image:url("../img/bootstrap-colorpicker/hue.png")}.colorpicker-alpha{display:none;background-image:url("../img/bootstrap-colorpicker/alpha.png")}.colorpicker{top:0;left:0;z-index:2500;min-width:130px;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1}.colorpicker:before,.colorpicker:after{display:table;line-height:0;content:""}.colorpicker:after{clear:both}.colorpicker:before{position:absolute;top:-7px;left:6px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}.colorpicker:after{position:absolute;top:-6px;left:7px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url("../img/bootstrap-colorpicker/alpha.png");background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-element .input-group-addon i{display:block;width:16px;height:16px;cursor:pointer}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none}.colorpicker.colorpicker-horizontal{width:110px;height:auto;min-width:110px}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-hue,.colorpicker.colorpicker-horizontal .colorpicker-alpha{float:left;width:100px;height:15px;margin-bottom:4px;margin-left:0;cursor:col-resize}.colorpicker.colorpicker-horizontal .colorpicker-hue i,.colorpicker.colorpicker-horizontal .colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:1px;height:15px;margin-top:0;background:#fff;border:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url("../img/bootstrap-colorpicker/hue-horizontal.png")}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url("../img/bootstrap-colorpicker/alpha-horizontal.png")}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block} \ No newline at end of file diff --git a/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-theme.css b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-theme.css new file mode 100644 index 00000000..a4069929 --- /dev/null +++ b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-theme.css @@ -0,0 +1,347 @@ +/*! + * Bootstrap v3.1.1 (http://getbootstrap.com) + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +.btn-default, +.btn-primary, +.btn-success, +.btn-info, +.btn-warning, +.btn-danger { + text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); +} +.btn-default:active, +.btn-primary:active, +.btn-success:active, +.btn-info:active, +.btn-warning:active, +.btn-danger:active, +.btn-default.active, +.btn-primary.active, +.btn-success.active, +.btn-info.active, +.btn-warning.active, +.btn-danger.active { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn:active, +.btn.active { + background-image: none; +} +.btn-default { + text-shadow: 0 1px 0 #fff; + background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); + background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #dbdbdb; + border-color: #ccc; +} +.btn-default:hover, +.btn-default:focus { + background-color: #e0e0e0; + background-position: 0 -15px; +} +.btn-default:active, +.btn-default.active { + background-color: #e0e0e0; + border-color: #dbdbdb; +} +.btn-primary { + background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #2b669a; +} +.btn-primary:hover, +.btn-primary:focus { + background-color: #2d6ca2; + background-position: 0 -15px; +} +.btn-primary:active, +.btn-primary.active { + background-color: #2d6ca2; + border-color: #2b669a; +} +.btn-success { + background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); + background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #3e8f3e; +} +.btn-success:hover, +.btn-success:focus { + background-color: #419641; + background-position: 0 -15px; +} +.btn-success:active, +.btn-success.active { + background-color: #419641; + border-color: #3e8f3e; +} +.btn-info { + background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); + background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #28a4c9; +} +.btn-info:hover, +.btn-info:focus { + background-color: #2aabd2; + background-position: 0 -15px; +} +.btn-info:active, +.btn-info.active { + background-color: #2aabd2; + border-color: #28a4c9; +} +.btn-warning { + background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); + background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #e38d13; +} +.btn-warning:hover, +.btn-warning:focus { + background-color: #eb9316; + background-position: 0 -15px; +} +.btn-warning:active, +.btn-warning.active { + background-color: #eb9316; + border-color: #e38d13; +} +.btn-danger { + background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); + background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #b92c28; +} +.btn-danger:hover, +.btn-danger:focus { + background-color: #c12e2a; + background-position: 0 -15px; +} +.btn-danger:active, +.btn-danger.active { + background-color: #c12e2a; + border-color: #b92c28; +} +.thumbnail, +.img-thumbnail { + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); + box-shadow: 0 1px 2px rgba(0, 0, 0, .075); +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + background-color: #e8e8e8; + background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); + background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); + background-repeat: repeat-x; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + background-color: #357ebd; + background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); + background-repeat: repeat-x; +} +.navbar-default { + background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); + background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); +} +.navbar-default .navbar-nav > .active > a { + background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); + background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0); + background-repeat: repeat-x; + -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); + box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); +} +.navbar-brand, +.navbar-nav > li > a { + text-shadow: 0 1px 0 rgba(255, 255, 255, .25); +} +.navbar-inverse { + background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); + background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; +} +.navbar-inverse .navbar-nav > .active > a { + background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%); + background-image: linear-gradient(to bottom, #222 0%, #282828 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0); + background-repeat: repeat-x; + -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); + box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); +} +.navbar-inverse .navbar-brand, +.navbar-inverse .navbar-nav > li > a { + text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); +} +.navbar-static-top, +.navbar-fixed-top, +.navbar-fixed-bottom { + border-radius: 0; +} +.alert { + text-shadow: 0 1px 0 rgba(255, 255, 255, .2); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); +} +.alert-success { + background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); + background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); + background-repeat: repeat-x; + border-color: #b2dba1; +} +.alert-info { + background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); + background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); + background-repeat: repeat-x; + border-color: #9acfea; +} +.alert-warning { + background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); + background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); + background-repeat: repeat-x; + border-color: #f5e79e; +} +.alert-danger { + background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); + background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); + background-repeat: repeat-x; + border-color: #dca7a7; +} +.progress { + background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); + background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); + background-repeat: repeat-x; +} +.progress-bar { + background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0); + background-repeat: repeat-x; +} +.progress-bar-success { + background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); + background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); + background-repeat: repeat-x; +} +.progress-bar-info { + background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); + background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); + background-repeat: repeat-x; +} +.progress-bar-warning { + background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); + background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); + background-repeat: repeat-x; +} +.progress-bar-danger { + background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); + background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); + background-repeat: repeat-x; +} +.list-group { + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); + box-shadow: 0 1px 2px rgba(0, 0, 0, .075); +} +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + text-shadow: 0 -1px 0 #3071a9; + background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0); + background-repeat: repeat-x; + border-color: #3278b3; +} +.panel { + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); + box-shadow: 0 1px 2px rgba(0, 0, 0, .05); +} +.panel-default > .panel-heading { + background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); + background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); + background-repeat: repeat-x; +} +.panel-primary > .panel-heading { + background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); + background-repeat: repeat-x; +} +.panel-success > .panel-heading { + background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); + background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); + background-repeat: repeat-x; +} +.panel-info > .panel-heading { + background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); + background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); + background-repeat: repeat-x; +} +.panel-warning > .panel-heading { + background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); + background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); + background-repeat: repeat-x; +} +.panel-danger > .panel-heading { + background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); + background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); + background-repeat: repeat-x; +} +.well { + background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); + background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); + background-repeat: repeat-x; + border-color: #dcdcdc; + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); +} +/*# sourceMappingURL=bootstrap-theme.css.map */ diff --git a/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-theme.css.map b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-theme.css.map new file mode 100644 index 00000000..b36fc9a4 --- /dev/null +++ b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap-theme.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["less/theme.less","less/mixins.less"],"names":[],"mappings":"AAeA;AACA;AACA;AACA;AACA;AACA;EACE,wCAAA;ECoGA,2FAAA;EACQ,mFAAA;;ADhGR,YAAC;AAAD,YAAC;AAAD,YAAC;AAAD,SAAC;AAAD,YAAC;AAAD,WAAC;AACD,YAAC;AAAD,YAAC;AAAD,YAAC;AAAD,SAAC;AAAD,YAAC;AAAD,WAAC;EC8FD,wDAAA;EACQ,gDAAA;;ADnER,IAAC;AACD,IAAC;EACC,sBAAA;;AAKJ;EC4PI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EAEA,sHAAA;EAoCF,mEAAA;ED7TA,2BAAA;EACA,qBAAA;EAyB2C,yBAAA;EAA2B,kBAAA;;AAvBtE,YAAC;AACD,YAAC;EACC,yBAAA;EACA,4BAAA;;AAGF,YAAC;AACD,YAAC;EACC,yBAAA;EACA,qBAAA;;AAeJ;EC2PI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EAEA,sHAAA;EAoCF,mEAAA;ED7TA,2BAAA;EACA,qBAAA;;AAEA,YAAC;AACD,YAAC;EACC,yBAAA;EACA,4BAAA;;AAGF,YAAC;AACD,YAAC;EACC,yBAAA;EACA,qBAAA;;AAgBJ;EC0PI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EAEA,sHAAA;EAoCF,mEAAA;ED7TA,2BAAA;EACA,qBAAA;;AAEA,YAAC;AACD,YAAC;EACC,yBAAA;EACA,4BAAA;;AAGF,YAAC;AACD,YAAC;EACC,yBAAA;EACA,qBAAA;;AAiBJ;ECyPI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EAEA,sHAAA;EAoCF,mEAAA;ED7TA,2BAAA;EACA,qBAAA;;AAEA,SAAC;AACD,SAAC;EACC,yBAAA;EACA,4BAAA;;AAGF,SAAC;AACD,SAAC;EACC,yBAAA;EACA,qBAAA;;AAkBJ;ECwPI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EAEA,sHAAA;EAoCF,mEAAA;ED7TA,2BAAA;EACA,qBAAA;;AAEA,YAAC;AACD,YAAC;EACC,yBAAA;EACA,4BAAA;;AAGF,YAAC;AACD,YAAC;EACC,yBAAA;EACA,qBAAA;;AAmBJ;ECuPI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EAEA,sHAAA;EAoCF,mEAAA;ED7TA,2BAAA;EACA,qBAAA;;AAEA,WAAC;AACD,WAAC;EACC,yBAAA;EACA,4BAAA;;AAGF,WAAC;AACD,WAAC;EACC,yBAAA;EACA,qBAAA;;AA2BJ;AACA;EC6CE,kDAAA;EACQ,0CAAA;;ADpCV,cAAe,KAAK,IAAG;AACvB,cAAe,KAAK,IAAG;ECmOnB,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;EDpOF,yBAAA;;AAEF,cAAe,UAAU;AACzB,cAAe,UAAU,IAAG;AAC5B,cAAe,UAAU,IAAG;EC6NxB,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;ED9NF,yBAAA;;AAUF;ECiNI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;EAoCF,mEAAA;EDrPA,kBAAA;ECaA,2FAAA;EACQ,mFAAA;;ADjBV,eAOE,YAAY,UAAU;EC0MpB,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;EApMF,wDAAA;EACQ,gDAAA;;ADLV;AACA,WAAY,KAAK;EACf,8CAAA;;AAIF;EC+LI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;EAoCF,mEAAA;;ADtOF,eAIE,YAAY,UAAU;EC2LpB,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;EApMF,uDAAA;EACQ,+CAAA;;ADCV,eASE;AATF,eAUE,YAAY,KAAK;EACf,yCAAA;;AAKJ;AACA;AACA;EACE,gBAAA;;AAUF;EACE,6CAAA;EChCA,0FAAA;EACQ,kFAAA;;AD2CV;ECqJI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;ED5JF,qBAAA;;AAKF;ECoJI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;ED5JF,qBAAA;;AAMF;ECmJI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;ED5JF,qBAAA;;AAOF;ECkJI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;ED5JF,qBAAA;;AAgBF;ECyII,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADlIJ;EC+HI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADjIJ;EC8HI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADhIJ;EC6HI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;AD/HJ;EC4HI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;AD9HJ;EC2HI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADtHJ;EACE,kBAAA;EC/EA,kDAAA;EACQ,0CAAA;;ADiFV,gBAAgB;AAChB,gBAAgB,OAAO;AACvB,gBAAgB,OAAO;EACrB,6BAAA;EC4GE,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;ED7GF,qBAAA;;AAUF;ECjGE,iDAAA;EACQ,yCAAA;;AD0GV,cAAe;ECsFX,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADxFJ,cAAe;ECqFX,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADvFJ,cAAe;ECoFX,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADtFJ,WAAY;ECmFR,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADrFJ,cAAe;ECkFX,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;ADpFJ,aAAc;ECiFV,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;;AD5EJ;ECyEI,kBAAkB,sDAAlB;EACA,kBAAkB,oDAAlB;EACA,2BAAA;EACA,sHAAA;ED1EF,qBAAA;EC1HA,yFAAA;EACQ,iFAAA","sourcesContent":["\n//\n// Load core variables and mixins\n// --------------------------------------------------\n\n@import \"variables.less\";\n@import \"mixins.less\";\n\n\n\n//\n// Buttons\n// --------------------------------------------------\n\n// Common styles\n.btn-default,\n.btn-primary,\n.btn-success,\n.btn-info,\n.btn-warning,\n.btn-danger {\n text-shadow: 0 -1px 0 rgba(0,0,0,.2);\n @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);\n .box-shadow(@shadow);\n\n // Reset the shadow\n &:active,\n &.active {\n .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));\n }\n}\n\n// Mixin for generating new styles\n.btn-styles(@btn-color: #555) {\n #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));\n .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners\n background-repeat: repeat-x;\n border-color: darken(@btn-color, 14%);\n\n &:hover,\n &:focus {\n background-color: darken(@btn-color, 12%);\n background-position: 0 -15px;\n }\n\n &:active,\n &.active {\n background-color: darken(@btn-color, 12%);\n border-color: darken(@btn-color, 14%);\n }\n}\n\n// Common styles\n.btn {\n // Remove the gradient for the pressed/active state\n &:active,\n &.active {\n background-image: none;\n }\n}\n\n// Apply the mixin to the buttons\n.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }\n.btn-primary { .btn-styles(@btn-primary-bg); }\n.btn-success { .btn-styles(@btn-success-bg); }\n.btn-info { .btn-styles(@btn-info-bg); }\n.btn-warning { .btn-styles(@btn-warning-bg); }\n.btn-danger { .btn-styles(@btn-danger-bg); }\n\n\n\n//\n// Images\n// --------------------------------------------------\n\n.thumbnail,\n.img-thumbnail {\n .box-shadow(0 1px 2px rgba(0,0,0,.075));\n}\n\n\n\n//\n// Dropdowns\n// --------------------------------------------------\n\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus {\n #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));\n background-color: darken(@dropdown-link-hover-bg, 5%);\n}\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));\n background-color: darken(@dropdown-link-active-bg, 5%);\n}\n\n\n\n//\n// Navbar\n// --------------------------------------------------\n\n// Default navbar\n.navbar-default {\n #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);\n .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered\n border-radius: @navbar-border-radius;\n @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);\n .box-shadow(@shadow);\n\n .navbar-nav > .active > a {\n #gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%));\n .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));\n }\n}\n.navbar-brand,\n.navbar-nav > li > a {\n text-shadow: 0 1px 0 rgba(255,255,255,.25);\n}\n\n// Inverted navbar\n.navbar-inverse {\n #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);\n .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered\n\n .navbar-nav > .active > a {\n #gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%));\n .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));\n }\n\n .navbar-brand,\n .navbar-nav > li > a {\n text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n }\n}\n\n// Undo rounded corners in static and fixed navbars\n.navbar-static-top,\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n border-radius: 0;\n}\n\n\n\n//\n// Alerts\n// --------------------------------------------------\n\n// Common styles\n.alert {\n text-shadow: 0 1px 0 rgba(255,255,255,.2);\n @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);\n .box-shadow(@shadow);\n}\n\n// Mixin for generating new styles\n.alert-styles(@color) {\n #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));\n border-color: darken(@color, 15%);\n}\n\n// Apply the mixin to the alerts\n.alert-success { .alert-styles(@alert-success-bg); }\n.alert-info { .alert-styles(@alert-info-bg); }\n.alert-warning { .alert-styles(@alert-warning-bg); }\n.alert-danger { .alert-styles(@alert-danger-bg); }\n\n\n\n//\n// Progress bars\n// --------------------------------------------------\n\n// Give the progress background some depth\n.progress {\n #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)\n}\n\n// Mixin for generating new styles\n.progress-bar-styles(@color) {\n #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));\n}\n\n// Apply the mixin to the progress bars\n.progress-bar { .progress-bar-styles(@progress-bar-bg); }\n.progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }\n.progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }\n.progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }\n.progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }\n\n\n\n//\n// List groups\n// --------------------------------------------------\n\n.list-group {\n border-radius: @border-radius-base;\n .box-shadow(0 1px 2px rgba(0,0,0,.075));\n}\n.list-group-item.active,\n.list-group-item.active:hover,\n.list-group-item.active:focus {\n text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);\n #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));\n border-color: darken(@list-group-active-border, 7.5%);\n}\n\n\n\n//\n// Panels\n// --------------------------------------------------\n\n// Common styles\n.panel {\n .box-shadow(0 1px 2px rgba(0,0,0,.05));\n}\n\n// Mixin for generating new styles\n.panel-heading-styles(@color) {\n #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));\n}\n\n// Apply the mixin to the panel headings only\n.panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }\n.panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }\n.panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }\n.panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }\n.panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }\n.panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }\n\n\n\n//\n// Wells\n// --------------------------------------------------\n\n.well {\n #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);\n border-color: darken(@well-bg, 10%);\n @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);\n .box-shadow(@shadow);\n}\n","//\n// Mixins\n// --------------------------------------------------\n\n\n// Utilities\n// -------------------------\n\n// Clearfix\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contenteditable attribute is included anywhere else in the document.\n// Otherwise it causes space to appear at the top and bottom of elements\n// that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n// `:before` to contain the top-margins of child elements.\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}\n\n// WebKit-style focus\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n// Center-align a block level element\n.center-block() {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n// Sizing shortcuts\n.size(@width; @height) {\n width: @width;\n height: @height;\n}\n.square(@size) {\n .size(@size; @size);\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n &::-moz-placeholder { color: @color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Text overflow\n// Requires inline-block or block for proper styling\n.text-overflow() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n// CSS image replacement\n//\n// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for\n// mixins being reused as classes with the same name, this doesn't hold up. As\n// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note\n// that we cannot chain the mixins together in Less, so they are repeated.\n//\n// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\n\n// Deprecated as of v3.0.1 (will be removed in v4)\n.hide-text() {\n font: ~\"0/0\" a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n// New mixin to use as of v3.0.1\n.text-hide() {\n .hide-text();\n}\n\n\n\n// CSS3 PROPERTIES\n// --------------------------------------------------\n\n// Single side border-radius\n.border-top-radius(@radius) {\n border-top-right-radius: @radius;\n border-top-left-radius: @radius;\n}\n.border-right-radius(@radius) {\n border-bottom-right-radius: @radius;\n border-top-right-radius: @radius;\n}\n.border-bottom-radius(@radius) {\n border-bottom-right-radius: @radius;\n border-bottom-left-radius: @radius;\n}\n.border-left-radius(@radius) {\n border-bottom-left-radius: @radius;\n border-top-left-radius: @radius;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support the\n// standard `box-shadow` property.\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Transitions\n.transition(@transition) {\n -webkit-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n// Transformations\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n transform: rotate(@degrees);\n}\n.scale(@ratio; @ratio-y...) {\n -webkit-transform: scale(@ratio, @ratio-y);\n -ms-transform: scale(@ratio, @ratio-y); // IE9 only\n transform: scale(@ratio, @ratio-y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n transform: translate(@x, @y);\n}\n.skew(@x; @y) {\n -webkit-transform: skew(@x, @y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n transform: skew(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// User select\n// For selecting text on the page\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n// Resize anything\n.resizable(@direction) {\n resize: @direction; // Options: horizontal, vertical, both\n overflow: auto; // Safari fix\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Opacity\n.opacity(@opacity) {\n opacity: @opacity;\n // IE8 filter\n @opacity-ie: (@opacity * 100);\n filter: ~\"alpha(opacity=@{opacity-ie})\";\n}\n\n\n\n// GRADIENTS\n// --------------------------------------------------\n\n#gradient {\n\n // Horizontal gradient, from left to right\n //\n // Creates two color stops, start and end, by specifying a color and position for each color stop.\n // Color stops are not available in IE9 and below.\n .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1-6, Chrome 10+\n background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n background-repeat: repeat-x;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down\n }\n\n // Vertical gradient, from top to bottom\n //\n // Creates two color stops, start and end, by specifying a color and position for each color stop.\n // Color stops are not available in IE9 and below.\n .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+\n background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n background-repeat: repeat-x;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down\n }\n\n .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {\n background-repeat: repeat-x;\n background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+\n background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n }\n .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);\n background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);\n background-repeat: no-repeat;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n }\n .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n background-repeat: no-repeat;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n }\n .radial(@inner-color: #555; @outer-color: #333) {\n background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);\n background-image: radial-gradient(circle, @inner-color, @outer-color);\n background-repeat: no-repeat;\n }\n .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {\n background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n }\n}\n\n// Reset filters for IE\n//\n// When you need to remove a gradient background, do not forget to use this to reset\n// the IE filter for IE9 and below.\n.reset-filter() {\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(enabled = false)\"));\n}\n\n\n\n// Retina images\n//\n// Short retina mixin for setting background-image and -size\n\n.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {\n background-image: url(\"@{file-1x}\");\n\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and ( min--moz-device-pixel-ratio: 2),\n only screen and ( -o-min-device-pixel-ratio: 2/1),\n only screen and ( min-device-pixel-ratio: 2),\n only screen and ( min-resolution: 192dpi),\n only screen and ( min-resolution: 2dppx) {\n background-image: url(\"@{file-2x}\");\n background-size: @width-1x @height-1x;\n }\n}\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n.img-responsive(@display: block) {\n display: @display;\n max-width: 100%; // Part 1: Set a maximum relative to the parent\n height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching\n}\n\n\n// COMPONENT MIXINS\n// --------------------------------------------------\n\n// Horizontal dividers\n// -------------------------\n// Dividers (basically an hr) within dropdowns and nav lists\n.nav-divider(@color: #e5e5e5) {\n height: 1px;\n margin: ((@line-height-computed / 2) - 1) 0;\n overflow: hidden;\n background-color: @color;\n}\n\n// Panels\n// -------------------------\n.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {\n border-color: @border;\n\n & > .panel-heading {\n color: @heading-text-color;\n background-color: @heading-bg-color;\n border-color: @heading-border;\n\n + .panel-collapse .panel-body {\n border-top-color: @border;\n }\n }\n & > .panel-footer {\n + .panel-collapse .panel-body {\n border-bottom-color: @border;\n }\n }\n}\n\n// Alerts\n// -------------------------\n.alert-variant(@background; @border; @text-color) {\n background-color: @background;\n border-color: @border;\n color: @text-color;\n\n hr {\n border-top-color: darken(@border, 5%);\n }\n .alert-link {\n color: darken(@text-color, 10%);\n }\n}\n\n// Tables\n// -------------------------\n.table-row-variant(@state; @background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table > thead > tr,\n .table > tbody > tr,\n .table > tfoot > tr {\n > td.@{state},\n > th.@{state},\n &.@{state} > td,\n &.@{state} > th {\n background-color: @background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover > tbody > tr {\n > td.@{state}:hover,\n > th.@{state}:hover,\n &.@{state}:hover > td,\n &.@{state}:hover > th {\n background-color: darken(@background, 5%);\n }\n }\n}\n\n// List Groups\n// -------------------------\n.list-group-item-variant(@state; @background; @color) {\n .list-group-item-@{state} {\n color: @color;\n background-color: @background;\n\n a& {\n color: @color;\n\n .list-group-item-heading { color: inherit; }\n\n &:hover,\n &:focus {\n color: @color;\n background-color: darken(@background, 5%);\n }\n &.active,\n &.active:hover,\n &.active:focus {\n color: #fff;\n background-color: @color;\n border-color: @color;\n }\n }\n }\n}\n\n// Button variants\n// -------------------------\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n.button-variant(@color; @background; @border) {\n color: @color;\n background-color: @background;\n border-color: @border;\n\n &:hover,\n &:focus,\n &:active,\n &.active,\n .open .dropdown-toggle& {\n color: @color;\n background-color: darken(@background, 8%);\n border-color: darken(@border, 12%);\n }\n &:active,\n &.active,\n .open .dropdown-toggle& {\n background-image: none;\n }\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus,\n &:active,\n &.active {\n background-color: @background;\n border-color: @border;\n }\n }\n\n .badge {\n color: @background;\n background-color: @color;\n }\n}\n\n// Button sizes\n// -------------------------\n.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {\n padding: @padding-vertical @padding-horizontal;\n font-size: @font-size;\n line-height: @line-height;\n border-radius: @border-radius;\n}\n\n// Pagination\n// -------------------------\n.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {\n > li {\n > a,\n > span {\n padding: @padding-vertical @padding-horizontal;\n font-size: @font-size;\n }\n &:first-child {\n > a,\n > span {\n .border-left-radius(@border-radius);\n }\n }\n &:last-child {\n > a,\n > span {\n .border-right-radius(@border-radius);\n }\n }\n }\n}\n\n// Labels\n// -------------------------\n.label-variant(@color) {\n background-color: @color;\n &[href] {\n &:hover,\n &:focus {\n background-color: darken(@color, 10%);\n }\n }\n}\n\n// Contextual backgrounds\n// -------------------------\n.bg-variant(@color) {\n background-color: @color;\n a&:hover {\n background-color: darken(@color, 10%);\n }\n}\n\n// Typography\n// -------------------------\n.text-emphasis-variant(@color) {\n color: @color;\n a&:hover {\n color: darken(@color, 10%);\n }\n}\n\n// Navbar vertical align\n// -------------------------\n// Vertically center elements in the navbar.\n// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.\n.navbar-vertical-align(@element-height) {\n margin-top: ((@navbar-height - @element-height) / 2);\n margin-bottom: ((@navbar-height - @element-height) / 2);\n}\n\n// Progress bars\n// -------------------------\n.progress-bar-variant(@color) {\n background-color: @color;\n .progress-striped & {\n #gradient > .striped();\n }\n}\n\n// Responsive utilities\n// -------------------------\n// More easily include all the states for responsive-utilities.less.\n.responsive-visibility() {\n display: block !important;\n table& { display: table; }\n tr& { display: table-row !important; }\n th&,\n td& { display: table-cell !important; }\n}\n\n.responsive-invisibility() {\n display: none !important;\n}\n\n\n// Grid System\n// -----------\n\n// Centered container element\n.container-fixed() {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@grid-gutter-width / 2);\n padding-right: (@grid-gutter-width / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n @media (min-width: @screen-xs-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-xs-column-push(@columns) {\n @media (min-width: @screen-xs-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-xs-column-pull(@columns) {\n @media (min-width: @screen-xs-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @screen-sm-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @screen-sm-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @screen-sm-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @screen-sm-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @screen-md-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @screen-md-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @screen-md-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @screen-md-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @screen-lg-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @screen-lg-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @screen-lg-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @screen-lg-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@grid-gutter-width / 2);\n padding-right: (@grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@grid-columns, @class, width);\n .loop-grid-columns(@grid-columns, @class, pull);\n .loop-grid-columns(@grid-columns, @class, push);\n .loop-grid-columns(@grid-columns, @class, offset);\n}\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@border-color, 10%);\n @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);\n .box-shadow(@shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @text-color;\n border-color: @border-color;\n background-color: @background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @text-color;\n }\n}\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-focus-border` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n\n.form-control-focus(@color: @input-border-focus) {\n @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);\n &:focus {\n border-color: @color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. ``\n// element gets special love because it's special, and that's a fact!\n\n.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {\n height: @input-height;\n padding: @padding-vertical @padding-horizontal;\n font-size: @font-size;\n line-height: @line-height;\n border-radius: @border-radius;\n\n select& {\n height: @input-height;\n line-height: @input-height;\n }\n\n textarea&,\n select[multiple]& {\n height: auto;\n }\n}\n","//\n// Variables\n// --------------------------------------------------\n\n\n//== Colors\n//\n//## Gray and brand colors for use across Bootstrap.\n\n@gray-darker: lighten(#000, 13.5%); // #222\n@gray-dark: lighten(#000, 20%); // #333\n@gray: lighten(#000, 33.5%); // #555\n@gray-light: lighten(#000, 60%); // #999\n@gray-lighter: lighten(#000, 93.5%); // #eee\n\n@brand-primary: #428bca;\n@brand-success: #5cb85c;\n@brand-info: #5bc0de;\n@brand-warning: #f0ad4e;\n@brand-danger: #d9534f;\n\n\n//== Scaffolding\n//\n// ## Settings for some of the most global styles.\n\n//** Background color for ``.\n@body-bg: #fff;\n//** Global text color on ``.\n@text-color: @gray-dark;\n\n//** Global textual link color.\n@link-color: @brand-primary;\n//** Link hover color set via `darken()` function.\n@link-hover-color: darken(@link-color, 15%);\n\n\n//== Typography\n//\n//## Font, line-height, and color for body text, headings, and more.\n\n@font-family-sans-serif: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@font-family-serif: Georgia, \"Times New Roman\", Times, serif;\n//** Default monospace fonts for ``, ``, and `
`.\n@font-family-monospace:   Menlo, Monaco, Consolas, \"Courier New\", monospace;\n@font-family-base:        @font-family-sans-serif;\n\n@font-size-base:          13px;\n@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px\n@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px\n\n@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px\n@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px\n@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px\n@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px\n@font-size-h5:            @font-size-base;\n@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px\n\n//** Unit-less `line-height` for use in components like buttons.\n@line-height-base:        1.428571429; // 20/14\n//** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px\n\n//** By default, this inherits from the ``.\n@headings-font-family:    inherit;\n@headings-font-weight:    500;\n@headings-line-height:    1.1;\n@headings-color:          inherit;\n\n\n//-- Iconography\n//\n//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.\n\n@icon-font-path:          \"../fonts/\";\n@icon-font-name:          \"glyphicons-halflings-regular\";\n@icon-font-svg-id:        \"glyphicons_halflingsregular\";\n\n//== Components\n//\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\n\n@padding-base-vertical:     6px;\n@padding-base-horizontal:   12px;\n\n@padding-large-vertical:    10px;\n@padding-large-horizontal:  16px;\n\n@padding-small-vertical:    5px;\n@padding-small-horizontal:  10px;\n\n@padding-xs-vertical:       1px;\n@padding-xs-horizontal:     5px;\n\n@line-height-large:         1.33;\n@line-height-small:         1.5;\n\n@border-radius-base:        4px;\n@border-radius-large:       6px;\n@border-radius-small:       3px;\n\n//** Global color for active items (e.g., navs or dropdowns).\n@component-active-color:    #fff;\n//** Global background color for active items (e.g., navs or dropdowns).\n@component-active-bg:       @brand-primary;\n\n//** Width of the `border` for generating carets that indicator dropdowns.\n@caret-width-base:          4px;\n//** Carets increase slightly in size for larger components.\n@caret-width-large:         5px;\n\n\n//== Tables\n//\n//## Customizes the `.table` component with basic values, each used across all table variations.\n\n//** Padding for ``s and ``s.\n@table-cell-padding:            8px;\n//** Padding for cells in `.table-condensed`.\n@table-condensed-cell-padding:  5px;\n\n//** Default background color used for all tables.\n@table-bg:                      transparent;\n//** Background color used for `.table-striped`.\n@table-bg-accent:               #f9f9f9;\n//** Background color used for `.table-hover`.\n@table-bg-hover:                #f5f5f5;\n@table-bg-active:               @table-bg-hover;\n\n//** Border color for table and cell borders.\n@table-border-color:            #ddd;\n\n\n//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n@btn-font-weight:                normal;\n\n@btn-default-color:              #333;\n@btn-default-bg:                 #fff;\n@btn-default-border:             #ccc;\n\n@btn-primary-color:              #fff;\n@btn-primary-bg:                 @brand-primary;\n@btn-primary-border:             darken(@btn-primary-bg, 5%);\n\n@btn-success-color:              #fff;\n@btn-success-bg:                 @brand-success;\n@btn-success-border:             darken(@btn-success-bg, 5%);\n\n@btn-info-color:                 #fff;\n@btn-info-bg:                    @brand-info;\n@btn-info-border:                darken(@btn-info-bg, 5%);\n\n@btn-warning-color:              #fff;\n@btn-warning-bg:                 @brand-warning;\n@btn-warning-border:             darken(@btn-warning-bg, 5%);\n\n@btn-danger-color:               #fff;\n@btn-danger-bg:                  @brand-danger;\n@btn-danger-border:              darken(@btn-danger-bg, 5%);\n\n@btn-link-disabled-color:        @gray-light;\n\n\n//== Forms\n//\n//##\n\n//** `` background color\n@input-bg:                       #fff;\n//** `` background color\n@input-bg-disabled:              @gray-lighter;\n\n//** Text color for ``s\n@input-color:                    @gray;\n//** `` border color\n@input-border:                   #ccc;\n//** `` border radius\n@input-border-radius:            @border-radius-base;\n//** Border color for inputs on focus\n@input-border-focus:             #66afe9;\n\n//** Placeholder text color\n@input-color-placeholder:        @gray-light;\n\n//** Default `.form-control` height\n@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);\n\n@legend-color:                   @gray-dark;\n@legend-border-color:            #e5e5e5;\n\n//** Background color for textual input addons\n@input-group-addon-bg:           @gray-lighter;\n//** Border color for textual input addons\n@input-group-addon-border-color: @input-border;\n\n\n//== Dropdowns\n//\n//## Dropdown menu container and contents.\n\n//** Background for the dropdown menu.\n@dropdown-bg:                    #fff;\n//** Dropdown menu `border-color`.\n@dropdown-border:                rgba(0,0,0,.15);\n//** Dropdown menu `border-color` **for IE8**.\n@dropdown-fallback-border:       #ccc;\n//** Divider color for between dropdown items.\n@dropdown-divider-bg:            #e5e5e5;\n\n//** Dropdown link text color.\n@dropdown-link-color:            @gray-dark;\n//** Hover color for dropdown links.\n@dropdown-link-hover-color:      darken(@gray-dark, 5%);\n//** Hover background for dropdown links.\n@dropdown-link-hover-bg:         #f5f5f5;\n\n//** Active dropdown menu item text color.\n@dropdown-link-active-color:     @component-active-color;\n//** Active dropdown menu item background color.\n@dropdown-link-active-bg:        @component-active-bg;\n\n//** Disabled dropdown menu item background color.\n@dropdown-link-disabled-color:   @gray-light;\n\n//** Text color for headers within dropdown menus.\n@dropdown-header-color:          @gray-light;\n\n// Note: Deprecated @dropdown-caret-color as of v3.1.0\n@dropdown-caret-color:           #000;\n\n\n//-- Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n//\n// Note: These variables are not generated into the Customizer.\n\n@zindex-navbar:            1000;\n@zindex-dropdown:          1000;\n@zindex-popover:           1010;\n@zindex-tooltip:           1030;\n@zindex-navbar-fixed:      1030;\n@zindex-modal-background:  1040;\n@zindex-modal:             1050;\n\n\n//== Media queries breakpoints\n//\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\n\n// Extra small screen / phone\n// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1\n@screen-xs:                  480px;\n@screen-xs-min:              @screen-xs;\n@screen-phone:               @screen-xs-min;\n\n// Small screen / tablet\n// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1\n@screen-sm:                  768px;\n@screen-sm-min:              @screen-sm;\n@screen-tablet:              @screen-sm-min;\n\n// Medium screen / desktop\n// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1\n@screen-md:                  992px;\n@screen-md-min:              @screen-md;\n@screen-desktop:             @screen-md-min;\n\n// Large screen / wide desktop\n// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1\n@screen-lg:                  1200px;\n@screen-lg-min:              @screen-lg;\n@screen-lg-desktop:          @screen-lg-min;\n\n// So media queries don't overlap when required, provide a maximum\n@screen-xs-max:              (@screen-sm-min - 1);\n@screen-sm-max:              (@screen-md-min - 1);\n@screen-md-max:              (@screen-lg-min - 1);\n\n\n//== Grid system\n//\n//## Define your custom responsive grid.\n\n//** Number of columns in the grid.\n@grid-columns:              12;\n//** Padding between columns. Gets divided in half for the left and right.\n@grid-gutter-width:         30px;\n// Navbar collapse\n//** Point at which the navbar becomes uncollapsed.\n@grid-float-breakpoint:     @screen-sm-min;\n//** Point at which the navbar begins collapsing.\n@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);\n\n\n//== Container sizes\n//\n//## Define the maximum width of `.container` for different screen sizes.\n\n// Small screen / tablet\n@container-tablet:             ((720px + @grid-gutter-width));\n//** For `@screen-sm-min` and up.\n@container-sm:                 @container-tablet;\n\n// Medium screen / desktop\n@container-desktop:            ((940px + @grid-gutter-width));\n//** For `@screen-md-min` and up.\n@container-md:                 @container-desktop;\n\n// Large screen / wide desktop\n@container-large-desktop:      ((1140px + @grid-gutter-width));\n//** For `@screen-lg-min` and up.\n@container-lg:                 @container-large-desktop;\n\n\n//== Navbar\n//\n//##\n\n// Basics of a navbar\n@navbar-height:                    50px;\n@navbar-margin-bottom:             @line-height-computed;\n@navbar-border-radius:             @border-radius-base;\n@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));\n@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);\n@navbar-collapse-max-height:       340px;\n\n@navbar-default-color:             #777;\n@navbar-default-bg:                #f8f8f8;\n@navbar-default-border:            darken(@navbar-default-bg, 6.5%);\n\n// Navbar links\n@navbar-default-link-color:                #777;\n@navbar-default-link-hover-color:          #333;\n@navbar-default-link-hover-bg:             transparent;\n@navbar-default-link-active-color:         #555;\n@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);\n@navbar-default-link-disabled-color:       #ccc;\n@navbar-default-link-disabled-bg:          transparent;\n\n// Navbar brand label\n@navbar-default-brand-color:               @navbar-default-link-color;\n@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);\n@navbar-default-brand-hover-bg:            transparent;\n\n// Navbar toggle\n@navbar-default-toggle-hover-bg:           #ddd;\n@navbar-default-toggle-icon-bar-bg:        #888;\n@navbar-default-toggle-border-color:       #ddd;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n@navbar-inverse-color:                      @gray-light;\n@navbar-inverse-bg:                         #222;\n@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);\n\n// Inverted navbar links\n@navbar-inverse-link-color:                 @gray-light;\n@navbar-inverse-link-hover-color:           #fff;\n@navbar-inverse-link-hover-bg:              transparent;\n@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;\n@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);\n@navbar-inverse-link-disabled-color:        #444;\n@navbar-inverse-link-disabled-bg:           transparent;\n\n// Inverted navbar brand label\n@navbar-inverse-brand-color:                @navbar-inverse-link-color;\n@navbar-inverse-brand-hover-color:          #fff;\n@navbar-inverse-brand-hover-bg:             transparent;\n\n// Inverted navbar toggle\n@navbar-inverse-toggle-hover-bg:            #333;\n@navbar-inverse-toggle-icon-bar-bg:         #fff;\n@navbar-inverse-toggle-border-color:        #333;\n\n\n//== Navs\n//\n//##\n\n//=== Shared nav styles\n@nav-link-padding:                          10px 15px;\n@nav-link-hover-bg:                         @gray-lighter;\n\n@nav-disabled-link-color:                   @gray-light;\n@nav-disabled-link-hover-color:             @gray-light;\n\n@nav-open-link-hover-color:                 #fff;\n\n//== Tabs\n@nav-tabs-border-color:                     #ddd;\n\n@nav-tabs-link-hover-border-color:          @gray-lighter;\n\n@nav-tabs-active-link-hover-bg:             @body-bg;\n@nav-tabs-active-link-hover-color:          @gray;\n@nav-tabs-active-link-hover-border-color:   #ddd;\n\n@nav-tabs-justified-link-border-color:            #ddd;\n@nav-tabs-justified-active-link-border-color:     @body-bg;\n\n//== Pills\n@nav-pills-border-radius:                   @border-radius-base;\n@nav-pills-active-link-hover-bg:            @component-active-bg;\n@nav-pills-active-link-hover-color:         @component-active-color;\n\n\n//== Pagination\n//\n//##\n\n@pagination-color:                     @link-color;\n@pagination-bg:                        #fff;\n@pagination-border:                    #ddd;\n\n@pagination-hover-color:               @link-hover-color;\n@pagination-hover-bg:                  @gray-lighter;\n@pagination-hover-border:              #ddd;\n\n@pagination-active-color:              #fff;\n@pagination-active-bg:                 @brand-primary;\n@pagination-active-border:             @brand-primary;\n\n@pagination-disabled-color:            @gray-light;\n@pagination-disabled-bg:               #fff;\n@pagination-disabled-border:           #ddd;\n\n\n//== Pager\n//\n//##\n\n@pager-bg:                             @pagination-bg;\n@pager-border:                         @pagination-border;\n@pager-border-radius:                  15px;\n\n@pager-hover-bg:                       @pagination-hover-bg;\n\n@pager-active-bg:                      @pagination-active-bg;\n@pager-active-color:                   @pagination-active-color;\n\n@pager-disabled-color:                 @pagination-disabled-color;\n\n\n//== Jumbotron\n//\n//##\n\n@jumbotron-padding:              30px;\n@jumbotron-color:                inherit;\n@jumbotron-bg:                   @gray-lighter;\n@jumbotron-heading-color:        inherit;\n@jumbotron-font-size:            ceil((@font-size-base * 1.5));\n\n\n//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n@state-success-text:             #3c763d;\n@state-success-bg:               #dff0d8;\n@state-success-border:           darken(spin(@state-success-bg, -10), 5%);\n\n@state-info-text:                #31708f;\n@state-info-bg:                  #d9edf7;\n@state-info-border:              darken(spin(@state-info-bg, -10), 7%);\n\n@state-warning-text:             #8a6d3b;\n@state-warning-bg:               #fcf8e3;\n@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);\n\n@state-danger-text:              #a94442;\n@state-danger-bg:                #f2dede;\n@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);\n\n\n//== Tooltips\n//\n//##\n\n//** Tooltip max width\n@tooltip-max-width:           200px;\n//** Tooltip text color\n@tooltip-color:               #fff;\n//** Tooltip background color\n@tooltip-bg:                  #000;\n@tooltip-opacity:             .9;\n\n//** Tooltip arrow width\n@tooltip-arrow-width:         5px;\n//** Tooltip arrow color\n@tooltip-arrow-color:         @tooltip-bg;\n\n\n//== Popovers\n//\n//##\n\n//** Popover body background color\n@popover-bg:                          #fff;\n//** Popover maximum width\n@popover-max-width:                   276px;\n//** Popover border color\n@popover-border-color:                rgba(0,0,0,.2);\n//** Popover fallback border color\n@popover-fallback-border-color:       #ccc;\n\n//** Popover title background color\n@popover-title-bg:                    darken(@popover-bg, 3%);\n\n//** Popover arrow width\n@popover-arrow-width:                 10px;\n//** Popover arrow color\n@popover-arrow-color:                 #fff;\n\n//** Popover outer arrow width\n@popover-arrow-outer-width:           (@popover-arrow-width + 1);\n//** Popover outer arrow color\n@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);\n//** Popover outer arrow fallback color\n@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);\n\n\n//== Labels\n//\n//##\n\n//** Default label background color\n@label-default-bg:            @gray-light;\n//** Primary label background color\n@label-primary-bg:            @brand-primary;\n//** Success label background color\n@label-success-bg:            @brand-success;\n//** Info label background color\n@label-info-bg:               @brand-info;\n//** Warning label background color\n@label-warning-bg:            @brand-warning;\n//** Danger label background color\n@label-danger-bg:             @brand-danger;\n\n//** Default label text color\n@label-color:                 #fff;\n//** Default text color of a linked label\n@label-link-hover-color:      #fff;\n\n\n//== Modals\n//\n//##\n\n//** Padding applied to the modal body\n@modal-inner-padding:         20px;\n\n//** Padding applied to the modal title\n@modal-title-padding:         15px;\n//** Modal title line-height\n@modal-title-line-height:     @line-height-base;\n\n//** Background color of modal content area\n@modal-content-bg:                             #fff;\n//** Modal content border color\n@modal-content-border-color:                   rgba(0,0,0,.2);\n//** Modal content border color **for IE8**\n@modal-content-fallback-border-color:          #999;\n\n//** Modal backdrop background color\n@modal-backdrop-bg:           #000;\n//** Modal backdrop opacity\n@modal-backdrop-opacity:      .5;\n//** Modal header border color\n@modal-header-border-color:   #e5e5e5;\n//** Modal footer border color\n@modal-footer-border-color:   @modal-header-border-color;\n\n@modal-lg:                    900px;\n@modal-md:                    600px;\n@modal-sm:                    300px;\n\n\n//== Alerts\n//\n//## Define alert colors, border radius, and padding.\n\n@alert-padding:               15px;\n@alert-border-radius:         @border-radius-base;\n@alert-link-font-weight:      bold;\n\n@alert-success-bg:            @state-success-bg;\n@alert-success-text:          @state-success-text;\n@alert-success-border:        @state-success-border;\n\n@alert-info-bg:               @state-info-bg;\n@alert-info-text:             @state-info-text;\n@alert-info-border:           @state-info-border;\n\n@alert-warning-bg:            @state-warning-bg;\n@alert-warning-text:          @state-warning-text;\n@alert-warning-border:        @state-warning-border;\n\n@alert-danger-bg:             @state-danger-bg;\n@alert-danger-text:           @state-danger-text;\n@alert-danger-border:         @state-danger-border;\n\n\n//== Progress bars\n//\n//##\n\n//** Background color of the whole progress component\n@progress-bg:                 #f5f5f5;\n//** Progress bar text color\n@progress-bar-color:          #fff;\n\n//** Default progress bar color\n@progress-bar-bg:             @brand-primary;\n//** Success progress bar color\n@progress-bar-success-bg:     @brand-success;\n//** Warning progress bar color\n@progress-bar-warning-bg:     @brand-warning;\n//** Danger progress bar color\n@progress-bar-danger-bg:      @brand-danger;\n//** Info progress bar color\n@progress-bar-info-bg:        @brand-info;\n\n\n//== List group\n//\n//##\n\n//** Background color on `.list-group-item`\n@list-group-bg:                 #fff;\n//** `.list-group-item` border color\n@list-group-border:             #ddd;\n//** List group border radius\n@list-group-border-radius:      @border-radius-base;\n\n//** Background color of single list elements on hover\n@list-group-hover-bg:           #f5f5f5;\n//** Text color of active list elements\n@list-group-active-color:       @component-active-color;\n//** Background color of active list elements\n@list-group-active-bg:          @component-active-bg;\n//** Border color of active list elements\n@list-group-active-border:      @list-group-active-bg;\n@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);\n\n@list-group-link-color:         #555;\n@list-group-link-heading-color: #333;\n\n\n//== Panels\n//\n//##\n\n@panel-bg:                    #fff;\n@panel-body-padding:          15px;\n@panel-border-radius:         @border-radius-base;\n\n//** Border color for elements within panels\n@panel-inner-border:          #ddd;\n@panel-footer-bg:             #f5f5f5;\n\n@panel-default-text:          @gray-dark;\n@panel-default-border:        #ddd;\n@panel-default-heading-bg:    #f5f5f5;\n\n@panel-primary-text:          #fff;\n@panel-primary-border:        @brand-primary;\n@panel-primary-heading-bg:    @brand-primary;\n\n@panel-success-text:          @state-success-text;\n@panel-success-border:        @state-success-border;\n@panel-success-heading-bg:    @state-success-bg;\n\n@panel-info-text:             @state-info-text;\n@panel-info-border:           @state-info-border;\n@panel-info-heading-bg:       @state-info-bg;\n\n@panel-warning-text:          @state-warning-text;\n@panel-warning-border:        @state-warning-border;\n@panel-warning-heading-bg:    @state-warning-bg;\n\n@panel-danger-text:           @state-danger-text;\n@panel-danger-border:         @state-danger-border;\n@panel-danger-heading-bg:     @state-danger-bg;\n\n\n//== Thumbnails\n//\n//##\n\n//** Padding around the thumbnail image\n@thumbnail-padding:           4px;\n//** Thumbnail background color\n@thumbnail-bg:                @body-bg;\n//** Thumbnail border color\n@thumbnail-border:            #ddd;\n//** Thumbnail border radius\n@thumbnail-border-radius:     @border-radius-base;\n\n//** Custom text color for thumbnail captions\n@thumbnail-caption-color:     @text-color;\n//** Padding around the thumbnail caption\n@thumbnail-caption-padding:   9px;\n\n\n//== Wells\n//\n//##\n\n@well-bg:                     #f5f5f5;\n@well-border:                 darken(@well-bg, 7%);\n\n\n//== Badges\n//\n//##\n\n@badge-color:                 #fff;\n//** Linked badge text color on hover\n@badge-link-hover-color:      #fff;\n@badge-bg:                    @gray-light;\n\n//** Badge text color in active nav link\n@badge-active-color:          @link-color;\n//** Badge background color in active nav link\n@badge-active-bg:             #fff;\n\n@badge-font-weight:           bold;\n@badge-line-height:           1;\n@badge-border-radius:         10px;\n\n\n//== Breadcrumbs\n//\n//##\n\n@breadcrumb-padding-vertical:   8px;\n@breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@breadcrumb-bg:                 #f5f5f5;\n//** Breadcrumb text color\n@breadcrumb-color:              #ccc;\n//** Text color of current page in the breadcrumb\n@breadcrumb-active-color:       @gray-light;\n//** Textual separator for between breadcrumb elements\n@breadcrumb-separator:          \"/\";\n\n\n//== Carousel\n//\n//##\n\n@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);\n\n@carousel-control-color:                      #fff;\n@carousel-control-width:                      15%;\n@carousel-control-opacity:                    .5;\n@carousel-control-font-size:                  20px;\n\n@carousel-indicator-active-bg:                #fff;\n@carousel-indicator-border-color:             #fff;\n\n@carousel-caption-color:                      #fff;\n\n\n//== Close\n//\n//##\n\n@close-font-weight:           bold;\n@close-color:                 #000;\n@close-text-shadow:           0 1px 0 #fff;\n\n\n//== Code\n//\n//##\n\n@code-color:                  #c7254e;\n@code-bg:                     #f9f2f4;\n\n@kbd-color:                   #fff;\n@kbd-bg:                      #333;\n\n@pre-bg:                      #f5f5f5;\n@pre-color:                   @gray-dark;\n@pre-border-color:            #ccc;\n@pre-scrollable-max-height:   340px;\n\n\n//== Type\n//\n//##\n\n//** Text muted color\n@text-muted:                  @gray-light;\n//** Abbreviations and acronyms border color\n@abbr-border-color:           @gray-light;\n//** Headings small color\n@headings-small-color:        @gray-light;\n//** Blockquote small color\n@blockquote-small-color:      @gray-light;\n//** Blockquote font size\n@blockquote-font-size:        (@font-size-base * 1.25);\n//** Blockquote border color\n@blockquote-border-color:     @gray-lighter;\n//** Page header border color\n@page-header-border-color:    @gray-lighter;\n\n\n//== Miscellaneous\n//\n//##\n\n//** Horizontal line color.\n@hr-border:                   @gray-lighter;\n\n//** Horizontal offset for forms and lists.\n@component-offset-horizontal: 180px;\n","//\n// Thumbnails\n// --------------------------------------------------\n\n\n// Mixin and adjust the regular image class\n.thumbnail {\n  display: block;\n  padding: @thumbnail-padding;\n  margin-bottom: @line-height-computed;\n  line-height: @line-height-base;\n  background-color: @thumbnail-bg;\n  border: 1px solid @thumbnail-border;\n  border-radius: @thumbnail-border-radius;\n  .transition(all .2s ease-in-out);\n\n  > img,\n  a > img {\n    &:extend(.img-responsive);\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  // Add a hover state for linked versions only\n  a&:hover,\n  a&:focus,\n  a&.active {\n    border-color: @link-color;\n  }\n\n  // Image captions\n  .caption {\n    padding: @thumbnail-caption-padding;\n    color: @thumbnail-caption-color;\n  }\n}\n","//\n// Carousel\n// --------------------------------------------------\n\n\n// Wrapper for the slide container and indicators\n.carousel {\n  position: relative;\n}\n\n.carousel-inner {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n\n  > .item {\n    display: none;\n    position: relative;\n    .transition(.6s ease-in-out left);\n\n    // Account for jankitude on images\n    > img,\n    > a > img {\n      &:extend(.img-responsive);\n      line-height: 1;\n    }\n  }\n\n  > .active,\n  > .next,\n  > .prev { display: block; }\n\n  > .active {\n    left: 0;\n  }\n\n  > .next,\n  > .prev {\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  > .next {\n    left: 100%;\n  }\n  > .prev {\n    left: -100%;\n  }\n  > .next.left,\n  > .prev.right {\n    left: 0;\n  }\n\n  > .active.left {\n    left: -100%;\n  }\n  > .active.right {\n    left: 100%;\n  }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: @carousel-control-width;\n  .opacity(@carousel-control-opacity);\n  font-size: @carousel-control-font-size;\n  color: @carousel-control-color;\n  text-align: center;\n  text-shadow: @carousel-text-shadow;\n  // We can't have this transition here because WebKit cancels the carousel\n  // animation if you trip this while in the middle of another animation.\n\n  // Set gradients for backgrounds\n  &.left {\n    #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));\n  }\n  &.right {\n    left: auto;\n    right: 0;\n    #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));\n  }\n\n  // Hover/focus state\n  &:hover,\n  &:focus {\n    outline: none;\n    color: @carousel-control-color;\n    text-decoration: none;\n    .opacity(.9);\n  }\n\n  // Toggles\n  .icon-prev,\n  .icon-next,\n  .glyphicon-chevron-left,\n  .glyphicon-chevron-right {\n    position: absolute;\n    top: 50%;\n    z-index: 5;\n    display: inline-block;\n  }\n  .icon-prev,\n  .glyphicon-chevron-left {\n    left: 50%;\n  }\n  .icon-next,\n  .glyphicon-chevron-right {\n    right: 50%;\n  }\n  .icon-prev,\n  .icon-next {\n    width:  20px;\n    height: 20px;\n    margin-top: -10px;\n    margin-left: -10px;\n    font-family: serif;\n  }\n\n  .icon-prev {\n    &:before {\n      content: '\\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n    }\n  }\n  .icon-next {\n    &:before {\n      content: '\\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n    }\n  }\n}\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  bottom: 10px;\n  left: 50%;\n  z-index: 15;\n  width: 60%;\n  margin-left: -30%;\n  padding-left: 0;\n  list-style: none;\n  text-align: center;\n\n  li {\n    display: inline-block;\n    width:  10px;\n    height: 10px;\n    margin: 1px;\n    text-indent: -999px;\n    border: 1px solid @carousel-indicator-border-color;\n    border-radius: 10px;\n    cursor: pointer;\n\n    // IE8-9 hack for event handling\n    //\n    // Internet Explorer 8-9 does not support clicks on elements without a set\n    // `background-color`. We cannot use `filter` since that's not viewed as a\n    // background color by the browser. Thus, a hack is needed.\n    //\n    // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n    // set alpha transparency for the best results possible.\n    background-color: #000 \\9; // IE8\n    background-color: rgba(0,0,0,0); // IE9\n  }\n  .active {\n    margin: 0;\n    width:  12px;\n    height: 12px;\n    background-color: @carousel-indicator-active-bg;\n  }\n}\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption {\n  position: absolute;\n  left: 15%;\n  right: 15%;\n  bottom: 20px;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: @carousel-caption-color;\n  text-align: center;\n  text-shadow: @carousel-text-shadow;\n  & .btn {\n    text-shadow: none; // No shadow for button elements in carousel-caption\n  }\n}\n\n\n// Scale up controls for tablets and up\n@media screen and (min-width: @screen-sm-min) {\n\n  // Scale up the controls a smidge\n  .carousel-control {\n    .glyphicon-chevron-left,\n    .glyphicon-chevron-right,\n    .icon-prev,\n    .icon-next {\n      width: 30px;\n      height: 30px;\n      margin-top: -15px;\n      margin-left: -15px;\n      font-size: 30px;\n    }\n  }\n\n  // Show and left align the captions\n  .carousel-caption {\n    left: 20%;\n    right: 20%;\n    padding-bottom: 30px;\n  }\n\n  // Move up the indicators\n  .carousel-indicators {\n    bottom: 20px;\n  }\n}\n","//\n// Typography\n// --------------------------------------------------\n\n\n// Headings\n// -------------------------\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  font-family: @headings-font-family;\n  font-weight: @headings-font-weight;\n  line-height: @headings-line-height;\n  color: @headings-color;\n\n  small,\n  .small {\n    font-weight: normal;\n    line-height: 1;\n    color: @headings-small-color;\n  }\n}\n\nh1, .h1,\nh2, .h2,\nh3, .h3 {\n  margin-top: @line-height-computed;\n  margin-bottom: (@line-height-computed / 2);\n\n  small,\n  .small {\n    font-size: 65%;\n  }\n}\nh4, .h4,\nh5, .h5,\nh6, .h6 {\n  margin-top: (@line-height-computed / 2);\n  margin-bottom: (@line-height-computed / 2);\n\n  small,\n  .small {\n    font-size: 75%;\n  }\n}\n\nh1, .h1 { font-size: @font-size-h1; }\nh2, .h2 { font-size: @font-size-h2; }\nh3, .h3 { font-size: @font-size-h3; }\nh4, .h4 { font-size: @font-size-h4; }\nh5, .h5 { font-size: @font-size-h5; }\nh6, .h6 { font-size: @font-size-h6; }\n\n\n// Body text\n// -------------------------\n\np {\n  margin: 0 0 (@line-height-computed / 2);\n}\n\n.lead {\n  margin-bottom: @line-height-computed;\n  font-size: floor((@font-size-base * 1.15));\n  font-weight: 200;\n  line-height: 1.4;\n\n  @media (min-width: @screen-sm-min) {\n    font-size: (@font-size-base * 1.5);\n  }\n}\n\n\n// Emphasis & misc\n// -------------------------\n\n// Ex: 14px base font * 85% = about 12px\nsmall,\n.small  { font-size: 85%; }\n\n// Undo browser default styling\ncite    { font-style: normal; }\n\n// Alignment\n.text-left           { text-align: left; }\n.text-right          { text-align: right; }\n.text-center         { text-align: center; }\n.text-justify        { text-align: justify; }\n\n// Contextual colors\n.text-muted {\n  color: @text-muted;\n}\n.text-primary {\n  .text-emphasis-variant(@brand-primary);\n}\n.text-success {\n  .text-emphasis-variant(@state-success-text);\n}\n.text-info {\n  .text-emphasis-variant(@state-info-text);\n}\n.text-warning {\n  .text-emphasis-variant(@state-warning-text);\n}\n.text-danger {\n  .text-emphasis-variant(@state-danger-text);\n}\n\n// Contextual backgrounds\n// For now we'll leave these alongside the text classes until v4 when we can\n// safely shift things around (per SemVer rules).\n.bg-primary {\n  // Given the contrast here, this is the only class to have its color inverted\n  // automatically.\n  color: #fff;\n  .bg-variant(@brand-primary);\n}\n.bg-success {\n  .bg-variant(@state-success-bg);\n}\n.bg-info {\n  .bg-variant(@state-info-bg);\n}\n.bg-warning {\n  .bg-variant(@state-warning-bg);\n}\n.bg-danger {\n  .bg-variant(@state-danger-bg);\n}\n\n\n// Page header\n// -------------------------\n\n.page-header {\n  padding-bottom: ((@line-height-computed / 2) - 1);\n  margin: (@line-height-computed * 2) 0 @line-height-computed;\n  border-bottom: 1px solid @page-header-border-color;\n}\n\n\n// Lists\n// --------------------------------------------------\n\n// Unordered and Ordered lists\nul,\nol {\n  margin-top: 0;\n  margin-bottom: (@line-height-computed / 2);\n  ul,\n  ol {\n    margin-bottom: 0;\n  }\n}\n\n// List options\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n.list-unstyled {\n  padding-left: 0;\n  list-style: none;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  .list-unstyled();\n  margin-left: -5px;\n\n  > li {\n    display: inline-block;\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n\n// Description Lists\ndl {\n  margin-top: 0; // Remove browser default\n  margin-bottom: @line-height-computed;\n}\ndt,\ndd {\n  line-height: @line-height-base;\n}\ndt {\n  font-weight: bold;\n}\ndd {\n  margin-left: 0; // Undo browser default\n}\n\n// Horizontal description lists\n//\n// Defaults to being stacked without any of the below styles applied, until the\n// grid breakpoint is reached (default of ~768px).\n\n@media (min-width: @grid-float-breakpoint) {\n  .dl-horizontal {\n    dt {\n      float: left;\n      width: (@component-offset-horizontal - 20);\n      clear: left;\n      text-align: right;\n      .text-overflow();\n    }\n    dd {\n      margin-left: @component-offset-horizontal;\n      &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present\n    }\n  }\n}\n\n// MISC\n// ----\n\n// Abbreviations and acronyms\nabbr[title],\n// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257\nabbr[data-original-title] {\n  cursor: help;\n  border-bottom: 1px dotted @abbr-border-color;\n}\n.initialism {\n  font-size: 90%;\n  text-transform: uppercase;\n}\n\n// Blockquotes\nblockquote {\n  padding: (@line-height-computed / 2) @line-height-computed;\n  margin: 0 0 @line-height-computed;\n  font-size: @blockquote-font-size;\n  border-left: 5px solid @blockquote-border-color;\n\n  p,\n  ul,\n  ol {\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // Note: Deprecated small and .small as of v3.1.0\n  // Context: https://github.com/twbs/bootstrap/issues/11660\n  footer,\n  small,\n  .small {\n    display: block;\n    font-size: 80%; // back to default font-size\n    line-height: @line-height-base;\n    color: @blockquote-small-color;\n\n    &:before {\n      content: '\\2014 \\00A0'; // em dash, nbsp\n    }\n  }\n}\n\n// Opposite alignment of blockquote\n//\n// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.\n.blockquote-reverse,\nblockquote.pull-right {\n  padding-right: 15px;\n  padding-left: 0;\n  border-right: 5px solid @blockquote-border-color;\n  border-left: 0;\n  text-align: right;\n\n  // Account for citation\n  footer,\n  small,\n  .small {\n    &:before { content: ''; }\n    &:after {\n      content: '\\00A0 \\2014'; // nbsp, em dash\n    }\n  }\n}\n\n// Quotes\nblockquote:before,\nblockquote:after {\n  content: \"\";\n}\n\n// Addresses\naddress {\n  margin-bottom: @line-height-computed;\n  font-style: normal;\n  line-height: @line-height-base;\n}\n","//\n// Code (inline and block)\n// --------------------------------------------------\n\n\n// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n  font-family: @font-family-monospace;\n}\n\n// Inline code\ncode {\n  padding: 2px 4px;\n  font-size: 90%;\n  color: @code-color;\n  background-color: @code-bg;\n  white-space: nowrap;\n  border-radius: @border-radius-base;\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: 2px 4px;\n  font-size: 90%;\n  color: @kbd-color;\n  background-color: @kbd-bg;\n  border-radius: @border-radius-small;\n  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n// Blocks of code\npre {\n  display: block;\n  padding: ((@line-height-computed - 1) / 2);\n  margin: 0 0 (@line-height-computed / 2);\n  font-size: (@font-size-base - 1); // 14px to 13px\n  line-height: @line-height-base;\n  word-break: break-all;\n  word-wrap: break-word;\n  color: @pre-color;\n  background-color: @pre-bg;\n  border: 1px solid @pre-border-color;\n  border-radius: @border-radius-base;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    padding: 0;\n    font-size: inherit;\n    color: inherit;\n    white-space: pre-wrap;\n    background-color: transparent;\n    border-radius: 0;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: @pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","//\n// Grid system\n// --------------------------------------------------\n\n\n// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n.container {\n  .container-fixed();\n\n  @media (min-width: @screen-sm-min) {\n    width: @container-sm;\n  }\n  @media (min-width: @screen-md-min) {\n    width: @container-md;\n  }\n  @media (min-width: @screen-lg-min) {\n    width: @container-lg;\n  }\n}\n\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but without any defined\n// width for fluid, full width layouts.\n\n.container-fluid {\n  .container-fixed();\n}\n\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n.row {\n  .make-row();\n}\n\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n.make-grid-columns();\n\n\n// Extra small grid\n//\n// Columns, offsets, pushes, and pulls for extra small devices like\n// smartphones.\n\n.make-grid(xs);\n\n\n// Small grid\n//\n// Columns, offsets, pushes, and pulls for the small device range, from phones\n// to tablets.\n\n@media (min-width: @screen-sm-min) {\n  .make-grid(sm);\n}\n\n\n// Medium grid\n//\n// Columns, offsets, pushes, and pulls for the desktop device range.\n\n@media (min-width: @screen-md-min) {\n  .make-grid(md);\n}\n\n\n// Large grid\n//\n// Columns, offsets, pushes, and pulls for the large desktop device range.\n\n@media (min-width: @screen-lg-min) {\n  .make-grid(lg);\n}\n","//\n// Tables\n// --------------------------------------------------\n\n\ntable {\n  max-width: 100%;\n  background-color: @table-bg;\n}\nth {\n  text-align: left;\n}\n\n\n// Baseline styles\n\n.table {\n  width: 100%;\n  margin-bottom: @line-height-computed;\n  // Cells\n  > thead,\n  > tbody,\n  > tfoot {\n    > tr {\n      > th,\n      > td {\n        padding: @table-cell-padding;\n        line-height: @line-height-base;\n        vertical-align: top;\n        border-top: 1px solid @table-border-color;\n      }\n    }\n  }\n  // Bottom align for column headings\n  > thead > tr > th {\n    vertical-align: bottom;\n    border-bottom: 2px solid @table-border-color;\n  }\n  // Remove top border from thead by default\n  > caption + thead,\n  > colgroup + thead,\n  > thead:first-child {\n    > tr:first-child {\n      > th,\n      > td {\n        border-top: 0;\n      }\n    }\n  }\n  // Account for multiple tbody instances\n  > tbody + tbody {\n    border-top: 2px solid @table-border-color;\n  }\n\n  // Nesting\n  .table {\n    background-color: @body-bg;\n  }\n}\n\n\n// Condensed table w/ half padding\n\n.table-condensed {\n  > thead,\n  > tbody,\n  > tfoot {\n    > tr {\n      > th,\n      > td {\n        padding: @table-condensed-cell-padding;\n      }\n    }\n  }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n  border: 1px solid @table-border-color;\n  > thead,\n  > tbody,\n  > tfoot {\n    > tr {\n      > th,\n      > td {\n        border: 1px solid @table-border-color;\n      }\n    }\n  }\n  > thead > tr {\n    > th,\n    > td {\n      border-bottom-width: 2px;\n    }\n  }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  > tbody > tr:nth-child(odd) {\n    > td,\n    > th {\n      background-color: @table-bg-accent;\n    }\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  > tbody > tr:hover {\n    > td,\n    > th {\n      background-color: @table-bg-hover;\n    }\n  }\n}\n\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n  position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)\n  float: none;\n  display: table-column;\n}\ntable {\n  td,\n  th {\n    &[class*=\"col-\"] {\n      position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)\n      float: none;\n      display: table-cell;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n// Generate the contextual variants\n.table-row-variant(active; @table-bg-active);\n.table-row-variant(success; @state-success-bg);\n.table-row-variant(info; @state-info-bg);\n.table-row-variant(warning; @state-warning-bg);\n.table-row-variant(danger; @state-danger-bg);\n\n\n// Responsive tables\n//\n// Wrap your tables in `.table-responsive` and we'll make them mobile friendly\n// by enabling horizontal scrolling. Only applies <768px. Everything above that\n// will display normally.\n\n@media (max-width: @screen-xs-max) {\n  .table-responsive {\n    width: 100%;\n    margin-bottom: (@line-height-computed * 0.75);\n    overflow-y: hidden;\n    overflow-x: scroll;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    border: 1px solid @table-border-color;\n    -webkit-overflow-scrolling: touch;\n\n    // Tighten up spacing\n    > .table {\n      margin-bottom: 0;\n\n      // Ensure the content doesn't wrap\n      > thead,\n      > tbody,\n      > tfoot {\n        > tr {\n          > th,\n          > td {\n            white-space: nowrap;\n          }\n        }\n      }\n    }\n\n    // Special overrides for the bordered tables\n    > .table-bordered {\n      border: 0;\n\n      // Nuke the appropriate borders so that the parent can handle them\n      > thead,\n      > tbody,\n      > tfoot {\n        > tr {\n          > th:first-child,\n          > td:first-child {\n            border-left: 0;\n          }\n          > th:last-child,\n          > td:last-child {\n            border-right: 0;\n          }\n        }\n      }\n\n      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since\n      // chances are there will be only one `tr` in a `thead` and that would\n      // remove the border altogether.\n      > tbody,\n      > tfoot {\n        > tr:last-child {\n          > th,\n          > td {\n            border-bottom: 0;\n          }\n        }\n      }\n\n    }\n  }\n}\n","//\n// Forms\n// --------------------------------------------------\n\n\n// Normalize non-controls\n//\n// Restyle and baseline non-control form elements.\n\nfieldset {\n  padding: 0;\n  margin: 0;\n  border: 0;\n  // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n  // so we reset that to ensure it behaves more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359.\n  min-width: 0;\n}\n\nlegend {\n  display: block;\n  width: 100%;\n  padding: 0;\n  margin-bottom: @line-height-computed;\n  font-size: (@font-size-base * 1.5);\n  line-height: inherit;\n  color: @legend-color;\n  border: 0;\n  border-bottom: 1px solid @legend-border-color;\n}\n\nlabel {\n  display: inline-block;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n  .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  margin: 4px 0 0;\n  margin-top: 1px \\9; /* IE8-9 */\n  line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n  display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n  display: block;\n  width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n  height: auto;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n  .tab-focus();\n}\n\n// Adjust output element\noutput {\n  display: block;\n  padding-top: (@padding-base-vertical + 1);\n  font-size: @font-size-base;\n  line-height: @line-height-base;\n  color: @input-color;\n}\n\n\n// Common form controls\n//\n// Shared size and type resets for form controls. Apply `.form-control` to any\n// of the following form controls:\n//\n// select\n// textarea\n// input[type=\"text\"]\n// input[type=\"password\"]\n// input[type=\"datetime\"]\n// input[type=\"datetime-local\"]\n// input[type=\"date\"]\n// input[type=\"month\"]\n// input[type=\"time\"]\n// input[type=\"week\"]\n// input[type=\"number\"]\n// input[type=\"email\"]\n// input[type=\"url\"]\n// input[type=\"search\"]\n// input[type=\"tel\"]\n// input[type=\"color\"]\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n  padding: @padding-base-vertical @padding-base-horizontal;\n  font-size: @font-size-base;\n  line-height: @line-height-base;\n  color: @input-color;\n  background-color: @input-bg;\n  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n  border: 1px solid @input-border;\n  border-radius: @input-border-radius;\n  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n  .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  .form-control-focus();\n\n  // Placeholder\n  .placeholder();\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &[disabled],\n  &[readonly],\n  fieldset[disabled] & {\n    cursor: not-allowed;\n    background-color: @input-bg-disabled;\n    opacity: 1; // iOS fix for unreadable disabled content\n  }\n\n  // Reset height for `textarea`s\n  textarea& {\n    height: auto;\n  }\n}\n\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n  -webkit-appearance: none;\n}\n\n\n// Special styles for iOS date input\n//\n// In Mobile Safari, date inputs require a pixel line-height that matches the\n// given height of the input.\n\ninput[type=\"date\"] {\n  line-height: @input-height-base;\n}\n\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: 15px;\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.radio,\n.checkbox {\n  display: block;\n  min-height: @line-height-computed; // clear the floating input if there is no label text\n  margin-top: 10px;\n  margin-bottom: 10px;\n  padding-left: 20px;\n  label {\n    display: inline;\n    font-weight: normal;\n    cursor: pointer;\n  }\n}\n.radio input[type=\"radio\"],\n.radio-inline input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline input[type=\"checkbox\"] {\n  float: left;\n  margin-left: -20px;\n}\n.radio + .radio,\n.checkbox + .checkbox {\n  margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing\n}\n\n// Radios and checkboxes on same line\n.radio-inline,\n.checkbox-inline {\n  display: inline-block;\n  padding-left: 20px;\n  margin-bottom: 0;\n  vertical-align: middle;\n  font-weight: normal;\n  cursor: pointer;\n}\n.radio-inline + .radio-inline,\n.checkbox-inline + .checkbox-inline {\n  margin-top: 0;\n  margin-left: 10px; // space out consecutive inline controls\n}\n\n// Apply same disabled cursor tweak as for inputs\n//\n// Note: Neither radios nor checkboxes can be readonly.\ninput[type=\"radio\"],\ninput[type=\"checkbox\"],\n.radio,\n.radio-inline,\n.checkbox,\n.checkbox-inline {\n  &[disabled],\n  fieldset[disabled] & {\n    cursor: not-allowed;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n\n.input-sm {\n  .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);\n}\n\n.input-lg {\n  .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);\n}\n\n\n// Form control feedback states\n//\n// Apply contextual and semantic states to individual form controls.\n\n.has-feedback {\n  // Enable absolute positioning\n  position: relative;\n\n  // Ensure icons don't overlap text\n  .form-control {\n    padding-right: (@input-height-base * 1.25);\n  }\n\n  // Feedback icon (requires .glyphicon classes)\n  .form-control-feedback {\n    position: absolute;\n    top: (@line-height-computed + 5); // Height of the `label` and its margin\n    right: 0;\n    display: block;\n    width: @input-height-base;\n    height: @input-height-base;\n    line-height: @input-height-base;\n    text-align: center;\n  }\n}\n\n// Feedback states\n.has-success {\n  .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);\n}\n.has-warning {\n  .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);\n}\n.has-error {\n  .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);\n}\n\n\n// Static form control text\n//\n// Apply class to a `p` element to make any string of text align with labels in\n// a horizontal form layout.\n\n.form-control-static {\n  margin-bottom: 0; // Remove default margin from `p`\n}\n\n\n// Help text\n//\n// Apply to any element you wish to create light text for placement immediately\n// below a form control. Use for general help, formatting, or instructional text.\n\n.help-block {\n  display: block; // account for any element using help-block\n  margin-top: 5px;\n  margin-bottom: 10px;\n  color: lighten(@text-color, 25%); // lighten the text some for contrast\n}\n\n\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n//\n// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.\n\n.form-inline {\n\n  // Kick in the inline\n  @media (min-width: @screen-sm-min) {\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: inline-block;\n      margin-bottom: 0;\n      vertical-align: middle;\n    }\n\n    // In navbar-form, allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n    // Input groups need that 100% width though\n    .input-group > .form-control {\n      width: 100%;\n    }\n\n    .control-label {\n      margin-bottom: 0;\n      vertical-align: middle;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match (which also avoids\n    // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).\n    .radio,\n    .checkbox {\n      display: inline-block;\n      margin-top: 0;\n      margin-bottom: 0;\n      padding-left: 0;\n      vertical-align: middle;\n    }\n    .radio input[type=\"radio\"],\n    .checkbox input[type=\"checkbox\"] {\n      float: none;\n      margin-left: 0;\n    }\n\n    // Validation states\n    //\n    // Reposition the icon because it's now within a grid column and columns have\n    // `position: relative;` on them. Also accounts for the grid gutter padding.\n    .has-feedback .form-control-feedback {\n      top: 0;\n    }\n  }\n}\n\n\n// Horizontal forms\n//\n// Horizontal forms are built on grid classes and allow you to create forms with\n// labels on the left and inputs on the right.\n\n.form-horizontal {\n\n  // Consistent vertical alignment of labels, radios, and checkboxes\n  .control-label,\n  .radio,\n  .checkbox,\n  .radio-inline,\n  .checkbox-inline {\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-top: (@padding-base-vertical + 1); // Default padding plus a border\n  }\n  // Account for padding we're adding to ensure the alignment and of help text\n  // and other content below items\n  .radio,\n  .checkbox {\n    min-height: (@line-height-computed + (@padding-base-vertical + 1));\n  }\n\n  // Make form groups behave like rows\n  .form-group {\n    .make-row();\n  }\n\n  .form-control-static {\n    padding-top: (@padding-base-vertical + 1);\n  }\n\n  // Only right align form labels here when the columns stop stacking\n  @media (min-width: @screen-sm-min) {\n    .control-label {\n      text-align: right;\n    }\n  }\n\n  // Validation states\n  //\n  // Reposition the icon because it's now within a grid column and columns have\n  // `position: relative;` on them. Also accounts for the grid gutter padding.\n  .has-feedback .form-control-feedback {\n    top: 0;\n    right: (@grid-gutter-width / 2);\n  }\n}\n","//\n// Buttons\n// --------------------------------------------------\n\n\n// Base styles\n// --------------------------------------------------\n\n.btn {\n  display: inline-block;\n  margin-bottom: 0; // For input.btn\n  font-weight: @btn-font-weight;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n  border: 1px solid transparent;\n  white-space: nowrap;\n  .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);\n  .user-select(none);\n\n  &,\n  &:active,\n  &.active {\n    &:focus {\n      .tab-focus();\n    }\n  }\n\n  &:hover,\n  &:focus {\n    color: @btn-default-color;\n    text-decoration: none;\n  }\n\n  &:active,\n  &.active {\n    outline: 0;\n    background-image: none;\n    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));\n  }\n\n  &.disabled,\n  &[disabled],\n  fieldset[disabled] & {\n    cursor: not-allowed;\n    pointer-events: none; // Future-proof disabling of clicks\n    .opacity(.65);\n    .box-shadow(none);\n  }\n}\n\n\n// Alternate buttons\n// --------------------------------------------------\n\n.btn-default {\n  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);\n}\n.btn-primary {\n  .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);\n}\n// Success appears as green\n.btn-success {\n  .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);\n}\n// Info appears as blue-green\n.btn-info {\n  .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);\n}\n// Warning appears as orange\n.btn-warning {\n  .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);\n}\n// Danger and error appear as red\n.btn-danger {\n  .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);\n}\n\n\n// Link buttons\n// -------------------------\n\n// Make a button look and behave like a link\n.btn-link {\n  color: @link-color;\n  font-weight: normal;\n  cursor: pointer;\n  border-radius: 0;\n\n  &,\n  &:active,\n  &[disabled],\n  fieldset[disabled] & {\n    background-color: transparent;\n    .box-shadow(none);\n  }\n  &,\n  &:hover,\n  &:focus,\n  &:active {\n    border-color: transparent;\n  }\n  &:hover,\n  &:focus {\n    color: @link-hover-color;\n    text-decoration: underline;\n    background-color: transparent;\n  }\n  &[disabled],\n  fieldset[disabled] & {\n    &:hover,\n    &:focus {\n      color: @btn-link-disabled-color;\n      text-decoration: none;\n    }\n  }\n}\n\n\n// Button Sizes\n// --------------------------------------------------\n\n.btn-lg {\n  // line-height: ensure even-numbered height of button next to large input\n  .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);\n}\n.btn-sm {\n  // line-height: ensure proper height of button next to small input\n  .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);\n}\n.btn-xs {\n  .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small);\n}\n\n\n// Block button\n// --------------------------------------------------\n\n.btn-block {\n  display: block;\n  width: 100%;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n// Vertically space out multiple block buttons\n.btn-block + .btn-block {\n  margin-top: 5px;\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","//\n// Button groups\n// --------------------------------------------------\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n  > .btn {\n    position: relative;\n    float: left;\n    // Bring the \"active\" button to the front\n    &:hover,\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 2;\n    }\n    &:focus {\n      // Remove focus outline when dropdown JS adds it after closing the menu\n      outline: none;\n    }\n  }\n}\n\n// Prevent double borders when buttons are next to each other\n.btn-group {\n  .btn + .btn,\n  .btn + .btn-group,\n  .btn-group + .btn,\n  .btn-group + .btn-group {\n    margin-left: -1px;\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  margin-left: -5px; // Offset the first child's margin\n  &:extend(.clearfix all);\n\n  .btn-group,\n  .input-group {\n    float: left;\n  }\n  > .btn,\n  > .btn-group,\n  > .input-group {\n    margin-left: 5px;\n  }\n}\n\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {\n  border-radius: 0;\n}\n\n// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match\n.btn-group > .btn:first-child {\n  margin-left: 0;\n  &:not(:last-child):not(.dropdown-toggle) {\n    .border-right-radius(0);\n  }\n}\n// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child) {\n  .border-left-radius(0);\n}\n\n// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)\n.btn-group > .btn-group {\n  float: left;\n}\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {\n  border-radius: 0;\n}\n.btn-group > .btn-group:first-child {\n  > .btn:last-child,\n  > .dropdown-toggle {\n    .border-right-radius(0);\n  }\n}\n.btn-group > .btn-group:last-child > .btn:first-child {\n  .border-left-radius(0);\n}\n\n// On active and open, don't show outline\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n  outline: 0;\n}\n\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-xs > .btn { &:extend(.btn-xs); }\n.btn-group-sm > .btn { &:extend(.btn-sm); }\n.btn-group-lg > .btn { &:extend(.btn-lg); }\n\n\n// Split button dropdowns\n// ----------------------\n\n// Give the line between buttons some depth\n.btn-group > .btn + .dropdown-toggle {\n  padding-left: 8px;\n  padding-right: 8px;\n}\n.btn-group > .btn-lg + .dropdown-toggle {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n// The clickable button for toggling the menu\n// Remove the gradient and set the same inset shadow as the :active state\n.btn-group.open .dropdown-toggle {\n  .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    .box-shadow(none);\n  }\n}\n\n\n// Reposition the caret\n.btn .caret {\n  margin-left: 0;\n}\n// Carets in other button sizes\n.btn-lg .caret {\n  border-width: @caret-width-large @caret-width-large 0;\n  border-bottom-width: 0;\n}\n// Upside down carets for .dropup\n.dropup .btn-lg .caret {\n  border-width: 0 @caret-width-large @caret-width-large;\n}\n\n\n// Vertical button groups\n// ----------------------\n\n.btn-group-vertical {\n  > .btn,\n  > .btn-group,\n  > .btn-group > .btn {\n    display: block;\n    float: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  // Clear floats so dropdown menus can be properly placed\n  > .btn-group {\n    &:extend(.clearfix all);\n    > .btn {\n      float: none;\n    }\n  }\n\n  > .btn + .btn,\n  > .btn + .btn-group,\n  > .btn-group + .btn,\n  > .btn-group + .btn-group {\n    margin-top: -1px;\n    margin-left: 0;\n  }\n}\n\n.btn-group-vertical > .btn {\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n  &:first-child:not(:last-child) {\n    border-top-right-radius: @border-radius-base;\n    .border-bottom-radius(0);\n  }\n  &:last-child:not(:first-child) {\n    border-bottom-left-radius: @border-radius-base;\n    .border-top-radius(0);\n  }\n}\n.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {\n  border-radius: 0;\n}\n.btn-group-vertical > .btn-group:first-child:not(:last-child) {\n  > .btn:last-child,\n  > .dropdown-toggle {\n    .border-bottom-radius(0);\n  }\n}\n.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {\n  .border-top-radius(0);\n}\n\n\n\n// Justified button groups\n// ----------------------\n\n.btn-group-justified {\n  display: table;\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  > .btn,\n  > .btn-group {\n    float: none;\n    display: table-cell;\n    width: 1%;\n  }\n  > .btn-group .btn {\n    width: 100%;\n  }\n}\n\n\n// Checkbox and radio options\n[data-toggle=\"buttons\"] > .btn > input[type=\"radio\"],\n[data-toggle=\"buttons\"] > .btn > input[type=\"checkbox\"] {\n  display: none;\n}\n","//\n// Component animations\n// --------------------------------------------------\n\n// Heads up!\n//\n// We don't use the `.opacity()` mixin here since it causes a bug with text\n// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.\n\n.fade {\n  opacity: 0;\n  .transition(opacity .15s linear);\n  &.in {\n    opacity: 1;\n  }\n}\n\n.collapse {\n  display: none;\n  &.in {\n    display: block;\n  }\n}\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  .transition(height .35s ease);\n}\n","//\n// Glyphicons for Bootstrap\n//\n// Since icons are fonts, they can be placed anywhere text is placed and are\n// thus automatically sized to match the surrounding child. To use, create an\n// inline element with the appropriate classes, like so:\n//\n//  Star\n\n// Import the fonts\n@font-face {\n  font-family: 'Glyphicons Halflings';\n  src: ~\"url('@{icon-font-path}@{icon-font-name}.eot')\";\n  src: ~\"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')\",\n       ~\"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')\",\n       ~\"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')\",\n       ~\"url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg')\";\n}\n\n// Catchall baseclass\n.glyphicon {\n  position: relative;\n  top: 1px;\n  display: inline-block;\n  font-family: 'Glyphicons Halflings';\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n// Individual icons\n.glyphicon-asterisk               { &:before { content: \"\\2a\"; } }\n.glyphicon-plus                   { &:before { content: \"\\2b\"; } }\n.glyphicon-euro                   { &:before { content: \"\\20ac\"; } }\n.glyphicon-minus                  { &:before { content: \"\\2212\"; } }\n.glyphicon-cloud                  { &:before { content: \"\\2601\"; } }\n.glyphicon-envelope               { &:before { content: \"\\2709\"; } }\n.glyphicon-pencil                 { &:before { content: \"\\270f\"; } }\n.glyphicon-glass                  { &:before { content: \"\\e001\"; } }\n.glyphicon-music                  { &:before { content: \"\\e002\"; } }\n.glyphicon-search                 { &:before { content: \"\\e003\"; } }\n.glyphicon-heart                  { &:before { content: \"\\e005\"; } }\n.glyphicon-star                   { &:before { content: \"\\e006\"; } }\n.glyphicon-star-empty             { &:before { content: \"\\e007\"; } }\n.glyphicon-user                   { &:before { content: \"\\e008\"; } }\n.glyphicon-film                   { &:before { content: \"\\e009\"; } }\n.glyphicon-th-large               { &:before { content: \"\\e010\"; } }\n.glyphicon-th                     { &:before { content: \"\\e011\"; } }\n.glyphicon-th-list                { &:before { content: \"\\e012\"; } }\n.glyphicon-ok                     { &:before { content: \"\\e013\"; } }\n.glyphicon-remove                 { &:before { content: \"\\e014\"; } }\n.glyphicon-zoom-in                { &:before { content: \"\\e015\"; } }\n.glyphicon-zoom-out               { &:before { content: \"\\e016\"; } }\n.glyphicon-off                    { &:before { content: \"\\e017\"; } }\n.glyphicon-signal                 { &:before { content: \"\\e018\"; } }\n.glyphicon-cog                    { &:before { content: \"\\e019\"; } }\n.glyphicon-trash                  { &:before { content: \"\\e020\"; } }\n.glyphicon-home                   { &:before { content: \"\\e021\"; } }\n.glyphicon-file                   { &:before { content: \"\\e022\"; } }\n.glyphicon-time                   { &:before { content: \"\\e023\"; } }\n.glyphicon-road                   { &:before { content: \"\\e024\"; } }\n.glyphicon-download-alt           { &:before { content: \"\\e025\"; } }\n.glyphicon-download               { &:before { content: \"\\e026\"; } }\n.glyphicon-upload                 { &:before { content: \"\\e027\"; } }\n.glyphicon-inbox                  { &:before { content: \"\\e028\"; } }\n.glyphicon-play-circle            { &:before { content: \"\\e029\"; } }\n.glyphicon-repeat                 { &:before { content: \"\\e030\"; } }\n.glyphicon-refresh                { &:before { content: \"\\e031\"; } }\n.glyphicon-list-alt               { &:before { content: \"\\e032\"; } }\n.glyphicon-lock                   { &:before { content: \"\\e033\"; } }\n.glyphicon-flag                   { &:before { content: \"\\e034\"; } }\n.glyphicon-headphones             { &:before { content: \"\\e035\"; } }\n.glyphicon-volume-off             { &:before { content: \"\\e036\"; } }\n.glyphicon-volume-down            { &:before { content: \"\\e037\"; } }\n.glyphicon-volume-up              { &:before { content: \"\\e038\"; } }\n.glyphicon-qrcode                 { &:before { content: \"\\e039\"; } }\n.glyphicon-barcode                { &:before { content: \"\\e040\"; } }\n.glyphicon-tag                    { &:before { content: \"\\e041\"; } }\n.glyphicon-tags                   { &:before { content: \"\\e042\"; } }\n.glyphicon-book                   { &:before { content: \"\\e043\"; } }\n.glyphicon-bookmark               { &:before { content: \"\\e044\"; } }\n.glyphicon-print                  { &:before { content: \"\\e045\"; } }\n.glyphicon-camera                 { &:before { content: \"\\e046\"; } }\n.glyphicon-font                   { &:before { content: \"\\e047\"; } }\n.glyphicon-bold                   { &:before { content: \"\\e048\"; } }\n.glyphicon-italic                 { &:before { content: \"\\e049\"; } }\n.glyphicon-text-height            { &:before { content: \"\\e050\"; } }\n.glyphicon-text-width             { &:before { content: \"\\e051\"; } }\n.glyphicon-align-left             { &:before { content: \"\\e052\"; } }\n.glyphicon-align-center           { &:before { content: \"\\e053\"; } }\n.glyphicon-align-right            { &:before { content: \"\\e054\"; } }\n.glyphicon-align-justify          { &:before { content: \"\\e055\"; } }\n.glyphicon-list                   { &:before { content: \"\\e056\"; } }\n.glyphicon-indent-left            { &:before { content: \"\\e057\"; } }\n.glyphicon-indent-right           { &:before { content: \"\\e058\"; } }\n.glyphicon-facetime-video         { &:before { content: \"\\e059\"; } }\n.glyphicon-picture                { &:before { content: \"\\e060\"; } }\n.glyphicon-map-marker             { &:before { content: \"\\e062\"; } }\n.glyphicon-adjust                 { &:before { content: \"\\e063\"; } }\n.glyphicon-tint                   { &:before { content: \"\\e064\"; } }\n.glyphicon-edit                   { &:before { content: \"\\e065\"; } }\n.glyphicon-share                  { &:before { content: \"\\e066\"; } }\n.glyphicon-check                  { &:before { content: \"\\e067\"; } }\n.glyphicon-move                   { &:before { content: \"\\e068\"; } }\n.glyphicon-step-backward          { &:before { content: \"\\e069\"; } }\n.glyphicon-fast-backward          { &:before { content: \"\\e070\"; } }\n.glyphicon-backward               { &:before { content: \"\\e071\"; } }\n.glyphicon-play                   { &:before { content: \"\\e072\"; } }\n.glyphicon-pause                  { &:before { content: \"\\e073\"; } }\n.glyphicon-stop                   { &:before { content: \"\\e074\"; } }\n.glyphicon-forward                { &:before { content: \"\\e075\"; } }\n.glyphicon-fast-forward           { &:before { content: \"\\e076\"; } }\n.glyphicon-step-forward           { &:before { content: \"\\e077\"; } }\n.glyphicon-eject                  { &:before { content: \"\\e078\"; } }\n.glyphicon-chevron-left           { &:before { content: \"\\e079\"; } }\n.glyphicon-chevron-right          { &:before { content: \"\\e080\"; } }\n.glyphicon-plus-sign              { &:before { content: \"\\e081\"; } }\n.glyphicon-minus-sign             { &:before { content: \"\\e082\"; } }\n.glyphicon-remove-sign            { &:before { content: \"\\e083\"; } }\n.glyphicon-ok-sign                { &:before { content: \"\\e084\"; } }\n.glyphicon-question-sign          { &:before { content: \"\\e085\"; } }\n.glyphicon-info-sign              { &:before { content: \"\\e086\"; } }\n.glyphicon-screenshot             { &:before { content: \"\\e087\"; } }\n.glyphicon-remove-circle          { &:before { content: \"\\e088\"; } }\n.glyphicon-ok-circle              { &:before { content: \"\\e089\"; } }\n.glyphicon-ban-circle             { &:before { content: \"\\e090\"; } }\n.glyphicon-arrow-left             { &:before { content: \"\\e091\"; } }\n.glyphicon-arrow-right            { &:before { content: \"\\e092\"; } }\n.glyphicon-arrow-up               { &:before { content: \"\\e093\"; } }\n.glyphicon-arrow-down             { &:before { content: \"\\e094\"; } }\n.glyphicon-share-alt              { &:before { content: \"\\e095\"; } }\n.glyphicon-resize-full            { &:before { content: \"\\e096\"; } }\n.glyphicon-resize-small           { &:before { content: \"\\e097\"; } }\n.glyphicon-exclamation-sign       { &:before { content: \"\\e101\"; } }\n.glyphicon-gift                   { &:before { content: \"\\e102\"; } }\n.glyphicon-leaf                   { &:before { content: \"\\e103\"; } }\n.glyphicon-fire                   { &:before { content: \"\\e104\"; } }\n.glyphicon-eye-open               { &:before { content: \"\\e105\"; } }\n.glyphicon-eye-close              { &:before { content: \"\\e106\"; } }\n.glyphicon-warning-sign           { &:before { content: \"\\e107\"; } }\n.glyphicon-plane                  { &:before { content: \"\\e108\"; } }\n.glyphicon-calendar               { &:before { content: \"\\e109\"; } }\n.glyphicon-random                 { &:before { content: \"\\e110\"; } }\n.glyphicon-comment                { &:before { content: \"\\e111\"; } }\n.glyphicon-magnet                 { &:before { content: \"\\e112\"; } }\n.glyphicon-chevron-up             { &:before { content: \"\\e113\"; } }\n.glyphicon-chevron-down           { &:before { content: \"\\e114\"; } }\n.glyphicon-retweet                { &:before { content: \"\\e115\"; } }\n.glyphicon-shopping-cart          { &:before { content: \"\\e116\"; } }\n.glyphicon-folder-close           { &:before { content: \"\\e117\"; } }\n.glyphicon-folder-open            { &:before { content: \"\\e118\"; } }\n.glyphicon-resize-vertical        { &:before { content: \"\\e119\"; } }\n.glyphicon-resize-horizontal      { &:before { content: \"\\e120\"; } }\n.glyphicon-hdd                    { &:before { content: \"\\e121\"; } }\n.glyphicon-bullhorn               { &:before { content: \"\\e122\"; } }\n.glyphicon-bell                   { &:before { content: \"\\e123\"; } }\n.glyphicon-certificate            { &:before { content: \"\\e124\"; } }\n.glyphicon-thumbs-up              { &:before { content: \"\\e125\"; } }\n.glyphicon-thumbs-down            { &:before { content: \"\\e126\"; } }\n.glyphicon-hand-right             { &:before { content: \"\\e127\"; } }\n.glyphicon-hand-left              { &:before { content: \"\\e128\"; } }\n.glyphicon-hand-up                { &:before { content: \"\\e129\"; } }\n.glyphicon-hand-down              { &:before { content: \"\\e130\"; } }\n.glyphicon-circle-arrow-right     { &:before { content: \"\\e131\"; } }\n.glyphicon-circle-arrow-left      { &:before { content: \"\\e132\"; } }\n.glyphicon-circle-arrow-up        { &:before { content: \"\\e133\"; } }\n.glyphicon-circle-arrow-down      { &:before { content: \"\\e134\"; } }\n.glyphicon-globe                  { &:before { content: \"\\e135\"; } }\n.glyphicon-wrench                 { &:before { content: \"\\e136\"; } }\n.glyphicon-tasks                  { &:before { content: \"\\e137\"; } }\n.glyphicon-filter                 { &:before { content: \"\\e138\"; } }\n.glyphicon-briefcase              { &:before { content: \"\\e139\"; } }\n.glyphicon-fullscreen             { &:before { content: \"\\e140\"; } }\n.glyphicon-dashboard              { &:before { content: \"\\e141\"; } }\n.glyphicon-paperclip              { &:before { content: \"\\e142\"; } }\n.glyphicon-heart-empty            { &:before { content: \"\\e143\"; } }\n.glyphicon-link                   { &:before { content: \"\\e144\"; } }\n.glyphicon-phone                  { &:before { content: \"\\e145\"; } }\n.glyphicon-pushpin                { &:before { content: \"\\e146\"; } }\n.glyphicon-usd                    { &:before { content: \"\\e148\"; } }\n.glyphicon-gbp                    { &:before { content: \"\\e149\"; } }\n.glyphicon-sort                   { &:before { content: \"\\e150\"; } }\n.glyphicon-sort-by-alphabet       { &:before { content: \"\\e151\"; } }\n.glyphicon-sort-by-alphabet-alt   { &:before { content: \"\\e152\"; } }\n.glyphicon-sort-by-order          { &:before { content: \"\\e153\"; } }\n.glyphicon-sort-by-order-alt      { &:before { content: \"\\e154\"; } }\n.glyphicon-sort-by-attributes     { &:before { content: \"\\e155\"; } }\n.glyphicon-sort-by-attributes-alt { &:before { content: \"\\e156\"; } }\n.glyphicon-unchecked              { &:before { content: \"\\e157\"; } }\n.glyphicon-expand                 { &:before { content: \"\\e158\"; } }\n.glyphicon-collapse-down          { &:before { content: \"\\e159\"; } }\n.glyphicon-collapse-up            { &:before { content: \"\\e160\"; } }\n.glyphicon-log-in                 { &:before { content: \"\\e161\"; } }\n.glyphicon-flash                  { &:before { content: \"\\e162\"; } }\n.glyphicon-log-out                { &:before { content: \"\\e163\"; } }\n.glyphicon-new-window             { &:before { content: \"\\e164\"; } }\n.glyphicon-record                 { &:before { content: \"\\e165\"; } }\n.glyphicon-save                   { &:before { content: \"\\e166\"; } }\n.glyphicon-open                   { &:before { content: \"\\e167\"; } }\n.glyphicon-saved                  { &:before { content: \"\\e168\"; } }\n.glyphicon-import                 { &:before { content: \"\\e169\"; } }\n.glyphicon-export                 { &:before { content: \"\\e170\"; } }\n.glyphicon-send                   { &:before { content: \"\\e171\"; } }\n.glyphicon-floppy-disk            { &:before { content: \"\\e172\"; } }\n.glyphicon-floppy-saved           { &:before { content: \"\\e173\"; } }\n.glyphicon-floppy-remove          { &:before { content: \"\\e174\"; } }\n.glyphicon-floppy-save            { &:before { content: \"\\e175\"; } }\n.glyphicon-floppy-open            { &:before { content: \"\\e176\"; } }\n.glyphicon-credit-card            { &:before { content: \"\\e177\"; } }\n.glyphicon-transfer               { &:before { content: \"\\e178\"; } }\n.glyphicon-cutlery                { &:before { content: \"\\e179\"; } }\n.glyphicon-header                 { &:before { content: \"\\e180\"; } }\n.glyphicon-compressed             { &:before { content: \"\\e181\"; } }\n.glyphicon-earphone               { &:before { content: \"\\e182\"; } }\n.glyphicon-phone-alt              { &:before { content: \"\\e183\"; } }\n.glyphicon-tower                  { &:before { content: \"\\e184\"; } }\n.glyphicon-stats                  { &:before { content: \"\\e185\"; } }\n.glyphicon-sd-video               { &:before { content: \"\\e186\"; } }\n.glyphicon-hd-video               { &:before { content: \"\\e187\"; } }\n.glyphicon-subtitles              { &:before { content: \"\\e188\"; } }\n.glyphicon-sound-stereo           { &:before { content: \"\\e189\"; } }\n.glyphicon-sound-dolby            { &:before { content: \"\\e190\"; } }\n.glyphicon-sound-5-1              { &:before { content: \"\\e191\"; } }\n.glyphicon-sound-6-1              { &:before { content: \"\\e192\"; } }\n.glyphicon-sound-7-1              { &:before { content: \"\\e193\"; } }\n.glyphicon-copyright-mark         { &:before { content: \"\\e194\"; } }\n.glyphicon-registration-mark      { &:before { content: \"\\e195\"; } }\n.glyphicon-cloud-download         { &:before { content: \"\\e197\"; } }\n.glyphicon-cloud-upload           { &:before { content: \"\\e198\"; } }\n.glyphicon-tree-conifer           { &:before { content: \"\\e199\"; } }\n.glyphicon-tree-deciduous         { &:before { content: \"\\e200\"; } }\n","//\n// Dropdown menus\n// --------------------------------------------------\n\n\n// Dropdown arrow/caret\n.caret {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  margin-left: 2px;\n  vertical-align: middle;\n  border-top:   @caret-width-base solid;\n  border-right: @caret-width-base solid transparent;\n  border-left:  @caret-width-base solid transparent;\n}\n\n// The dropdown wrapper (div)\n.dropdown {\n  position: relative;\n}\n\n// Prevent the focus on the dropdown toggle when closing dropdowns\n.dropdown-toggle:focus {\n  outline: 0;\n}\n\n// The dropdown menu (ul)\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: @zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: 160px;\n  padding: 5px 0;\n  margin: 2px 0 0; // override default ul\n  list-style: none;\n  font-size: @font-size-base;\n  background-color: @dropdown-bg;\n  border: 1px solid @dropdown-fallback-border; // IE8 fallback\n  border: 1px solid @dropdown-border;\n  border-radius: @border-radius-base;\n  .box-shadow(0 6px 12px rgba(0,0,0,.175));\n  background-clip: padding-box;\n\n  // Aligns the dropdown menu to right\n  //\n  // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`\n  &.pull-right {\n    right: 0;\n    left: auto;\n  }\n\n  // Dividers (basically an hr) within the dropdown\n  .divider {\n    .nav-divider(@dropdown-divider-bg);\n  }\n\n  // Links within the dropdown menu\n  > li > a {\n    display: block;\n    padding: 3px 20px;\n    clear: both;\n    font-weight: normal;\n    line-height: @line-height-base;\n    color: @dropdown-link-color;\n    white-space: nowrap; // prevent links from randomly breaking onto new lines\n  }\n}\n\n// Hover/Focus state\n.dropdown-menu > li > a {\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    color: @dropdown-link-hover-color;\n    background-color: @dropdown-link-hover-bg;\n  }\n}\n\n// Active state\n.dropdown-menu > .active > a {\n  &,\n  &:hover,\n  &:focus {\n    color: @dropdown-link-active-color;\n    text-decoration: none;\n    outline: 0;\n    background-color: @dropdown-link-active-bg;\n  }\n}\n\n// Disabled state\n//\n// Gray out text and ensure the hover/focus state remains gray\n\n.dropdown-menu > .disabled > a {\n  &,\n  &:hover,\n  &:focus {\n    color: @dropdown-link-disabled-color;\n  }\n}\n// Nuke hover/focus effects\n.dropdown-menu > .disabled > a {\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    background-color: transparent;\n    background-image: none; // Remove CSS gradient\n    .reset-filter();\n    cursor: not-allowed;\n  }\n}\n\n// Open state for the dropdown\n.open {\n  // Show the menu\n  > .dropdown-menu {\n    display: block;\n  }\n\n  // Remove the outline when :focus is triggered\n  > a {\n    outline: 0;\n  }\n}\n\n// Menu positioning\n//\n// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown\n// menu with the parent.\n.dropdown-menu-right {\n  left: auto; // Reset the default from `.dropdown-menu`\n  right: 0;\n}\n// With v3, we enabled auto-flipping if you have a dropdown within a right\n// aligned nav component. To enable the undoing of that, we provide an override\n// to restore the default dropdown menu alignment.\n//\n// This is only for left-aligning a dropdown menu within a `.navbar-right` or\n// `.pull-right` nav component.\n.dropdown-menu-left {\n  left: 0;\n  right: auto;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: 3px 20px;\n  font-size: @font-size-small;\n  line-height: @line-height-base;\n  color: @dropdown-header-color;\n}\n\n// Backdrop to catch body clicks on mobile, etc.\n.dropdown-backdrop {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  z-index: (@zindex-dropdown - 10);\n}\n\n// Right aligned dropdowns\n.pull-right > .dropdown-menu {\n  right: 0;\n  left: auto;\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n//\n// Just add .dropup after the standard .dropdown class and you're set, bro.\n// TODO: abstract this so that the navbar fixed styles are not placed here?\n\n.dropup,\n.navbar-fixed-bottom .dropdown {\n  // Reverse the caret\n  .caret {\n    border-top: 0;\n    border-bottom: @caret-width-base solid;\n    content: \"\";\n  }\n  // Different positioning for bottom up menu\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-bottom: 1px;\n  }\n}\n\n\n// Component alignment\n//\n// Reiterate per navbar.less and the modified component alignment there.\n\n@media (min-width: @grid-float-breakpoint) {\n  .navbar-right {\n    .dropdown-menu {\n      .dropdown-menu-right();\n    }\n    // Necessary for overrides of the default right aligned menu.\n    // Will remove come v4 in all likelihood.\n    .dropdown-menu-left {\n      .dropdown-menu-left();\n    }\n  }\n}\n\n","//\n// Input groups\n// --------------------------------------------------\n\n// Base styles\n// -------------------------\n.input-group {\n  position: relative; // For dropdowns\n  display: table;\n  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table\n\n  // Undo padding and float of grid classes\n  &[class*=\"col-\"] {\n    float: none;\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .form-control {\n    // Ensure that the input is always above the *appended* addon button for\n    // proper border colors.\n    position: relative;\n    z-index: 2;\n\n    // IE9 fubars the placeholder attribute in text inputs and the arrows on\n    // select elements in input groups. To fix it, we float the input. Details:\n    // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855\n    float: left;\n\n    width: 100%;\n    margin-bottom: 0;\n  }\n}\n\n// Sizing options\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control,\n.input-group-lg > .input-group-addon,\n.input-group-lg > .input-group-btn > .btn { .input-lg(); }\n.input-group-sm > .form-control,\n.input-group-sm > .input-group-addon,\n.input-group-sm > .input-group-btn > .btn { .input-sm(); }\n\n\n// Display as table-cell\n// -------------------------\n.input-group-addon,\n.input-group-btn,\n.input-group .form-control {\n  display: table-cell;\n\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n}\n// Addon and addon wrapper for buttons\n.input-group-addon,\n.input-group-btn {\n  width: 1%;\n  white-space: nowrap;\n  vertical-align: middle; // Match the inputs\n}\n\n// Text input groups\n// -------------------------\n.input-group-addon {\n  padding: @padding-base-vertical @padding-base-horizontal;\n  font-size: @font-size-base;\n  font-weight: normal;\n  line-height: 1;\n  color: @input-color;\n  text-align: center;\n  background-color: @input-group-addon-bg;\n  border: 1px solid @input-group-addon-border-color;\n  border-radius: @border-radius-base;\n\n  // Sizing\n  &.input-sm {\n    padding: @padding-small-vertical @padding-small-horizontal;\n    font-size: @font-size-small;\n    border-radius: @border-radius-small;\n  }\n  &.input-lg {\n    padding: @padding-large-vertical @padding-large-horizontal;\n    font-size: @font-size-large;\n    border-radius: @border-radius-large;\n  }\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n// Reset rounded corners\n.input-group .form-control:first-child,\n.input-group-addon:first-child,\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group > .btn,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {\n  .border-right-radius(0);\n}\n.input-group-addon:first-child {\n  border-right: 0;\n}\n.input-group .form-control:last-child,\n.input-group-addon:last-child,\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group > .btn,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child),\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {\n  .border-left-radius(0);\n}\n.input-group-addon:last-child {\n  border-left: 0;\n}\n\n// Button input groups\n// -------------------------\n.input-group-btn {\n  position: relative;\n  // Jankily prevent input button groups from wrapping with `white-space` and\n  // `font-size` in combination with `inline-block` on buttons.\n  font-size: 0;\n  white-space: nowrap;\n\n  // Negative margin for spacing, position for bringing hovered/focused/actived\n  // element above the siblings.\n  > .btn {\n    position: relative;\n    + .btn {\n      margin-left: -1px;\n    }\n    // Bring the \"active\" button to the front\n    &:hover,\n    &:focus,\n    &:active {\n      z-index: 2;\n    }\n  }\n\n  // Negative margin to only have a 1px border between the two\n  &:first-child {\n    > .btn,\n    > .btn-group {\n      margin-right: -1px;\n    }\n  }\n  &:last-child {\n    > .btn,\n    > .btn-group {\n      margin-left: -1px;\n    }\n  }\n}\n","//\n// Navs\n// --------------------------------------------------\n\n\n// Base class\n// --------------------------------------------------\n\n.nav {\n  margin-bottom: 0;\n  padding-left: 0; // Override default ul/ol\n  list-style: none;\n  &:extend(.clearfix all);\n\n  > li {\n    position: relative;\n    display: block;\n\n    > a {\n      position: relative;\n      display: block;\n      padding: @nav-link-padding;\n      &:hover,\n      &:focus {\n        text-decoration: none;\n        background-color: @nav-link-hover-bg;\n      }\n    }\n\n    // Disabled state sets text to gray and nukes hover/tab effects\n    &.disabled > a {\n      color: @nav-disabled-link-color;\n\n      &:hover,\n      &:focus {\n        color: @nav-disabled-link-hover-color;\n        text-decoration: none;\n        background-color: transparent;\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  // Open dropdowns\n  .open > a {\n    &,\n    &:hover,\n    &:focus {\n      background-color: @nav-link-hover-bg;\n      border-color: @link-color;\n    }\n  }\n\n  // Nav dividers (deprecated with v3.0.1)\n  //\n  // This should have been removed in v3 with the dropping of `.nav-list`, but\n  // we missed it. We don't currently support this anywhere, but in the interest\n  // of maintaining backward compatibility in case you use it, it's deprecated.\n  .nav-divider {\n    .nav-divider();\n  }\n\n  // Prevent IE8 from misplacing imgs\n  //\n  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989\n  > li > a > img {\n    max-width: none;\n  }\n}\n\n\n// Tabs\n// -------------------------\n\n// Give the tabs something to sit on\n.nav-tabs {\n  border-bottom: 1px solid @nav-tabs-border-color;\n  > li {\n    float: left;\n    // Make the list-items overlay the bottom border\n    margin-bottom: -1px;\n\n    // Actual tabs (as links)\n    > a {\n      margin-right: 2px;\n      line-height: @line-height-base;\n      border: 1px solid transparent;\n      border-radius: @border-radius-base @border-radius-base 0 0;\n      &:hover {\n        border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;\n      }\n    }\n\n    // Active state, and its :hover to override normal :hover\n    &.active > a {\n      &,\n      &:hover,\n      &:focus {\n        color: @nav-tabs-active-link-hover-color;\n        background-color: @nav-tabs-active-link-hover-bg;\n        border: 1px solid @nav-tabs-active-link-hover-border-color;\n        border-bottom-color: transparent;\n        cursor: default;\n      }\n    }\n  }\n  // pulling this in mainly for less shorthand\n  &.nav-justified {\n    .nav-justified();\n    .nav-tabs-justified();\n  }\n}\n\n\n// Pills\n// -------------------------\n.nav-pills {\n  > li {\n    float: left;\n\n    // Links rendered as pills\n    > a {\n      border-radius: @nav-pills-border-radius;\n    }\n    + li {\n      margin-left: 2px;\n    }\n\n    // Active state\n    &.active > a {\n      &,\n      &:hover,\n      &:focus {\n        color: @nav-pills-active-link-hover-color;\n        background-color: @nav-pills-active-link-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Stacked pills\n.nav-stacked {\n  > li {\n    float: none;\n    + li {\n      margin-top: 2px;\n      margin-left: 0; // no need for this gap between nav items\n    }\n  }\n}\n\n\n// Nav variations\n// --------------------------------------------------\n\n// Justified nav links\n// -------------------------\n\n.nav-justified {\n  width: 100%;\n\n  > li {\n    float: none;\n     > a {\n      text-align: center;\n      margin-bottom: 5px;\n    }\n  }\n\n  > .dropdown .dropdown-menu {\n    top: auto;\n    left: auto;\n  }\n\n  @media (min-width: @screen-sm-min) {\n    > li {\n      display: table-cell;\n      width: 1%;\n      > a {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n\n// Move borders to anchors instead of bottom of list\n//\n// Mixin for adding on top the shared `.nav-justified` styles for our tabs\n.nav-tabs-justified {\n  border-bottom: 0;\n\n  > li > a {\n    // Override margin from .nav-tabs\n    margin-right: 0;\n    border-radius: @border-radius-base;\n  }\n\n  > .active > a,\n  > .active > a:hover,\n  > .active > a:focus {\n    border: 1px solid @nav-tabs-justified-link-border-color;\n  }\n\n  @media (min-width: @screen-sm-min) {\n    > li > a {\n      border-bottom: 1px solid @nav-tabs-justified-link-border-color;\n      border-radius: @border-radius-base @border-radius-base 0 0;\n    }\n    > .active > a,\n    > .active > a:hover,\n    > .active > a:focus {\n      border-bottom-color: @nav-tabs-justified-active-link-border-color;\n    }\n  }\n}\n\n\n// Tabbable tabs\n// -------------------------\n\n// Hide tabbable panes to start, show them when `.active`\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n\n\n// Dropdowns\n// -------------------------\n\n// Specific dropdowns\n.nav-tabs .dropdown-menu {\n  // make dropdown border overlap tab border\n  margin-top: -1px;\n  // Remove the top rounded corners here since there is a hard edge above the menu\n  .border-top-radius(0);\n}\n","//\n// Navbars\n// --------------------------------------------------\n\n\n// Wrapper and base class\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)\n  margin-bottom: @navbar-margin-bottom;\n  border: 1px solid transparent;\n\n  // Prevent floats from breaking the navbar\n  &:extend(.clearfix all);\n\n  @media (min-width: @grid-float-breakpoint) {\n    border-radius: @navbar-border-radius;\n  }\n}\n\n\n// Navbar heading\n//\n// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy\n// styling of responsive aspects.\n\n.navbar-header {\n  &:extend(.clearfix all);\n\n  @media (min-width: @grid-float-breakpoint) {\n    float: left;\n  }\n}\n\n\n// Navbar collapse (body)\n//\n// Group your navbar content into this for easy collapsing and expanding across\n// various device sizes. By default, this content is collapsed when <768px, but\n// will expand past that for a horizontal display.\n//\n// To start (on mobile devices) the navbar links, forms, and buttons are stacked\n// vertically and include a `max-height` to overflow in case you have too much\n// content for the user's viewport.\n\n.navbar-collapse {\n  max-height: @navbar-collapse-max-height;\n  overflow-x: visible;\n  padding-right: @navbar-padding-horizontal;\n  padding-left:  @navbar-padding-horizontal;\n  border-top: 1px solid transparent;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);\n  &:extend(.clearfix all);\n  -webkit-overflow-scrolling: touch;\n\n  &.in {\n    overflow-y: auto;\n  }\n\n  @media (min-width: @grid-float-breakpoint) {\n    width: auto;\n    border-top: 0;\n    box-shadow: none;\n\n    &.collapse {\n      display: block !important;\n      height: auto !important;\n      padding-bottom: 0; // Override default setting\n      overflow: visible !important;\n    }\n\n    &.in {\n      overflow-y: visible;\n    }\n\n    // Undo the collapse side padding for navbars with containers to ensure\n    // alignment of right-aligned contents.\n    .navbar-fixed-top &,\n    .navbar-static-top &,\n    .navbar-fixed-bottom & {\n      padding-left: 0;\n      padding-right: 0;\n    }\n  }\n}\n\n\n// Both navbar header and collapse\n//\n// When a container is present, change the behavior of the header and collapse.\n\n.container,\n.container-fluid {\n  > .navbar-header,\n  > .navbar-collapse {\n    margin-right: -@navbar-padding-horizontal;\n    margin-left:  -@navbar-padding-horizontal;\n\n    @media (min-width: @grid-float-breakpoint) {\n      margin-right: 0;\n      margin-left:  0;\n    }\n  }\n}\n\n\n//\n// Navbar alignment options\n//\n// Display the navbar across the entirety of the page or fixed it to the top or\n// bottom of the page.\n\n// Static top (unfixed, but 100% wide) navbar\n.navbar-static-top {\n  z-index: @zindex-navbar;\n  border-width: 0 0 1px;\n\n  @media (min-width: @grid-float-breakpoint) {\n    border-radius: 0;\n  }\n}\n\n// Fix the top/bottom navbars when screen real estate supports it\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n  position: fixed;\n  right: 0;\n  left: 0;\n  z-index: @zindex-navbar-fixed;\n\n  // Undo the rounded corners\n  @media (min-width: @grid-float-breakpoint) {\n    border-radius: 0;\n  }\n}\n.navbar-fixed-top {\n  top: 0;\n  border-width: 0 0 1px;\n}\n.navbar-fixed-bottom {\n  bottom: 0;\n  margin-bottom: 0; // override .navbar defaults\n  border-width: 1px 0 0;\n}\n\n\n// Brand/project name\n\n.navbar-brand {\n  float: left;\n  padding: @navbar-padding-vertical @navbar-padding-horizontal;\n  font-size: @font-size-large;\n  line-height: @line-height-computed;\n  height: @navbar-height;\n\n  &:hover,\n  &:focus {\n    text-decoration: none;\n  }\n\n  @media (min-width: @grid-float-breakpoint) {\n    .navbar > .container &,\n    .navbar > .container-fluid & {\n      margin-left: -@navbar-padding-horizontal;\n    }\n  }\n}\n\n\n// Navbar toggle\n//\n// Custom button for toggling the `.navbar-collapse`, powered by the collapse\n// JavaScript plugin.\n\n.navbar-toggle {\n  position: relative;\n  float: right;\n  margin-right: @navbar-padding-horizontal;\n  padding: 9px 10px;\n  .navbar-vertical-align(34px);\n  background-color: transparent;\n  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n  border: 1px solid transparent;\n  border-radius: @border-radius-base;\n\n  // We remove the `outline` here, but later compensate by attaching `:hover`\n  // styles to `:focus`.\n  &:focus {\n    outline: none;\n  }\n\n  // Bars\n  .icon-bar {\n    display: block;\n    width: 22px;\n    height: 2px;\n    border-radius: 1px;\n  }\n  .icon-bar + .icon-bar {\n    margin-top: 4px;\n  }\n\n  @media (min-width: @grid-float-breakpoint) {\n    display: none;\n  }\n}\n\n\n// Navbar nav links\n//\n// Builds on top of the `.nav` components with its own modifier class to make\n// the nav the full height of the horizontal nav (above 768px).\n\n.navbar-nav {\n  margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;\n\n  > li > a {\n    padding-top:    10px;\n    padding-bottom: 10px;\n    line-height: @line-height-computed;\n  }\n\n  @media (max-width: @grid-float-breakpoint-max) {\n    // Dropdowns get custom display when collapsed\n    .open .dropdown-menu {\n      position: static;\n      float: none;\n      width: auto;\n      margin-top: 0;\n      background-color: transparent;\n      border: 0;\n      box-shadow: none;\n      > li > a,\n      .dropdown-header {\n        padding: 5px 15px 5px 25px;\n      }\n      > li > a {\n        line-height: @line-height-computed;\n        &:hover,\n        &:focus {\n          background-image: none;\n        }\n      }\n    }\n  }\n\n  // Uncollapse the nav\n  @media (min-width: @grid-float-breakpoint) {\n    float: left;\n    margin: 0;\n\n    > li {\n      float: left;\n      > a {\n        padding-top:    @navbar-padding-vertical;\n        padding-bottom: @navbar-padding-vertical;\n      }\n    }\n\n    &.navbar-right:last-child {\n      margin-right: -@navbar-padding-horizontal;\n    }\n  }\n}\n\n\n// Component alignment\n//\n// Repurpose the pull utilities as their own navbar utilities to avoid specificity\n// issues with parents and chaining. Only do this when the navbar is uncollapsed\n// though so that navbar contents properly stack and align in mobile.\n\n@media (min-width: @grid-float-breakpoint) {\n  .navbar-left  { .pull-left(); }\n  .navbar-right { .pull-right(); }\n}\n\n\n// Navbar form\n//\n// Extension of the `.form-inline` with some extra flavor for optimum display in\n// our navbars.\n\n.navbar-form {\n  margin-left: -@navbar-padding-horizontal;\n  margin-right: -@navbar-padding-horizontal;\n  padding: 10px @navbar-padding-horizontal;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid transparent;\n  @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);\n  .box-shadow(@shadow);\n\n  // Mixin behavior for optimum display\n  .form-inline();\n\n  .form-group {\n    @media (max-width: @grid-float-breakpoint-max) {\n      margin-bottom: 5px;\n    }\n  }\n\n  // Vertically center in expanded, horizontal navbar\n  .navbar-vertical-align(@input-height-base);\n\n  // Undo 100% width for pull classes\n  @media (min-width: @grid-float-breakpoint) {\n    width: auto;\n    border: 0;\n    margin-left: 0;\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    .box-shadow(none);\n\n    // Outdent the form if last child to line up with content down the page\n    &.navbar-right:last-child {\n      margin-right: -@navbar-padding-horizontal;\n    }\n  }\n}\n\n\n// Dropdown menus\n\n// Menu position and menu carets\n.navbar-nav > li > .dropdown-menu {\n  margin-top: 0;\n  .border-top-radius(0);\n}\n// Menu position and menu caret support for dropups via extra dropup class\n.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {\n  .border-bottom-radius(0);\n}\n\n\n// Buttons in navbars\n//\n// Vertically center a button within a navbar (when *not* in a form).\n\n.navbar-btn {\n  .navbar-vertical-align(@input-height-base);\n\n  &.btn-sm {\n    .navbar-vertical-align(@input-height-small);\n  }\n  &.btn-xs {\n    .navbar-vertical-align(22);\n  }\n}\n\n\n// Text in navbars\n//\n// Add a class to make any element properly align itself vertically within the navbars.\n\n.navbar-text {\n  .navbar-vertical-align(@line-height-computed);\n\n  @media (min-width: @grid-float-breakpoint) {\n    float: left;\n    margin-left: @navbar-padding-horizontal;\n    margin-right: @navbar-padding-horizontal;\n\n    // Outdent the form if last child to line up with content down the page\n    &.navbar-right:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n// Alternate navbars\n// --------------------------------------------------\n\n// Default navbar\n.navbar-default {\n  background-color: @navbar-default-bg;\n  border-color: @navbar-default-border;\n\n  .navbar-brand {\n    color: @navbar-default-brand-color;\n    &:hover,\n    &:focus {\n      color: @navbar-default-brand-hover-color;\n      background-color: @navbar-default-brand-hover-bg;\n    }\n  }\n\n  .navbar-text {\n    color: @navbar-default-color;\n  }\n\n  .navbar-nav {\n    > li > a {\n      color: @navbar-default-link-color;\n\n      &:hover,\n      &:focus {\n        color: @navbar-default-link-hover-color;\n        background-color: @navbar-default-link-hover-bg;\n      }\n    }\n    > .active > a {\n      &,\n      &:hover,\n      &:focus {\n        color: @navbar-default-link-active-color;\n        background-color: @navbar-default-link-active-bg;\n      }\n    }\n    > .disabled > a {\n      &,\n      &:hover,\n      &:focus {\n        color: @navbar-default-link-disabled-color;\n        background-color: @navbar-default-link-disabled-bg;\n      }\n    }\n  }\n\n  .navbar-toggle {\n    border-color: @navbar-default-toggle-border-color;\n    &:hover,\n    &:focus {\n      background-color: @navbar-default-toggle-hover-bg;\n    }\n    .icon-bar {\n      background-color: @navbar-default-toggle-icon-bar-bg;\n    }\n  }\n\n  .navbar-collapse,\n  .navbar-form {\n    border-color: @navbar-default-border;\n  }\n\n  // Dropdown menu items\n  .navbar-nav {\n    // Remove background color from open dropdown\n    > .open > a {\n      &,\n      &:hover,\n      &:focus {\n        background-color: @navbar-default-link-active-bg;\n        color: @navbar-default-link-active-color;\n      }\n    }\n\n    @media (max-width: @grid-float-breakpoint-max) {\n      // Dropdowns get custom display when collapsed\n      .open .dropdown-menu {\n        > li > a {\n          color: @navbar-default-link-color;\n          &:hover,\n          &:focus {\n            color: @navbar-default-link-hover-color;\n            background-color: @navbar-default-link-hover-bg;\n          }\n        }\n        > .active > a {\n          &,\n          &:hover,\n          &:focus {\n            color: @navbar-default-link-active-color;\n            background-color: @navbar-default-link-active-bg;\n          }\n        }\n        > .disabled > a {\n          &,\n          &:hover,\n          &:focus {\n            color: @navbar-default-link-disabled-color;\n            background-color: @navbar-default-link-disabled-bg;\n          }\n        }\n      }\n    }\n  }\n\n\n  // Links in navbars\n  //\n  // Add a class to ensure links outside the navbar nav are colored correctly.\n\n  .navbar-link {\n    color: @navbar-default-link-color;\n    &:hover {\n      color: @navbar-default-link-hover-color;\n    }\n  }\n\n}\n\n// Inverse navbar\n\n.navbar-inverse {\n  background-color: @navbar-inverse-bg;\n  border-color: @navbar-inverse-border;\n\n  .navbar-brand {\n    color: @navbar-inverse-brand-color;\n    &:hover,\n    &:focus {\n      color: @navbar-inverse-brand-hover-color;\n      background-color: @navbar-inverse-brand-hover-bg;\n    }\n  }\n\n  .navbar-text {\n    color: @navbar-inverse-color;\n  }\n\n  .navbar-nav {\n    > li > a {\n      color: @navbar-inverse-link-color;\n\n      &:hover,\n      &:focus {\n        color: @navbar-inverse-link-hover-color;\n        background-color: @navbar-inverse-link-hover-bg;\n      }\n    }\n    > .active > a {\n      &,\n      &:hover,\n      &:focus {\n        color: @navbar-inverse-link-active-color;\n        background-color: @navbar-inverse-link-active-bg;\n      }\n    }\n    > .disabled > a {\n      &,\n      &:hover,\n      &:focus {\n        color: @navbar-inverse-link-disabled-color;\n        background-color: @navbar-inverse-link-disabled-bg;\n      }\n    }\n  }\n\n  // Darken the responsive nav toggle\n  .navbar-toggle {\n    border-color: @navbar-inverse-toggle-border-color;\n    &:hover,\n    &:focus {\n      background-color: @navbar-inverse-toggle-hover-bg;\n    }\n    .icon-bar {\n      background-color: @navbar-inverse-toggle-icon-bar-bg;\n    }\n  }\n\n  .navbar-collapse,\n  .navbar-form {\n    border-color: darken(@navbar-inverse-bg, 7%);\n  }\n\n  // Dropdowns\n  .navbar-nav {\n    > .open > a {\n      &,\n      &:hover,\n      &:focus {\n        background-color: @navbar-inverse-link-active-bg;\n        color: @navbar-inverse-link-active-color;\n      }\n    }\n\n    @media (max-width: @grid-float-breakpoint-max) {\n      // Dropdowns get custom display\n      .open .dropdown-menu {\n        > .dropdown-header {\n          border-color: @navbar-inverse-border;\n        }\n        .divider {\n          background-color: @navbar-inverse-border;\n        }\n        > li > a {\n          color: @navbar-inverse-link-color;\n          &:hover,\n          &:focus {\n            color: @navbar-inverse-link-hover-color;\n            background-color: @navbar-inverse-link-hover-bg;\n          }\n        }\n        > .active > a {\n          &,\n          &:hover,\n          &:focus {\n            color: @navbar-inverse-link-active-color;\n            background-color: @navbar-inverse-link-active-bg;\n          }\n        }\n        > .disabled > a {\n          &,\n          &:hover,\n          &:focus {\n            color: @navbar-inverse-link-disabled-color;\n            background-color: @navbar-inverse-link-disabled-bg;\n          }\n        }\n      }\n    }\n  }\n\n  .navbar-link {\n    color: @navbar-inverse-link-color;\n    &:hover {\n      color: @navbar-inverse-link-hover-color;\n    }\n  }\n\n}\n","//\n// Utility classes\n// --------------------------------------------------\n\n\n// Floats\n// -------------------------\n\n.clearfix {\n  .clearfix();\n}\n.center-block {\n  .center-block();\n}\n.pull-right {\n  float: right !important;\n}\n.pull-left {\n  float: left !important;\n}\n\n\n// Toggling content\n// -------------------------\n\n// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1\n.hide {\n  display: none !important;\n}\n.show {\n  display: block !important;\n}\n.invisible {\n  visibility: hidden;\n}\n.text-hide {\n  .text-hide();\n}\n\n\n// Hide from screenreaders and browsers\n//\n// Credit: HTML5 Boilerplate\n\n.hidden {\n  display: none !important;\n  visibility: hidden !important;\n}\n\n\n// For Affix plugin\n// -------------------------\n\n.affix {\n  position: fixed;\n}\n","//\n// Breadcrumbs\n// --------------------------------------------------\n\n\n.breadcrumb {\n  padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;\n  margin-bottom: @line-height-computed;\n  list-style: none;\n  background-color: @breadcrumb-bg;\n  border-radius: @border-radius-base;\n\n  > li {\n    display: inline-block;\n\n    + li:before {\n      content: \"@{breadcrumb-separator}\\00a0\"; // Unicode space added since inline-block means non-collapsing white-space\n      padding: 0 5px;\n      color: @breadcrumb-color;\n    }\n  }\n\n  > .active {\n    color: @breadcrumb-active-color;\n  }\n}\n","//\n// Pagination (multiple pages)\n// --------------------------------------------------\n.pagination {\n  display: inline-block;\n  padding-left: 0;\n  margin: @line-height-computed 0;\n  border-radius: @border-radius-base;\n\n  > li {\n    display: inline; // Remove list-style and block-level defaults\n    > a,\n    > span {\n      position: relative;\n      float: left; // Collapse white-space\n      padding: @padding-base-vertical @padding-base-horizontal;\n      line-height: @line-height-base;\n      text-decoration: none;\n      color: @pagination-color;\n      background-color: @pagination-bg;\n      border: 1px solid @pagination-border;\n      margin-left: -1px;\n    }\n    &:first-child {\n      > a,\n      > span {\n        margin-left: 0;\n        .border-left-radius(@border-radius-base);\n      }\n    }\n    &:last-child {\n      > a,\n      > span {\n        .border-right-radius(@border-radius-base);\n      }\n    }\n  }\n\n  > li > a,\n  > li > span {\n    &:hover,\n    &:focus {\n      color: @pagination-hover-color;\n      background-color: @pagination-hover-bg;\n      border-color: @pagination-hover-border;\n    }\n  }\n\n  > .active > a,\n  > .active > span {\n    &,\n    &:hover,\n    &:focus {\n      z-index: 2;\n      color: @pagination-active-color;\n      background-color: @pagination-active-bg;\n      border-color: @pagination-active-border;\n      cursor: default;\n    }\n  }\n\n  > .disabled {\n    > span,\n    > span:hover,\n    > span:focus,\n    > a,\n    > a:hover,\n    > a:focus {\n      color: @pagination-disabled-color;\n      background-color: @pagination-disabled-bg;\n      border-color: @pagination-disabled-border;\n      cursor: not-allowed;\n    }\n  }\n}\n\n// Sizing\n// --------------------------------------------------\n\n// Large\n.pagination-lg {\n  .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);\n}\n\n// Small\n.pagination-sm {\n  .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);\n}\n","//\n// Pager pagination\n// --------------------------------------------------\n\n\n.pager {\n  padding-left: 0;\n  margin: @line-height-computed 0;\n  list-style: none;\n  text-align: center;\n  &:extend(.clearfix all);\n  li {\n    display: inline;\n    > a,\n    > span {\n      display: inline-block;\n      padding: 5px 14px;\n      background-color: @pager-bg;\n      border: 1px solid @pager-border;\n      border-radius: @pager-border-radius;\n    }\n\n    > a:hover,\n    > a:focus {\n      text-decoration: none;\n      background-color: @pager-hover-bg;\n    }\n  }\n\n  .next {\n    > a,\n    > span {\n      float: right;\n    }\n  }\n\n  .previous {\n    > a,\n    > span {\n      float: left;\n    }\n  }\n\n  .disabled {\n    > a,\n    > a:hover,\n    > a:focus,\n    > span {\n      color: @pager-disabled-color;\n      background-color: @pager-bg;\n      cursor: not-allowed;\n    }\n  }\n\n}\n","//\n// Labels\n// --------------------------------------------------\n\n.label {\n  display: inline;\n  padding: .2em .6em .3em;\n  font-size: 75%;\n  font-weight: bold;\n  line-height: 1;\n  color: @label-color;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  border-radius: .25em;\n\n  // Add hover effects, but only for links\n  &[href] {\n    &:hover,\n    &:focus {\n      color: @label-link-hover-color;\n      text-decoration: none;\n      cursor: pointer;\n    }\n  }\n\n  // Empty labels collapse automatically (not available in IE8)\n  &:empty {\n    display: none;\n  }\n\n  // Quick fix for labels in buttons\n  .btn & {\n    position: relative;\n    top: -1px;\n  }\n}\n\n// Colors\n// Contextual variations (linked labels get darker on :hover)\n\n.label-default {\n  .label-variant(@label-default-bg);\n}\n\n.label-primary {\n  .label-variant(@label-primary-bg);\n}\n\n.label-success {\n  .label-variant(@label-success-bg);\n}\n\n.label-info {\n  .label-variant(@label-info-bg);\n}\n\n.label-warning {\n  .label-variant(@label-warning-bg);\n}\n\n.label-danger {\n  .label-variant(@label-danger-bg);\n}\n","//\n// Badges\n// --------------------------------------------------\n\n\n// Base classes\n.badge {\n  display: inline-block;\n  min-width: 10px;\n  padding: 3px 7px;\n  font-size: @font-size-small;\n  font-weight: @badge-font-weight;\n  color: @badge-color;\n  line-height: @badge-line-height;\n  vertical-align: baseline;\n  white-space: nowrap;\n  text-align: center;\n  background-color: @badge-bg;\n  border-radius: @badge-border-radius;\n\n  // Empty badges collapse automatically (not available in IE8)\n  &:empty {\n    display: none;\n  }\n\n  // Quick fix for badges in buttons\n  .btn & {\n    position: relative;\n    top: -1px;\n  }\n  .btn-xs & {\n    top: 0;\n    padding: 1px 5px;\n  }\n}\n\n// Hover state, but only for links\na.badge {\n  &:hover,\n  &:focus {\n    color: @badge-link-hover-color;\n    text-decoration: none;\n    cursor: pointer;\n  }\n}\n\n// Account for counters in navs\na.list-group-item.active > .badge,\n.nav-pills > .active > a > .badge {\n  color: @badge-active-color;\n  background-color: @badge-active-bg;\n}\n.nav-pills > li > a > .badge {\n  margin-left: 3px;\n}\n","//\n// Jumbotron\n// --------------------------------------------------\n\n\n.jumbotron {\n  padding: @jumbotron-padding;\n  margin-bottom: @jumbotron-padding;\n  color: @jumbotron-color;\n  background-color: @jumbotron-bg;\n\n  h1,\n  .h1 {\n    color: @jumbotron-heading-color;\n  }\n  p {\n    margin-bottom: (@jumbotron-padding / 2);\n    font-size: @jumbotron-font-size;\n    font-weight: 200;\n  }\n\n  .container & {\n    border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container\n  }\n\n  .container {\n    max-width: 100%;\n  }\n\n  @media screen and (min-width: @screen-sm-min) {\n    padding-top:    (@jumbotron-padding * 1.6);\n    padding-bottom: (@jumbotron-padding * 1.6);\n\n    .container & {\n      padding-left:  (@jumbotron-padding * 2);\n      padding-right: (@jumbotron-padding * 2);\n    }\n\n    h1,\n    .h1 {\n      font-size: (@font-size-base * 4.5);\n    }\n  }\n}\n","//\n// Alerts\n// --------------------------------------------------\n\n\n// Base styles\n// -------------------------\n\n.alert {\n  padding: @alert-padding;\n  margin-bottom: @line-height-computed;\n  border: 1px solid transparent;\n  border-radius: @alert-border-radius;\n\n  // Headings for larger alerts\n  h4 {\n    margin-top: 0;\n    // Specified for the h4 to prevent conflicts of changing @headings-color\n    color: inherit;\n  }\n  // Provide class for links that match alerts\n  .alert-link {\n    font-weight: @alert-link-font-weight;\n  }\n\n  // Improve alignment and spacing of inner content\n  > p,\n  > ul {\n    margin-bottom: 0;\n  }\n  > p + p {\n    margin-top: 5px;\n  }\n}\n\n// Dismissable alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissable {\n padding-right: (@alert-padding + 20);\n\n  // Adjust close link position\n  .close {\n    position: relative;\n    top: -2px;\n    right: -21px;\n    color: inherit;\n  }\n}\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n.alert-success {\n  .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);\n}\n.alert-info {\n  .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);\n}\n.alert-warning {\n  .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);\n}\n.alert-danger {\n  .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);\n}\n","//\n// Progress bars\n// --------------------------------------------------\n\n\n// Bar animations\n// -------------------------\n\n// WebKit\n@-webkit-keyframes progress-bar-stripes {\n  from  { background-position: 40px 0; }\n  to    { background-position: 0 0; }\n}\n\n// Spec and IE10+\n@keyframes progress-bar-stripes {\n  from  { background-position: 40px 0; }\n  to    { background-position: 0 0; }\n}\n\n\n\n// Bar itself\n// -------------------------\n\n// Outer container\n.progress {\n  overflow: hidden;\n  height: @line-height-computed;\n  margin-bottom: @line-height-computed;\n  background-color: @progress-bg;\n  border-radius: @border-radius-base;\n  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));\n}\n\n// Bar of progress\n.progress-bar {\n  float: left;\n  width: 0%;\n  height: 100%;\n  font-size: @font-size-small;\n  line-height: @line-height-computed;\n  color: @progress-bar-color;\n  text-align: center;\n  background-color: @progress-bar-bg;\n  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));\n  .transition(width .6s ease);\n}\n\n// Striped bars\n.progress-striped .progress-bar {\n  #gradient > .striped();\n  background-size: 40px 40px;\n}\n\n// Call animation for the active one\n.progress.active .progress-bar {\n  .animation(progress-bar-stripes 2s linear infinite);\n}\n\n\n\n// Variations\n// -------------------------\n\n.progress-bar-success {\n  .progress-bar-variant(@progress-bar-success-bg);\n}\n\n.progress-bar-info {\n  .progress-bar-variant(@progress-bar-info-bg);\n}\n\n.progress-bar-warning {\n  .progress-bar-variant(@progress-bar-warning-bg);\n}\n\n.progress-bar-danger {\n  .progress-bar-variant(@progress-bar-danger-bg);\n}\n","// Media objects\n// Source: http://stubbornella.org/content/?p=497\n// --------------------------------------------------\n\n\n// Common styles\n// -------------------------\n\n// Clear the floats\n.media,\n.media-body {\n  overflow: hidden;\n  zoom: 1;\n}\n\n// Proper spacing between instances of .media\n.media,\n.media .media {\n  margin-top: 15px;\n}\n.media:first-child {\n  margin-top: 0;\n}\n\n// For images and videos, set to block\n.media-object {\n  display: block;\n}\n\n// Reset margins on headings for tighter default spacing\n.media-heading {\n  margin: 0 0 5px;\n}\n\n\n// Media image alignment\n// -------------------------\n\n.media {\n  > .pull-left {\n    margin-right: 10px;\n  }\n  > .pull-right {\n    margin-left: 10px;\n  }\n}\n\n\n// Media list variation\n// -------------------------\n\n// Undo default ul/ol styles\n.media-list {\n  padding-left: 0;\n  list-style: none;\n}\n","//\n// List groups\n// --------------------------------------------------\n\n\n// Base class\n//\n// Easily usable on 
    , 
      , or 
      .\n\n.list-group {\n  // No need to set list-style: none; since .list-group-item is block level\n  margin-bottom: 20px;\n  padding-left: 0; // reset padding because ul and ol\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: 10px 15px;\n  // Place the border on the list items and negative margin up for better styling\n  margin-bottom: -1px;\n  background-color: @list-group-bg;\n  border: 1px solid @list-group-border;\n\n  // Round the first and last items\n  &:first-child {\n    .border-top-radius(@list-group-border-radius);\n  }\n  &:last-child {\n    margin-bottom: 0;\n    .border-bottom-radius(@list-group-border-radius);\n  }\n\n  // Align badges within list items\n  > .badge {\n    float: right;\n  }\n  > .badge + .badge {\n    margin-right: 5px;\n  }\n}\n\n\n// Linked list items\n//\n// Use anchor elements instead of `li`s or `div`s to create linked list items.\n// Includes an extra `.active` modifier class for showing selected items.\n\na.list-group-item {\n  color: @list-group-link-color;\n\n  .list-group-item-heading {\n    color: @list-group-link-heading-color;\n  }\n\n  // Hover state\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    background-color: @list-group-hover-bg;\n  }\n\n  // Active class on item itself, not parent\n  &.active,\n  &.active:hover,\n  &.active:focus {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: @list-group-active-color;\n    background-color: @list-group-active-bg;\n    border-color: @list-group-active-border;\n\n    // Force color to inherit for custom content\n    .list-group-item-heading {\n      color: inherit;\n    }\n    .list-group-item-text {\n      color: @list-group-active-text-color;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n.list-group-item-variant(success; @state-success-bg; @state-success-text);\n.list-group-item-variant(info; @state-info-bg; @state-info-text);\n.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);\n.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);\n\n\n// Custom content options\n//\n// Extra classes for creating well-formatted content within `.list-group-item`s.\n\n.list-group-item-heading {\n  margin-top: 0;\n  margin-bottom: 5px;\n}\n.list-group-item-text {\n  margin-bottom: 0;\n  line-height: 1.3;\n}\n","//\n// Panels\n// --------------------------------------------------\n\n\n// Base class\n.panel {\n  margin-bottom: @line-height-computed;\n  background-color: @panel-bg;\n  border: 1px solid transparent;\n  border-radius: @panel-border-radius;\n  .box-shadow(0 1px 1px rgba(0,0,0,.05));\n}\n\n// Panel contents\n.panel-body {\n  padding: @panel-body-padding;\n  &:extend(.clearfix all);\n}\n\n// Optional heading\n.panel-heading {\n  padding: 10px 15px;\n  border-bottom: 1px solid transparent;\n  .border-top-radius((@panel-border-radius - 1));\n\n  > .dropdown .dropdown-toggle {\n    color: inherit;\n  }\n}\n\n// Within heading, strip any `h*` tag of its default margins for spacing.\n.panel-title {\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: ceil((@font-size-base * 1.125));\n  color: inherit;\n\n  > a {\n    color: inherit;\n  }\n}\n\n// Optional footer (stays gray in every modifier class)\n.panel-footer {\n  padding: 10px 15px;\n  background-color: @panel-footer-bg;\n  border-top: 1px solid @panel-inner-border;\n  .border-bottom-radius((@panel-border-radius - 1));\n}\n\n\n// List groups in panels\n//\n// By default, space out list group content from panel headings to account for\n// any kind of custom content between the two.\n\n.panel {\n  > .list-group {\n    margin-bottom: 0;\n\n    .list-group-item {\n      border-width: 1px 0;\n      border-radius: 0;\n    }\n\n    // Add border top radius for first one\n    &:first-child {\n      .list-group-item:first-child {\n        border-top: 0;\n        .border-top-radius((@panel-border-radius - 1));\n      }\n    }\n    // Add border bottom radius for last one\n    &:last-child {\n      .list-group-item:last-child {\n        border-bottom: 0;\n        .border-bottom-radius((@panel-border-radius - 1));\n      }\n    }\n  }\n}\n// Collapse space between when there's no additional content.\n.panel-heading + .list-group {\n  .list-group-item:first-child {\n    border-top-width: 0;\n  }\n}\n\n\n// Tables in panels\n//\n// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and\n// watch it go full width.\n\n.panel {\n  > .table,\n  > .table-responsive > .table {\n    margin-bottom: 0;\n  }\n  // Add border top radius for first one\n  > .table:first-child,\n  > .table-responsive:first-child > .table:first-child {\n    .border-top-radius((@panel-border-radius - 1));\n\n    > thead:first-child,\n    > tbody:first-child {\n      > tr:first-child {\n        td:first-child,\n        th:first-child {\n          border-top-left-radius: (@panel-border-radius - 1);\n        }\n        td:last-child,\n        th:last-child {\n          border-top-right-radius: (@panel-border-radius - 1);\n        }\n      }\n    }\n  }\n  // Add border bottom radius for last one\n  > .table:last-child,\n  > .table-responsive:last-child > .table:last-child {\n    .border-bottom-radius((@panel-border-radius - 1));\n\n    > tbody:last-child,\n    > tfoot:last-child {\n      > tr:last-child {\n        td:first-child,\n        th:first-child {\n          border-bottom-left-radius: (@panel-border-radius - 1);\n        }\n        td:last-child,\n        th:last-child {\n          border-bottom-right-radius: (@panel-border-radius - 1);\n        }\n      }\n    }\n  }\n  > .panel-body + .table,\n  > .panel-body + .table-responsive {\n    border-top: 1px solid @table-border-color;\n  }\n  > .table > tbody:first-child > tr:first-child th,\n  > .table > tbody:first-child > tr:first-child td {\n    border-top: 0;\n  }\n  > .table-bordered,\n  > .table-responsive > .table-bordered {\n    border: 0;\n    > thead,\n    > tbody,\n    > tfoot {\n      > tr {\n        > th:first-child,\n        > td:first-child {\n          border-left: 0;\n        }\n        > th:last-child,\n        > td:last-child {\n          border-right: 0;\n        }\n      }\n    }\n    > thead,\n    > tbody {\n      > tr:first-child {\n        > td,\n        > th {\n          border-bottom: 0;\n        }\n      }\n    }\n    > tbody,\n    > tfoot {\n      > tr:last-child {\n        > td,\n        > th {\n          border-bottom: 0;\n        }\n      }\n    }\n  }\n  > .table-responsive {\n    border: 0;\n    margin-bottom: 0;\n  }\n}\n\n\n// Collapsable panels (aka, accordion)\n//\n// Wrap a series of panels in `.panel-group` to turn them into an accordion with\n// the help of our collapse JavaScript plugin.\n\n.panel-group {\n  margin-bottom: @line-height-computed;\n\n  // Tighten up margin so it's only between panels\n  .panel {\n    margin-bottom: 0;\n    border-radius: @panel-border-radius;\n    overflow: hidden; // crop contents when collapsed\n    + .panel {\n      margin-top: 5px;\n    }\n  }\n\n  .panel-heading {\n    border-bottom: 0;\n    + .panel-collapse .panel-body {\n      border-top: 1px solid @panel-inner-border;\n    }\n  }\n  .panel-footer {\n    border-top: 0;\n    + .panel-collapse .panel-body {\n      border-bottom: 1px solid @panel-inner-border;\n    }\n  }\n}\n\n\n// Contextual variations\n.panel-default {\n  .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);\n}\n.panel-primary {\n  .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);\n}\n.panel-success {\n  .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);\n}\n.panel-info {\n  .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);\n}\n.panel-warning {\n  .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);\n}\n.panel-danger {\n  .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);\n}\n","//\n// Wells\n// --------------------------------------------------\n\n\n// Base class\n.well {\n  min-height: 20px;\n  padding: 19px;\n  margin-bottom: 20px;\n  background-color: @well-bg;\n  border: 1px solid @well-border;\n  border-radius: @border-radius-base;\n  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));\n  blockquote {\n    border-color: #ddd;\n    border-color: rgba(0,0,0,.15);\n  }\n}\n\n// Sizes\n.well-lg {\n  padding: 24px;\n  border-radius: @border-radius-large;\n}\n.well-sm {\n  padding: 9px;\n  border-radius: @border-radius-small;\n}\n","//\n// Close icons\n// --------------------------------------------------\n\n\n.close {\n  float: right;\n  font-size: (@font-size-base * 1.5);\n  font-weight: @close-font-weight;\n  line-height: 1;\n  color: @close-color;\n  text-shadow: @close-text-shadow;\n  .opacity(.2);\n\n  &:hover,\n  &:focus {\n    color: @close-color;\n    text-decoration: none;\n    cursor: pointer;\n    .opacity(.5);\n  }\n\n  // Additional properties for button version\n  // iOS requires the button element instead of an anchor tag.\n  // If you want the anchor version, it requires `href=\"#\"`.\n  button& {\n    padding: 0;\n    cursor: pointer;\n    background: transparent;\n    border: 0;\n    -webkit-appearance: none;\n  }\n}\n","//\n// Modals\n// --------------------------------------------------\n\n// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and shit\n\n// Kill the scroll on the body\n.modal-open {\n  overflow: hidden;\n}\n\n// Container that the modal scrolls within\n.modal {\n  display: none;\n  overflow: auto;\n  overflow-y: scroll;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: @zindex-modal;\n  -webkit-overflow-scrolling: touch;\n\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n\n  // When fading in the modal, animate it to slide down\n  &.fade .modal-dialog {\n    .translate(0, -25%);\n    .transition-transform(~\"0.3s ease-out\");\n  }\n  &.in .modal-dialog { .translate(0, 0)}\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: 10px;\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  background-color: @modal-content-bg;\n  border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)\n  border: 1px solid @modal-content-border-color;\n  border-radius: @border-radius-large;\n  .box-shadow(0 3px 9px rgba(0,0,0,.5));\n  background-clip: padding-box;\n  // Remove focus outline from opened modal\n  outline: none;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: @zindex-modal-background;\n  background-color: @modal-backdrop-bg;\n  // Fade for backdrop\n  &.fade { .opacity(0); }\n  &.in { .opacity(@modal-backdrop-opacity); }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  padding: @modal-title-padding;\n  border-bottom: 1px solid @modal-header-border-color;\n  min-height: (@modal-title-padding + @modal-title-line-height);\n}\n// Close icon\n.modal-header .close {\n  margin-top: -2px;\n}\n\n// Title text within header\n.modal-title {\n  margin: 0;\n  line-height: @modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  padding: @modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  margin-top: 15px;\n  padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;\n  text-align: right; // right align buttons\n  border-top: 1px solid @modal-footer-border-color;\n  &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons\n\n  // Properly space out buttons\n  .btn + .btn {\n    margin-left: 5px;\n    margin-bottom: 0; // account for input[type=\"submit\"] which gets the bottom margin like all other inputs\n  }\n  // but override that for button groups\n  .btn-group .btn + .btn {\n    margin-left: -1px;\n  }\n  // and override it for block buttons as well\n  .btn-block + .btn-block {\n    margin-left: 0;\n  }\n}\n\n// Scale up the modal\n@media (min-width: @screen-sm-min) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    width: @modal-md;\n    margin: 30px auto;\n  }\n  .modal-content {\n    .box-shadow(0 5px 15px rgba(0,0,0,.5));\n  }\n\n  // Modal sizes\n  .modal-sm { width: @modal-sm; }\n}\n\n@media (min-width: @screen-md-min) {\n  .modal-lg { width: @modal-lg; }\n}\n","//\n// Tooltips\n// --------------------------------------------------\n\n\n// Base class\n.tooltip {\n  position: absolute;\n  z-index: @zindex-tooltip;\n  display: block;\n  visibility: visible;\n  font-size: @font-size-small;\n  line-height: 1.4;\n  .opacity(0);\n\n  &.in     { .opacity(@tooltip-opacity); }\n  &.top    { margin-top:  -3px; padding: @tooltip-arrow-width 0; }\n  &.right  { margin-left:  3px; padding: 0 @tooltip-arrow-width; }\n  &.bottom { margin-top:   3px; padding: @tooltip-arrow-width 0; }\n  &.left   { margin-left: -3px; padding: 0 @tooltip-arrow-width; }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: @tooltip-max-width;\n  padding: 3px 8px;\n  color: @tooltip-color;\n  text-align: center;\n  text-decoration: none;\n  background-color: @tooltip-bg;\n  border-radius: @border-radius-base;\n}\n\n// Arrows\n.tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.tooltip {\n  &.top .tooltip-arrow {\n    bottom: 0;\n    left: 50%;\n    margin-left: -@tooltip-arrow-width;\n    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n    border-top-color: @tooltip-arrow-color;\n  }\n  &.top-left .tooltip-arrow {\n    bottom: 0;\n    left: @tooltip-arrow-width;\n    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n    border-top-color: @tooltip-arrow-color;\n  }\n  &.top-right .tooltip-arrow {\n    bottom: 0;\n    right: @tooltip-arrow-width;\n    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n    border-top-color: @tooltip-arrow-color;\n  }\n  &.right .tooltip-arrow {\n    top: 50%;\n    left: 0;\n    margin-top: -@tooltip-arrow-width;\n    border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;\n    border-right-color: @tooltip-arrow-color;\n  }\n  &.left .tooltip-arrow {\n    top: 50%;\n    right: 0;\n    margin-top: -@tooltip-arrow-width;\n    border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;\n    border-left-color: @tooltip-arrow-color;\n  }\n  &.bottom .tooltip-arrow {\n    top: 0;\n    left: 50%;\n    margin-left: -@tooltip-arrow-width;\n    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n    border-bottom-color: @tooltip-arrow-color;\n  }\n  &.bottom-left .tooltip-arrow {\n    top: 0;\n    left: @tooltip-arrow-width;\n    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n    border-bottom-color: @tooltip-arrow-color;\n  }\n  &.bottom-right .tooltip-arrow {\n    top: 0;\n    right: @tooltip-arrow-width;\n    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n    border-bottom-color: @tooltip-arrow-color;\n  }\n}\n","//\n// Popovers\n// --------------------------------------------------\n\n\n.popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: @zindex-popover;\n  display: none;\n  max-width: @popover-max-width;\n  padding: 1px;\n  text-align: left; // Reset given new insertion method\n  background-color: @popover-bg;\n  background-clip: padding-box;\n  border: 1px solid @popover-fallback-border-color;\n  border: 1px solid @popover-border-color;\n  border-radius: @border-radius-large;\n  .box-shadow(0 5px 10px rgba(0,0,0,.2));\n\n  // Overrides for proper insertion\n  white-space: normal;\n\n  // Offset the popover to account for the popover arrow\n  &.top     { margin-top: -@popover-arrow-width; }\n  &.right   { margin-left: @popover-arrow-width; }\n  &.bottom  { margin-top: @popover-arrow-width; }\n  &.left    { margin-left: -@popover-arrow-width; }\n}\n\n.popover-title {\n  margin: 0; // reset heading margin\n  padding: 8px 14px;\n  font-size: @font-size-base;\n  font-weight: normal;\n  line-height: 18px;\n  background-color: @popover-title-bg;\n  border-bottom: 1px solid darken(@popover-title-bg, 5%);\n  border-radius: 5px 5px 0 0;\n}\n\n.popover-content {\n  padding: 9px 14px;\n}\n\n// Arrows\n//\n// .arrow is outer, .arrow:after is inner\n\n.popover > .arrow {\n  &,\n  &:after {\n    position: absolute;\n    display: block;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n  }\n}\n.popover > .arrow {\n  border-width: @popover-arrow-outer-width;\n}\n.popover > .arrow:after {\n  border-width: @popover-arrow-width;\n  content: \"\";\n}\n\n.popover {\n  &.top > .arrow {\n    left: 50%;\n    margin-left: -@popover-arrow-outer-width;\n    border-bottom-width: 0;\n    border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n    border-top-color: @popover-arrow-outer-color;\n    bottom: -@popover-arrow-outer-width;\n    &:after {\n      content: \" \";\n      bottom: 1px;\n      margin-left: -@popover-arrow-width;\n      border-bottom-width: 0;\n      border-top-color: @popover-arrow-color;\n    }\n  }\n  &.right > .arrow {\n    top: 50%;\n    left: -@popover-arrow-outer-width;\n    margin-top: -@popover-arrow-outer-width;\n    border-left-width: 0;\n    border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n    border-right-color: @popover-arrow-outer-color;\n    &:after {\n      content: \" \";\n      left: 1px;\n      bottom: -@popover-arrow-width;\n      border-left-width: 0;\n      border-right-color: @popover-arrow-color;\n    }\n  }\n  &.bottom > .arrow {\n    left: 50%;\n    margin-left: -@popover-arrow-outer-width;\n    border-top-width: 0;\n    border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n    border-bottom-color: @popover-arrow-outer-color;\n    top: -@popover-arrow-outer-width;\n    &:after {\n      content: \" \";\n      top: 1px;\n      margin-left: -@popover-arrow-width;\n      border-top-width: 0;\n      border-bottom-color: @popover-arrow-color;\n    }\n  }\n\n  &.left > .arrow {\n    top: 50%;\n    right: -@popover-arrow-outer-width;\n    margin-top: -@popover-arrow-outer-width;\n    border-right-width: 0;\n    border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n    border-left-color: @popover-arrow-outer-color;\n    &:after {\n      content: \" \";\n      right: 1px;\n      border-right-width: 0;\n      border-left-color: @popover-arrow-color;\n      bottom: -@popover-arrow-width;\n    }\n  }\n\n}\n","//\n// Responsive: Utility classes\n// --------------------------------------------------\n\n\n// IE10 in Windows (Phone) 8\n//\n// Support for responsive views via media queries is kind of borked in IE10, for\n// Surface/desktop in split view and for Windows Phone 8. This particular fix\n// must be accompanied by a snippet of JavaScript to sniff the user agent and\n// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\n// our Getting Started page for more information on this bug.\n//\n// For more information, see the following:\n//\n// Issue: https://github.com/twbs/bootstrap/issues/10497\n// Docs: http://getbootstrap.com/getting-started/#browsers\n// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n\n@-ms-viewport {\n  width: device-width;\n}\n\n\n// Visibility utilities\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n  .responsive-invisibility();\n}\n\n.visible-xs {\n  @media (max-width: @screen-xs-max) {\n    .responsive-visibility();\n  }\n}\n.visible-sm {\n  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n    .responsive-visibility();\n  }\n}\n.visible-md {\n  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n    .responsive-visibility();\n  }\n}\n.visible-lg {\n  @media (min-width: @screen-lg-min) {\n    .responsive-visibility();\n  }\n}\n\n.hidden-xs {\n  @media (max-width: @screen-xs-max) {\n    .responsive-invisibility();\n  }\n}\n.hidden-sm {\n  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n    .responsive-invisibility();\n  }\n}\n.hidden-md {\n  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n    .responsive-invisibility();\n  }\n}\n.hidden-lg {\n  @media (min-width: @screen-lg-min) {\n    .responsive-invisibility();\n  }\n}\n\n\n// Print utilities\n//\n// Media queries are placed on the inside to be mixin-friendly.\n\n.visible-print {\n  .responsive-invisibility();\n\n  @media print {\n    .responsive-visibility();\n  }\n}\n\n.hidden-print {\n  @media print {\n    .responsive-invisibility();\n  }\n}\n"]}
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap.min.css b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap.min.css
new file mode 100644
index 00000000..07f12ea8
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap.min.css
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:18px;margin-bottom:18px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:18px;margin-bottom:9px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:9px;margin-bottom:9px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:33px}h2,.h2{font-size:27px}h3,.h3{font-size:23px}h4,.h4{font-size:17px}h5,.h5{font-size:13px}h6,.h6{font-size:12px}p{margin:0 0 9px}.lead{margin-bottom:18px;font-size:14px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:19.5px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:8px;margin:36px 0 18px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:9px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:18px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:9px 18px;margin:0 0 18px;font-size:16.25px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:18px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:18px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:13.5px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:18px;font-size:19.5px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:13px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:32px;padding:6px 12px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:32px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:18px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:40px}.has-feedback .form-control-feedback{position:absolute;top:23px;right:0;display:block;width:32px;height:32px;line-height:32px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:25px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:13px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:13px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:17px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:13px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:17px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:8px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:18px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:16px 15px;font-size:17px;line-height:18px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:8px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:18px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:18px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:16px;padding-bottom:16px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:9px;margin-bottom:9px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:9px;margin-bottom:9px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:16px;margin-bottom:16px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:18px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:18px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:17px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:18px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:20px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:58.5px}}.thumbnail{display:block;padding:4px;margin-bottom:18px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:18px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:18px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:18px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:15px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:18px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:19.5px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:13px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:4px 6px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}}
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.eot b/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.eot
new file mode 100644
index 00000000..4a4ca865
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.eot differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.svg b/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.svg
new file mode 100644
index 00000000..e3e2dc73
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.svg
@@ -0,0 +1,229 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.ttf b/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.ttf
new file mode 100644
index 00000000..67fa00bf
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.ttf differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.woff b/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.woff
new file mode 100644
index 00000000..8c54182a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/fonts/glyphicons-halflings-regular.woff differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/alpha-horizontal.png b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/alpha-horizontal.png
new file mode 100644
index 00000000..d0a65c08
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/alpha-horizontal.png differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/alpha.png b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/alpha.png
new file mode 100644
index 00000000..38043f1c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/alpha.png differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/hue-horizontal.png b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/hue-horizontal.png
new file mode 100644
index 00000000..a0d9add8
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/hue-horizontal.png differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/hue.png b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/hue.png
new file mode 100644
index 00000000..d89560e9
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/hue.png differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/saturation.png b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/saturation.png
new file mode 100644
index 00000000..594ae50e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/img/bootstrap-colorpicker/saturation.png differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/img/glyphicons-halflings-blue.png b/packages/mindplot/test/playground/map-render/bootstrap/img/glyphicons-halflings-blue.png
new file mode 100644
index 00000000..a8dca0fc
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/bootstrap/img/glyphicons-halflings-blue.png differ
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap-colorpicker.js b/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap-colorpicker.js
new file mode 100644
index 00000000..15f9b9ec
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap-colorpicker.js
@@ -0,0 +1,951 @@
+/*!
+ * Bootstrap Colorpicker
+ * http://mjolnic.github.io/bootstrap-colorpicker/
+ *
+ * Originally written by (c) 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0.txt
+ *
+ * @todo Update DOCS
+ */
+(function($) {
+    'use strict';
+
+    // Color object
+    var Color = function(val) {
+        this.value = {
+            h: 0,
+            s: 0,
+            b: 0,
+            a: 1
+        };
+        this.origFormat = null; // original string format
+        if (val) {
+            if (val.toLowerCase !== undefined) {
+                this.setColor(val);
+            } else if (val.h !== undefined) {
+                this.value = val;
+            }
+        }
+    };
+
+    Color.prototype = {
+        constructor: Color,
+        _sanitizeNumber: function(val) {
+            if (typeof val === 'number') {
+                return val;
+            }
+            if (isNaN(val) || (val === null) || (val === '') || (val === undefined)) {
+                return 1;
+            }
+            if (val.toLowerCase !== undefined) {
+                return parseFloat(val);
+            }
+            return 1;
+        },
+        //parse a string to HSB
+        setColor: function(strVal) {
+            strVal = strVal.toLowerCase();
+            this.value = this.stringToHSB(strVal) ||  {
+                h: 0,
+                s: 0,
+                b: 0,
+                a: 1
+            };
+        },
+        stringToHSB: function(strVal) {
+            strVal = strVal.toLowerCase();
+            var that = this,
+                result = false;
+            $.each(this.stringParsers, function(i, parser) {
+                var match = parser.re.exec(strVal),
+                    values = match && parser.parse.apply(that, [match]),
+                    format = parser.format || 'rgba';
+                if (values) {
+                    if (format.match(/hsla?/)) {
+                        result = that.RGBtoHSB.apply(that, that.HSLtoRGB.apply(that, values));
+                    } else {
+                        result = that.RGBtoHSB.apply(that, values);
+                    }
+                    that.origFormat = format;
+                    return false;
+                }
+                return true;
+            });
+            return result;
+        },
+        setHue: function(h) {
+            this.value.h = 1 - h;
+        },
+        setSaturation: function(s) {
+            this.value.s = s;
+        },
+        setBrightness: function(b) {
+            this.value.b = 1 - b;
+        },
+        setAlpha: function(a) {
+            this.value.a = parseInt((1 - a) * 100, 10) / 100;
+        },
+        toRGB: function(h, s, v, a) {
+            h = h || this.value.h;
+            s = s || this.value.s;
+            v = v || this.value.b;
+            a = a || this.value.a;
+
+            var r, g, b, i, f, p, q, t;
+            if (h && s === undefined && v === undefined) {
+                s = h.s, v = h.v, h = h.h;
+            }
+            i = Math.floor(h * 6);
+            f = h * 6 - i;
+            p = v * (1 - s);
+            q = v * (1 - f * s);
+            t = v * (1 - (1 - f) * s);
+            switch (i % 6) {
+                case 0:
+                    r = v, g = t, b = p;
+                    break;
+                case 1:
+                    r = q, g = v, b = p;
+                    break;
+                case 2:
+                    r = p, g = v, b = t;
+                    break;
+                case 3:
+                    r = p, g = q, b = v;
+                    break;
+                case 4:
+                    r = t, g = p, b = v;
+                    break;
+                case 5:
+                    r = v, g = p, b = q;
+                    break;
+            }
+            return {
+                r: Math.floor(r * 255),
+                g: Math.floor(g * 255),
+                b: Math.floor(b * 255),
+                a: a
+            };
+        },
+        toHex: function(h, s, b, a) {
+            var rgb = this.toRGB(h, s, b, a);
+            return '#' + ((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1);
+        },
+        toHSL: function(h, s, b, a) {
+            h = h || this.value.h;
+            s = s || this.value.s;
+            b = b || this.value.b;
+            a = a || this.value.a;
+
+            var H = h,
+                L = (2 - s) * b,
+                S = s * b;
+            if (L > 0 && L <= 1) {
+                S /= L;
+            } else {
+                S /= 2 - L;
+            }
+            L /= 2;
+            if (S > 1) {
+                S = 1;
+            }
+            return {
+                h: isNaN(H) ? 0 : H,
+                s: isNaN(S) ? 0 : S,
+                l: isNaN(L) ? 0 : L,
+                a: isNaN(a) ? 0 : a,
+            };
+        },
+        RGBtoHSB: function(r, g, b, a) {
+            r /= 255;
+            g /= 255;
+            b /= 255;
+
+            var H, S, V, C;
+            V = Math.max(r, g, b);
+            C = V - Math.min(r, g, b);
+            H = (C === 0 ? null :
+                V === r ? (g - b) / C :
+                V === g ? (b - r) / C + 2 :
+                (r - g) / C + 4
+            );
+            H = ((H + 360) % 6) * 60 / 360;
+            S = C === 0 ? 0 : C / V;
+            return {
+                h: this._sanitizeNumber(H),
+                s: S,
+                b: V,
+                a: this._sanitizeNumber(a)
+            };
+        },
+        HueToRGB: function(p, q, h) {
+            if (h < 0) {
+                h += 1;
+            } else if (h > 1) {
+                h -= 1;
+            }
+            if ((h * 6) < 1) {
+                return p + (q - p) * h * 6;
+            } else if ((h * 2) < 1) {
+                return q;
+            } else if ((h * 3) < 2) {
+                return p + (q - p) * ((2 / 3) - h) * 6;
+            } else {
+                return p;
+            }
+        },
+        HSLtoRGB: function(h, s, l, a) {
+            if (s < 0) {
+                s = 0;
+            }
+            var q;
+            if (l <= 0.5) {
+                q = l * (1 + s);
+            } else {
+                q = l + s - (l * s);
+            }
+
+            var p = 2 * l - q;
+
+            var tr = h + (1 / 3);
+            var tg = h;
+            var tb = h - (1 / 3);
+
+            var r = Math.round(this.HueToRGB(p, q, tr) * 255);
+            var g = Math.round(this.HueToRGB(p, q, tg) * 255);
+            var b = Math.round(this.HueToRGB(p, q, tb) * 255);
+            return [r, g, b, this._sanitizeNumber(a)];
+        },
+        toString: function(format) {
+            format = format ||  'rgba';
+            switch (format) {
+                case 'rgb':
+                    {
+                        var rgb = this.toRGB();
+                        return 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ')';
+                    }
+                    break;
+                case 'rgba':
+                    {
+                        var rgb = this.toRGB();
+                        return 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + rgb.a + ')';
+                    }
+                    break;
+                case 'hsl':
+                    {
+                        var hsl = this.toHSL();
+                        return 'hsl(' + Math.round(hsl.h * 360) + ',' + Math.round(hsl.s * 100) + '%,' + Math.round(hsl.l * 100) + '%)';
+                    }
+                    break;
+                case 'hsla':
+                    {
+                        var hsl = this.toHSL();
+                        return 'hsla(' + Math.round(hsl.h * 360) + ',' + Math.round(hsl.s * 100) + '%,' + Math.round(hsl.l * 100) + '%,' + hsl.a + ')';
+                    }
+                    break;
+                case 'hex':
+                    {
+                        return this.toHex();
+                    }
+                    break;
+                default:
+                    {
+                        return false;
+                    }
+                    break;
+            }
+        },
+        // a set of RE's that can match strings and generate color tuples.
+        // from John Resig color plugin
+        // https://github.com/jquery/jquery-color/
+        stringParsers: [{
+            re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,
+            format: 'hex',
+            parse: function(execResult) {
+                return [
+                    parseInt(execResult[1], 16),
+                    parseInt(execResult[2], 16),
+                    parseInt(execResult[3], 16),
+                    1
+                ];
+            }
+        }, {
+            re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,
+            format: 'hex',
+            parse: function(execResult) {
+                return [
+                    parseInt(execResult[1] + execResult[1], 16),
+                    parseInt(execResult[2] + execResult[2], 16),
+                    parseInt(execResult[3] + execResult[3], 16),
+                    1
+                ];
+            }
+        }, {
+            re: /rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/,
+            format: 'rgb',
+            parse: function(execResult) {
+                return [
+                    execResult[1],
+                    execResult[2],
+                    execResult[3],
+                    1
+                ];
+            }
+        }, {
+            re: /rgb\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/,
+            format: 'rgb',
+            parse: function(execResult) {
+                return [
+                    2.55 * execResult[1],
+                    2.55 * execResult[2],
+                    2.55 * execResult[3],
+                    1
+                ];
+            }
+        }, {
+            re: /rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+            format: 'rgba',
+            parse: function(execResult) {
+                return [
+                    execResult[1],
+                    execResult[2],
+                    execResult[3],
+                    execResult[4]
+                ];
+            }
+        }, {
+            re: /rgba\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+            format: 'rgba',
+            parse: function(execResult) {
+                return [
+                    2.55 * execResult[1],
+                    2.55 * execResult[2],
+                    2.55 * execResult[3],
+                    execResult[4]
+                ];
+            }
+        }, {
+            re: /hsl\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/,
+            format: 'hsl',
+            parse: function(execResult) {
+                return [
+                    execResult[1] / 360,
+                    execResult[2] / 100,
+                    execResult[3] / 100,
+                    execResult[4]
+                ];
+            }
+        }, {
+            re: /hsla\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+            format: 'hsla',
+            parse: function(execResult) {
+                return [
+                    execResult[1] / 360,
+                    execResult[2] / 100,
+                    execResult[3] / 100,
+                    execResult[4]
+                ];
+            }
+        }, {
+            //predefined color name
+            re: /^([a-z]{3,})$/,
+            format: 'alias',
+            parse: function(execResult) {
+                var hexval = this.colorNameToHex(execResult[0]) ||  '#000000';
+                var match = this.stringParsers[0].re.exec(hexval),
+                    values = match && this.stringParsers[0].parse.apply(this, [match]);
+                return values;
+            }
+        }],
+        colorNameToHex: function(name) {
+            // 140 predefined colors from the HTML Colors spec
+            var colors = {
+                "aliceblue": "#f0f8ff",
+                "antiquewhite": "#faebd7",
+                "aqua": "#00ffff",
+                "aquamarine": "#7fffd4",
+                "azure": "#f0ffff",
+                "beige": "#f5f5dc",
+                "bisque": "#ffe4c4",
+                "black": "#000000",
+                "blanchedalmond": "#ffebcd",
+                "blue": "#0000ff",
+                "blueviolet": "#8a2be2",
+                "brown": "#a52a2a",
+                "burlywood": "#deb887",
+                "cadetblue": "#5f9ea0",
+                "chartreuse": "#7fff00",
+                "chocolate": "#d2691e",
+                "coral": "#ff7f50",
+                "cornflowerblue": "#6495ed",
+                "cornsilk": "#fff8dc",
+                "crimson": "#dc143c",
+                "cyan": "#00ffff",
+                "darkblue": "#00008b",
+                "darkcyan": "#008b8b",
+                "darkgoldenrod": "#b8860b",
+                "darkgray": "#a9a9a9",
+                "darkgreen": "#006400",
+                "darkkhaki": "#bdb76b",
+                "darkmagenta": "#8b008b",
+                "darkolivegreen": "#556b2f",
+                "darkorange": "#ff8c00",
+                "darkorchid": "#9932cc",
+                "darkred": "#8b0000",
+                "darksalmon": "#e9967a",
+                "darkseagreen": "#8fbc8f",
+                "darkslateblue": "#483d8b",
+                "darkslategray": "#2f4f4f",
+                "darkturquoise": "#00ced1",
+                "darkviolet": "#9400d3",
+                "deeppink": "#ff1493",
+                "deepskyblue": "#00bfff",
+                "dimgray": "#696969",
+                "dodgerblue": "#1e90ff",
+                "firebrick": "#b22222",
+                "floralwhite": "#fffaf0",
+                "forestgreen": "#228b22",
+                "fuchsia": "#ff00ff",
+                "gainsboro": "#dcdcdc",
+                "ghostwhite": "#f8f8ff",
+                "gold": "#ffd700",
+                "goldenrod": "#daa520",
+                "gray": "#808080",
+                "green": "#008000",
+                "greenyellow": "#adff2f",
+                "honeydew": "#f0fff0",
+                "hotpink": "#ff69b4",
+                "indianred ": "#cd5c5c",
+                "indigo ": "#4b0082",
+                "ivory": "#fffff0",
+                "khaki": "#f0e68c",
+                "lavender": "#e6e6fa",
+                "lavenderblush": "#fff0f5",
+                "lawngreen": "#7cfc00",
+                "lemonchiffon": "#fffacd",
+                "lightblue": "#add8e6",
+                "lightcoral": "#f08080",
+                "lightcyan": "#e0ffff",
+                "lightgoldenrodyellow": "#fafad2",
+                "lightgrey": "#d3d3d3",
+                "lightgreen": "#90ee90",
+                "lightpink": "#ffb6c1",
+                "lightsalmon": "#ffa07a",
+                "lightseagreen": "#20b2aa",
+                "lightskyblue": "#87cefa",
+                "lightslategray": "#778899",
+                "lightsteelblue": "#b0c4de",
+                "lightyellow": "#ffffe0",
+                "lime": "#00ff00",
+                "limegreen": "#32cd32",
+                "linen": "#faf0e6",
+                "magenta": "#ff00ff",
+                "maroon": "#800000",
+                "mediumaquamarine": "#66cdaa",
+                "mediumblue": "#0000cd",
+                "mediumorchid": "#ba55d3",
+                "mediumpurple": "#9370d8",
+                "mediumseagreen": "#3cb371",
+                "mediumslateblue": "#7b68ee",
+                "mediumspringgreen": "#00fa9a",
+                "mediumturquoise": "#48d1cc",
+                "mediumvioletred": "#c71585",
+                "midnightblue": "#191970",
+                "mintcream": "#f5fffa",
+                "mistyrose": "#ffe4e1",
+                "moccasin": "#ffe4b5",
+                "navajowhite": "#ffdead",
+                "navy": "#000080",
+                "oldlace": "#fdf5e6",
+                "olive": "#808000",
+                "olivedrab": "#6b8e23",
+                "orange": "#ffa500",
+                "orangered": "#ff4500",
+                "orchid": "#da70d6",
+                "palegoldenrod": "#eee8aa",
+                "palegreen": "#98fb98",
+                "paleturquoise": "#afeeee",
+                "palevioletred": "#d87093",
+                "papayawhip": "#ffefd5",
+                "peachpuff": "#ffdab9",
+                "peru": "#cd853f",
+                "pink": "#ffc0cb",
+                "plum": "#dda0dd",
+                "powderblue": "#b0e0e6",
+                "purple": "#800080",
+                "red": "#ff0000",
+                "rosybrown": "#bc8f8f",
+                "royalblue": "#4169e1",
+                "saddlebrown": "#8b4513",
+                "salmon": "#fa8072",
+                "sandybrown": "#f4a460",
+                "seagreen": "#2e8b57",
+                "seashell": "#fff5ee",
+                "sienna": "#a0522d",
+                "silver": "#c0c0c0",
+                "skyblue": "#87ceeb",
+                "slateblue": "#6a5acd",
+                "slategray": "#708090",
+                "snow": "#fffafa",
+                "springgreen": "#00ff7f",
+                "steelblue": "#4682b4",
+                "tan": "#d2b48c",
+                "teal": "#008080",
+                "thistle": "#d8bfd8",
+                "tomato": "#ff6347",
+                "turquoise": "#40e0d0",
+                "violet": "#ee82ee",
+                "wheat": "#f5deb3",
+                "white": "#ffffff",
+                "whitesmoke": "#f5f5f5",
+                "yellow": "#ffff00",
+                "yellowgreen": "#9acd32"
+            };
+
+            if (typeof colors[name.toLowerCase()] !== 'undefined') {
+                return colors[name.toLowerCase()];
+            }
+            return false;
+        }
+    };
+
+
+    var defaults = {
+        horizontal: false, // horizontal mode layout ?
+        inline: false, //forces to show the colorpicker as an inline element
+        color: false, //forces a color
+        format: false, //forces a format
+        input: 'input', // children input selector
+        container: false, // container selector
+        component: '.add-on, .input-group-addon', // children component selector
+        sliders: {
+            saturation: {
+                maxLeft: 100,
+                maxTop: 100,
+                callLeft: 'setSaturation',
+                callTop: 'setBrightness'
+            },
+            hue: {
+                maxLeft: 0,
+                maxTop: 100,
+                callLeft: false,
+                callTop: 'setHue'
+            },
+            alpha: {
+                maxLeft: 0,
+                maxTop: 100,
+                callLeft: false,
+                callTop: 'setAlpha'
+            }
+        },
+        slidersHorz: {
+            saturation: {
+                maxLeft: 100,
+                maxTop: 100,
+                callLeft: 'setSaturation',
+                callTop: 'setBrightness'
+            },
+            hue: {
+                maxLeft: 100,
+                maxTop: 0,
+                callLeft: 'setHue',
+                callTop: false
+            },
+            alpha: {
+                maxLeft: 100,
+                maxTop: 0,
+                callLeft: 'setAlpha',
+                callTop: false
+            }
+        },
+        template: '
      ' +
+            '
      ' +
+            '
      ' +
+            '
      ' +
+            '
      ' +
+            '
      '
+    };
+
+    var Colorpicker = function(element, options) {
+        this.element = $(element).addClass('colorpicker-element');
+        this.options = $.extend({}, defaults, this.element.data(), options);
+        this.component = this.options.component;
+        this.component = (this.component !== false) ? this.element.find(this.component) : false;
+        if (this.component && (this.component.length === 0)) {
+            this.component = false;
+        }
+        this.container = (this.options.container === true) ? this.element : this.options.container;
+        this.container = (this.container !== false) ? $(this.container) : false;
+
+        // Is the element an input? Should we search inside for any input?
+        this.input = this.element.is('input') ? this.element : (this.options.input ?
+            this.element.find(this.options.input) : false);
+        if (this.input && (this.input.length === 0)) {
+            this.input = false;
+        }
+        // Set HSB color
+        this.color = new Color(this.options.color !== false ? this.options.color : this.getValue());
+        this.format = this.options.format !== false ? this.options.format : this.color.origFormat;
+
+        // Setup picker
+        this.picker = $(this.options.template);
+        if (this.options.inline) {
+            this.picker.addClass('colorpicker-inline colorpicker-visible');
+        } else {
+            this.picker.addClass('colorpicker-hidden');
+        }
+        if (this.options.horizontal) {
+            this.picker.addClass('colorpicker-horizontal');
+        }
+        if (this.format === 'rgba' || this.format === 'hsla') {
+            this.picker.addClass('colorpicker-with-alpha');
+        }
+        this.picker.on('mousedown.colorpicker', $.proxy(this.mousedown, this));
+        this.picker.appendTo(this.container ? this.container : $('body'));
+
+        // Bind events
+        if (this.input !== false) {
+            this.input.on({
+                'keyup.colorpicker': $.proxy(this.keyup, this)
+            });
+            if (this.component === false) {
+                this.element.on({
+                    'focus.colorpicker': $.proxy(this.show, this)
+                });
+            }
+            if (this.options.inline === false) {
+                this.element.on({
+                    'focusout.colorpicker': $.proxy(this.hide, this)
+                });
+            }
+        }
+
+        if (this.component !== false) {
+            this.component.on({
+                'click.colorpicker': $.proxy(this.show, this)
+            });
+        }
+
+        if ((this.input === false) && (this.component === false)) {
+            this.element.on({
+                'click.colorpicker': $.proxy(this.show, this)
+            });
+        }
+        this.update();
+
+        $($.proxy(function() {
+            this.element.trigger('create');
+        }, this));
+    };
+
+    Colorpicker.version = '2.0.0-beta';
+
+    Colorpicker.Color = Color;
+
+    Colorpicker.prototype = {
+        constructor: Colorpicker,
+        destroy: function() {
+            this.picker.remove();
+            this.element.removeData('colorpicker').off('.colorpicker');
+            if (this.input !== false) {
+                this.input.off('.colorpicker');
+            }
+            if (this.component !== false) {
+                this.component.off('.colorpicker');
+            }
+            this.element.removeClass('colorpicker-element');
+            this.element.trigger({
+                type: 'destroy'
+            });
+        },
+        reposition: function() {
+            if (this.options.inline !== false) {
+                return false;
+            }
+            var offset = this.component ? this.component.offset() : this.element.offset();
+            this.picker.css({
+                top: offset.top + (this.component ? this.component.outerHeight() : this.element.outerHeight()),
+                left: offset.left
+            });
+        },
+        show: function(e) {
+            if (this.isDisabled()) {
+                return false;
+            }
+            this.picker.addClass('colorpicker-visible').removeClass('colorpicker-hidden');
+            this.reposition();
+            $(window).on('resize.colorpicker', $.proxy(this.reposition, this));
+            if (!this.hasInput() && e) {
+                if (e.stopPropagation && e.preventDefault) {
+                    e.stopPropagation();
+                    e.preventDefault();
+                }
+            }
+            if (this.options.inline === false) {
+                $(window.document).on({
+                    'mousedown.colorpicker': $.proxy(this.hide, this)
+                });
+            }
+            this.element.trigger({
+                type: 'showPicker',
+                color: this.color
+            });
+        },
+        hide: function() {
+            this.picker.addClass('colorpicker-hidden').removeClass('colorpicker-visible');
+            $(window).off('resize.colorpicker', this.reposition);
+            $(document).off({
+                'mousedown.colorpicker': this.hide
+            });
+            this.update();
+            this.element.trigger({
+                type: 'hidePicker',
+                color: this.color
+            });
+        },
+        updateData: function(val) {
+            val = val ||  this.color.toString(this.format);
+            this.element.data('color', val);
+            return val;
+        },
+        updateInput: function(val) {
+            val = val ||  this.color.toString(this.format);
+            if (this.input !== false) {
+                this.input.prop('value', val);
+            }
+            return val;
+        },
+        updatePicker: function(val) {
+            if (val !== undefined) {
+                this.color = new Color(val);
+            }
+            var sl = (this.options.horizontal === false) ? this.options.sliders : this.options.slidersHorz;
+            var icns = this.picker.find('i');
+            if (icns.length === 0) {
+                return;
+            }
+            if (this.options.horizontal === false) {
+                sl = this.options.sliders;
+                icns.eq(1).css('top', sl.hue.maxTop * (1 - this.color.value.h)).end()
+                    .eq(2).css('top', sl.alpha.maxTop * (1 - this.color.value.a));
+            } else {
+                sl = this.options.slidersHorz;
+                icns.eq(1).css('left', sl.hue.maxLeft * (1 - this.color.value.h)).end()
+                    .eq(2).css('left', sl.alpha.maxLeft * (1 - this.color.value.a));
+            }
+            icns.eq(0).css({
+                'top': sl.saturation.maxTop - this.color.value.b * sl.saturation.maxTop,
+                'left': this.color.value.s * sl.saturation.maxLeft
+            });
+            this.picker.find('.colorpicker-saturation').css('backgroundColor', this.color.toHex(this.color.value.h, 1, 1, 1));
+            this.picker.find('.colorpicker-alpha').css('backgroundColor', this.color.toHex());
+            this.picker.find('.colorpicker-color, .colorpicker-color div').css('backgroundColor', this.color.toString(this.format));
+            return val;
+        },
+        updateComponent: function(val) {
+            val = val ||  this.color.toString(this.format);
+            if (this.component !== false) {
+                var icn = this.component.find('i').eq(0);
+                if (icn.length > 0) {
+                    icn.css({
+                        'backgroundColor': val
+                    });
+                } else {
+                    this.component.css({
+                        'backgroundColor': val
+                    });
+                }
+            }
+            return val;
+        },
+        update: function(force) {
+            var val = this.updateComponent();
+            if ((this.getValue(false) !== false) || (force === true)) {
+                // Update input/data only if the current value is not blank
+                this.updateInput(val);
+                this.updateData(val);
+            }
+            this.updatePicker();
+            return val;
+
+        },
+        setValue: function(val) { // set color manually
+            this.color = new Color(val);
+            this.update();
+            this.element.trigger({
+                type: 'changeColor',
+                color: this.color,
+                value: val
+            });
+        },
+        getValue: function(defaultValue) {
+            defaultValue = (defaultValue === undefined) ? '#000000' : defaultValue;
+            var val;
+            if (this.hasInput()) {
+                val = this.input.val();
+            } else {
+                val = this.element.data('color');
+            }
+            if ((val === undefined) || (val === '') || (val === null)) {
+                // if not defined or empty, return default
+                val = defaultValue;
+            }
+            return val;
+        },
+        hasInput: function() {
+            return (this.input !== false);
+        },
+        isDisabled: function() {
+            if (this.hasInput()) {
+                return (this.input.prop('disabled') === true);
+            }
+            return false;
+        },
+        disable: function() {
+            if (this.hasInput()) {
+                this.input.prop('disabled', true);
+                return true;
+            }
+            return false;
+        },
+        enable: function() {
+            if (this.hasInput()) {
+                this.input.prop('disabled', false);
+                return true;
+            }
+            return false;
+        },
+        currentSlider: null,
+        mousePointer: {
+            left: 0,
+            top: 0
+        },
+        mousedown: function(e) {
+            e.stopPropagation();
+            e.preventDefault();
+
+            var target = $(e.target);
+
+            //detect the slider and set the limits and callbacks
+            var zone = target.closest('div');
+            var sl = this.options.horizontal ? this.options.slidersHorz : this.options.sliders;
+            if (!zone.is('.colorpicker')) {
+                if (zone.is('.colorpicker-saturation')) {
+                    this.currentSlider = $.extend({}, sl.saturation);
+                } else if (zone.is('.colorpicker-hue')) {
+                    this.currentSlider = $.extend({}, sl.hue);
+                } else if (zone.is('.colorpicker-alpha')) {
+                    this.currentSlider = $.extend({}, sl.alpha);
+                } else {
+                    return false;
+                }
+                var offset = zone.offset();
+                //reference to guide's style
+                this.currentSlider.guide = zone.find('i')[0].style;
+                this.currentSlider.left = e.pageX - offset.left;
+                this.currentSlider.top = e.pageY - offset.top;
+                this.mousePointer = {
+                    left: e.pageX,
+                    top: e.pageY
+                };
+                //trigger mousemove to move the guide to the current position
+                $(document).on({
+                    'mousemove.colorpicker': $.proxy(this.mousemove, this),
+                    'mouseup.colorpicker': $.proxy(this.mouseup, this)
+                }).trigger('mousemove');
+            }
+            return false;
+        },
+        mousemove: function(e) {
+            e.stopPropagation();
+            e.preventDefault();
+            var left = Math.max(
+                0,
+                Math.min(
+                    this.currentSlider.maxLeft,
+                    this.currentSlider.left + ((e.pageX || this.mousePointer.left) - this.mousePointer.left)
+                )
+            );
+            var top = Math.max(
+                0,
+                Math.min(
+                    this.currentSlider.maxTop,
+                    this.currentSlider.top + ((e.pageY || this.mousePointer.top) - this.mousePointer.top)
+                )
+            );
+            this.currentSlider.guide.left = left + 'px';
+            this.currentSlider.guide.top = top + 'px';
+            if (this.currentSlider.callLeft) {
+                this.color[this.currentSlider.callLeft].call(this.color, left / 100);
+            }
+            if (this.currentSlider.callTop) {
+                this.color[this.currentSlider.callTop].call(this.color, top / 100);
+            }
+            this.update(true);
+
+            this.element.trigger({
+                type: 'changeColor',
+                color: this.color
+            });
+            return false;
+        },
+        mouseup: function(e) {
+            e.stopPropagation();
+            e.preventDefault();
+            $(document).off({
+                'mousemove.colorpicker': this.mousemove,
+                'mouseup.colorpicker': this.mouseup
+            });
+            return false;
+        },
+        keyup: function(e) {
+            if ((e.keyCode === 38)) {
+                if (this.color.value.a < 1) {
+                    this.color.value.a = Math.round((this.color.value.a + 0.01) * 100) / 100;
+                }
+                this.update(true);
+            } else if ((e.keyCode === 40)) {
+                if (this.color.value.a > 0) {
+                    this.color.value.a = Math.round((this.color.value.a - 0.01) * 100) / 100;
+                }
+                this.update(true);
+            } else {
+                var val = this.input.val();
+                this.color = new Color(val);
+                if (this.getValue(false) !== false) {
+                    this.updateData();
+                    this.updateComponent();
+                    this.updatePicker();
+                }
+            }
+            this.element.trigger({
+                type: 'changeColor',
+                color: this.color,
+                value: val
+            });
+        }
+    };
+
+    $.colorpicker = Colorpicker;
+
+    $.fn.colorpicker = function(option) {
+        var pickerArgs = arguments;
+
+        return this.each(function() {
+            var $this = $(this),
+                inst = $this.data('colorpicker'),
+                options = ((typeof option === 'object') ? option : {});
+            if ((!inst) && (typeof option !== 'string')) {
+                $this.data('colorpicker', new Colorpicker(this, options));
+            } else {
+                if (typeof option === 'string') {
+                    inst[option].apply(inst, Array.prototype.slice.call(pickerArgs, 1));
+                }
+            }
+        });
+    };
+
+    $.fn.colorpicker.constructor = Colorpicker;
+
+})(window.jQuery);
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap-colorpicker.min.js b/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap-colorpicker.min.js
new file mode 100644
index 00000000..16802aee
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap-colorpicker.min.js
@@ -0,0 +1 @@
+!function(a){"use strict";var b=function(a){this.value={h:0,s:0,b:0,a:1},this.origFormat=null,a&&(void 0!==a.toLowerCase?this.setColor(a):void 0!==a.h&&(this.value=a))};b.prototype={constructor:b,_sanitizeNumber:function(a){return"number"==typeof a?a:isNaN(a)||null===a||""===a||void 0===a?1:void 0!==a.toLowerCase?parseFloat(a):1},setColor:function(a){a=a.toLowerCase(),this.value=this.stringToHSB(a)||{h:0,s:0,b:0,a:1}},stringToHSB:function(b){b=b.toLowerCase();var c=this,d=!1;return a.each(this.stringParsers,function(a,e){var f=e.re.exec(b),g=f&&e.parse.apply(c,[f]),h=e.format||"rgba";return g?(d=h.match(/hsla?/)?c.RGBtoHSB.apply(c,c.HSLtoRGB.apply(c,g)):c.RGBtoHSB.apply(c,g),c.origFormat=h,!1):!0}),d},setHue:function(a){this.value.h=1-a},setSaturation:function(a){this.value.s=a},setBrightness:function(a){this.value.b=1-a},setAlpha:function(a){this.value.a=parseInt(100*(1-a),10)/100},toRGB:function(a,b,c,d){a=a||this.value.h,b=b||this.value.s,c=c||this.value.b,d=d||this.value.a;var e,f,g,h,i,j,k,l;switch(a&&void 0===b&&void 0===c&&(b=a.s,c=a.v,a=a.h),h=Math.floor(6*a),i=6*a-h,j=c*(1-b),k=c*(1-i*b),l=c*(1-(1-i)*b),h%6){case 0:e=c,f=l,g=j;break;case 1:e=k,f=c,g=j;break;case 2:e=j,f=c,g=l;break;case 3:e=j,f=k,g=c;break;case 4:e=l,f=j,g=c;break;case 5:e=c,f=j,g=k}return{r:Math.floor(255*e),g:Math.floor(255*f),b:Math.floor(255*g),a:d}},toHex:function(a,b,c,d){var e=this.toRGB(a,b,c,d);return"#"+(1<<24|parseInt(e.r)<<16|parseInt(e.g)<<8|parseInt(e.b)).toString(16).substr(1)},toHSL:function(a,b,c,d){a=a||this.value.h,b=b||this.value.s,c=c||this.value.b,d=d||this.value.a;var e=a,f=(2-b)*c,g=b*c;return g/=f>0&&1>=f?f:2-f,f/=2,g>1&&(g=1),{h:isNaN(e)?0:e,s:isNaN(g)?0:g,l:isNaN(f)?0:f,a:isNaN(d)?0:d}},RGBtoHSB:function(a,b,c,d){a/=255,b/=255,c/=255;var e,f,g,h;return g=Math.max(a,b,c),h=g-Math.min(a,b,c),e=0===h?null:g===a?(b-c)/h:g===b?(c-a)/h+2:(a-b)/h+4,e=(e+360)%6*60/360,f=0===h?0:h/g,{h:this._sanitizeNumber(e),s:f,b:g,a:this._sanitizeNumber(d)}},HueToRGB:function(a,b,c){return 0>c?c+=1:c>1&&(c-=1),1>6*c?a+(b-a)*c*6:1>2*c?b:2>3*c?a+(b-a)*(2/3-c)*6:a},HSLtoRGB:function(a,b,c,d){0>b&&(b=0);var e;e=.5>=c?c*(1+b):c+b-c*b;var f=2*c-e,g=a+1/3,h=a,i=a-1/3,j=Math.round(255*this.HueToRGB(f,e,g)),k=Math.round(255*this.HueToRGB(f,e,h)),l=Math.round(255*this.HueToRGB(f,e,i));return[j,k,l,this._sanitizeNumber(d)]},toString:function(a){switch(a=a||"rgba"){case"rgb":var b=this.toRGB();return"rgb("+b.r+","+b.g+","+b.b+")";case"rgba":var b=this.toRGB();return"rgba("+b.r+","+b.g+","+b.b+","+b.a+")";case"hsl":var c=this.toHSL();return"hsl("+Math.round(360*c.h)+","+Math.round(100*c.s)+"%,"+Math.round(100*c.l)+"%)";case"hsla":var c=this.toHSL();return"hsla("+Math.round(360*c.h)+","+Math.round(100*c.s)+"%,"+Math.round(100*c.l)+"%,"+c.a+")";case"hex":return this.toHex();default:return!1}},stringParsers:[{re:/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,format:"hex",parse:function(a){return[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16),1]}},{re:/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,format:"hex",parse:function(a){return[parseInt(a[1]+a[1],16),parseInt(a[2]+a[2],16),parseInt(a[3]+a[3],16),1]}},{re:/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/,format:"rgb",parse:function(a){return[a[1],a[2],a[3],1]}},{re:/rgb\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/,format:"rgb",parse:function(a){return[2.55*a[1],2.55*a[2],2.55*a[3],1]}},{re:/rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,format:"rgba",parse:function(a){return[a[1],a[2],a[3],a[4]]}},{re:/rgba\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,format:"rgba",parse:function(a){return[2.55*a[1],2.55*a[2],2.55*a[3],a[4]]}},{re:/hsl\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*?\)/,format:"hsl",parse:function(a){return[a[1]/360,a[2]/100,a[3]/100,a[4]]}},{re:/hsla\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,format:"hsla",parse:function(a){return[a[1]/360,a[2]/100,a[3]/100,a[4]]}},{re:/^([a-z]{3,})$/,format:"alias",parse:function(a){var b=this.colorNameToHex(a[0])||"#000000",c=this.stringParsers[0].re.exec(b),d=c&&this.stringParsers[0].parse.apply(this,[c]);return d}}],colorNameToHex:function(a){var b={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4","indianred ":"#cd5c5c","indigo ":"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};return"undefined"!=typeof b[a.toLowerCase()]?b[a.toLowerCase()]:!1}};var c={horizontal:!1,inline:!1,color:!1,format:!1,input:"input",container:!1,component:".add-on, .input-group-addon",sliders:{saturation:{maxLeft:100,maxTop:100,callLeft:"setSaturation",callTop:"setBrightness"},hue:{maxLeft:0,maxTop:100,callLeft:!1,callTop:"setHue"},alpha:{maxLeft:0,maxTop:100,callLeft:!1,callTop:"setAlpha"}},slidersHorz:{saturation:{maxLeft:100,maxTop:100,callLeft:"setSaturation",callTop:"setBrightness"},hue:{maxLeft:100,maxTop:0,callLeft:"setHue",callTop:!1},alpha:{maxLeft:100,maxTop:0,callLeft:"setAlpha",callTop:!1}},template:'
      '},d=function(d,e){this.element=a(d).addClass("colorpicker-element"),this.options=a.extend({},c,this.element.data(),e),this.component=this.options.component,this.component=this.component!==!1?this.element.find(this.component):!1,this.component&&0===this.component.length&&(this.component=!1),this.container=this.options.container===!0?this.element:this.options.container,this.container=this.container!==!1?a(this.container):!1,this.input=this.element.is("input")?this.element:this.options.input?this.element.find(this.options.input):!1,this.input&&0===this.input.length&&(this.input=!1),this.color=new b(this.options.color!==!1?this.options.color:this.getValue()),this.format=this.options.format!==!1?this.options.format:this.color.origFormat,this.picker=a(this.options.template),this.options.inline?this.picker.addClass("colorpicker-inline colorpicker-visible"):this.picker.addClass("colorpicker-hidden"),this.options.horizontal&&this.picker.addClass("colorpicker-horizontal"),("rgba"===this.format||"hsla"===this.format)&&this.picker.addClass("colorpicker-with-alpha"),this.picker.on("mousedown.colorpicker",a.proxy(this.mousedown,this)),this.picker.appendTo(this.container?this.container:a("body")),this.input!==!1&&(this.input.on({"keyup.colorpicker":a.proxy(this.keyup,this)}),this.component===!1&&this.element.on({"focus.colorpicker":a.proxy(this.show,this)}),this.options.inline===!1&&this.element.on({"focusout.colorpicker":a.proxy(this.hide,this)})),this.component!==!1&&this.component.on({"click.colorpicker":a.proxy(this.show,this)}),this.input===!1&&this.component===!1&&this.element.on({"click.colorpicker":a.proxy(this.show,this)}),this.update(),a(a.proxy(function(){this.element.trigger("create")},this))};d.version="2.0.0-beta",d.Color=b,d.prototype={constructor:d,destroy:function(){this.picker.remove(),this.element.removeData("colorpicker").off(".colorpicker"),this.input!==!1&&this.input.off(".colorpicker"),this.component!==!1&&this.component.off(".colorpicker"),this.element.removeClass("colorpicker-element"),this.element.trigger({type:"destroy"})},reposition:function(){if(this.options.inline!==!1)return!1;var a=this.component?this.component.offset():this.element.offset();this.picker.css({top:a.top+(this.component?this.component.outerHeight():this.element.outerHeight()),left:a.left})},show:function(b){return this.isDisabled()?!1:(this.picker.addClass("colorpicker-visible").removeClass("colorpicker-hidden"),this.reposition(),a(window).on("resize.colorpicker",a.proxy(this.reposition,this)),!this.hasInput()&&b&&b.stopPropagation&&b.preventDefault&&(b.stopPropagation(),b.preventDefault()),this.options.inline===!1&&a(window.document).on({"mousedown.colorpicker":a.proxy(this.hide,this)}),this.element.trigger({type:"showPicker",color:this.color}),void 0)},hide:function(){this.picker.addClass("colorpicker-hidden").removeClass("colorpicker-visible"),a(window).off("resize.colorpicker",this.reposition),a(document).off({"mousedown.colorpicker":this.hide}),this.update(),this.element.trigger({type:"hidePicker",color:this.color})},updateData:function(a){return a=a||this.color.toString(this.format),this.element.data("color",a),a},updateInput:function(a){return a=a||this.color.toString(this.format),this.input!==!1&&this.input.prop("value",a),a},updatePicker:function(a){void 0!==a&&(this.color=new b(a));var c=this.options.horizontal===!1?this.options.sliders:this.options.slidersHorz,d=this.picker.find("i");return 0!==d.length?(this.options.horizontal===!1?(c=this.options.sliders,d.eq(1).css("top",c.hue.maxTop*(1-this.color.value.h)).end().eq(2).css("top",c.alpha.maxTop*(1-this.color.value.a))):(c=this.options.slidersHorz,d.eq(1).css("left",c.hue.maxLeft*(1-this.color.value.h)).end().eq(2).css("left",c.alpha.maxLeft*(1-this.color.value.a))),d.eq(0).css({top:c.saturation.maxTop-this.color.value.b*c.saturation.maxTop,left:this.color.value.s*c.saturation.maxLeft}),this.picker.find(".colorpicker-saturation").css("backgroundColor",this.color.toHex(this.color.value.h,1,1,1)),this.picker.find(".colorpicker-alpha").css("backgroundColor",this.color.toHex()),this.picker.find(".colorpicker-color, .colorpicker-color div").css("backgroundColor",this.color.toString(this.format)),a):void 0},updateComponent:function(a){if(a=a||this.color.toString(this.format),this.component!==!1){var b=this.component.find("i").eq(0);b.length>0?b.css({backgroundColor:a}):this.component.css({backgroundColor:a})}return a},update:function(a){var b=this.updateComponent();return(this.getValue(!1)!==!1||a===!0)&&(this.updateInput(b),this.updateData(b)),this.updatePicker(),b},setValue:function(a){this.color=new b(a),this.update(),this.element.trigger({type:"changeColor",color:this.color,value:a})},getValue:function(a){a=void 0===a?"#000000":a;var b;return b=this.hasInput()?this.input.val():this.element.data("color"),(void 0===b||""===b||null===b)&&(b=a),b},hasInput:function(){return this.input!==!1},isDisabled:function(){return this.hasInput()?this.input.prop("disabled")===!0:!1},disable:function(){return this.hasInput()?(this.input.prop("disabled",!0),!0):!1},enable:function(){return this.hasInput()?(this.input.prop("disabled",!1),!0):!1},currentSlider:null,mousePointer:{left:0,top:0},mousedown:function(b){b.stopPropagation(),b.preventDefault();var c=a(b.target),d=c.closest("div"),e=this.options.horizontal?this.options.slidersHorz:this.options.sliders;if(!d.is(".colorpicker")){if(d.is(".colorpicker-saturation"))this.currentSlider=a.extend({},e.saturation);else if(d.is(".colorpicker-hue"))this.currentSlider=a.extend({},e.hue);else{if(!d.is(".colorpicker-alpha"))return!1;this.currentSlider=a.extend({},e.alpha)}var f=d.offset();this.currentSlider.guide=d.find("i")[0].style,this.currentSlider.left=b.pageX-f.left,this.currentSlider.top=b.pageY-f.top,this.mousePointer={left:b.pageX,top:b.pageY},a(document).on({"mousemove.colorpicker":a.proxy(this.mousemove,this),"mouseup.colorpicker":a.proxy(this.mouseup,this)}).trigger("mousemove")}return!1},mousemove:function(a){a.stopPropagation(),a.preventDefault();var b=Math.max(0,Math.min(this.currentSlider.maxLeft,this.currentSlider.left+((a.pageX||this.mousePointer.left)-this.mousePointer.left))),c=Math.max(0,Math.min(this.currentSlider.maxTop,this.currentSlider.top+((a.pageY||this.mousePointer.top)-this.mousePointer.top)));return this.currentSlider.guide.left=b+"px",this.currentSlider.guide.top=c+"px",this.currentSlider.callLeft&&this.color[this.currentSlider.callLeft].call(this.color,b/100),this.currentSlider.callTop&&this.color[this.currentSlider.callTop].call(this.color,c/100),this.update(!0),this.element.trigger({type:"changeColor",color:this.color}),!1},mouseup:function(b){return b.stopPropagation(),b.preventDefault(),a(document).off({"mousemove.colorpicker":this.mousemove,"mouseup.colorpicker":this.mouseup}),!1},keyup:function(a){if(38===a.keyCode)this.color.value.a<1&&(this.color.value.a=Math.round(100*(this.color.value.a+.01))/100),this.update(!0);else if(40===a.keyCode)this.color.value.a>0&&(this.color.value.a=Math.round(100*(this.color.value.a-.01))/100),this.update(!0);else{var c=this.input.val();this.color=new b(c),this.getValue(!1)!==!1&&(this.updateData(),this.updateComponent(),this.updatePicker())}this.element.trigger({type:"changeColor",color:this.color,value:c})}},a.colorpicker=d,a.fn.colorpicker=function(b){var c=arguments;return this.each(function(){var e=a(this),f=e.data("colorpicker"),g="object"==typeof b?b:{};f||"string"==typeof b?"string"==typeof b&&f[b].apply(f,Array.prototype.slice.call(c,1)):e.data("colorpicker",new d(this,g))})},a.fn.colorpicker.constructor=d}(window.jQuery);
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap.js b/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap.js
new file mode 100644
index 00000000..8ae571b6
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap.js
@@ -0,0 +1,1951 @@
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') }
+
+/* ========================================================================
+ * Bootstrap: transition.js v3.1.1
+ * http://getbootstrap.com/javascript/#transitions
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+  // ============================================================
+
+  function transitionEnd() {
+    var el = document.createElement('bootstrap')
+
+    var transEndEventNames = {
+      'WebkitTransition' : 'webkitTransitionEnd',
+      'MozTransition'    : 'transitionend',
+      'OTransition'      : 'oTransitionEnd otransitionend',
+      'transition'       : 'transitionend'
+    }
+
+    for (var name in transEndEventNames) {
+      if (el.style[name] !== undefined) {
+        return { end: transEndEventNames[name] }
+      }
+    }
+
+    return false // explicit for ie8 (  ._.)
+  }
+
+  // http://blog.alexmaccaw.com/css-transitions
+  $.fn.emulateTransitionEnd = function (duration) {
+    var called = false, $el = this
+    $(this).one($.support.transition.end, function () { called = true })
+    var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+    setTimeout(callback, duration)
+    return this
+  }
+
+  $(function () {
+    $.support.transition = transitionEnd()
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: alert.js v3.1.1
+ * http://getbootstrap.com/javascript/#alerts
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // ALERT CLASS DEFINITION
+  // ======================
+
+  var dismiss = '[data-dismiss="alert"]'
+  var Alert   = function (el) {
+    $(el).on('click', dismiss, this.close)
+  }
+
+  Alert.prototype.close = function (e) {
+    var $this    = $(this)
+    var selector = $this.attr('data-target')
+
+    if (!selector) {
+      selector = $this.attr('href')
+      selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
+    }
+
+    var $parent = $(selector)
+
+    if (e) e.preventDefault()
+
+    if (!$parent.length) {
+      $parent = $this.hasClass('alert') ? $this : $this.parent()
+    }
+
+    $parent.trigger(e = $.Event('close.bs.alert'))
+
+    if (e.isDefaultPrevented()) return
+
+    $parent.removeClass('in')
+
+    function removeElement() {
+      $parent.trigger('closed.bs.alert').remove()
+    }
+
+    $.support.transition && $parent.hasClass('fade') ?
+      $parent
+        .one($.support.transition.end, removeElement)
+        .emulateTransitionEnd(150) :
+      removeElement()
+  }
+
+
+  // ALERT PLUGIN DEFINITION
+  // =======================
+
+  var old = $.fn.alert
+
+  $.fn.alert = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+      var data  = $this.data('bs.alert')
+
+      if (!data) $this.data('bs.alert', (data = new Alert(this)))
+      if (typeof option == 'string') data[option].call($this)
+    })
+  }
+
+  $.fn.alert.Constructor = Alert
+
+
+  // ALERT NO CONFLICT
+  // =================
+
+  $.fn.alert.noConflict = function () {
+    $.fn.alert = old
+    return this
+  }
+
+
+  // ALERT DATA-API
+  // ==============
+
+  $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: button.js v3.1.1
+ * http://getbootstrap.com/javascript/#buttons
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // BUTTON PUBLIC CLASS DEFINITION
+  // ==============================
+
+  var Button = function (element, options) {
+    this.$element  = $(element)
+    this.options   = $.extend({}, Button.DEFAULTS, options)
+    this.isLoading = false
+  }
+
+  Button.DEFAULTS = {
+    loadingText: 'loading...'
+  }
+
+  Button.prototype.setState = function (state) {
+    var d    = 'disabled'
+    var $el  = this.$element
+    var val  = $el.is('input') ? 'val' : 'html'
+    var data = $el.data()
+
+    state = state + 'Text'
+
+    if (!data.resetText) $el.data('resetText', $el[val]())
+
+    $el[val](data[state] || this.options[state])
+
+    // push to event loop to allow forms to submit
+    setTimeout($.proxy(function () {
+      if (state == 'loadingText') {
+        this.isLoading = true
+        $el.addClass(d).attr(d, d)
+      } else if (this.isLoading) {
+        this.isLoading = false
+        $el.removeClass(d).removeAttr(d)
+      }
+    }, this), 0)
+  }
+
+  Button.prototype.toggle = function () {
+    var changed = true
+    var $parent = this.$element.closest('[data-toggle="buttons"]')
+
+    if ($parent.length) {
+      var $input = this.$element.find('input')
+      if ($input.prop('type') == 'radio') {
+        if ($input.prop('checked') && this.$element.hasClass('active')) changed = false
+        else $parent.find('.active').removeClass('active')
+      }
+      if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change')
+    }
+
+    if (changed) this.$element.toggleClass('active')
+  }
+
+
+  // BUTTON PLUGIN DEFINITION
+  // ========================
+
+  var old = $.fn.button
+
+  $.fn.button = function (option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.button')
+      var options = typeof option == 'object' && option
+
+      if (!data) $this.data('bs.button', (data = new Button(this, options)))
+
+      if (option == 'toggle') data.toggle()
+      else if (option) data.setState(option)
+    })
+  }
+
+  $.fn.button.Constructor = Button
+
+
+  // BUTTON NO CONFLICT
+  // ==================
+
+  $.fn.button.noConflict = function () {
+    $.fn.button = old
+    return this
+  }
+
+
+  // BUTTON DATA-API
+  // ===============
+
+  $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) {
+    var $btn = $(e.target)
+    if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
+    $btn.button('toggle')
+    e.preventDefault()
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: carousel.js v3.1.1
+ * http://getbootstrap.com/javascript/#carousel
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // CAROUSEL CLASS DEFINITION
+  // =========================
+
+  var Carousel = function (element, options) {
+    this.$element    = $(element)
+    this.$indicators = this.$element.find('.carousel-indicators')
+    this.options     = options
+    this.paused      =
+    this.sliding     =
+    this.interval    =
+    this.$active     =
+    this.$items      = null
+
+    this.options.pause == 'hover' && this.$element
+      .on('mouseenter', $.proxy(this.pause, this))
+      .on('mouseleave', $.proxy(this.cycle, this))
+  }
+
+  Carousel.DEFAULTS = {
+    interval: 5000,
+    pause: 'hover',
+    wrap: true
+  }
+
+  Carousel.prototype.cycle =  function (e) {
+    e || (this.paused = false)
+
+    this.interval && clearInterval(this.interval)
+
+    this.options.interval
+      && !this.paused
+      && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
+
+    return this
+  }
+
+  Carousel.prototype.getActiveIndex = function () {
+    this.$active = this.$element.find('.item.active')
+    this.$items  = this.$active.parent().children()
+
+    return this.$items.index(this.$active)
+  }
+
+  Carousel.prototype.to = function (pos) {
+    var that        = this
+    var activeIndex = this.getActiveIndex()
+
+    if (pos > (this.$items.length - 1) || pos < 0) return
+
+    if (this.sliding)       return this.$element.one('slid.bs.carousel', function () { that.to(pos) })
+    if (activeIndex == pos) return this.pause().cycle()
+
+    return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]))
+  }
+
+  Carousel.prototype.pause = function (e) {
+    e || (this.paused = true)
+
+    if (this.$element.find('.next, .prev').length && $.support.transition) {
+      this.$element.trigger($.support.transition.end)
+      this.cycle(true)
+    }
+
+    this.interval = clearInterval(this.interval)
+
+    return this
+  }
+
+  Carousel.prototype.next = function () {
+    if (this.sliding) return
+    return this.slide('next')
+  }
+
+  Carousel.prototype.prev = function () {
+    if (this.sliding) return
+    return this.slide('prev')
+  }
+
+  Carousel.prototype.slide = function (type, next) {
+    var $active   = this.$element.find('.item.active')
+    var $next     = next || $active[type]()
+    var isCycling = this.interval
+    var direction = type == 'next' ? 'left' : 'right'
+    var fallback  = type == 'next' ? 'first' : 'last'
+    var that      = this
+
+    if (!$next.length) {
+      if (!this.options.wrap) return
+      $next = this.$element.find('.item')[fallback]()
+    }
+
+    if ($next.hasClass('active')) return this.sliding = false
+
+    var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction })
+    this.$element.trigger(e)
+    if (e.isDefaultPrevented()) return
+
+    this.sliding = true
+
+    isCycling && this.pause()
+
+    if (this.$indicators.length) {
+      this.$indicators.find('.active').removeClass('active')
+      this.$element.one('slid.bs.carousel', function () {
+        var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()])
+        $nextIndicator && $nextIndicator.addClass('active')
+      })
+    }
+
+    if ($.support.transition && this.$element.hasClass('slide')) {
+      $next.addClass(type)
+      $next[0].offsetWidth // force reflow
+      $active.addClass(direction)
+      $next.addClass(direction)
+      $active
+        .one($.support.transition.end, function () {
+          $next.removeClass([type, direction].join(' ')).addClass('active')
+          $active.removeClass(['active', direction].join(' '))
+          that.sliding = false
+          setTimeout(function () { that.$element.trigger('slid.bs.carousel') }, 0)
+        })
+        .emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000)
+    } else {
+      $active.removeClass('active')
+      $next.addClass('active')
+      this.sliding = false
+      this.$element.trigger('slid.bs.carousel')
+    }
+
+    isCycling && this.cycle()
+
+    return this
+  }
+
+
+  // CAROUSEL PLUGIN DEFINITION
+  // ==========================
+
+  var old = $.fn.carousel
+
+  $.fn.carousel = function (option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.carousel')
+      var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option)
+      var action  = typeof option == 'string' ? option : options.slide
+
+      if (!data) $this.data('bs.carousel', (data = new Carousel(this, options)))
+      if (typeof option == 'number') data.to(option)
+      else if (action) data[action]()
+      else if (options.interval) data.pause().cycle()
+    })
+  }
+
+  $.fn.carousel.Constructor = Carousel
+
+
+  // CAROUSEL NO CONFLICT
+  // ====================
+
+  $.fn.carousel.noConflict = function () {
+    $.fn.carousel = old
+    return this
+  }
+
+
+  // CAROUSEL DATA-API
+  // =================
+
+  $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) {
+    var $this   = $(this), href
+    var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+    var options = $.extend({}, $target.data(), $this.data())
+    var slideIndex = $this.attr('data-slide-to')
+    if (slideIndex) options.interval = false
+
+    $target.carousel(options)
+
+    if (slideIndex = $this.attr('data-slide-to')) {
+      $target.data('bs.carousel').to(slideIndex)
+    }
+
+    e.preventDefault()
+  })
+
+  $(window).on('load', function () {
+    $('[data-ride="carousel"]').each(function () {
+      var $carousel = $(this)
+      $carousel.carousel($carousel.data())
+    })
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: collapse.js v3.1.1
+ * http://getbootstrap.com/javascript/#collapse
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // COLLAPSE PUBLIC CLASS DEFINITION
+  // ================================
+
+  var Collapse = function (element, options) {
+    this.$element      = $(element)
+    this.options       = $.extend({}, Collapse.DEFAULTS, options)
+    this.transitioning = null
+
+    if (this.options.parent) this.$parent = $(this.options.parent)
+    if (this.options.toggle) this.toggle()
+  }
+
+  Collapse.DEFAULTS = {
+    toggle: true
+  }
+
+  Collapse.prototype.dimension = function () {
+    var hasWidth = this.$element.hasClass('width')
+    return hasWidth ? 'width' : 'height'
+  }
+
+  Collapse.prototype.show = function () {
+    if (this.transitioning || this.$element.hasClass('in')) return
+
+    var startEvent = $.Event('show.bs.collapse')
+    this.$element.trigger(startEvent)
+    if (startEvent.isDefaultPrevented()) return
+
+    var actives = this.$parent && this.$parent.find('> .panel > .in')
+
+    if (actives && actives.length) {
+      var hasData = actives.data('bs.collapse')
+      if (hasData && hasData.transitioning) return
+      actives.collapse('hide')
+      hasData || actives.data('bs.collapse', null)
+    }
+
+    var dimension = this.dimension()
+
+    this.$element
+      .removeClass('collapse')
+      .addClass('collapsing')
+      [dimension](0)
+
+    this.transitioning = 1
+
+    var complete = function () {
+      this.$element
+        .removeClass('collapsing')
+        .addClass('collapse in')
+        [dimension]('auto')
+      this.transitioning = 0
+      this.$element.trigger('shown.bs.collapse')
+    }
+
+    if (!$.support.transition) return complete.call(this)
+
+    var scrollSize = $.camelCase(['scroll', dimension].join('-'))
+
+    this.$element
+      .one($.support.transition.end, $.proxy(complete, this))
+      .emulateTransitionEnd(350)
+      [dimension](this.$element[0][scrollSize])
+  }
+
+  Collapse.prototype.hide = function () {
+    if (this.transitioning || !this.$element.hasClass('in')) return
+
+    var startEvent = $.Event('hide.bs.collapse')
+    this.$element.trigger(startEvent)
+    if (startEvent.isDefaultPrevented()) return
+
+    var dimension = this.dimension()
+
+    this.$element
+      [dimension](this.$element[dimension]())
+      [0].offsetHeight
+
+    this.$element
+      .addClass('collapsing')
+      .removeClass('collapse')
+      .removeClass('in')
+
+    this.transitioning = 1
+
+    var complete = function () {
+      this.transitioning = 0
+      this.$element
+        .trigger('hidden.bs.collapse')
+        .removeClass('collapsing')
+        .addClass('collapse')
+    }
+
+    if (!$.support.transition) return complete.call(this)
+
+    this.$element
+      [dimension](0)
+      .one($.support.transition.end, $.proxy(complete, this))
+      .emulateTransitionEnd(350)
+  }
+
+  Collapse.prototype.toggle = function () {
+    this[this.$element.hasClass('in') ? 'hide' : 'show']()
+  }
+
+
+  // COLLAPSE PLUGIN DEFINITION
+  // ==========================
+
+  var old = $.fn.collapse
+
+  $.fn.collapse = function (option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.collapse')
+      var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+      if (!data && options.toggle && option == 'show') option = !option
+      if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.collapse.Constructor = Collapse
+
+
+  // COLLAPSE NO CONFLICT
+  // ====================
+
+  $.fn.collapse.noConflict = function () {
+    $.fn.collapse = old
+    return this
+  }
+
+
+  // COLLAPSE DATA-API
+  // =================
+
+  $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) {
+    var $this   = $(this), href
+    var target  = $this.attr('data-target')
+        || e.preventDefault()
+        || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
+    var $target = $(target)
+    var data    = $target.data('bs.collapse')
+    var option  = data ? 'toggle' : $this.data()
+    var parent  = $this.attr('data-parent')
+    var $parent = parent && $(parent)
+
+    if (!data || !data.transitioning) {
+      if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed')
+      $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed')
+    }
+
+    $target.collapse(option)
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: dropdown.js v3.1.1
+ * http://getbootstrap.com/javascript/#dropdowns
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // DROPDOWN CLASS DEFINITION
+  // =========================
+
+  var backdrop = '.dropdown-backdrop'
+  var toggle   = '[data-toggle=dropdown]'
+  var Dropdown = function (element) {
+    $(element).on('click.bs.dropdown', this.toggle)
+  }
+
+  Dropdown.prototype.toggle = function (e) {
+    var $this = $(this)
+
+    if ($this.is('.disabled, :disabled')) return
+
+    var $parent  = getParent($this)
+    var isActive = $parent.hasClass('open')
+
+    clearMenus()
+
+    if (!isActive) {
+      if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
+        // if mobile we use a backdrop because click events don't delegate
+        $('
      ').insertAfter($(this)).on('click', clearMenus)
+      }
+
+      var relatedTarget = { relatedTarget: this }
+      $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
+
+      if (e.isDefaultPrevented()) return
+
+      $parent
+        .toggleClass('open')
+        .trigger('shown.bs.dropdown', relatedTarget)
+
+      $this.focus()
+    }
+
+    return false
+  }
+
+  Dropdown.prototype.keydown = function (e) {
+    if (!/(38|40|27)/.test(e.keyCode)) return
+
+    var $this = $(this)
+
+    e.preventDefault()
+    e.stopPropagation()
+
+    if ($this.is('.disabled, :disabled')) return
+
+    var $parent  = getParent($this)
+    var isActive = $parent.hasClass('open')
+
+    if (!isActive || (isActive && e.keyCode == 27)) {
+      if (e.which == 27) $parent.find(toggle).focus()
+      return $this.click()
+    }
+
+    var desc = ' li:not(.divider):visible a'
+    var $items = $parent.find('[role=menu]' + desc + ', [role=listbox]' + desc)
+
+    if (!$items.length) return
+
+    var index = $items.index($items.filter(':focus'))
+
+    if (e.keyCode == 38 && index > 0)                 index--                        // up
+    if (e.keyCode == 40 && index < $items.length - 1) index++                        // down
+    if (!~index)                                      index = 0
+
+    $items.eq(index).focus()
+  }
+
+  function clearMenus(e) {
+    $(backdrop).remove()
+    $(toggle).each(function () {
+      var $parent = getParent($(this))
+      var relatedTarget = { relatedTarget: this }
+      if (!$parent.hasClass('open')) return
+      $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
+      if (e.isDefaultPrevented()) return
+      $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
+    })
+  }
+
+  function getParent($this) {
+    var selector = $this.attr('data-target')
+
+    if (!selector) {
+      selector = $this.attr('href')
+      selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+    }
+
+    var $parent = selector && $(selector)
+
+    return $parent && $parent.length ? $parent : $this.parent()
+  }
+
+
+  // DROPDOWN PLUGIN DEFINITION
+  // ==========================
+
+  var old = $.fn.dropdown
+
+  $.fn.dropdown = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+      var data  = $this.data('bs.dropdown')
+
+      if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
+      if (typeof option == 'string') data[option].call($this)
+    })
+  }
+
+  $.fn.dropdown.Constructor = Dropdown
+
+
+  // DROPDOWN NO CONFLICT
+  // ====================
+
+  $.fn.dropdown.noConflict = function () {
+    $.fn.dropdown = old
+    return this
+  }
+
+
+  // APPLY TO STANDARD DROPDOWN ELEMENTS
+  // ===================================
+
+  $(document)
+    .on('click.bs.dropdown.data-api', clearMenus)
+    .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
+    .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
+    .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu], [role=listbox]', Dropdown.prototype.keydown)
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: modal.js v3.1.1
+ * http://getbootstrap.com/javascript/#modals
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // MODAL CLASS DEFINITION
+  // ======================
+
+  var Modal = function (element, options) {
+    this.options   = options
+    this.$element  = $(element)
+    this.$backdrop =
+    this.isShown   = null
+
+    if (this.options.remote) {
+      this.$element
+        .find('.modal-content')
+        .load(this.options.remote, $.proxy(function () {
+          this.$element.trigger('loaded.bs.modal')
+        }, this))
+    }
+  }
+
+  Modal.DEFAULTS = {
+    backdrop: true,
+    keyboard: true,
+    show: true
+  }
+
+  Modal.prototype.toggle = function (_relatedTarget) {
+    return this[!this.isShown ? 'show' : 'hide'](_relatedTarget)
+  }
+
+  Modal.prototype.show = function (_relatedTarget) {
+    var that = this
+    var e    = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })
+
+    this.$element.trigger(e)
+
+    if (this.isShown || e.isDefaultPrevented()) return
+
+    this.isShown = true
+
+    this.escape()
+
+    this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
+
+    this.backdrop(function () {
+      var transition = $.support.transition && that.$element.hasClass('fade')
+
+      if (!that.$element.parent().length) {
+        that.$element.appendTo(document.body) // don't move modals dom position
+      }
+
+      that.$element
+        .show()
+        .scrollTop(0)
+
+      if (transition) {
+        that.$element[0].offsetWidth // force reflow
+      }
+
+      that.$element
+        .addClass('in')
+        .attr('aria-hidden', false)
+
+      that.enforceFocus()
+
+      var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
+
+      transition ?
+        that.$element.find('.modal-dialog') // wait for modal to slide in
+          .one($.support.transition.end, function () {
+            that.$element.focus().trigger(e)
+          })
+          .emulateTransitionEnd(300) :
+        that.$element.focus().trigger(e)
+    })
+  }
+
+  Modal.prototype.hide = function (e) {
+    if (e) e.preventDefault()
+
+    e = $.Event('hide.bs.modal')
+
+    this.$element.trigger(e)
+
+    if (!this.isShown || e.isDefaultPrevented()) return
+
+    this.isShown = false
+
+    this.escape()
+
+    $(document).off('focusin.bs.modal')
+
+    this.$element
+      .removeClass('in')
+      .attr('aria-hidden', true)
+      .off('click.dismiss.bs.modal')
+
+    $.support.transition && this.$element.hasClass('fade') ?
+      this.$element
+        .one($.support.transition.end, $.proxy(this.hideModal, this))
+        .emulateTransitionEnd(300) :
+      this.hideModal()
+  }
+
+  Modal.prototype.enforceFocus = function () {
+    $(document)
+      .off('focusin.bs.modal') // guard against infinite focus loop
+      .on('focusin.bs.modal', $.proxy(function (e) {
+        if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
+          this.$element.focus()
+        }
+      }, this))
+  }
+
+  Modal.prototype.escape = function () {
+    if (this.isShown && this.options.keyboard) {
+      this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) {
+        e.which == 27 && this.hide()
+      }, this))
+    } else if (!this.isShown) {
+      this.$element.off('keyup.dismiss.bs.modal')
+    }
+  }
+
+  Modal.prototype.hideModal = function () {
+    var that = this
+    this.$element.hide()
+    this.backdrop(function () {
+      that.removeBackdrop()
+      that.$element.trigger('hidden.bs.modal')
+    })
+  }
+
+  Modal.prototype.removeBackdrop = function () {
+    this.$backdrop && this.$backdrop.remove()
+    this.$backdrop = null
+  }
+
+  Modal.prototype.backdrop = function (callback) {
+    var animate = this.$element.hasClass('fade') ? 'fade' : ''
+
+    if (this.isShown && this.options.backdrop) {
+      var doAnimate = $.support.transition && animate
+
+      this.$backdrop = $('
      ')
+        .appendTo(document.body)
+
+      this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) {
+        if (e.target !== e.currentTarget) return
+        this.options.backdrop == 'static'
+          ? this.$element[0].focus.call(this.$element[0])
+          : this.hide.call(this)
+      }, this))
+
+      if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+      this.$backdrop.addClass('in')
+
+      if (!callback) return
+
+      doAnimate ?
+        this.$backdrop
+          .one($.support.transition.end, callback)
+          .emulateTransitionEnd(150) :
+        callback()
+
+    } else if (!this.isShown && this.$backdrop) {
+      this.$backdrop.removeClass('in')
+
+      $.support.transition && this.$element.hasClass('fade') ?
+        this.$backdrop
+          .one($.support.transition.end, callback)
+          .emulateTransitionEnd(150) :
+        callback()
+
+    } else if (callback) {
+      callback()
+    }
+  }
+
+
+  // MODAL PLUGIN DEFINITION
+  // =======================
+
+  var old = $.fn.modal
+
+  $.fn.modal = function (option, _relatedTarget) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.modal')
+      var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+      if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
+      if (typeof option == 'string') data[option](_relatedTarget)
+      else if (options.show) data.show(_relatedTarget)
+    })
+  }
+
+  $.fn.modal.Constructor = Modal
+
+
+  // MODAL NO CONFLICT
+  // =================
+
+  $.fn.modal.noConflict = function () {
+    $.fn.modal = old
+    return this
+  }
+
+
+  // MODAL DATA-API
+  // ==============
+
+  $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
+    var $this   = $(this)
+    var href    = $this.attr('href')
+    var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
+    var option  = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())
+
+    if ($this.is('a')) e.preventDefault()
+
+    $target
+      .modal(option, this)
+      .one('hide', function () {
+        $this.is(':visible') && $this.focus()
+      })
+  })
+
+  $(document)
+    .on('show.bs.modal', '.modal', function () { $(document.body).addClass('modal-open') })
+    .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: tooltip.js v3.1.1
+ * http://getbootstrap.com/javascript/#tooltip
+ * Inspired by the original jQuery.tipsy by Jason Frame
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // TOOLTIP PUBLIC CLASS DEFINITION
+  // ===============================
+
+  var Tooltip = function (element, options) {
+    this.type       =
+    this.options    =
+    this.enabled    =
+    this.timeout    =
+    this.hoverState =
+    this.$element   = null
+
+    this.init('tooltip', element, options)
+  }
+
+  Tooltip.DEFAULTS = {
+    animation: true,
+    placement: 'top',
+    selector: false,
+    template: '
      ',
+    trigger: 'hover focus',
+    title: '',
+    delay: 0,
+    html: false,
+    container: false
+  }
+
+  Tooltip.prototype.init = function (type, element, options) {
+    this.enabled  = true
+    this.type     = type
+    this.$element = $(element)
+    this.options  = this.getOptions(options)
+
+    var triggers = this.options.trigger.split(' ')
+
+    for (var i = triggers.length; i--;) {
+      var trigger = triggers[i]
+
+      if (trigger == 'click') {
+        this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
+      } else if (trigger != 'manual') {
+        var eventIn  = trigger == 'hover' ? 'mouseenter' : 'focusin'
+        var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
+
+        this.$element.on(eventIn  + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
+        this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
+      }
+    }
+
+    this.options.selector ?
+      (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
+      this.fixTitle()
+  }
+
+  Tooltip.prototype.getDefaults = function () {
+    return Tooltip.DEFAULTS
+  }
+
+  Tooltip.prototype.getOptions = function (options) {
+    options = $.extend({}, this.getDefaults(), this.$element.data(), options)
+
+    if (options.delay && typeof options.delay == 'number') {
+      options.delay = {
+        show: options.delay,
+        hide: options.delay
+      }
+    }
+
+    return options
+  }
+
+  Tooltip.prototype.getDelegateOptions = function () {
+    var options  = {}
+    var defaults = this.getDefaults()
+
+    this._options && $.each(this._options, function (key, value) {
+      if (defaults[key] != value) options[key] = value
+    })
+
+    return options
+  }
+
+  Tooltip.prototype.enter = function (obj) {
+    var self = obj instanceof this.constructor ?
+      obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
+
+    clearTimeout(self.timeout)
+
+    self.hoverState = 'in'
+
+    if (!self.options.delay || !self.options.delay.show) return self.show()
+
+    self.timeout = setTimeout(function () {
+      if (self.hoverState == 'in') self.show()
+    }, self.options.delay.show)
+  }
+
+  Tooltip.prototype.leave = function (obj) {
+    var self = obj instanceof this.constructor ?
+      obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
+
+    clearTimeout(self.timeout)
+
+    self.hoverState = 'out'
+
+    if (!self.options.delay || !self.options.delay.hide) return self.hide()
+
+    self.timeout = setTimeout(function () {
+      if (self.hoverState == 'out') self.hide()
+    }, self.options.delay.hide)
+  }
+
+  Tooltip.prototype.show = function () {
+    var e = $.Event('show.bs.' + this.type)
+
+    if (this.hasContent() && this.enabled) {
+      this.$element.trigger(e)
+
+      if (e.isDefaultPrevented()) return
+      var that = this;
+
+      var $tip = this.tip()
+
+      this.setContent()
+
+      if (this.options.animation) $tip.addClass('fade')
+
+      var placement = typeof this.options.placement == 'function' ?
+        this.options.placement.call(this, $tip[0], this.$element[0]) :
+        this.options.placement
+
+      var autoToken = /\s?auto?\s?/i
+      var autoPlace = autoToken.test(placement)
+      if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
+
+      $tip
+        .detach()
+        .css({ top: 0, left: 0, display: 'block' })
+        .addClass(placement)
+
+      this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
+
+      var pos          = this.getPosition()
+      var actualWidth  = $tip[0].offsetWidth
+      var actualHeight = $tip[0].offsetHeight
+
+      if (autoPlace) {
+        var $parent = this.$element.parent()
+
+        var orgPlacement = placement
+        var docScroll    = document.documentElement.scrollTop || document.body.scrollTop
+        var parentWidth  = this.options.container == 'body' ? window.innerWidth  : $parent.outerWidth()
+        var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight()
+        var parentLeft   = this.options.container == 'body' ? 0 : $parent.offset().left
+
+        placement = placement == 'bottom' && pos.top   + pos.height  + actualHeight - docScroll > parentHeight  ? 'top'    :
+                    placement == 'top'    && pos.top   - docScroll   - actualHeight < 0                         ? 'bottom' :
+                    placement == 'right'  && pos.right + actualWidth > parentWidth                              ? 'left'   :
+                    placement == 'left'   && pos.left  - actualWidth < parentLeft                               ? 'right'  :
+                    placement
+
+        $tip
+          .removeClass(orgPlacement)
+          .addClass(placement)
+      }
+
+      var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
+
+      this.applyPlacement(calculatedOffset, placement)
+      this.hoverState = null
+
+      var complete = function() {
+        that.$element.trigger('shown.bs.' + that.type)
+      }
+
+      $.support.transition && this.$tip.hasClass('fade') ?
+        $tip
+          .one($.support.transition.end, complete)
+          .emulateTransitionEnd(150) :
+        complete()
+    }
+  }
+
+  Tooltip.prototype.applyPlacement = function (offset, placement) {
+    var replace
+    var $tip   = this.tip()
+    var width  = $tip[0].offsetWidth
+    var height = $tip[0].offsetHeight
+
+    // manually read margins because getBoundingClientRect includes difference
+    var marginTop = parseInt($tip.css('margin-top'), 10)
+    var marginLeft = parseInt($tip.css('margin-left'), 10)
+
+    // we must check for NaN for ie 8/9
+    if (isNaN(marginTop))  marginTop  = 0
+    if (isNaN(marginLeft)) marginLeft = 0
+
+    offset.top  = offset.top  + marginTop
+    offset.left = offset.left + marginLeft
+
+    // $.fn.offset doesn't round pixel values
+    // so we use setOffset directly with our own function B-0
+    $.offset.setOffset($tip[0], $.extend({
+      using: function (props) {
+        $tip.css({
+          top: Math.round(props.top),
+          left: Math.round(props.left)
+        })
+      }
+    }, offset), 0)
+
+    $tip.addClass('in')
+
+    // check to see if placing tip in new offset caused the tip to resize itself
+    var actualWidth  = $tip[0].offsetWidth
+    var actualHeight = $tip[0].offsetHeight
+
+    if (placement == 'top' && actualHeight != height) {
+      replace = true
+      offset.top = offset.top + height - actualHeight
+    }
+
+    if (/bottom|top/.test(placement)) {
+      var delta = 0
+
+      if (offset.left < 0) {
+        delta       = offset.left * -2
+        offset.left = 0
+
+        $tip.offset(offset)
+
+        actualWidth  = $tip[0].offsetWidth
+        actualHeight = $tip[0].offsetHeight
+      }
+
+      this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')
+    } else {
+      this.replaceArrow(actualHeight - height, actualHeight, 'top')
+    }
+
+    if (replace) $tip.offset(offset)
+  }
+
+  Tooltip.prototype.replaceArrow = function (delta, dimension, position) {
+    this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : '')
+  }
+
+  Tooltip.prototype.setContent = function () {
+    var $tip  = this.tip()
+    var title = this.getTitle()
+
+    $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
+    $tip.removeClass('fade in top bottom left right')
+  }
+
+  Tooltip.prototype.hide = function () {
+    var that = this
+    var $tip = this.tip()
+    var e    = $.Event('hide.bs.' + this.type)
+
+    function complete() {
+      if (that.hoverState != 'in') $tip.detach()
+      that.$element.trigger('hidden.bs.' + that.type)
+    }
+
+    this.$element.trigger(e)
+
+    if (e.isDefaultPrevented()) return
+
+    $tip.removeClass('in')
+
+    $.support.transition && this.$tip.hasClass('fade') ?
+      $tip
+        .one($.support.transition.end, complete)
+        .emulateTransitionEnd(150) :
+      complete()
+
+    this.hoverState = null
+
+    return this
+  }
+
+  Tooltip.prototype.fixTitle = function () {
+    var $e = this.$element
+    if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
+      $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
+    }
+  }
+
+  Tooltip.prototype.hasContent = function () {
+    return this.getTitle()
+  }
+
+  Tooltip.prototype.getPosition = function () {
+    var el = this.$element[0]
+    return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {
+      width: el.offsetWidth,
+      height: el.offsetHeight
+    }, this.$element.offset())
+  }
+
+  Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
+    return placement == 'bottom' ? { top: pos.top + pos.height,   left: pos.left + pos.width / 2 - actualWidth / 2  } :
+           placement == 'top'    ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2  } :
+           placement == 'left'   ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
+        /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width   }
+  }
+
+  Tooltip.prototype.getTitle = function () {
+    var title
+    var $e = this.$element
+    var o  = this.options
+
+    title = $e.attr('data-original-title')
+      || (typeof o.title == 'function' ? o.title.call($e[0]) :  o.title)
+
+    return title
+  }
+
+  Tooltip.prototype.tip = function () {
+    return this.$tip = this.$tip || $(this.options.template)
+  }
+
+  Tooltip.prototype.arrow = function () {
+    return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')
+  }
+
+  Tooltip.prototype.validate = function () {
+    if (!this.$element[0].parentNode) {
+      this.hide()
+      this.$element = null
+      this.options  = null
+    }
+  }
+
+  Tooltip.prototype.enable = function () {
+    this.enabled = true
+  }
+
+  Tooltip.prototype.disable = function () {
+    this.enabled = false
+  }
+
+  Tooltip.prototype.toggleEnabled = function () {
+    this.enabled = !this.enabled
+  }
+
+  Tooltip.prototype.toggle = function (e) {
+    var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this
+    self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
+  }
+
+  Tooltip.prototype.destroy = function () {
+    clearTimeout(this.timeout)
+    this.hide().$element.off('.' + this.type).removeData('bs.' + this.type)
+  }
+
+
+  // TOOLTIP PLUGIN DEFINITION
+  // =========================
+
+  var old = $.fn.tooltip
+
+  $.fn.tooltip = function (option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.tooltip')
+      var options = typeof option == 'object' && option
+
+      if (!data && option == 'destroy') return
+      if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.tooltip.Constructor = Tooltip
+
+
+  // TOOLTIP NO CONFLICT
+  // ===================
+
+  $.fn.tooltip.noConflict = function () {
+    $.fn.tooltip = old
+    return this
+  }
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: popover.js v3.1.1
+ * http://getbootstrap.com/javascript/#popovers
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // POPOVER PUBLIC CLASS DEFINITION
+  // ===============================
+
+  var Popover = function (element, options) {
+    this.init('popover', element, options)
+  }
+
+  if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
+
+  Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
+    placement: 'right',
+    trigger: 'click',
+    content: '',
+    template: '
      '
+  })
+
+
+  // NOTE: POPOVER EXTENDS tooltip.js
+  // ================================
+
+  Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
+
+  Popover.prototype.constructor = Popover
+
+  Popover.prototype.getDefaults = function () {
+    return Popover.DEFAULTS
+  }
+
+  Popover.prototype.setContent = function () {
+    var $tip    = this.tip()
+    var title   = this.getTitle()
+    var content = this.getContent()
+
+    $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
+    $tip.find('.popover-content')[ // we use append for html objects to maintain js events
+      this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text'
+    ](content)
+
+    $tip.removeClass('fade top bottom left right in')
+
+    // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do
+    // this manually by checking the contents.
+    if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide()
+  }
+
+  Popover.prototype.hasContent = function () {
+    return this.getTitle() || this.getContent()
+  }
+
+  Popover.prototype.getContent = function () {
+    var $e = this.$element
+    var o  = this.options
+
+    return $e.attr('data-content')
+      || (typeof o.content == 'function' ?
+            o.content.call($e[0]) :
+            o.content)
+  }
+
+  Popover.prototype.arrow = function () {
+    return this.$arrow = this.$arrow || this.tip().find('.arrow')
+  }
+
+  Popover.prototype.tip = function () {
+    if (!this.$tip) this.$tip = $(this.options.template)
+    return this.$tip
+  }
+
+
+  // POPOVER PLUGIN DEFINITION
+  // =========================
+
+  var old = $.fn.popover
+
+  $.fn.popover = function (option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.popover')
+      var options = typeof option == 'object' && option
+
+      if (!data && option == 'destroy') return
+      if (!data) $this.data('bs.popover', (data = new Popover(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.popover.Constructor = Popover
+
+
+  // POPOVER NO CONFLICT
+  // ===================
+
+  $.fn.popover.noConflict = function () {
+    $.fn.popover = old
+    return this
+  }
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: scrollspy.js v3.1.1
+ * http://getbootstrap.com/javascript/#scrollspy
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // SCROLLSPY CLASS DEFINITION
+  // ==========================
+
+  function ScrollSpy(element, options) {
+    var href
+    var process  = $.proxy(this.process, this)
+
+    this.$element       = $(element).is('body') ? $(window) : $(element)
+    this.$body          = $('body')
+    this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process)
+    this.options        = $.extend({}, ScrollSpy.DEFAULTS, options)
+    this.selector       = (this.options.target
+      || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+      || '') + ' .nav li > a'
+    this.offsets        = $([])
+    this.targets        = $([])
+    this.activeTarget   = null
+
+    this.refresh()
+    this.process()
+  }
+
+  ScrollSpy.DEFAULTS = {
+    offset: 10
+  }
+
+  ScrollSpy.prototype.refresh = function () {
+    var offsetMethod = this.$element[0] == window ? 'offset' : 'position'
+
+    this.offsets = $([])
+    this.targets = $([])
+
+    var self     = this
+    var $targets = this.$body
+      .find(this.selector)
+      .map(function () {
+        var $el   = $(this)
+        var href  = $el.data('target') || $el.attr('href')
+        var $href = /^#./.test(href) && $(href)
+
+        return ($href
+          && $href.length
+          && $href.is(':visible')
+          && [[ $href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null
+      })
+      .sort(function (a, b) { return a[0] - b[0] })
+      .each(function () {
+        self.offsets.push(this[0])
+        self.targets.push(this[1])
+      })
+  }
+
+  ScrollSpy.prototype.process = function () {
+    var scrollTop    = this.$scrollElement.scrollTop() + this.options.offset
+    var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
+    var maxScroll    = scrollHeight - this.$scrollElement.height()
+    var offsets      = this.offsets
+    var targets      = this.targets
+    var activeTarget = this.activeTarget
+    var i
+
+    if (scrollTop >= maxScroll) {
+      return activeTarget != (i = targets.last()[0]) && this.activate(i)
+    }
+
+    if (activeTarget && scrollTop <= offsets[0]) {
+      return activeTarget != (i = targets[0]) && this.activate(i)
+    }
+
+    for (i = offsets.length; i--;) {
+      activeTarget != targets[i]
+        && scrollTop >= offsets[i]
+        && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
+        && this.activate( targets[i] )
+    }
+  }
+
+  ScrollSpy.prototype.activate = function (target) {
+    this.activeTarget = target
+
+    $(this.selector)
+      .parentsUntil(this.options.target, '.active')
+      .removeClass('active')
+
+    var selector = this.selector +
+        '[data-target="' + target + '"],' +
+        this.selector + '[href="' + target + '"]'
+
+    var active = $(selector)
+      .parents('li')
+      .addClass('active')
+
+    if (active.parent('.dropdown-menu').length) {
+      active = active
+        .closest('li.dropdown')
+        .addClass('active')
+    }
+
+    active.trigger('activate.bs.scrollspy')
+  }
+
+
+  // SCROLLSPY PLUGIN DEFINITION
+  // ===========================
+
+  var old = $.fn.scrollspy
+
+  $.fn.scrollspy = function (option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.scrollspy')
+      var options = typeof option == 'object' && option
+
+      if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.scrollspy.Constructor = ScrollSpy
+
+
+  // SCROLLSPY NO CONFLICT
+  // =====================
+
+  $.fn.scrollspy.noConflict = function () {
+    $.fn.scrollspy = old
+    return this
+  }
+
+
+  // SCROLLSPY DATA-API
+  // ==================
+
+  $(window).on('load', function () {
+    $('[data-spy="scroll"]').each(function () {
+      var $spy = $(this)
+      $spy.scrollspy($spy.data())
+    })
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: tab.js v3.1.1
+ * http://getbootstrap.com/javascript/#tabs
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // TAB CLASS DEFINITION
+  // ====================
+
+  var Tab = function (element) {
+    this.element = $(element)
+  }
+
+  Tab.prototype.show = function () {
+    var $this    = this.element
+    var $ul      = $this.closest('ul:not(.dropdown-menu)')
+    var selector = $this.data('target')
+
+    if (!selector) {
+      selector = $this.attr('href')
+      selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+    }
+
+    if ($this.parent('li').hasClass('active')) return
+
+    var previous = $ul.find('.active:last a')[0]
+    var e        = $.Event('show.bs.tab', {
+      relatedTarget: previous
+    })
+
+    $this.trigger(e)
+
+    if (e.isDefaultPrevented()) return
+
+    var $target = $(selector)
+
+    this.activate($this.parent('li'), $ul)
+    this.activate($target, $target.parent(), function () {
+      $this.trigger({
+        type: 'shown.bs.tab',
+        relatedTarget: previous
+      })
+    })
+  }
+
+  Tab.prototype.activate = function (element, container, callback) {
+    var $active    = container.find('> .active')
+    var transition = callback
+      && $.support.transition
+      && $active.hasClass('fade')
+
+    function next() {
+      $active
+        .removeClass('active')
+        .find('> .dropdown-menu > .active')
+        .removeClass('active')
+
+      element.addClass('active')
+
+      if (transition) {
+        element[0].offsetWidth // reflow for transition
+        element.addClass('in')
+      } else {
+        element.removeClass('fade')
+      }
+
+      if (element.parent('.dropdown-menu')) {
+        element.closest('li.dropdown').addClass('active')
+      }
+
+      callback && callback()
+    }
+
+    transition ?
+      $active
+        .one($.support.transition.end, next)
+        .emulateTransitionEnd(150) :
+      next()
+
+    $active.removeClass('in')
+  }
+
+
+  // TAB PLUGIN DEFINITION
+  // =====================
+
+  var old = $.fn.tab
+
+  $.fn.tab = function ( option ) {
+    return this.each(function () {
+      var $this = $(this)
+      var data  = $this.data('bs.tab')
+
+      if (!data) $this.data('bs.tab', (data = new Tab(this)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.tab.Constructor = Tab
+
+
+  // TAB NO CONFLICT
+  // ===============
+
+  $.fn.tab.noConflict = function () {
+    $.fn.tab = old
+    return this
+  }
+
+
+  // TAB DATA-API
+  // ============
+
+  $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
+    e.preventDefault()
+    $(this).tab('show')
+  })
+
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: affix.js v3.1.1
+ * http://getbootstrap.com/javascript/#affix
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // AFFIX CLASS DEFINITION
+  // ======================
+
+  var Affix = function (element, options) {
+    this.options = $.extend({}, Affix.DEFAULTS, options)
+    this.$window = $(window)
+      .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this))
+      .on('click.bs.affix.data-api',  $.proxy(this.checkPositionWithEventLoop, this))
+
+    this.$element     = $(element)
+    this.affixed      =
+    this.unpin        =
+    this.pinnedOffset = null
+
+    this.checkPosition()
+  }
+
+  Affix.RESET = 'affix affix-top affix-bottom'
+
+  Affix.DEFAULTS = {
+    offset: 0
+  }
+
+  Affix.prototype.getPinnedOffset = function () {
+    if (this.pinnedOffset) return this.pinnedOffset
+    this.$element.removeClass(Affix.RESET).addClass('affix')
+    var scrollTop = this.$window.scrollTop()
+    var position  = this.$element.offset()
+    return (this.pinnedOffset = position.top - scrollTop)
+  }
+
+  Affix.prototype.checkPositionWithEventLoop = function () {
+    setTimeout($.proxy(this.checkPosition, this), 1)
+  }
+
+  Affix.prototype.checkPosition = function () {
+    if (!this.$element.is(':visible')) return
+
+    var scrollHeight = $(document).height()
+    var scrollTop    = this.$window.scrollTop()
+    var position     = this.$element.offset()
+    var offset       = this.options.offset
+    var offsetTop    = offset.top
+    var offsetBottom = offset.bottom
+
+    if (this.affixed == 'top') position.top += scrollTop
+
+    if (typeof offset != 'object')         offsetBottom = offsetTop = offset
+    if (typeof offsetTop == 'function')    offsetTop    = offset.top(this.$element)
+    if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element)
+
+    var affix = this.unpin   != null && (scrollTop + this.unpin <= position.top) ? false :
+                offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' :
+                offsetTop    != null && (scrollTop <= offsetTop) ? 'top' : false
+
+    if (this.affixed === affix) return
+    if (this.unpin) this.$element.css('top', '')
+
+    var affixType = 'affix' + (affix ? '-' + affix : '')
+    var e         = $.Event(affixType + '.bs.affix')
+
+    this.$element.trigger(e)
+
+    if (e.isDefaultPrevented()) return
+
+    this.affixed = affix
+    this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null
+
+    this.$element
+      .removeClass(Affix.RESET)
+      .addClass(affixType)
+      .trigger($.Event(affixType.replace('affix', 'affixed')))
+
+    if (affix == 'bottom') {
+      this.$element.offset({ top: scrollHeight - offsetBottom - this.$element.height() })
+    }
+  }
+
+
+  // AFFIX PLUGIN DEFINITION
+  // =======================
+
+  var old = $.fn.affix
+
+  $.fn.affix = function (option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.affix')
+      var options = typeof option == 'object' && option
+
+      if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.affix.Constructor = Affix
+
+
+  // AFFIX NO CONFLICT
+  // =================
+
+  $.fn.affix.noConflict = function () {
+    $.fn.affix = old
+    return this
+  }
+
+
+  // AFFIX DATA-API
+  // ==============
+
+  $(window).on('load', function () {
+    $('[data-spy="affix"]').each(function () {
+      var $spy = $(this)
+      var data = $spy.data()
+
+      data.offset = data.offset || {}
+
+      if (data.offsetBottom) data.offset.bottom = data.offsetBottom
+      if (data.offsetTop)    data.offset.top    = data.offsetTop
+
+      $spy.affix(data)
+    })
+  })
+
+}(jQuery);
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap.min.js b/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap.min.js
new file mode 100644
index 00000000..b04a0e82
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/bootstrap/js/bootstrap.min.js
@@ -0,0 +1,6 @@
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.isLoading=!1};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",f.resetText||d.data("resetText",d[e]()),d[e](f[b]||this.options[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},b.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});return this.$element.trigger(j),j.isDefaultPrevented()?void 0:(this.sliding=!0,f&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),f&&this.cycle(),this)};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);!e&&f.toggle&&"show"==c&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(b){a(d).remove(),a(e).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('
      ').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown",h),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=" li:not(.divider):visible a",i=f.find("[role=menu]"+h+", [role=listbox]"+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());c.is("a")&&b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
      ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this,d=this.tip();this.setContent(),this.options.animation&&d.addClass("fade");var e="function"==typeof this.options.placement?this.options.placement.call(this,d[0],this.$element[0]):this.options.placement,f=/\s?auto?\s?/i,g=f.test(e);g&&(e=e.replace(f,"")||"top"),d.detach().css({top:0,left:0,display:"block"}).addClass(e),this.options.container?d.appendTo(this.options.container):d.insertAfter(this.$element);var h=this.getPosition(),i=d[0].offsetWidth,j=d[0].offsetHeight;if(g){var k=this.$element.parent(),l=e,m=document.documentElement.scrollTop||document.body.scrollTop,n="body"==this.options.container?window.innerWidth:k.outerWidth(),o="body"==this.options.container?window.innerHeight:k.outerHeight(),p="body"==this.options.container?0:k.offset().left;e="bottom"==e&&h.top+h.height+j-m>o?"top":"top"==e&&h.top-m-j<0?"bottom":"right"==e&&h.right+i>n?"left":"left"==e&&h.left-i
      '}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(a(c).is("body")?window:c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);{var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})}},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(b.RESET).addClass("affix");var a=this.$window.scrollTop(),c=this.$element.offset();return this.pinnedOffset=c.top-a},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"top"==this.affixed&&(e.top+=d),"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:c-h-this.$element.height()}))}}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery);
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/css/compatibility.less b/packages/mindplot/test/playground/map-render/css/compatibility.less
new file mode 100644
index 00000000..9bf1281c
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/css/compatibility.less
@@ -0,0 +1,148 @@
+html {
+    overflow: hidden;
+}
+
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
+    margin: 0;
+    padding: 0;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+fieldset, img {
+    border: 0;
+}
+
+address, caption, cite, code, dfn, em, strong, th, var {
+    font-style: normal;
+    font-weight: normal;
+}
+
+ol, ul {
+    list-style: none;
+}
+
+caption, th {
+    text-align: left;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-size: 100%;
+    font-weight: normal;
+}
+
+q:before, q:after {
+    content: '';
+}
+
+abbr, acronym {
+    border: 0;
+}
+
+/**
+ * Percents could work for IE, but for backCompat purposes, we are using keywords.
+ * x-small is for IE6/7 quirks mode.
+ *
+ */
+body {
+    font-size: 13px;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: small;
+    font: x-small;
+}
+
+table {
+    font-size: inherit;
+    font-size: 100%;
+}
+
+/**
+ * 99% for safari; 100% is too large
+ */
+select, input, textarea {
+    font: 99% arial, helvetica, clean, sans-serif;
+}
+
+/**
+ * Bump up !IE to get to 13px equivalent
+ */
+pre, code {
+    font: 115% monospace;
+    font-size: 100%;
+}
+
+/**
+ * Default line-height based on font-size rather than "computed-value"
+ * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
+ */
+
+body * {
+    line-height: 1.22em;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+//    font: normal 80% "Helvetica Neue",Helvetica,Arial,sans-serif;
+    background-color: #fff;
+}
+
+img {
+    border: 0;
+}
+
+form {
+    padding: 0;
+    margin: 0;
+}
+
+p {
+    margin: 5px 0 5px 0;
+}
+
+ul {
+    list-style-position: inside;
+}
+
+a:hover, a:active {
+    font: bold 100%;
+    text-decoration: underline;
+    color: black;
+}
+
+h2 {
+    font-size: 160%;
+    color: #8e9181;
+}
+
+h1 {
+    font-style: normal;
+    font-size: 180%;
+    color: white;
+    padding-bottom: 2px;
+}
+
+h3 {
+/* use as subhead on main body */
+    clear: left;
+    font-style: normal;
+    font-size: 130%;
+    color: #6b6f5b;
+}
+
+h4 {
+/* use as headers in footer */
+    font-weight: bold;
+    font-size: 120%;
+    border-bottom: 1px solid #8e9181;
+    color: #e2e3dd;
+    padding-bottom: 10px;
+    width: 400px;
+}
+
diff --git a/packages/mindplot/test/playground/map-render/css/editor.less b/packages/mindplot/test/playground/map-render/css/editor.less
new file mode 100644
index 00000000..395cbabe
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/css/editor.less
@@ -0,0 +1,167 @@
+@import "compatibility.less";
+
+/********************************************************************************/
+/* Header & Toolbar Styles */
+/********************************************************************************/
+@import "header.less";
+@import "../bootstrap/css/bootstrap.min.css";
+
+body {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    overflow: hidden;
+    position: fixed
+}
+
+div#mindplot {
+    position: relative;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+    overflow: hidden;
+}
+
+div#small_error_icon {
+    padding-left: 18px;
+    min-height: 16px;
+    background: url(../images/error_icon.png) bottom left no-repeat !important;
+}
+
+.notesTip {
+    background-color: #dfcf3c;
+    padding: 5px 15px;
+    color: #666666;
+/*font-weight: bold;*/
+/*width: 100px;*/
+    font-size: 13px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
+}
+
+.linkTip {
+    background-color: #dfcf3c;
+    padding: 5px 15px;
+    color: #666666;
+/*font-weight: bold;*/
+/*width: 100px;*/
+    font-size: 13px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
+}
+
+.keyboardShortcutTip {
+    background-color: black;
+    padding: 5px 15px;
+    color: white;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+/** */
+/* Modal dialogs definitions */
+
+div.modalDialog {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    z-index: 11000;
+    width: 500px;
+    margin: -250px 0 0 -250px;
+    background-color: #ffffff;
+    border: 1px solid #999;
+    padding: 10px;
+    overflow: auto;
+
+/* IE6-7 */
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+
+    -webkit-background-clip: padding-box;
+    -moz-background-clip: padding-box;
+    background-clip: padding-box;
+}
+
+div.modalDialog .content {
+    padding: 5px 5px;
+}
+
+div.modalDialog .title {
+    font-weight: bold;
+    text-shadow: 1px 1px 0 #fff;
+    border-bottom: 1px solid #eee;
+    padding: 5px 15px;
+    font-size: 18px;
+}
+
+/*---   End Modal Dialog Form  ---*/
+
+.publishModalDialog .content {
+    height: 420px;
+}
+
+.exportModalDialog .content {
+    height: 400px;
+}
+
+.shareModalDialog .content {
+    height: 440px;
+}
+
+div.shareModalDialog {
+    width: 550px;
+}
+
+#tutorialVideo{
+    background: url(../images/help.png) no-repeat left center;
+    padding-left: 19px;
+}
+
+#keyboardShortcuts{
+    background: url(../images/help.png) no-repeat left center;
+    padding-left: 19px;
+}
+
+.panelIcon {
+  width:16px;
+  height:16px;
+  margin-left: 4px;
+  margin-top:  3px;
+  cursor: pointer
+}
+
+.panelIcon:hover {
+  background-color: #efefef;
+}
+
+.popoverBlack {
+  background: black;
+}
+
+.popoverBlack.bottom .arrow:after{
+  border-bottom-color: black;
+}
+
+.popoverGray {
+  background: #e4e2d2;
+  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
+  border: 3px double #bebebe;
+}
+
+.popoverGray.bottom .arrow:after{
+  border-bottom-color: #e4e2d2;
+}
+
diff --git a/packages/mindplot/test/playground/map-render/css/embedded.less b/packages/mindplot/test/playground/map-render/css/embedded.less
new file mode 100644
index 00000000..7a363e46
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/css/embedded.less
@@ -0,0 +1,106 @@
+@import "editor.less";
+
+/* Overwrite some styles */
+body{
+    position: inherit;
+}
+
+div#headerInfo {
+    height: 0;
+}
+
+div#header {
+    height: 35px;
+}
+
+div#headerMapTitle, #headerActions, #headerLogo {
+    display: none;
+}
+
+/* Footer Styles */
+div#footer {
+    position: absolute;
+    height: 0px;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+}
+
+div#footerLogo {
+    width: 114px;
+    height: 56px;
+    position: absolute;
+    display: list-item;
+    list-style-image: url(../images/logo-xsmall.png);
+    list-style-position: inside;
+    right: 10px;
+    top: -30px;
+}
+
+div#zoomIn {
+    background: url(../images/zoom-in.png) no-repeat left top;
+    margin-top: 10px;
+    margin-left: 10px;
+}
+
+#zoomOut {
+    background: url(../images/zoom-out.png) no-repeat left top;
+    margin-top: 10px;
+    margin-left: 5px;
+}
+
+.button {
+    width: 20px;
+    height: 20px;
+    float: left;
+    cursor: pointer;
+    white-space: nowrap;
+    margin: 1px;
+}
+
+.button:hover {
+    float: left;
+    cursor: pointer;
+    border: 1px solid black;
+    border-top-color: white;
+    border-left-color: white;
+    margin: 0;
+}
+
+div#mapDetails {
+    float: right;
+    padding-top: 10px;
+    margin-right: 130px;
+
+}
+
+div#mapDetails .title {
+    font-weight: bold;
+    margin-left: 10px;
+    margin-right: 3px;
+}
+
+div#infoPanel {
+    border: 2px black solid;
+    position: absolute;
+    background: gray;
+    width: 100px;
+    height: 300px;
+    z-index: 100;
+    padding: 5px;
+    border-radius: 8px;
+    top: 150px;
+    right: 10px;
+    text-align: center;
+}
+
+div#infoPanel .textNode {
+    background-color: #E0E5EF;
+    height: 20px;
+    width: 80px;
+    border: 3px #023BB9 solid;
+    padding: 4px;
+    cursor: move
+}
+
+
diff --git a/packages/mindplot/test/playground/map-render/css/header.less b/packages/mindplot/test/playground/map-render/css/header.less
new file mode 100644
index 00000000..67c32f59
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/css/header.less
@@ -0,0 +1,125 @@
+@header-height : 75px;
+@header-toolbar-height : 35px;
+@header-info-height : @header-height - @header-toolbar-height;
+
+div#header {
+    width: 100%;
+    height: @header-height;
+    background: #393939; /* Old browsers */
+    background: -moz-linear-gradient(top, #393939 0%, #000000 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #393939), color-stop(100%, #000000)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #393939 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #393939 0%, #000000 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #393939 0%, #000000 100%); /* IE10+ */
+    background: linear-gradient(top, #393939 0%, #000000 100%); /* W3C */
+    z-index: 1000;
+    position: absolute;
+    top: 0;
+}
+
+div#headerLogo {
+    background: url(../images/logo-small.png) no-repeat center top;
+    height: 40px;
+    width: 80px;
+    float: left;
+    padding-left: 20px;
+}
+
+div#headerInfo {
+    width: 100%;
+    height: @header-info-height;
+    color: white;
+    padding: 0px 0px
+
+}
+
+div#headerActions {
+    text-align: right;
+    margin-top: 13px;
+    padding-right: 10px;
+    color: white;
+    float: right;
+}
+
+div#headerActions span {
+    border-bottom: 3px solid rgb(247, 201, 49);
+}
+
+div#headerActions a {
+    color: white;
+    text-decoration: none;
+}
+
+div#headerMapTitle {
+    min-width: 200px;
+    height:@header-info-height - 13;
+    text-align: left;
+    padding-top: 13px;
+    padding-left: 50px;
+    color: white;
+    float: left;
+    font-style: italic;
+}
+
+div#headerMapTitle span {
+    padding: 4px 50px;
+    border: 1px solid rgb(90, 90, 90);
+    background-color: rgb(45, 45, 45);
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
+    white-space:nowrap;
+}
+
+div#headerNotifier {
+    border: 1px solid rgb(241,163,39);
+    background-color: rgb(252,235,192);
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    position: absolute;
+    padding: 5px 9px;
+    color:back;
+    white-space:nowrap;
+    margin-top:5px;
+        /*margin-top:-34px;*/
+    display:none;
+    /*right: 5px;*/
+}
+
+@import "toolbar.less";
+
+div#embFooter {
+    position: absolute;
+    height: 35px;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    border-top: 1px solid black;
+    background: #E5E5E5;
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+
+/* FIXME: duplicate in mindmapList
+ ---------------------------- Scrollbar --------------------------------- */
+::-webkit-scrollbar {
+  width: 8px;
+  direction:rtl;
+  text-align: left;
+  position: relative;
+  left: 10px;
+}
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #eaeaea;
+  border-left: 1px solid #ccc;
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #c6c6c6;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: #08c;
+}
+
diff --git a/packages/mindplot/test/playground/map-render/css/toolbar.less b/packages/mindplot/test/playground/map-render/css/toolbar.less
new file mode 100644
index 00000000..2431dfa8
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/css/toolbar.less
@@ -0,0 +1,153 @@
+div#toolbar {
+    width: 100%;
+    height: @header-toolbar-height;
+    background-color: rgb(229, 227, 209);
+    background-image: linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
+    background-image: -o-linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
+    background-image: -moz-linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
+    background-image: -webkit-linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
+    background-image: -ms-linear-gradient(bottom, rgb(229, 227, 209) 47%, rgb(252, 250, 237) 87%);
+
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.47, rgb(229, 227, 209)), color-stop(0.87, rgb(252, 250, 237)));
+    border-bottom: 3px double rgb(190, 190, 190);
+    border-top: 1px solid rgb(190, 190, 190);
+    padding:  0px 15px;
+}
+
+div#toolbar .buttonContainer {
+    height: @header-toolbar-height;
+    float: left;
+    margin-left: 5px;
+}
+
+/******************************************************************************************/
+/* Buttons*/
+/******************************************************************************************/
+
+div#toolbar .buttonOn, div#toolbar .buttonOff, div#toolbar .buttonActive, div#toolbar .buttonOn:hover {
+    width: 28px;
+    height: 28px;
+    float: left;
+    text-align: center;
+    z-index: 4;
+    margin-top: 3px;
+    padding-top: 2px;
+    padding-left: 2px;
+    margin-left: 3px;
+}
+
+div#toolbar .buttonOn:hover {
+    cursor: pointer;
+    opacity: 1;
+    background: url(../images/btn-bg-hover.png) no-repeat center top;
+}
+
+div#toolbar .buttonOn {
+    opacity: 0.8;
+    background: url(../images/btn-bg-normal.png) no-repeat center top;
+}
+
+div#toolbar .buttonOff {
+    opacity: 0.4;
+    background: url(../images/btn-bg-normal.png) no-repeat center top;
+}
+
+div#exportAnchor {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+}
+
+div#toolbar .buttonExtOn, div#toolbar .buttonExtOff, div#toolbar .buttonExtActive, div#toolbar .buttonExtOn:hover {
+    width: 40px;
+    height: 28px;
+    float: left;
+    text-align: left;
+    z-index: 4;
+    margin-top: 3px;
+    padding-top: 2px;
+    padding-left: 5px;
+    margin-left: 3px;
+}
+
+div#toolbar .buttonExtOn:hover {
+    opacity: 1;
+    background: url(../images/btne-bg-hover.png) no-repeat center top;
+
+}
+
+div#toolbar .buttonExtActive {
+    opacity: 1;
+    background: url(../images/btne-bg-selected.png) no-repeat center top;
+
+}
+
+div#toolbar .buttonExtOn {
+    opacity: 0.8;
+    background: url(../images/btne-bg-normal.png) no-repeat center top;
+}
+
+div#toolbar .buttonExtOff {
+    opacity: 0.4;
+    background: url(../images/btne-bg-normal.png) no-repeat center top;
+}
+
+div#exportAnchor {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+}
+
+/***************************************************************************************************/
+/* Other toolbar styles */
+/***************************************************************************************************/
+.toolbarTip {
+    background-color: #000000;
+    padding: 5px 5px;
+    color: #f5f5f5;
+    /*font-weight: bold;*/
+    /*width: 100px;*/
+    font-size: 11px;
+}
+
+div#colorPalette {
+    border: 1px solid #bbb4d6;
+    display: none;
+    position: absolute;
+    z-index: 4;
+    width: 160px;
+    top: 89px;
+}
+
+div.toolbarPanelLink, div.toolbarPanelLinkSelectedLink {
+    cursor: pointer;
+    color: black;
+    margin: 1px;
+    cursor: pointer;
+    font-size: 12px;
+    padding: 5px 10px;
+    font-weight: bold;
+}
+
+div.toolbarPanelLink:hover, div.toolbarPanelLinkSelectedLink {
+    cursor: pointer;
+    background-color: #efefef;
+}
+
+.toolbarPaneTip {
+    background-color: rgb(228, 226, 210);
+    padding: 5px 5px;
+    color: #f5f5f5;
+    /*font-weight: bold;*/
+    /*width: 100px;*/
+    font-size: 11px;
+    -moz-border-radius: 60px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
+    border: 3px double rgb(190, 190, 190);
+}
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/css/widget/colorPalette.css b/packages/mindplot/test/playground/map-render/css/widget/colorPalette.css
new file mode 100644
index 00000000..0a3d2919
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/css/widget/colorPalette.css
@@ -0,0 +1,75 @@
+.palette-panel {
+    cursor: default;
+    font: normal 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
+    margin: 0;
+    outline: none;
+    padding: 4px 0;
+    z-index: 20000;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.palette {
+    cursor: default;
+    outline: none;
+}
+
+.palette-table {
+    border: 1px solid #666;
+    border-collapse: collapse;
+    margin: 5px;
+}
+
+tbody {
+    display: table-row-group;
+    vertical-align: middle;
+    border-color: inherit;
+}
+
+.palette-table {
+    border-collapse: collapse;
+}
+
+tr {
+    display: table-row;
+    vertical-align: inherit;
+    border-color: inherit;
+}
+
+.palette-cell {
+    border: 0;
+    border-right: 1px solid #666;
+    cursor: pointer;
+    height: 18px;
+    margin: 0;
+    text-align: center;
+    vertical-align: middle;
+    width: 18px;
+}
+
+.palette-cell .palette-colorswatch {
+    border: none;
+    font-size: x-small;
+    height: 18px;
+    position: relative;
+    width: 18px;
+}
+
+.palette-cell-selected .palette-colorswatch {
+    background: url(../../images/editortoolbar.png) no-repeat -368px 0;
+    border: 1px solid #333;
+    color: white;
+    font-weight: bold;
+    height: 16px;
+    width: 16px;
+}
+
+.palette-colorswatch:hover {
+    border: 1px solid white;
+    height: 16px;
+    width: 16px;
+}
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/css/widget/colorPalette.html b/packages/mindplot/test/playground/map-render/css/widget/colorPalette.html
new file mode 100644
index 00000000..76939590
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/css/widget/colorPalette.html
@@ -0,0 +1,450 @@
+
diff --git a/packages/mindplot/test/playground/map-render/css/widget/skin2.less b/packages/mindplot/test/playground/map-render/css/widget/skin2.less
new file mode 100644
index 00000000..57e8771a
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/css/widget/skin2.less
@@ -0,0 +1,3 @@
+@header-height : 75px;
+@header-toolbar-height : 35px;
+@header-info-height : @header-height - @header-toolbar-height;
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/html/container.html b/packages/mindplot/test/playground/map-render/html/container.html
new file mode 100644
index 00000000..2e3e3e12
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/html/container.html
@@ -0,0 +1,68 @@
+
+
+
+
+    WiseMapping - Embedded Sample 
+    
+    
+
+    
+    
+
+
+
+
      
+    
      
+        
      Embedded editor sample
      
+
+        
      
+            This is a simple example of how WiseMapping can be embedded in a page.
+            Embedding WiseMapping editor is such simple as copying this line in your page:
+        
      
+        
      <iframe src="embedded.html?confUrl=html/container.json" width="800" height="600"></iframe>
      
+        
      
+            The container.json file contains a set of properties that must be configured. Properties:
+        
      
+        
        
+            
      • size: Must match with the size of the iframe
        • 
+            
      • zoom: Scale to be applied to the map
        • 
+            
      • readOnly: If the map could be modified.
        • 
+            
      • persistenceManager: Persistence managers to be used. By default, local browser storage is used.
        • 
+            
      • mapId: UUID of the map to be loaded.
        • 
+            
      • container: div element where the mindmap will be embedded..
        • 
+
+        
      
+        
      
+            It's important to point out that embedded.html is a static html page that it's mean to be a template page
+            for advanced customization.  In few words, go ahead and modify it.
+        
      
+
+    
      
+    
      
+        
+    
      
+
      
+
+
diff --git a/packages/mindplot/test/playground/map-render/html/container.json b/packages/mindplot/test/playground/map-render/html/container.json
new file mode 100644
index 00000000..950d6485
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/html/container.json
@@ -0,0 +1,16 @@
+{
+    "readOnly":false,
+    "zoom":1.3,
+    "size":{
+        "width":800,
+        "height":400
+    },
+    "viewPort":
+    {
+        "width":800,
+        "height":400
+    },
+    "persistenceManager": "mindplot.LocalStorageManager",
+    "mapId": "welcome",
+    "container":"mindplot"
+}
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/html/drag.html b/packages/mindplot/test/playground/map-render/html/drag.html
new file mode 100644
index 00000000..cc441afc
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/html/drag.html
@@ -0,0 +1,221 @@
+
+
+
+
+    
+    WiseMapping - Editor 
+    
+
+    
+    
+
+    
+    
+    
+
+    
+    
+
+    
+    
+
+
+
+
+
+
      
+    
      
+        
+    
      
+    
      Text Node !!
      
+
      
+
+
      
+
+
+
diff --git a/packages/mindplot/test/playground/map-render/html/editor.html b/packages/mindplot/test/playground/map-render/html/editor.html
new file mode 100644
index 00000000..e774b233
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/html/editor.html
@@ -0,0 +1,145 @@
+
+
+
+
+    
+    WiseMapping - Editor 
+    
+
+    
+    
+
+    
+    
+    
+    
+    
+    
+
+    
+    
+    
+
+    
+    
+
+    
+
+
+
+
+
+
+
+
      
+
+
+
diff --git a/packages/mindplot/test/playground/map-render/html/embedded.html b/packages/mindplot/test/playground/map-render/html/embedded.html
new file mode 100644
index 00000000..8a2bcae3
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/html/embedded.html
@@ -0,0 +1,138 @@
+
+
+
+
+    
+    WiseMapping - Editor 
+    
+    
+    
+
+    
+    
+    
+    
+    
+    
+
+    
+    
+
+    
+
+
+
+
+
+
      
+
+
+
diff --git a/packages/mindplot/test/playground/map-render/html/viewmode.html b/packages/mindplot/test/playground/map-render/html/viewmode.html
new file mode 100644
index 00000000..a5410504
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/html/viewmode.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+    
+    WiseMapping - Editor 
+    
+    
+    
+
+
+    
+    
+
+
+
+
+    
+
+    
+
+    
      
+
+
diff --git a/packages/mindplot/test/playground/map-render/icons/arrow_down.gif b/packages/mindplot/test/playground/map-render/icons/arrow_down.gif
new file mode 100644
index 00000000..552f123e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrow_down.gif differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrow_down.png b/packages/mindplot/test/playground/map-render/icons/arrow_down.png
new file mode 100755
index 00000000..2c4e2793
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrow_down.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrow_left.png b/packages/mindplot/test/playground/map-render/icons/arrow_left.png
new file mode 100755
index 00000000..5dc69678
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrow_left.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrow_merge.png b/packages/mindplot/test/playground/map-render/icons/arrow_merge.png
new file mode 100755
index 00000000..7502dbb3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrow_merge.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrow_right.png b/packages/mindplot/test/playground/map-render/icons/arrow_right.png
new file mode 100755
index 00000000..4bfba64a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrow_right.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrow_up.png b/packages/mindplot/test/playground/map-render/icons/arrow_up.png
new file mode 100755
index 00000000..1ebb1932
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrow_up.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrowc_rotate_anticlockwise.png b/packages/mindplot/test/playground/map-render/icons/arrowc_rotate_anticlockwise.png
new file mode 100755
index 00000000..46c75aa8
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrowc_rotate_anticlockwise.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrowc_rotate_clockwise.png b/packages/mindplot/test/playground/map-render/icons/arrowc_rotate_clockwise.png
new file mode 100755
index 00000000..aa65210e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrowc_rotate_clockwise.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrowc_turn_left.png b/packages/mindplot/test/playground/map-render/icons/arrowc_turn_left.png
new file mode 100755
index 00000000..a3d6c9e3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrowc_turn_left.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/arrowc_turn_right.png b/packages/mindplot/test/playground/map-render/icons/arrowc_turn_right.png
new file mode 100755
index 00000000..629f20d6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/arrowc_turn_right.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bomb.png b/packages/mindplot/test/playground/map-render/icons/bomb.png
new file mode 100755
index 00000000..1be37974
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bomb.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bulb_light_off.png b/packages/mindplot/test/playground/map-render/icons/bulb_light_off.png
new file mode 100644
index 00000000..e95b8c5b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bulb_light_off.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bulb_light_on.png b/packages/mindplot/test/playground/map-render/icons/bulb_light_on.png
new file mode 100644
index 00000000..d22fde8b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bulb_light_on.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bullet_black.png b/packages/mindplot/test/playground/map-render/icons/bullet_black.png
new file mode 100644
index 00000000..57619706
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bullet_black.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bullet_blue.png b/packages/mindplot/test/playground/map-render/icons/bullet_blue.png
new file mode 100644
index 00000000..a7651ec8
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bullet_blue.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bullet_green.png b/packages/mindplot/test/playground/map-render/icons/bullet_green.png
new file mode 100644
index 00000000..058ad261
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bullet_green.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bullet_orange.png b/packages/mindplot/test/playground/map-render/icons/bullet_orange.png
new file mode 100644
index 00000000..fa63024e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bullet_orange.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bullet_pink.png b/packages/mindplot/test/playground/map-render/icons/bullet_pink.png
new file mode 100644
index 00000000..0c9f73e3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bullet_pink.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bullet_purple.png b/packages/mindplot/test/playground/map-render/icons/bullet_purple.png
new file mode 100644
index 00000000..52ba5036
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bullet_purple.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/bullet_red.png b/packages/mindplot/test/playground/map-render/icons/bullet_red.png
new file mode 100644
index 00000000..0cd80311
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/bullet_red.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/chart_bar.png b/packages/mindplot/test/playground/map-render/icons/chart_bar.png
new file mode 100755
index 00000000..9051fbc6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/chart_bar.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/chart_curve.png b/packages/mindplot/test/playground/map-render/icons/chart_curve.png
new file mode 100755
index 00000000..01e933a6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/chart_curve.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/chart_line.png b/packages/mindplot/test/playground/map-render/icons/chart_line.png
new file mode 100755
index 00000000..85020f32
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/chart_line.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/chart_organisation.png b/packages/mindplot/test/playground/map-render/icons/chart_organisation.png
new file mode 100755
index 00000000..c32d25c1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/chart_organisation.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/chart_pie.png b/packages/mindplot/test/playground/map-render/icons/chart_pie.png
new file mode 100755
index 00000000..fe00fa05
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/chart_pie.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/close.png b/packages/mindplot/test/playground/map-render/icons/close.png
new file mode 100644
index 00000000..4de1c381
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/close.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/conn_connect.png b/packages/mindplot/test/playground/map-render/icons/conn_connect.png
new file mode 100644
index 00000000..024138eb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/conn_connect.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/conn_disconnect.png b/packages/mindplot/test/playground/map-render/icons/conn_disconnect.png
new file mode 100644
index 00000000..b335cb11
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/conn_disconnect.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/face_crying.png b/packages/mindplot/test/playground/map-render/icons/face_crying.png
new file mode 100644
index 00000000..a7e3f49f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/face_crying.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/face_plain.png b/packages/mindplot/test/playground/map-render/icons/face_plain.png
new file mode 100644
index 00000000..a6761bd1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/face_plain.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/face_sad.png b/packages/mindplot/test/playground/map-render/icons/face_sad.png
new file mode 100644
index 00000000..fa258956
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/face_sad.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/face_smile-big.png b/packages/mindplot/test/playground/map-render/icons/face_smile-big.png
new file mode 100644
index 00000000..4cebcff6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/face_smile-big.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/face_smile.png b/packages/mindplot/test/playground/map-render/icons/face_smile.png
new file mode 100644
index 00000000..01e01170
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/face_smile.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/face_surprise.png b/packages/mindplot/test/playground/map-render/icons/face_surprise.png
new file mode 100644
index 00000000..863f3048
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/face_surprise.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/face_wink.png b/packages/mindplot/test/playground/map-render/icons/face_wink.png
new file mode 100644
index 00000000..46be6855
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/face_wink.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/flag_blue.png b/packages/mindplot/test/playground/map-render/icons/flag_blue.png
new file mode 100755
index 00000000..003924f5
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/flag_blue.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/flag_green.png b/packages/mindplot/test/playground/map-render/icons/flag_green.png
new file mode 100755
index 00000000..e4bc611f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/flag_green.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/flag_orange.png b/packages/mindplot/test/playground/map-render/icons/flag_orange.png
new file mode 100755
index 00000000..e6320242
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/flag_orange.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/flag_pink.png b/packages/mindplot/test/playground/map-render/icons/flag_pink.png
new file mode 100755
index 00000000..5f15e526
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/flag_pink.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/flag_purple.png b/packages/mindplot/test/playground/map-render/icons/flag_purple.png
new file mode 100755
index 00000000..d0698664
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/flag_purple.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/flag_yellow.png b/packages/mindplot/test/playground/map-render/icons/flag_yellow.png
new file mode 100755
index 00000000..14c89a54
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/flag_yellow.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/funy_angel.png b/packages/mindplot/test/playground/map-render/icons/funy_angel.png
new file mode 100644
index 00000000..d2c5e940
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/funy_angel.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/funy_devilish.png b/packages/mindplot/test/playground/map-render/icons/funy_devilish.png
new file mode 100644
index 00000000..8e2cd458
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/funy_devilish.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/funy_glasses.png b/packages/mindplot/test/playground/map-render/icons/funy_glasses.png
new file mode 100644
index 00000000..d13f2c8c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/funy_glasses.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/funy_grin.png b/packages/mindplot/test/playground/map-render/icons/funy_grin.png
new file mode 100644
index 00000000..d15cf2d4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/funy_grin.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/funy_kiss.png b/packages/mindplot/test/playground/map-render/icons/funy_kiss.png
new file mode 100644
index 00000000..809c1cf7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/funy_kiss.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/funy_monkey.png b/packages/mindplot/test/playground/map-render/icons/funy_monkey.png
new file mode 100644
index 00000000..69db8fa5
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/funy_monkey.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/gener_female.png b/packages/mindplot/test/playground/map-render/icons/gener_female.png
new file mode 100755
index 00000000..f92958e6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/gener_female.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/gener_male.png b/packages/mindplot/test/playground/map-render/icons/gener_male.png
new file mode 100755
index 00000000..25d6ea91
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/gener_male.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_cd.png b/packages/mindplot/test/playground/map-render/icons/hard_cd.png
new file mode 100755
index 00000000..ef432235
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_cd.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_computer.png b/packages/mindplot/test/playground/map-render/icons/hard_computer.png
new file mode 100755
index 00000000..9bc37dce
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_computer.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_controller.png b/packages/mindplot/test/playground/map-render/icons/hard_controller.png
new file mode 100755
index 00000000..5cf76ed0
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_controller.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_drive_cd.png b/packages/mindplot/test/playground/map-render/icons/hard_drive_cd.png
new file mode 100755
index 00000000..1850b701
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_drive_cd.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_driver_disk.png b/packages/mindplot/test/playground/map-render/icons/hard_driver_disk.png
new file mode 100755
index 00000000..99d532e8
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_driver_disk.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_ipod.png b/packages/mindplot/test/playground/map-render/icons/hard_ipod.png
new file mode 100755
index 00000000..3f768da5
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_ipod.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_keyboard.png b/packages/mindplot/test/playground/map-render/icons/hard_keyboard.png
new file mode 100755
index 00000000..898d402d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_keyboard.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_mouse.png b/packages/mindplot/test/playground/map-render/icons/hard_mouse.png
new file mode 100755
index 00000000..63a92fa9
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_mouse.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/hard_printer.png b/packages/mindplot/test/playground/map-render/icons/hard_printer.png
new file mode 100755
index 00000000..a350d187
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/hard_printer.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/add.png b/packages/mindplot/test/playground/map-render/icons/legacy/add.png
new file mode 100755
index 00000000..6332fefe
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/add.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_down.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_down.png
new file mode 100755
index 00000000..2c4e2793
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_down.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_left.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_left.png
new file mode 100755
index 00000000..5dc69678
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_left.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_merge.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_merge.png
new file mode 100755
index 00000000..7502dbb3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_merge.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_right.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_right.png
new file mode 100755
index 00000000..4bfba64a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_right.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_rotate_anticlockwise.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_rotate_anticlockwise.png
new file mode 100755
index 00000000..46c75aa8
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_rotate_anticlockwise.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_rotate_clockwise.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_rotate_clockwise.png
new file mode 100755
index 00000000..aa65210e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_rotate_clockwise.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_turn_left.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_turn_left.png
new file mode 100755
index 00000000..a3d6c9e3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_turn_left.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_turn_right.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_turn_right.png
new file mode 100755
index 00000000..629f20d6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_turn_right.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/arrow_up.png b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_up.png
new file mode 100755
index 00000000..1ebb1932
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/arrow_up.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/backColor.png b/packages/mindplot/test/playground/map-render/icons/legacy/backColor.png
new file mode 100755
index 00000000..bbd0d8ef
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/backColor.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/balloon.png b/packages/mindplot/test/playground/map-render/icons/legacy/balloon.png
new file mode 100644
index 00000000..45a7db8f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/balloon.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bin.png b/packages/mindplot/test/playground/map-render/icons/legacy/bin.png
new file mode 100755
index 00000000..ebad933c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bin.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/black-keyboard.png b/packages/mindplot/test/playground/map-render/icons/legacy/black-keyboard.png
new file mode 100644
index 00000000..5d670cca
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/black-keyboard.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bold.png b/packages/mindplot/test/playground/map-render/icons/legacy/bold.png
new file mode 100755
index 00000000..dbefe42d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bold.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/borderColor.png b/packages/mindplot/test/playground/map-render/icons/legacy/borderColor.png
new file mode 100755
index 00000000..f8242e7e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/borderColor.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bullet_black.png b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_black.png
new file mode 100755
index 00000000..57619706
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_black.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bullet_blue.png b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_blue.png
new file mode 100755
index 00000000..a7651ec8
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_blue.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bullet_green.png b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_green.png
new file mode 100755
index 00000000..058ad261
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_green.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bullet_orange.png b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_orange.png
new file mode 100755
index 00000000..fa63024e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_orange.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bullet_pink.png b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_pink.png
new file mode 100755
index 00000000..0c9f73e3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_pink.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bullet_purple.png b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_purple.png
new file mode 100755
index 00000000..52ba5036
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_purple.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/bullet_red.png b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_red.png
new file mode 100755
index 00000000..0cd80311
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/bullet_red.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/chart_bar.png b/packages/mindplot/test/playground/map-render/icons/legacy/chart_bar.png
new file mode 100755
index 00000000..9051fbc6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/chart_bar.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/chart_curve.png b/packages/mindplot/test/playground/map-render/icons/legacy/chart_curve.png
new file mode 100755
index 00000000..01e933a6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/chart_curve.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/chart_line.png b/packages/mindplot/test/playground/map-render/icons/legacy/chart_line.png
new file mode 100755
index 00000000..85020f32
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/chart_line.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/chart_organisation.png b/packages/mindplot/test/playground/map-render/icons/legacy/chart_organisation.png
new file mode 100755
index 00000000..c32d25c1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/chart_organisation.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/chart_pie.png b/packages/mindplot/test/playground/map-render/icons/legacy/chart_pie.png
new file mode 100755
index 00000000..fe00fa05
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/chart_pie.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/clock.png b/packages/mindplot/test/playground/map-render/icons/legacy/clock.png
new file mode 100755
index 00000000..e2672c20
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/clock.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/clock_red.png b/packages/mindplot/test/playground/map-render/icons/legacy/clock_red.png
new file mode 100755
index 00000000..2842cc33
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/clock_red.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/close.png b/packages/mindplot/test/playground/map-render/icons/legacy/close.png
new file mode 100644
index 00000000..4de1c381
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/close.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/coins.png b/packages/mindplot/test/playground/map-render/icons/legacy/coins.png
new file mode 100755
index 00000000..0ca9074d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/coins.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/collab_publish.png b/packages/mindplot/test/playground/map-render/icons/legacy/collab_publish.png
new file mode 100644
index 00000000..fa862d61
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/collab_publish.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/collab_share.png b/packages/mindplot/test/playground/map-render/icons/legacy/collab_share.png
new file mode 100644
index 00000000..2e1594eb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/collab_share.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/collab_tag.png b/packages/mindplot/test/playground/map-render/icons/legacy/collab_tag.png
new file mode 100644
index 00000000..b06c7d25
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/collab_tag.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/color_swatch.png b/packages/mindplot/test/playground/map-render/icons/legacy/color_swatch.png
new file mode 100755
index 00000000..ecb0ac7e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/color_swatch.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/comment.png b/packages/mindplot/test/playground/map-render/icons/legacy/comment.png
new file mode 100755
index 00000000..00352e5b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/comment.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/connect.png b/packages/mindplot/test/playground/map-render/icons/legacy/connect.png
new file mode 100755
index 00000000..024138eb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/connect.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/cross.png b/packages/mindplot/test/playground/map-render/icons/legacy/cross.png
new file mode 100755
index 00000000..1514d51a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/cross.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/delNode.png b/packages/mindplot/test/playground/map-render/icons/legacy/delNode.png
new file mode 100755
index 00000000..69baa4bc
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/delNode.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/delete.png b/packages/mindplot/test/playground/map-render/icons/legacy/delete.png
new file mode 100755
index 00000000..08f24936
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/delete.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/disconnect.png b/packages/mindplot/test/playground/map-render/icons/legacy/disconnect.png
new file mode 100755
index 00000000..b335cb11
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/disconnect.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-angel.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-angel.png
new file mode 100644
index 00000000..d2c5e940
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-angel.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-crying.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-crying.png
new file mode 100644
index 00000000..a7e3f49f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-crying.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-devilish.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-devilish.png
new file mode 100644
index 00000000..8e2cd458
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-devilish.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-glasses.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-glasses.png
new file mode 100644
index 00000000..d13f2c8c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-glasses.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-grin.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-grin.png
new file mode 100644
index 00000000..d15cf2d4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-grin.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-kiss.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-kiss.png
new file mode 100644
index 00000000..809c1cf7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-kiss.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-monkey.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-monkey.png
new file mode 100644
index 00000000..69db8fa5
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-monkey.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-plain.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-plain.png
new file mode 100644
index 00000000..a6761bd1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-plain.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-sad.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-sad.png
new file mode 100644
index 00000000..fa258956
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-sad.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-smile-big.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-smile-big.png
new file mode 100644
index 00000000..4cebcff6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-smile-big.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-smile.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-smile.png
new file mode 100644
index 00000000..01e01170
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-smile.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-surprise.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-surprise.png
new file mode 100644
index 00000000..863f3048
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-surprise.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/face-wink.png b/packages/mindplot/test/playground/map-render/icons/legacy/face-wink.png
new file mode 100644
index 00000000..46be6855
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/face-wink.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/file_export.png b/packages/mindplot/test/playground/map-render/icons/legacy/file_export.png
new file mode 100644
index 00000000..aec7cfb2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/file_export.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/file_printer.png b/packages/mindplot/test/playground/map-render/icons/legacy/file_printer.png
new file mode 100644
index 00000000..ecd1ff26
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/file_printer.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/file_redo.png b/packages/mindplot/test/playground/map-render/icons/legacy/file_redo.png
new file mode 100644
index 00000000..3a8502c6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/file_redo.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/file_redo_dis.png b/packages/mindplot/test/playground/map-render/icons/legacy/file_redo_dis.png
new file mode 100644
index 00000000..36cf9df3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/file_redo_dis.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/file_undo.png b/packages/mindplot/test/playground/map-render/icons/legacy/file_undo.png
new file mode 100644
index 00000000..acd5a581
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/file_undo.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/file_undo_dis.png b/packages/mindplot/test/playground/map-render/icons/legacy/file_undo_dis.png
new file mode 100644
index 00000000..6af29fe2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/file_undo_dis.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/flag_blue.png b/packages/mindplot/test/playground/map-render/icons/legacy/flag_blue.png
new file mode 100755
index 00000000..003924f5
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/flag_blue.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/flag_green.png b/packages/mindplot/test/playground/map-render/icons/legacy/flag_green.png
new file mode 100755
index 00000000..e4bc611f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/flag_green.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/flag_orange.png b/packages/mindplot/test/playground/map-render/icons/legacy/flag_orange.png
new file mode 100755
index 00000000..e6320242
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/flag_orange.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/flag_pink.png b/packages/mindplot/test/playground/map-render/icons/legacy/flag_pink.png
new file mode 100755
index 00000000..5f15e526
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/flag_pink.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/flag_purple.png b/packages/mindplot/test/playground/map-render/icons/legacy/flag_purple.png
new file mode 100755
index 00000000..d0698664
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/flag_purple.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/flag_yellow.png b/packages/mindplot/test/playground/map-render/icons/legacy/flag_yellow.png
new file mode 100755
index 00000000..14c89a54
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/flag_yellow.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/font.png b/packages/mindplot/test/playground/map-render/icons/legacy/font.png
new file mode 100755
index 00000000..6e06872f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/font.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/fontColor.png b/packages/mindplot/test/playground/map-render/icons/legacy/fontColor.png
new file mode 100755
index 00000000..20bc2423
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/fontColor.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/fontSize.png b/packages/mindplot/test/playground/map-render/icons/legacy/fontSize.png
new file mode 100644
index 00000000..2356c666
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/fontSize.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/font_bold.png b/packages/mindplot/test/playground/map-render/icons/legacy/font_bold.png
new file mode 100644
index 00000000..e35db88c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/font_bold.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/font_color.png b/packages/mindplot/test/playground/map-render/icons/legacy/font_color.png
new file mode 100644
index 00000000..de227993
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/font_color.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/font_italic.png b/packages/mindplot/test/playground/map-render/icons/legacy/font_italic.png
new file mode 100644
index 00000000..8d915b04
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/font_italic.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/font_size.png b/packages/mindplot/test/playground/map-render/icons/legacy/font_size.png
new file mode 100644
index 00000000..e3499795
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/font_size.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/font_type.png b/packages/mindplot/test/playground/map-render/icons/legacy/font_type.png
new file mode 100644
index 00000000..eaccc509
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/font_type.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/group.png b/packages/mindplot/test/playground/map-render/icons/legacy/group.png
new file mode 100755
index 00000000..a7c3ade7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/group.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/group2.png b/packages/mindplot/test/playground/map-render/icons/legacy/group2.png
new file mode 100755
index 00000000..ca11887f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/group2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/group_go.png b/packages/mindplot/test/playground/map-render/icons/legacy/group_go.png
new file mode 100755
index 00000000..1f523330
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/group_go.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/help.png b/packages/mindplot/test/playground/map-render/icons/legacy/help.png
new file mode 100755
index 00000000..5c870176
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/help.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/history.png b/packages/mindplot/test/playground/map-render/icons/legacy/history.png
new file mode 100644
index 00000000..6e8052ff
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/history.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/info.png b/packages/mindplot/test/playground/map-render/icons/legacy/info.png
new file mode 100644
index 00000000..12cd1aef
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/info.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/italic.png b/packages/mindplot/test/playground/map-render/icons/legacy/italic.png
new file mode 100755
index 00000000..006d4c59
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/italic.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/key.png b/packages/mindplot/test/playground/map-render/icons/legacy/key.png
new file mode 100755
index 00000000..4ec1a928
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/key.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/lightbulb.png b/packages/mindplot/test/playground/map-render/icons/legacy/lightbulb.png
new file mode 100755
index 00000000..d22fde8b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/lightbulb.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/lightbulb_off.png b/packages/mindplot/test/playground/map-render/icons/legacy/lightbulb_off.png
new file mode 100755
index 00000000..e95b8c5b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/lightbulb_off.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/links.png b/packages/mindplot/test/playground/map-render/icons/legacy/links.png
new file mode 100644
index 00000000..b8edc126
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/links.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/lock.png b/packages/mindplot/test/playground/map-render/icons/legacy/lock.png
new file mode 100755
index 00000000..2ebc4f6f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/lock.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/lock_open.png b/packages/mindplot/test/playground/map-render/icons/legacy/lock_open.png
new file mode 100755
index 00000000..a471765f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/lock_open.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/logo-big.png b/packages/mindplot/test/playground/map-render/icons/legacy/logo-big.png
new file mode 100755
index 00000000..0b4befa6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/logo-big.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/logo-vsmall.png b/packages/mindplot/test/playground/map-render/icons/legacy/logo-vsmall.png
new file mode 100755
index 00000000..4947f72e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/logo-vsmall.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/logo-vvsmall.png b/packages/mindplot/test/playground/map-render/icons/legacy/logo-vvsmall.png
new file mode 100644
index 00000000..18551fe2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/logo-vvsmall.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/marca-vsmall.png b/packages/mindplot/test/playground/map-render/icons/legacy/marca-vsmall.png
new file mode 100755
index 00000000..a07631d2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/marca-vsmall.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/money.png b/packages/mindplot/test/playground/map-render/icons/legacy/money.png
new file mode 100755
index 00000000..42c52d05
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/money.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/money_dollar.png b/packages/mindplot/test/playground/map-render/icons/legacy/money_dollar.png
new file mode 100755
index 00000000..59af1638
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/money_dollar.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/money_euro.png b/packages/mindplot/test/playground/map-render/icons/legacy/money_euro.png
new file mode 100755
index 00000000..b322ba92
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/money_euro.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/money_pound.png b/packages/mindplot/test/playground/map-render/icons/legacy/money_pound.png
new file mode 100755
index 00000000..b7113646
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/money_pound.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/money_yen.png b/packages/mindplot/test/playground/map-render/icons/legacy/money_yen.png
new file mode 100755
index 00000000..228a6778
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/money_yen.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/moor_boverlay.png b/packages/mindplot/test/playground/map-render/icons/legacy/moor_boverlay.png
new file mode 100755
index 00000000..7ac228b0
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/moor_boverlay.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/moor_slider.png b/packages/mindplot/test/playground/map-render/icons/legacy/moor_slider.png
new file mode 100755
index 00000000..9f4c47bf
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/moor_slider.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/moor_woverlay.png b/packages/mindplot/test/playground/map-render/icons/legacy/moor_woverlay.png
new file mode 100755
index 00000000..c3f3e96e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/moor_woverlay.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/move.png b/packages/mindplot/test/playground/map-render/icons/legacy/move.png
new file mode 100644
index 00000000..6e13dd3d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/move.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/mymaps.png b/packages/mindplot/test/playground/map-render/icons/legacy/mymaps.png
new file mode 100644
index 00000000..8aabdd2d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/mymaps.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/node_add.png b/packages/mindplot/test/playground/map-render/icons/legacy/node_add.png
new file mode 100755
index 00000000..a7c3ade7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/node_add.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/node_border.png b/packages/mindplot/test/playground/map-render/icons/legacy/node_border.png
new file mode 100755
index 00000000..b72cf7bb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/node_border.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/node_border2.png b/packages/mindplot/test/playground/map-render/icons/legacy/node_border2.png
new file mode 100755
index 00000000..f4599c59
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/node_border2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/node_elipse.png b/packages/mindplot/test/playground/map-render/icons/legacy/node_elipse.png
new file mode 100755
index 00000000..53922749
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/node_elipse.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/note.png b/packages/mindplot/test/playground/map-render/icons/legacy/note.png
new file mode 100644
index 00000000..ffea2b8b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/note.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/note1.png b/packages/mindplot/test/playground/map-render/icons/legacy/note1.png
new file mode 100644
index 00000000..667a85fc
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/note1.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/page_delete.png b/packages/mindplot/test/playground/map-render/icons/legacy/page_delete.png
new file mode 100644
index 00000000..73e86384
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/page_delete.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/page_go.png b/packages/mindplot/test/playground/map-render/icons/legacy/page_go.png
new file mode 100644
index 00000000..20c6ec0e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/page_go.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/printer.png b/packages/mindplot/test/playground/map-render/icons/legacy/printer.png
new file mode 100644
index 00000000..888f9edd
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/printer.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/removeUser.jpeg b/packages/mindplot/test/playground/map-render/icons/legacy/removeUser.jpeg
new file mode 100644
index 00000000..d6a197e7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/removeUser.jpeg differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/ruby.png b/packages/mindplot/test/playground/map-render/icons/legacy/ruby.png
new file mode 100755
index 00000000..f763a168
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/ruby.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/save.png b/packages/mindplot/test/playground/map-render/icons/legacy/save.png
new file mode 100644
index 00000000..a98b0c3b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/save.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/search.png b/packages/mindplot/test/playground/map-render/icons/legacy/search.png
new file mode 100644
index 00000000..076708b4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/search.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/search2.png b/packages/mindplot/test/playground/map-render/icons/legacy/search2.png
new file mode 100644
index 00000000..d6b3cb06
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/search2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/search3.png b/packages/mindplot/test/playground/map-render/icons/legacy/search3.png
new file mode 100644
index 00000000..26bb1140
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/search3.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/seast.png b/packages/mindplot/test/playground/map-render/icons/legacy/seast.png
new file mode 100644
index 00000000..45118540
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/seast.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape-elipse.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape-elipse.png
new file mode 100644
index 00000000..2e3ea734
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape-elipse.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape-line.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape-line.png
new file mode 100644
index 00000000..de12b941
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape-line.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape-rectangle-rounded.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape-rectangle-rounded.png
new file mode 100644
index 00000000..eaed09fb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape-rectangle-rounded.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape-rectangle.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape-rectangle.png
new file mode 100644
index 00000000..ff399b22
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape-rectangle.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape.png
new file mode 100755
index 00000000..7bfb84ea
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape_handles.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape_handles.png
new file mode 100755
index 00000000..5a88b2f3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape_handles.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_add.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_add.png
new file mode 100755
index 00000000..31edfce5
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_add.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_delete.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_delete.png
new file mode 100755
index 00000000..ede912de
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_delete.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_edit.png b/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_edit.png
new file mode 100755
index 00000000..d28dc6b1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/shape_square_edit.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/signUpBodyBtn.png b/packages/mindplot/test/playground/map-render/icons/legacy/signUpBodyBtn.png
new file mode 100644
index 00000000..dcd5c9b5
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/signUpBodyBtn.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/signUpEndBtn.png b/packages/mindplot/test/playground/map-render/icons/legacy/signUpEndBtn.png
new file mode 100644
index 00000000..18e7dd2a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/signUpEndBtn.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/signUpStartBtn.png b/packages/mindplot/test/playground/map-render/icons/legacy/signUpStartBtn.png
new file mode 100644
index 00000000..d125cfbf
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/signUpStartBtn.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/sne.png b/packages/mindplot/test/playground/map-render/icons/legacy/sne.png
new file mode 100644
index 00000000..f844cd08
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/sne.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/snorth.png b/packages/mindplot/test/playground/map-render/icons/legacy/snorth.png
new file mode 100644
index 00000000..ae9c04d9
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/snorth.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/snw.png b/packages/mindplot/test/playground/map-render/icons/legacy/snw.png
new file mode 100644
index 00000000..44401ef6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/snw.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/sse.png b/packages/mindplot/test/playground/map-render/icons/legacy/sse.png
new file mode 100644
index 00000000..be76255f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/sse.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/ssouth.png b/packages/mindplot/test/playground/map-render/icons/legacy/ssouth.png
new file mode 100644
index 00000000..7b26b268
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/ssouth.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/ssw.png b/packages/mindplot/test/playground/map-render/icons/legacy/ssw.png
new file mode 100644
index 00000000..02ace46f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/ssw.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/swest.png b/packages/mindplot/test/playground/map-render/icons/legacy/swest.png
new file mode 100644
index 00000000..54c06214
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/swest.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue.png
new file mode 100755
index 00000000..9757fc6e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue_add.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue_add.png
new file mode 100755
index 00000000..887972eb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue_add.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue_add2.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue_add2.png
new file mode 100755
index 00000000..997c191a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_blue_add2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_green.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_green.png
new file mode 100755
index 00000000..83ec984b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_green.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_orange.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_orange.png
new file mode 100755
index 00000000..454a59f3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_orange.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_pink.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_pink.png
new file mode 100755
index 00000000..76e2296c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_pink.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_purple.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_purple.png
new file mode 100755
index 00000000..ebaf0e87
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_purple.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_red.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_red.png
new file mode 100755
index 00000000..6ebb37d2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_red.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tag_yellow.png b/packages/mindplot/test/playground/map-render/icons/legacy/tag_yellow.png
new file mode 100755
index 00000000..83d12924
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tag_yellow.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/text_bold.png b/packages/mindplot/test/playground/map-render/icons/legacy/text_bold.png
new file mode 100755
index 00000000..889ae80e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/text_bold.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/text_italic.png b/packages/mindplot/test/playground/map-render/icons/legacy/text_italic.png
new file mode 100755
index 00000000..8482ac8c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/text_italic.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/thumb_down.png b/packages/mindplot/test/playground/map-render/icons/legacy/thumb_down.png
new file mode 100755
index 00000000..3c832d4c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/thumb_down.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/thumb_up.png b/packages/mindplot/test/playground/map-render/icons/legacy/thumb_up.png
new file mode 100755
index 00000000..2bd16ccf
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/thumb_up.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/tick.png b/packages/mindplot/test/playground/map-render/icons/legacy/tick.png
new file mode 100755
index 00000000..a9925a06
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/tick.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/user_delete.png b/packages/mindplot/test/playground/map-render/icons/legacy/user_delete.png
new file mode 100755
index 00000000..acbb5630
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/user_delete.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/waring_icon.png b/packages/mindplot/test/playground/map-render/icons/legacy/waring_icon.png
new file mode 100644
index 00000000..628cf2da
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/waring_icon.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/world.png b/packages/mindplot/test/playground/map-render/icons/legacy/world.png
new file mode 100755
index 00000000..a7c3ade7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/world.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/world2.png b/packages/mindplot/test/playground/map-render/icons/legacy/world2.png
new file mode 100755
index 00000000..448196b1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/world2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/world_go.png b/packages/mindplot/test/playground/map-render/icons/legacy/world_go.png
new file mode 100755
index 00000000..aee9c97f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/world_go.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/world_link.png b/packages/mindplot/test/playground/map-render/icons/legacy/world_link.png
new file mode 100755
index 00000000..b8edc126
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/world_link.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/zoom_in.png b/packages/mindplot/test/playground/map-render/icons/legacy/zoom_in.png
new file mode 100755
index 00000000..1984e62d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/zoom_in.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/legacy/zoom_out.png b/packages/mindplot/test/playground/map-render/icons/legacy/zoom_out.png
new file mode 100755
index 00000000..da2b3de4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/legacy/zoom_out.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/lock_close.png b/packages/mindplot/test/playground/map-render/icons/lock_close.png
new file mode 100755
index 00000000..2ebc4f6f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/lock_close.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/lock_open.png b/packages/mindplot/test/playground/map-render/icons/lock_open.png
new file mode 100755
index 00000000..a471765f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/lock_open.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/mail_edit.png b/packages/mindplot/test/playground/map-render/icons/mail_edit.png
new file mode 100755
index 00000000..b4d31ce2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/mail_edit.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/mail_envelop.png b/packages/mindplot/test/playground/map-render/icons/mail_envelop.png
new file mode 100755
index 00000000..7348aed7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/mail_envelop.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/mail_list.png b/packages/mindplot/test/playground/map-render/icons/mail_list.png
new file mode 100755
index 00000000..abcd9368
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/mail_list.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/mail_mailbox.png b/packages/mindplot/test/playground/map-render/icons/mail_mailbox.png
new file mode 100755
index 00000000..8443c23e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/mail_mailbox.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/money_coins.png b/packages/mindplot/test/playground/map-render/icons/money_coins.png
new file mode 100644
index 00000000..0ca9074d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/money_coins.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/money_dollar.png b/packages/mindplot/test/playground/map-render/icons/money_dollar.png
new file mode 100755
index 00000000..59af1638
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/money_dollar.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/money_euro.png b/packages/mindplot/test/playground/map-render/icons/money_euro.png
new file mode 100755
index 00000000..b322ba92
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/money_euro.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/money_money.png b/packages/mindplot/test/playground/map-render/icons/money_money.png
new file mode 100755
index 00000000..42c52d05
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/money_money.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/money_pound.png b/packages/mindplot/test/playground/map-render/icons/money_pound.png
new file mode 100755
index 00000000..b7113646
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/money_pound.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/money_ruby.png b/packages/mindplot/test/playground/map-render/icons/money_ruby.png
new file mode 100644
index 00000000..f763a168
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/money_ruby.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/money_yen.png b/packages/mindplot/test/playground/map-render/icons/money_yen.png
new file mode 100755
index 00000000..228a6778
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/money_yen.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_1.png b/packages/mindplot/test/playground/map-render/icons/number_1.png
new file mode 100755
index 00000000..7e84b55a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_1.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_2.png b/packages/mindplot/test/playground/map-render/icons/number_2.png
new file mode 100755
index 00000000..c1f38f54
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_3.png b/packages/mindplot/test/playground/map-render/icons/number_3.png
new file mode 100755
index 00000000..4c7aec83
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_3.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_4.png b/packages/mindplot/test/playground/map-render/icons/number_4.png
new file mode 100755
index 00000000..5195f575
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_4.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_5.png b/packages/mindplot/test/playground/map-render/icons/number_5.png
new file mode 100755
index 00000000..7ffcb61b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_5.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_6.png b/packages/mindplot/test/playground/map-render/icons/number_6.png
new file mode 100755
index 00000000..14fe947a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_6.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_7.png b/packages/mindplot/test/playground/map-render/icons/number_7.png
new file mode 100755
index 00000000..07edafa0
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_7.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_8.png b/packages/mindplot/test/playground/map-render/icons/number_8.png
new file mode 100755
index 00000000..cd26e35c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_8.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/number_9.png b/packages/mindplot/test/playground/map-render/icons/number_9.png
new file mode 100755
index 00000000..a3e908ee
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/number_9.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_bell.png b/packages/mindplot/test/playground/map-render/icons/object_bell.png
new file mode 100755
index 00000000..6e0015df
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_bell.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_cake.png b/packages/mindplot/test/playground/map-render/icons/object_cake.png
new file mode 100755
index 00000000..4ef151ae
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_cake.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_camera.png b/packages/mindplot/test/playground/map-render/icons/object_camera.png
new file mode 100755
index 00000000..8536d1a7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_camera.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_clanbomber.png b/packages/mindplot/test/playground/map-render/icons/object_clanbomber.png
new file mode 100755
index 00000000..1be37974
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_clanbomber.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_clip.png b/packages/mindplot/test/playground/map-render/icons/object_clip.png
new file mode 100755
index 00000000..ea897cc9
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_clip.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_house.png b/packages/mindplot/test/playground/map-render/icons/object_house.png
new file mode 100755
index 00000000..fed62219
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_house.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_key.png b/packages/mindplot/test/playground/map-render/icons/object_key.png
new file mode 100755
index 00000000..4ec1a928
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_key.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_magnifier.png b/packages/mindplot/test/playground/map-render/icons/object_magnifier.png
new file mode 100755
index 00000000..cf3d97f7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_magnifier.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_music.png b/packages/mindplot/test/playground/map-render/icons/object_music.png
new file mode 100755
index 00000000..a8b3ede3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_music.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_palette.png b/packages/mindplot/test/playground/map-render/icons/object_palette.png
new file mode 100755
index 00000000..73c5b3f2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_palette.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_pencil.png b/packages/mindplot/test/playground/map-render/icons/object_pencil.png
new file mode 100755
index 00000000..0bfecd50
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_pencil.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_phone.png b/packages/mindplot/test/playground/map-render/icons/object_phone.png
new file mode 100755
index 00000000..c39f162f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_phone.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_rainbow.png b/packages/mindplot/test/playground/map-render/icons/object_rainbow.png
new file mode 100755
index 00000000..5ede989a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_rainbow.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_star.png b/packages/mindplot/test/playground/map-render/icons/object_star.png
new file mode 100755
index 00000000..b88c8578
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_star.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/object_wizard.png b/packages/mindplot/test/playground/map-render/icons/object_wizard.png
new file mode 100755
index 00000000..44ccbf81
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/object_wizard.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/onoff_add.png b/packages/mindplot/test/playground/map-render/icons/onoff_add.png
new file mode 100644
index 00000000..6332fefe
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/onoff_add.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/onoff_clock.png b/packages/mindplot/test/playground/map-render/icons/onoff_clock.png
new file mode 100644
index 00000000..e2672c20
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/onoff_clock.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/onoff_clock_red.png b/packages/mindplot/test/playground/map-render/icons/onoff_clock_red.png
new file mode 100644
index 00000000..2842cc33
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/onoff_clock_red.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/onoff_delete.png b/packages/mindplot/test/playground/map-render/icons/onoff_delete.png
new file mode 100644
index 00000000..08f24936
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/onoff_delete.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/onoff_status_offline.png b/packages/mindplot/test/playground/map-render/icons/onoff_status_offline.png
new file mode 100755
index 00000000..a88261a6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/onoff_status_offline.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/onoff_status_online.png b/packages/mindplot/test/playground/map-render/icons/onoff_status_online.png
new file mode 100755
index 00000000..947bd4b6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/onoff_status_online.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/people_female1.png b/packages/mindplot/test/playground/map-render/icons/people_female1.png
new file mode 100755
index 00000000..7c71de03
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/people_female1.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/people_female2.png b/packages/mindplot/test/playground/map-render/icons/people_female2.png
new file mode 100755
index 00000000..30383c2d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/people_female2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/people_group.png b/packages/mindplot/test/playground/map-render/icons/people_group.png
new file mode 100755
index 00000000..7fb4e1f1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/people_group.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/people_male1.png b/packages/mindplot/test/playground/map-render/icons/people_male1.png
new file mode 100755
index 00000000..b3454e15
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/people_male1.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/people_male2.png b/packages/mindplot/test/playground/map-render/icons/people_male2.png
new file mode 100755
index 00000000..79f35ccb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/people_male2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sign_cancel.png b/packages/mindplot/test/playground/map-render/icons/sign_cancel.png
new file mode 100755
index 00000000..c149c2bc
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sign_cancel.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sign_closed.png b/packages/mindplot/test/playground/map-render/icons/sign_closed.png
new file mode 100755
index 00000000..08f24936
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sign_closed.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sign_exclamation.png b/packages/mindplot/test/playground/map-render/icons/sign_exclamation.png
new file mode 100755
index 00000000..c37bd062
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sign_exclamation.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sign_help.png b/packages/mindplot/test/playground/map-render/icons/sign_help.png
new file mode 100755
index 00000000..5c870176
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sign_help.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sign_info.png b/packages/mindplot/test/playground/map-render/icons/sign_info.png
new file mode 100755
index 00000000..12cd1aef
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sign_info.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sign_stop.png b/packages/mindplot/test/playground/map-render/icons/sign_stop.png
new file mode 100755
index 00000000..0cfd5859
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sign_stop.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sign_warning.png b/packages/mindplot/test/playground/map-render/icons/sign_warning.png
new file mode 100755
index 00000000..628cf2da
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sign_warning.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_bug.png b/packages/mindplot/test/playground/map-render/icons/soft_bug.png
new file mode 100755
index 00000000..2d5fb90e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_bug.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_cursor.png b/packages/mindplot/test/playground/map-render/icons/soft_cursor.png
new file mode 100755
index 00000000..532f532d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_cursor.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_database.png b/packages/mindplot/test/playground/map-render/icons/soft_database.png
new file mode 100755
index 00000000..3d09261a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_database.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_database_table.png b/packages/mindplot/test/playground/map-render/icons/soft_database_table.png
new file mode 100755
index 00000000..693709cb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_database_table.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_feed.png b/packages/mindplot/test/playground/map-render/icons/soft_feed.png
new file mode 100755
index 00000000..315c4f4f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_feed.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_folder_explore.png b/packages/mindplot/test/playground/map-render/icons/soft_folder_explore.png
new file mode 100755
index 00000000..0ba93918
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_folder_explore.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_penguin.png b/packages/mindplot/test/playground/map-render/icons/soft_penguin.png
new file mode 100755
index 00000000..bbefe2ec
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_penguin.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_rss.png b/packages/mindplot/test/playground/map-render/icons/soft_rss.png
new file mode 100755
index 00000000..1dc6ff30
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_rss.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/soft_stuff_folder.png b/packages/mindplot/test/playground/map-render/icons/soft_stuff_folder.png
new file mode 100755
index 00000000..784e8fa4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/soft_stuff_folder.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sport_basketball.png b/packages/mindplot/test/playground/map-render/icons/sport_basketball.png
new file mode 100644
index 00000000..f7a000b9
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sport_basketball.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sport_football.png b/packages/mindplot/test/playground/map-render/icons/sport_football.png
new file mode 100644
index 00000000..199f0f7f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sport_football.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sport_golf.png b/packages/mindplot/test/playground/map-render/icons/sport_golf.png
new file mode 100644
index 00000000..e21fa44c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sport_golf.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sport_raquet.png b/packages/mindplot/test/playground/map-render/icons/sport_raquet.png
new file mode 100644
index 00000000..f5e0f0c2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sport_raquet.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sport_shuttlecock.png b/packages/mindplot/test/playground/map-render/icons/sport_shuttlecock.png
new file mode 100644
index 00000000..917287fa
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sport_shuttlecock.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sport_soccer.png b/packages/mindplot/test/playground/map-render/icons/sport_soccer.png
new file mode 100644
index 00000000..3eb1828b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sport_soccer.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/sport_tennis.png b/packages/mindplot/test/playground/map-render/icons/sport_tennis.png
new file mode 100644
index 00000000..e88a6efa
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/sport_tennis.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_blue.png b/packages/mindplot/test/playground/map-render/icons/tag_blue.png
new file mode 100755
index 00000000..9757fc6e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_blue.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_blue_add.png b/packages/mindplot/test/playground/map-render/icons/tag_blue_add.png
new file mode 100755
index 00000000..887972eb
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_blue_add.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_blue_add2.png b/packages/mindplot/test/playground/map-render/icons/tag_blue_add2.png
new file mode 100755
index 00000000..997c191a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_blue_add2.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_green.png b/packages/mindplot/test/playground/map-render/icons/tag_green.png
new file mode 100755
index 00000000..83ec984b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_green.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_orange.png b/packages/mindplot/test/playground/map-render/icons/tag_orange.png
new file mode 100755
index 00000000..454a59f3
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_orange.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_pink.png b/packages/mindplot/test/playground/map-render/icons/tag_pink.png
new file mode 100755
index 00000000..76e2296c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_pink.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_purple.png b/packages/mindplot/test/playground/map-render/icons/tag_purple.png
new file mode 100755
index 00000000..ebaf0e87
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_purple.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_red.png b/packages/mindplot/test/playground/map-render/icons/tag_red.png
new file mode 100755
index 00000000..6ebb37d2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_red.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tag_yellow.png b/packages/mindplot/test/playground/map-render/icons/tag_yellow.png
new file mode 100755
index 00000000..83d12924
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tag_yellow.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/task_0.png b/packages/mindplot/test/playground/map-render/icons/task_0.png
new file mode 100755
index 00000000..f2bc1a43
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/task_0.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/task_100.png b/packages/mindplot/test/playground/map-render/icons/task_100.png
new file mode 100755
index 00000000..d9e7a29d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/task_100.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/task_25.png b/packages/mindplot/test/playground/map-render/icons/task_25.png
new file mode 100755
index 00000000..a029e29d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/task_25.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/task_50.png b/packages/mindplot/test/playground/map-render/icons/task_50.png
new file mode 100755
index 00000000..5471a2d2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/task_50.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/task_75.png b/packages/mindplot/test/playground/map-render/icons/task_75.png
new file mode 100755
index 00000000..55fcb1af
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/task_75.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/thumb_thumb_down.png b/packages/mindplot/test/playground/map-render/icons/thumb_thumb_down.png
new file mode 100755
index 00000000..3c832d4c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/thumb_thumb_down.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/thumb_thumb_up.png b/packages/mindplot/test/playground/map-render/icons/thumb_thumb_up.png
new file mode 100755
index 00000000..2bd16ccf
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/thumb_thumb_up.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tick_cross.png b/packages/mindplot/test/playground/map-render/icons/tick_cross.png
new file mode 100644
index 00000000..1514d51a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tick_cross.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/tick_tick.png b/packages/mindplot/test/playground/map-render/icons/tick_tick.png
new file mode 100644
index 00000000..a9925a06
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/tick_tick.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/time_calendar.png b/packages/mindplot/test/playground/map-render/icons/time_calendar.png
new file mode 100755
index 00000000..9740f76e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/time_calendar.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/time_clock.png b/packages/mindplot/test/playground/map-render/icons/time_clock.png
new file mode 100755
index 00000000..911da3f1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/time_clock.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/time_hourglass.png b/packages/mindplot/test/playground/map-render/icons/time_hourglass.png
new file mode 100755
index 00000000..57b03ce7
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/time_hourglass.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_clear-night.png b/packages/mindplot/test/playground/map-render/icons/weather_clear-night.png
new file mode 100644
index 00000000..43457526
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_clear-night.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_clear.png b/packages/mindplot/test/playground/map-render/icons/weather_clear.png
new file mode 100644
index 00000000..7dc15ea9
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_clear.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_few-clouds-night.png b/packages/mindplot/test/playground/map-render/icons/weather_few-clouds-night.png
new file mode 100644
index 00000000..d69efec9
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_few-clouds-night.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_few-clouds.png b/packages/mindplot/test/playground/map-render/icons/weather_few-clouds.png
new file mode 100644
index 00000000..0e633a38
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_few-clouds.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_overcast.png b/packages/mindplot/test/playground/map-render/icons/weather_overcast.png
new file mode 100644
index 00000000..0045129b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_overcast.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_severe-alert.png b/packages/mindplot/test/playground/map-render/icons/weather_severe-alert.png
new file mode 100644
index 00000000..98e9f6c1
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_severe-alert.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_showers-scattered.png b/packages/mindplot/test/playground/map-render/icons/weather_showers-scattered.png
new file mode 100644
index 00000000..8d10d844
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_showers-scattered.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_showers.png b/packages/mindplot/test/playground/map-render/icons/weather_showers.png
new file mode 100644
index 00000000..d9685d24
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_showers.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_snow.png b/packages/mindplot/test/playground/map-render/icons/weather_snow.png
new file mode 100644
index 00000000..a83d8559
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_snow.png differ
diff --git a/packages/mindplot/test/playground/map-render/icons/weather_storm.png b/packages/mindplot/test/playground/map-render/icons/weather_storm.png
new file mode 100644
index 00000000..feebe1d4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/icons/weather_storm.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/ajax-loader.gif b/packages/mindplot/test/playground/map-render/images/ajax-loader.gif
new file mode 100644
index 00000000..92153b08
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/ajax-loader.gif differ
diff --git a/packages/mindplot/test/playground/map-render/images/alert-sign.png b/packages/mindplot/test/playground/map-render/images/alert-sign.png
new file mode 100644
index 00000000..8d3e5df0
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/alert-sign.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/btn-bg-hover.png b/packages/mindplot/test/playground/map-render/images/btn-bg-hover.png
new file mode 100644
index 00000000..ee07c4c2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/btn-bg-hover.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/btn-bg-normal.png b/packages/mindplot/test/playground/map-render/images/btn-bg-normal.png
new file mode 100644
index 00000000..50b333be
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/btn-bg-normal.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/btne-bg-hover.png b/packages/mindplot/test/playground/map-render/images/btne-bg-hover.png
new file mode 100644
index 00000000..5ea2e15b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/btne-bg-hover.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/btne-bg-normal.png b/packages/mindplot/test/playground/map-render/images/btne-bg-normal.png
new file mode 100644
index 00000000..378476a9
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/btne-bg-normal.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/btne-bg-selected.png b/packages/mindplot/test/playground/map-render/images/btne-bg-selected.png
new file mode 100644
index 00000000..32194e81
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/btne-bg-selected.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/discard.png b/packages/mindplot/test/playground/map-render/images/discard.png
new file mode 100644
index 00000000..63cec6ed
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/discard.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/editortoolbar.png b/packages/mindplot/test/playground/map-render/images/editortoolbar.png
new file mode 100644
index 00000000..1dc5c8e6
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/editortoolbar.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/export.png b/packages/mindplot/test/playground/map-render/images/export.png
new file mode 100644
index 00000000..e8463255
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/export.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/favicon.ico b/packages/mindplot/test/playground/map-render/images/favicon.ico
new file mode 100644
index 00000000..f25eeaf4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/favicon.ico differ
diff --git a/packages/mindplot/test/playground/map-render/images/font-bold.png b/packages/mindplot/test/playground/map-render/images/font-bold.png
new file mode 100644
index 00000000..15cfbc16
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/font-bold.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/font-color.png b/packages/mindplot/test/playground/map-render/images/font-color.png
new file mode 100644
index 00000000..1c2761df
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/font-color.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/font-italic.png b/packages/mindplot/test/playground/map-render/images/font-italic.png
new file mode 100644
index 00000000..59e79cf0
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/font-italic.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/font-size.png b/packages/mindplot/test/playground/map-render/images/font-size.png
new file mode 100644
index 00000000..8fa9500f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/font-size.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/font-type.png b/packages/mindplot/test/playground/map-render/images/font-type.png
new file mode 100644
index 00000000..7b9ba609
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/font-type.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/history.png b/packages/mindplot/test/playground/map-render/images/history.png
new file mode 100644
index 00000000..fa33bab4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/history.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/links.png b/packages/mindplot/test/playground/map-render/images/links.png
new file mode 100644
index 00000000..dd3b830f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/links.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/logo-135x135.png b/packages/mindplot/test/playground/map-render/images/logo-135x135.png
new file mode 100644
index 00000000..8805e2ba
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/logo-135x135.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/logo-head-only.png b/packages/mindplot/test/playground/map-render/images/logo-head-only.png
new file mode 100644
index 00000000..70372f61
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/logo-head-only.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/logo-medium.png b/packages/mindplot/test/playground/map-render/images/logo-medium.png
new file mode 100644
index 00000000..fca901db
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/logo-medium.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/logo-small.png b/packages/mindplot/test/playground/map-render/images/logo-small.png
new file mode 100644
index 00000000..107b817b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/logo-small.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/logo-xsmall.png b/packages/mindplot/test/playground/map-render/images/logo-xsmall.png
new file mode 100644
index 00000000..98ee18df
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/logo-xsmall.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/notes.png b/packages/mindplot/test/playground/map-render/images/notes.png
new file mode 100644
index 00000000..bf438b1d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/notes.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/print.png b/packages/mindplot/test/playground/map-render/images/print.png
new file mode 100644
index 00000000..6c3788ba
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/print.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/public.png b/packages/mindplot/test/playground/map-render/images/public.png
new file mode 100644
index 00000000..eba5b64f
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/public.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/redo.png b/packages/mindplot/test/playground/map-render/images/redo.png
new file mode 100644
index 00000000..d904c0c4
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/redo.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/save.png b/packages/mindplot/test/playground/map-render/images/save.png
new file mode 100644
index 00000000..174c6d6e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/save.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/shape-circle.png b/packages/mindplot/test/playground/map-render/images/shape-circle.png
new file mode 100644
index 00000000..cae3eead
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/shape-circle.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/shape-line.png b/packages/mindplot/test/playground/map-render/images/shape-line.png
new file mode 100644
index 00000000..89f5a5bc
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/shape-line.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/shape-rectangle-round.png b/packages/mindplot/test/playground/map-render/images/shape-rectangle-round.png
new file mode 100644
index 00000000..c34e767c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/shape-rectangle-round.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/shape-rectangle.png b/packages/mindplot/test/playground/map-render/images/shape-rectangle.png
new file mode 100644
index 00000000..9f05ac23
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/shape-rectangle.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/share.png b/packages/mindplot/test/playground/map-render/images/share.png
new file mode 100644
index 00000000..c2aa4494
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/share.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/tag.png b/packages/mindplot/test/playground/map-render/images/tag.png
new file mode 100644
index 00000000..d595a8ba
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/tag.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-add.png b/packages/mindplot/test/playground/map-render/images/topic-add.png
new file mode 100644
index 00000000..3d572e72
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-add.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-border.png b/packages/mindplot/test/playground/map-render/images/topic-border.png
new file mode 100644
index 00000000..e0617e7c
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-border.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-color.png b/packages/mindplot/test/playground/map-render/images/topic-color.png
new file mode 100644
index 00000000..b923d89a
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-color.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-delete.png b/packages/mindplot/test/playground/map-render/images/topic-delete.png
new file mode 100644
index 00000000..1499e58e
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-delete.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-icon.png b/packages/mindplot/test/playground/map-render/images/topic-icon.png
new file mode 100644
index 00000000..1bb8c98d
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-icon.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-link.png b/packages/mindplot/test/playground/map-render/images/topic-link.png
new file mode 100644
index 00000000..e5a05326
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-link.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-note.png b/packages/mindplot/test/playground/map-render/images/topic-note.png
new file mode 100644
index 00000000..5c9aeaae
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-note.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-relation.png b/packages/mindplot/test/playground/map-render/images/topic-relation.png
new file mode 100644
index 00000000..3f8ebcfa
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-relation.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/topic-shape.png b/packages/mindplot/test/playground/map-render/images/topic-shape.png
new file mode 100644
index 00000000..8937ca9b
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/topic-shape.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/undo.png b/packages/mindplot/test/playground/map-render/images/undo.png
new file mode 100644
index 00000000..5133b949
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/undo.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/zoom-in.png b/packages/mindplot/test/playground/map-render/images/zoom-in.png
new file mode 100644
index 00000000..008cfc49
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/zoom-in.png differ
diff --git a/packages/mindplot/test/playground/map-render/images/zoom-out.png b/packages/mindplot/test/playground/map-render/images/zoom-out.png
new file mode 100644
index 00000000..158563a2
Binary files /dev/null and b/packages/mindplot/test/playground/map-render/images/zoom-out.png differ
diff --git a/packages/mindplot/test/playground/map-render/index.html b/packages/mindplot/test/playground/map-render/index.html
new file mode 100644
index 00000000..319686e2
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+    WiseMapping Editor Sample Gallery 
+    
+    
+
+
+      
      WiseMapping Editor Sample Gallery 
      
+
+
+
diff --git a/packages/mindplot/test/playground/map-render/js/bootstrap.js b/packages/mindplot/test/playground/map-render/js/bootstrap.js
new file mode 100644
index 00000000..b04a0e82
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/js/bootstrap.js
@@ -0,0 +1,6 @@
+/*!
+ * Bootstrap v3.1.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.isLoading=!1};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",f.resetText||d.data("resetText",d[e]()),d[e](f[b]||this.options[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},b.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});return this.$element.trigger(j),j.isDefaultPrevented()?void 0:(this.sliding=!0,f&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),f&&this.cycle(),this)};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);!e&&f.toggle&&"show"==c&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(b){a(d).remove(),a(e).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('
      ').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown",h),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=" li:not(.divider):visible a",i=f.find("[role=menu]"+h+", [role=listbox]"+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());c.is("a")&&b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
      ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this,d=this.tip();this.setContent(),this.options.animation&&d.addClass("fade");var e="function"==typeof this.options.placement?this.options.placement.call(this,d[0],this.$element[0]):this.options.placement,f=/\s?auto?\s?/i,g=f.test(e);g&&(e=e.replace(f,"")||"top"),d.detach().css({top:0,left:0,display:"block"}).addClass(e),this.options.container?d.appendTo(this.options.container):d.insertAfter(this.$element);var h=this.getPosition(),i=d[0].offsetWidth,j=d[0].offsetHeight;if(g){var k=this.$element.parent(),l=e,m=document.documentElement.scrollTop||document.body.scrollTop,n="body"==this.options.container?window.innerWidth:k.outerWidth(),o="body"==this.options.container?window.innerHeight:k.outerHeight(),p="body"==this.options.container?0:k.offset().left;e="bottom"==e&&h.top+h.height+j-m>o?"top":"top"==e&&h.top-m-j<0?"bottom":"right"==e&&h.right+i>n?"left":"left"==e&&h.left-i
      '}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(a(c).is("body")?window:c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);{var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})}},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(b.RESET).addClass("affix");var a=this.$window.scrollTop(),c=this.$element.offset();return this.pinnedOffset=c.top-a},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"top"==this.affixed&&(e.top+=d),"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:c-h-this.$element.height()}))}}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery);
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/js/editor.js b/packages/mindplot/test/playground/map-render/js/editor.js
new file mode 100644
index 00000000..75f57f95
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/js/editor.js
@@ -0,0 +1,218 @@
+/*
+ *    Copyright [2015] [wisemapping]
+ *
+ *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
+ *   It is basically the Apache License, Version 2.0 (the "License") plus the
+ *   "powered by wisemapping" text requirement on every single page;
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the license at
+ *
+ *       http://www.wisemapping.org/license
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ */
+
+import mindplot from '../../../../src/mindplot';
+
+let designer = null;
+
+/*
+ * Disclaimer: this global variable is a temporary workaround to Mootools' Browser class
+ * We need to avoid browser detection and replace it with feature detection,
+ * jquery recommends: http://www.modernizr.com/
+ */
+
+global.Browser = {
+  firefox: window.globalStorage,
+  ie: document.all && !window.opera,
+  ie6: !window.XMLHttpRequest,
+  ie7: document.all && window.XMLHttpRequest && !XDomainRequest && !window.opera,
+  ie8: document.documentMode == 8,
+  ie11: document.documentMode == 11,
+  opera: Boolean(window.opera),
+  chrome: Boolean(window.chrome),
+  safari: window.getComputedStyle && !window.globalStorage && !window.opera,
+  Platform: {
+    mac: navigator.platform.indexOf('Mac') != -1,
+  },
+};
+
+function buildDesigner(options) {
+  const container = $(`#${options.container}`);
+  $assert(container, 'container could not be null');
+
+  // Register load events ...
+  designer = new mindplot.Designer(options, container);
+  designer.addEvent('loadSuccess', () => {
+    window.waitDialog.close();
+    window.waitDialog = null;
+    window.mindmapLoadReady = true;
+  });
+
+  const onerrorFn = function onerror(message, url, lineNo) {
+    // Ignore errors ...
+    if (message === 'Script error.' && lineNo == 0) {
+      // http://stackoverflow.com/questions/5913978/cryptic-script-error-reported-in-javascript-in-chrome-and-firefox
+      return;
+    }
+
+    // Transform error ...
+    let errorMsg = message;
+    if (typeof (message) === 'object' && message.srcElement && message.target) {
+      if (message.srcElement == '[object HTMLScriptElement]' && message.target == '[object HTMLScriptElement]') {
+        errorMsg = 'Error loading script';
+      } else {
+        errorMsg = `Event Error - target:${message.target} srcElement:${message.srcElement}`;
+      }
+    }
+    errorMsg = errorMsg.toString();
+
+    $.ajax({
+      method: 'post',
+      url: '/c/restful/logger/editor',
+      headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
+      data: JSON.stringify({
+        jsErrorMsg: `Message: '${errorMsg}', line:'${lineNo}', url: :${url}`,
+        jsStack: window.event.error.stack || window.errorStack,
+        userAgent: navigator.userAgent,
+        mapId: options.mapId,
+      }),
+    });
+
+    // Close loading dialog ...
+    if (window.waitDialog) {
+      window.waitDialog.close();
+      window.waitDialog = null;
+    }
+
+    // Open error dialog only in case of mindmap loading errors. The rest of the error are reported but not display the dialog.
+    // Remove this in the near future.
+    if (!window.mindmapLoadReady) {
+      $notifyModal($msg('UNEXPECTED_ERROR_LOADING'));
+    }
+  };
+
+  window.onerror = onerrorFn;
+
+  // Configure default persistence manager ...
+  let persistence;
+  if (options.persistenceManager) {
+    if (options.persistenceManager instanceof String) {
+      persistence = eval(`new ${options.persistenceManager}()`);
+    } else {
+      persistence = options.persistenceManager;
+    }
+  } else {
+    persistence = new mindplot.LocalStorageManager('samples/{id}.xml');
+  }
+  mindplot.PersistenceManager.init(persistence);
+
+  // Register toolbar event ...
+  if ($('#toolbar')) {
+    const menu = new mindplot.widget.Menu(designer, 'toolbar', options.mapId, '');
+
+    //  If a node has focus, focus can be move to another node using the keys.
+    designer._cleanScreen = function () {
+      menu.clear();
+    };
+  }
+
+  return designer;
+}
+
+function loadDesignerOptions(jsonConf) {
+  // Load map options ...
+  let result;
+  const me = this;
+  if (jsonConf) {
+    $.ajax({
+      url: jsonConf,
+      dataType: 'json',
+      async: false,
+      method: 'get',
+      success(options) {
+        me.options = options;
+      },
+    });
+    result = this.options;
+  } else {
+    // Set workspace screen size as default. In this way, resize issues are solved.
+    const containerSize = {
+      height: parseInt(screen.height),
+      width: parseInt(screen.width),
+    };
+
+    const viewPort = {
+      height: parseInt(window.innerHeight - 70), // Footer and Header
+      width: parseInt(window.innerWidth),
+    };
+    result = {
+      readOnly: false,
+      zoom: 0.85,
+      saveOnLoad: true,
+      size: containerSize,
+      viewPort,
+      container: 'mindplot',
+      locale: 'en',
+    };
+  }
+  return result;
+}
+
+global.editor = {};
+global.editor.WaitDialog = new Class({
+  initialize() {
+    this.panel = this._buildPanel();
+  },
+
+  _buildPanel() {
+    const result = $('#load');
+    const content = result.find('.modal-content');
+    const winH = $(window).height();
+    // Set the popup window to center
+    content.css('margin-top', winH / 2 - content.height() / 2);
+    return result;
+  },
+
+  show() {
+    this.panel.modal({
+      backdrop: 'static',
+    });
+  },
+
+  close() {
+    this.panel.modal('hide');
+  },
+});
+
+// Show loading dialog ...
+$(() => {
+    global.jQuery = global.$;
+    import('./bootstrap').then(() => {
+        global.waitDialog = new global.editor.WaitDialog();
+        global.waitDialog.show();
+
+        // from viewmode.html ---------
+        var mapId = 'welcome';
+        // Set readonly option ...
+        var options = loadDesignerOptions();
+        options.readOnly = true;
+        var designer = buildDesigner(options);
+
+        // Load map from XML file persisted on disk...
+        var persistence = mindplot.PersistenceManager.getInstance();
+        var mindmap;
+        try {
+            mindmap = persistence.load(mapId);
+        } catch (e) {
+            // If the map could not be loaded, create a new empty map...
+            mindmap = mindplot.model.Mindmap.buildEmpty(mapId);
+        }
+        designer.loadMap(mindmap);
+        // from viewmode.html ---------
+    });
+});
diff --git a/packages/mindplot/test/playground/map-render/js/jquery.js b/packages/mindplot/test/playground/map-render/js/jquery.js
new file mode 120000
index 00000000..911f867b
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/js/jquery.js
@@ -0,0 +1 @@
+../../../../../../libraries/jquery-2.1.0.js
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/complex.xml b/packages/mindplot/test/playground/map-render/samples/complex.xml
new file mode 100644
index 00000000..c9e716e6
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/complex.xml
@@ -0,0 +1,352 @@
+
+    
+        
+        
+            
+        
+        
+        
+        
+        
+        
+        
+            
+        
+        
+        
+        
+            
+            
+        
+        
+            
+        
+    
+    
+        
+        
+            
+        
+        
+            
+        
+        
+            
+        
+        
+            
+            
+        
+    
+    
+        
+        
+            
+        
+        
+            
+        
+        
+            
+        
+        
+        
+            
+            
+        
+    
+    
+        
+        
+            
+        
+        
+            
+            
+                
+            
+            
+                
+            
+        
+        
+            
+        
+        
+            
+            
+            
+            
+        
+        
+            
+            
+            
+            
+                
+            
+        
+        
+            
+        
+    
+    
+        
+            
+                
+                
+            
+            
+                
+                
+                
+            
+            
+            
+                
+                
+                
+                
+            
+        
+    
+    
+    
+        
+        
+        
+    
+    
+        
+        
+        
+        
+        
+    
+    
+        
+        
+        
+    
+    
+        
+            
+        
+        
+        
+        
+        
+    
+    
+        
+        
+            
+            
+        
+        
+            
+            
+                
+            
+            
+                
+            
+        
+        
+            
+            
+        
+    
+    
+        
+        
+            
+        
+        
+        
+            
+        
+        
+            
+        
+        
+            
+        
+        
+            
+        
+        
+            
+        
+        
+            
+            
+        
+    
+    
+        
+        
+        
+        
+        
+    
+    
+        
+        
+            
+            
+        
+    
+    
+        
+        
+        
+    
+    
+        
+        
+        
+    
+    
+    
+    
+        
+            
+        
+        
+        
+            
+        
+        
+        
+            
+            
+        
+    
+    
+    
+        
+            
+                
+            
+            
+                
+            
+            
+                
+            
+            
+                
+            
+        
+        
+            
+        
+        
+            
+                
+                
+                
+                    
+                
+                
+                
+                    
+                
+                
+                    
+                    
+                        
+                    
+                
+            
+            
+                
+                
+                    
+                    
+                
+                
+                    
+                
+                
+                    
+                    
+                
+                
+                    
+                    
+                        
+                    
+                
+            
+            
+                
+                
+                
+                    
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+            
+            
+                
+                
+                
+                    
+                    
+                
+                
+                
+                    
+                
+                
+                    
+                
+            
+            
+                
+                
+            
+        
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/emptyNodes.xml b/packages/mindplot/test/playground/map-render/samples/emptyNodes.xml
new file mode 100644
index 00000000..9c08eb07
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/emptyNodes.xml
@@ -0,0 +1,239 @@
+
+
+    
+        
+        
+            
+        
+        
+            
+            
+                
+            
+            
+                
+            
+            
+                
+            
+        
+        
+            
+            
+                
+                
+                    
+                    
+                        
+                    
+                    
+                        
+                    
+                    
+                        
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                    
+                        
+                    
+                    
+                        
+                    
+                    
+                        
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                    
+                        
+                    
+                    
+                        
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+            
+            
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                    
+                        
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                    
+                        
+                    
+                    
+                        
+                    
+                
+                
+                    
+                    
+                        
+                    
+                
+                
+                    
+                
+                
+                    
+                    
+                        
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                
+            
+        
+    
+
diff --git a/packages/mindplot/test/playground/map-render/samples/huge.xml b/packages/mindplot/test/playground/map-render/samples/huge.xml
new file mode 100644
index 00000000..1006e456
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/huge.xml
@@ -0,0 +1,386 @@
+
+    
+        
+            
+                
+                
+                    
+                        
+                    
+                    
+                
+                
+                
+                    
+                    
+                
+                
+                    
+                        
+                            
+                        
+                        
+                    
+                    
+                        
+                        
+                        
+                    
+                    
+                        
+                        
+                        
+                    
+                
+            
+            
+                
+                
+                    
+                        
+                        
+                    
+                
+                
+                    
+                
+                
+                    
+                
+                
+                    
+                    
+                    
+                
+            
+        
+        
+            
+            
+                
+                    
+                
+                
+                    
+                    
+                
+                
+                    
+                
+                
+                    
+                
+            
+            
+                
+            
+            
+                
+                    
+                    
+                    
+                
+                
+                    
+                        
+                        
+                    
+                    
+                        
+                    
+                    
+                        
+                        
+                        
+                    
+                
+            
+            
+                
+                
+                
+                
+            
+            
+                
+                    
+                    
+                
+                
+                    
+                
+            
+            
+                
+                
+            
+            
+            
+        
+        
+            
+                
+                    
+                        
+                            
+                            
+                            
+                        
+                        
+                        
+                            
+                            
+                            
+                            
+                        
+                        
+                        
+                    
+                    
+                    
+                    
+                        
+                    
+                    
+                        
+                        
+                    
+                
+            
+        
+        
+            
+                
+                
+                
+                    
+                
+            
+            
+            
+            
+                
+                
+                
+                
+            
+            
+            
+                
+            
+            
+                
+                
+            
+            
+                
+                
+                
+            
+        
+        
+        
+            
+        
+        
+            
+            
+                
+                    
+                
+                
+                
+            
+        
+        
+            
+                
+                
+                    
+                    
+                        
+                    
+                
+                
+                    
+                
+            
+            
+                
+                
+                
+            
+        
+        
+            
+                
+                
+                
+                
+                
+            
+        
+        
+            
+                
+                
+                    
+                        
+                    
+                    
+                        
+                        
+                        
+                    
+                    
+                        
+                        
+                        
+                    
+                
+                
+                    
+                        
+                        
+                    
+                
+                
+                    
+                    
+                
+                
+                    
+                
+                
+                    
+                        
+                        
+                    
+                
+                
+                    
+                
+                
+                    
+                        
+                            
+                            
+                            
+                        
+                    
+                
+                
+                    
+                    
+                
+            
+            
+                
+                    
+                    
+                
+                
+                
+            
+            
+                
+                
+                    
+                        
+                        
+                    
+                
+            
+        
+    
+    
+        
+        
+            
+            
+        
+        
+            
+        
+        
+            
+        
+    
+    
+        
+            
+                
+            
+            
+                
+            
+            
+                
+                
+            
+            
+            
+            
+                
+            
+            
+                
+                
+            
+        
+        
+            
+                
+                
+            
+            
+                
+            
+            
+            
+                
+                
+            
+        
+        
+            
+                
+            
+            
+            
+                
+                    
+                    
+                
+                
+            
+        
+        
+            
+                
+                    
+                
+                
+            
+            
+                
+            
+            
+                
+                    
+                        
+                        
+                    
+                
+                
+                    
+                
+            
+            
+            
+            
+            
+        
+    
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/issue.xml b/packages/mindplot/test/playground/map-render/samples/issue.xml
new file mode 100644
index 00000000..e957fa3d
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/issue.xml
@@ -0,0 +1,120 @@
+
+    
+        
+            
+            
+                
+                
+                    
+                
+            
+            
+                
+                    
+                
+            
+            
+                
+                    
+                
+            
+        
+        
+            
+            
+                
+                
+                
+                
+            
+            
+                
+                
+                
+                
+                
+            
+            
+                
+            
+        
+        
+            
+            
+                
+            
+            
+            
+            
+        
+    
+    
+        
+        
+            
+        
+        
+            
+        
+        
+            
+        
+        
+            
+        
+        
+            
+        
+    
+    
+        
+    
+    
+    
+    
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/sample2.xml b/packages/mindplot/test/playground/map-render/samples/sample2.xml
new file mode 100644
index 00000000..aad51a70
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/sample2.xml
@@ -0,0 +1,29 @@
+
+    
+        
+        
+        
+            
+        
+        
+            
+                
+            
+        
+        
+            
+                
+                    
+                    
+                
+            
+        
+        
+            
+            
+        
+        
+            
+        
+    
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/sample3.xml b/packages/mindplot/test/playground/map-render/samples/sample3.xml
new file mode 100644
index 00000000..a5a72ca4
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/sample3.xml
@@ -0,0 +1,9 @@
+
+    
+    
+    
+    
+    
+    
+    
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/sample4.xml b/packages/mindplot/test/playground/map-render/samples/sample4.xml
new file mode 100644
index 00000000..8053577a
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/sample4.xml
@@ -0,0 +1,10 @@
+
+    
+    
+    
+    
+    
+    
+    
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/welcome-reloaded.xml b/packages/mindplot/test/playground/map-render/samples/welcome-reloaded.xml
new file mode 100644
index 00000000..cac5906b
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/welcome-reloaded.xml
@@ -0,0 +1,48 @@
+
+    
+        
+            
+            
+            
+        
+        
+            
+            
+                
+            
+            
+            
+            
+        
+        
+            
+            
+            
+            
+        
+        
+            
+            
+                
+            
+            
+            
+        
+        
+            
+                
+            
+            
+            
+            
+            
+                
+            
+            
+                
+            
+        
+    
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/welcome.xml b/packages/mindplot/test/playground/map-render/samples/welcome.xml
new file mode 100644
index 00000000..cac5906b
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/welcome.xml
@@ -0,0 +1,48 @@
+
+    
+        
+            
+            
+            
+        
+        
+            
+            
+                
+            
+            
+            
+            
+        
+        
+            
+            
+            
+            
+        
+        
+            
+            
+                
+            
+            
+            
+        
+        
+            
+                
+            
+            
+            
+            
+            
+                
+            
+            
+                
+            
+        
+    
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/utils.js b/packages/mindplot/test/playground/utils.js
deleted file mode 100755
index 84490470..00000000
--- a/packages/mindplot/test/playground/utils.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- *    Copyright [2015] [wisemapping]
- *
- *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
- *   It is basically the Apache License, Version 2.0 (the "License") plus the
- *   "powered by wisemapping" text requirement on every single page;
- *   you may not use this file except in compliance with the License.
- *   You may obtain a copy of the license at
- *
- *       http://www.wisemapping.org/license
- *
- *   Unless required by applicable law or agreed to in writing, software
- *   distributed under the License is distributed on an "AS IS" BASIS,
- *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *   See the License for the specific language governing permissions and
- *   limitations under the License.
- */
-
-Grid = function (parent, colums, rows) {
-    var cellSize = "10px";
-    this._parent = parent;
-    this._container = this._createContainer();
-    var tbody = $(this._container.firstChild.firstChild);
-    for (var i = 0; i < rows; i++) {
-        var trElement = $('');
-        for (var j = 0; j < colums; j++) {
-            var tdElement = $('');
-            tdElement.css({
-                    width: cellSize,
-                    height: cellSize,
-                    borderWidth: "1px",
-                    borderStyle: "dashed",
-                    borderColor: "lightsteelblue"}
-            );
-            trElement.append(tdElement);
-        }
-        tbody.append(trElement);
-    }
-};
-
-Grid.prototype.setPosition = function (x, y) {
-    this._container.style.left = x;
-    this._container.style.top = y;
-};
-
-Grid.prototype.render = function () {
-    $(this._parent).append(this._container);
-};
-
-Grid.prototype._createContainer = function () {
-    var result = window.document.createElement("div");
-    result.style.tableLayout = "fixed";
-    result.style.borderCollapse = "collapse";
-    result.style.emptyCells = "show";
-    result.style.position = "absolute";
-    result.innerHTML = '
      ';
-    return  result;
-};
-
diff --git a/packages/mindplot/test/unit/BalancedTestSuite.js b/packages/mindplot/test/unit/BalancedTestSuite.js
index 3950f566..b354ec70 100644
--- a/packages/mindplot/test/unit/BalancedTestSuite.js
+++ b/packages/mindplot/test/unit/BalancedTestSuite.js
@@ -1,284 +1,280 @@
+describe('Balanced Test Suite', () => {
+  it('balancedTest', () => {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    manager.addNode(1, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 1, 0);
+    manager.layout();
 
-describe("Balanced Test Suite", function() {
+    manager.addNode(2, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 2, 1);
+    manager.layout();
 
-    it("balancedTest", function() {
-        var position = {x:0, y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
-        manager.addNode(1, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 1, 0);
-        manager.layout();
+    manager.addNode(3, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 3, 2);
+    manager.layout();
 
-        manager.addNode(2, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 2, 1);
-        manager.layout();
+    manager.addNode(4, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 4, 3);
+    manager.layout();
 
-        manager.addNode(3, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 3, 2);
-        manager.layout();
+    manager.addNode(5, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 5, 4);
+    manager.layout();
 
-        manager.addNode(4, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 4, 3);
-        manager.layout();
+    manager.addNode(6, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 6, 5);
+    manager.layout();
 
-        manager.addNode(5, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 5, 4);
-        manager.layout();
+    manager.addNode(7, TestSuite.NODE_SIZE, position);
+    manager.addNode(8, TestSuite.NODE_SIZE, position);
+    manager.addNode(9, TestSuite.NODE_SIZE, position);
+    manager.connectNode(3, 7, 0);
+    manager.connectNode(7, 8, 0);
+    manager.connectNode(7, 9, 1);
+    manager.layout();
 
-        manager.addNode(6, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 6, 5);
-        manager.layout();
+    manager.addNode(10, TestSuite.NODE_SIZE, position);
+    manager.addNode(11, TestSuite.NODE_SIZE, position);
+    manager.addNode(12, TestSuite.NODE_SIZE, position);
+    manager.connectNode(6, 10, 0);
+    manager.connectNode(10, 11, 0);
+    manager.connectNode(10, 12, 1);
+    manager.layout();
 
-        manager.addNode(7, TestSuite.NODE_SIZE, position);
-        manager.addNode(8, TestSuite.NODE_SIZE, position);
-        manager.addNode(9, TestSuite.NODE_SIZE, position);
-        manager.connectNode(3, 7, 0);
-        manager.connectNode(7, 8, 0);
-        manager.connectNode(7, 9, 1);
-        manager.layout();
+    manager.addNode(13, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 13, 4);
+    manager.layout();
 
-        manager.addNode(10, TestSuite.NODE_SIZE, position);
-        manager.addNode(11, TestSuite.NODE_SIZE, position);
-        manager.addNode(12, TestSuite.NODE_SIZE, position);
-        manager.connectNode(6, 10, 0);
-        manager.connectNode(10, 11, 0);
-        manager.connectNode(10, 12, 1);
-        manager.layout();
+    // Check orders have shifted accordingly
+    expect(manager.find(5).getOrder()).toEqual(6);
 
-        manager.addNode(13, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 13, 4);
-        manager.layout();
+    manager.addNode(14, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 14, 5);
+    manager.layout();
 
-        // Check orders have shifted accordingly
-        expect(manager.find(5).getOrder()).toEqual(6);
+    // Check orders have shifted accordingly
+    expect(manager.find(6).getOrder()).toEqual(7);
 
-        manager.addNode(14, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 14, 5);
-        manager.layout();
+    manager.addNode(15, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 15, 4);
+    manager.layout();
 
-        // Check orders have shifted accordingly
-        expect(manager.find(6).getOrder()).toEqual(7);
+    // Check orders have shifted accordingly
+    expect(manager.find(13).getOrder()).toEqual(6);
+    expect(manager.find(5).getOrder()).toEqual(8);
 
-        manager.addNode(15, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 15, 4);
-        manager.layout();
+    manager.addNode(16, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 16, 25);
+    manager.layout();
 
-        // Check orders have shifted accordingly
-        expect(manager.find(13).getOrder()).toEqual(6);
-        expect(manager.find(5).getOrder()).toEqual(8);
+    // Check orders have shifted accordingly
+    expect(manager.find(16).getOrder()).toEqual(9);
 
-        manager.addNode(16, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 16, 25);
-        manager.layout();
+    manager.addNode(17, TestSuite.NODE_SIZE, position);
+    manager.addNode(18, TestSuite.NODE_SIZE, position);
+    manager.addNode(19, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 17, 11);
+    manager.connectNode(0, 18, 13);
+    manager.connectNode(0, 19, 10);
+    manager.layout();
 
-        // Check orders have shifted accordingly
-        expect(manager.find(16).getOrder()).toEqual(9);
+    // Check that everything is ok
+    expect(manager.find(1).getPosition().x).toBeGreaterThan(manager.find(0).getPosition().x);
+    expect(manager.find(3).getPosition().x).toBeGreaterThan(manager.find(0).getPosition().x);
+    expect(manager.find(5).getPosition().x).toBeGreaterThan(manager.find(0).getPosition().x);
+    expect(manager.find(2).getPosition().x).toBeLessThan(manager.find(0).getPosition().x);
+    expect(manager.find(4).getPosition().x).toBeLessThan(manager.find(0).getPosition().x);
+    expect(manager.find(6).getPosition().x).toBeLessThan(manager.find(0).getPosition().x);
+    expect(manager.find(7).getPosition().x).toBeGreaterThan(manager.find(3).getPosition().x);
+    expect(manager.find(8).getPosition().x).toBeGreaterThan(manager.find(7).getPosition().x);
+    expect(manager.find(9).getPosition().x).toBeGreaterThan(manager.find(7).getPosition().x);
+    expect(manager.find(10).getPosition().x).toBeLessThan(manager.find(6).getPosition().x);
+    expect(manager.find(11).getPosition().x).toBeLessThan(manager.find(10).getPosition().x);
+    expect(manager.find(12).getPosition().x).toBeLessThan(manager.find(10).getPosition().x);
+  });
 
-        manager.addNode(17, TestSuite.NODE_SIZE, position);
-        manager.addNode(18, TestSuite.NODE_SIZE, position);
-        manager.addNode(19, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 17, 11);
-        manager.connectNode(0, 18, 13);
-        manager.connectNode(0, 19, 10);
-        manager.layout();
+  it('balancedPredictTest', () => {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
 
-        // Check that everything is ok
-        expect(manager.find(1).getPosition().x).toBeGreaterThan(manager.find(0).getPosition().x);
-        expect(manager.find(3).getPosition().x).toBeGreaterThan(manager.find(0).getPosition().x);
-        expect(manager.find(5).getPosition().x).toBeGreaterThan(manager.find(0).getPosition().x);
-        expect(manager.find(2).getPosition().x).toBeLessThan(manager.find(0).getPosition().x);
-        expect(manager.find(4).getPosition().x).toBeLessThan(manager.find(0).getPosition().x);
-        expect(manager.find(6).getPosition().x).toBeLessThan(manager.find(0).getPosition().x);
-        expect(manager.find(7).getPosition().x).toBeGreaterThan(manager.find(3).getPosition().x);
-        expect(manager.find(8).getPosition().x).toBeGreaterThan(manager.find(7).getPosition().x);
-        expect(manager.find(9).getPosition().x).toBeGreaterThan(manager.find(7).getPosition().x);
-        expect(manager.find(10).getPosition().x).toBeLessThan(manager.find(6).getPosition().x);
-        expect(manager.find(11).getPosition().x).toBeLessThan(manager.find(10).getPosition().x);
-        expect(manager.find(12).getPosition().x).toBeLessThan(manager.find(10).getPosition().x);
+    manager.addNode(1, TestSuite.NODE_SIZE, position);
+    manager.addNode(2, TestSuite.NODE_SIZE, position);
+    manager.addNode(3, TestSuite.NODE_SIZE, position);
+    manager.addNode(4, TestSuite.NODE_SIZE, position);
+    manager.addNode(5, TestSuite.NODE_SIZE, position);
+    manager.addNode(7, TestSuite.NODE_SIZE, position);
+    manager.addNode(8, TestSuite.NODE_SIZE, position);
+    manager.addNode(9, TestSuite.NODE_SIZE, position);
+    manager.addNode(10, TestSuite.NODE_SIZE, position);
+    manager.addNode(11, TestSuite.NODE_SIZE, position);
 
-    });
+    manager.connectNode(0, 1, 0);
+    manager.connectNode(0, 2, 1);
+    manager.connectNode(0, 3, 2);
+    manager.connectNode(0, 4, 3);
+    manager.connectNode(0, 5, 4);
+    manager.connectNode(4, 7, 0);
+    manager.connectNode(4, 8, 1);
+    manager.connectNode(8, 9, 0);
+    manager.connectNode(3, 10, 0);
+    manager.connectNode(3, 11, 1);
 
-    it("balancedPredictTest", function() {
-        var position = {x:0, y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    manager.layout();
 
-        manager.addNode(1, TestSuite.NODE_SIZE, position);
-        manager.addNode(2, TestSuite.NODE_SIZE, position);
-        manager.addNode(3, TestSuite.NODE_SIZE, position);
-        manager.addNode(4, TestSuite.NODE_SIZE, position);
-        manager.addNode(5, TestSuite.NODE_SIZE, position);
-        manager.addNode(7, TestSuite.NODE_SIZE, position);
-        manager.addNode(8, TestSuite.NODE_SIZE, position);
-        manager.addNode(9, TestSuite.NODE_SIZE, position);
-        manager.addNode(10, TestSuite.NODE_SIZE, position);
-        manager.addNode(11, TestSuite.NODE_SIZE, position);
+    // Added as child of node 0 and dropped at (165, -70)
+    const prediction1a = manager.predict(0, null, { x: 165, y: -70 });
+    expect(prediction1a.position.y).toBeLessThan(manager.find(1).getPosition().y);
+    expect(prediction1a.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction1a.order).toEqual(0);
 
-        manager.connectNode(0,1,0);
-        manager.connectNode(0,2,1);
-        manager.connectNode(0,3,2);
-        manager.connectNode(0,4,3);
-        manager.connectNode(0,5,4);
-        manager.connectNode(4,7,0);
-        manager.connectNode(4,8,1);
-        manager.connectNode(8,9,0);
-        manager.connectNode(3,10,0);
-        manager.connectNode(3,11,1);
+    // Added as child of node 0 and dropped at (165, -10)
+    const prediction1b = manager.predict(0, null, { x: 165, y: -10 });
+    expect(prediction1b.position.y).toBeGreaterThan(manager.find(1).getPosition().y);
+    expect(prediction1b.position.y).toBeLessThan(manager.find(3).getPosition().y);
+    expect(prediction1b.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction1b.order).toEqual(2);
 
-        manager.layout();
+    // Added as child of node 0 and dropped at (145, 15)
+    const prediction1c = manager.predict(0, null, { x: 145, y: 15 });
+    expect(prediction1c.position.y).toBeGreaterThan(manager.find(3).getPosition().y);
+    expect(prediction1c.position.y).toBeLessThan(manager.find(5).getPosition().y);
+    expect(prediction1c.position.x).toEqual(manager.find(3).getPosition().x);
+    expect(prediction1c.order).toEqual(4);
 
-        // Added as child of node 0 and dropped at (165, -70)
-        var prediction1a = manager.predict(0, null, {x:165, y:-70});
-        expect(prediction1a.position.y).toBeLessThan(manager.find(1).getPosition().y);
-        expect(prediction1a.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction1a.order).toEqual(0);
+    // Added as child of node 0 and dropped at (145, 70)
+    const prediction1d = manager.predict(0, null, { x: 145, y: 70 });
+    expect(prediction1d.position.y).toBeGreaterThan(manager.find(5).getPosition().y);
+    expect(prediction1d.position.x).toEqual(manager.find(5).getPosition().x);
+    expect(prediction1d.order).toEqual(6);
 
-        // Added as child of node 0 and dropped at (165, -10)
-        var prediction1b = manager.predict(0, null, {x:165, y:-10});
-        expect(prediction1b.position.y).toBeGreaterThan(manager.find(1).getPosition().y);
-        expect(prediction1b.position.y).toBeLessThan(manager.find(3).getPosition().y);
-        expect(prediction1b.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction1b.order).toEqual(2);
+    // Added as child of node 0 and dropped at (-145, -50)
+    const prediction2a = manager.predict(0, null, { x: -145, y: -50 });
+    expect(prediction2a.position.y).toBeLessThan(manager.find(2).getPosition().y);
+    expect(prediction2a.position.x).toEqual(manager.find(2).getPosition().x);
+    expect(prediction2a.order).toEqual(1);
 
-        // Added as child of node 0 and dropped at (145, 15)
-        var prediction1c = manager.predict(0, null, {x:145, y:15});
-        expect(prediction1c.position.y).toBeGreaterThan(manager.find(3).getPosition().y);
-        expect(prediction1c.position.y).toBeLessThan(manager.find(5).getPosition().y);
-        expect(prediction1c.position.x).toEqual(manager.find(3).getPosition().x);
-        expect(prediction1c.order).toEqual(4);
+    // Added as child of node 0 and dropped at (-145, -10)
+    const prediction2b = manager.predict(0, null, { x: -145, y: -10 });
+    expect(prediction2b.position.y).toBeGreaterThan(manager.find(2).getPosition().y);
+    expect(prediction2b.position.y).toBeLessThan(manager.find(4).getPosition().y);
+    expect(prediction2b.position.x).toEqual(manager.find(2).getPosition().x);
+    expect(prediction2b.order).toEqual(3);
 
-        // Added as child of node 0 and dropped at (145, 70)
-        var prediction1d = manager.predict(0, null, {x:145, y:70});
-        expect(prediction1d.position.y).toBeGreaterThan(manager.find(5).getPosition().y);
-        expect(prediction1d.position.x).toEqual(manager.find(5).getPosition().x);
-        expect(prediction1d.order).toEqual(6);
+    // Added as child of node 0 and dropped at (-145, 40)
+    const prediction2c = manager.predict(0, null, { x: -145, y: 400 });
+    expect(prediction2c.position.y).toBeGreaterThan(manager.find(4).getPosition().y);
+    expect(prediction2c.position.x).toEqual(manager.find(4).getPosition().x);
+    expect(prediction2c.order).toEqual(5);
 
-        // Added as child of node 0 and dropped at (-145, -50)
-        var prediction2a = manager.predict(0, null, {x:-145, y:-50});
-        expect(prediction2a.position.y).toBeLessThan(manager.find(2).getPosition().y);
-        expect(prediction2a.position.x).toEqual(manager.find(2).getPosition().x);
-        expect(prediction2a.order).toEqual(1);
+    // Predict nodes added with no position
+    const prediction3 = manager.predict(0, null, null);
+    expect(prediction3.position.y).toBeGreaterThan(manager.find(4).getPosition().y);
+    expect(prediction3.position.x).toEqual(manager.find(4).getPosition().x);
+    expect(prediction3.order).toEqual(5);
 
-        // Added as child of node 0 and dropped at (-145, -10)
-        var prediction2b = manager.predict(0, null, {x:-145, y:-10});
-        expect(prediction2b.position.y).toBeGreaterThan(manager.find(2).getPosition().y);
-        expect(prediction2b.position.y).toBeLessThan(manager.find(4).getPosition().y);
-        expect(prediction2b.position.x).toEqual(manager.find(2).getPosition().x);
-        expect(prediction2b.order).toEqual(3);
+    manager.addNode(6, TestSuite.NODE_SIZE, prediction3.position);
+    manager.connectNode(0, 6, prediction3.order);
+    manager.layout();
 
-        // Added as child of node 0 and dropped at (-145, 40)
-        var prediction2c = manager.predict(0, null, {x:-145, y:400});
-        expect(prediction2c.position.y).toBeGreaterThan(manager.find(4).getPosition().y);
-        expect(prediction2c.position.x).toEqual(manager.find(4).getPosition().x);
-        expect(prediction2c.order).toEqual(5);
+    const prediction4 = manager.predict(0, null, null);
+    expect(prediction4.position.y).toBeGreaterThan(manager.find(5).getPosition().y);
+    expect(prediction4.position.x).toEqual(manager.find(5).getPosition().x);
+    expect(prediction4.order).toEqual(6);
 
-        // Predict nodes added with no position
-        var prediction3 = manager.predict(0, null, null);
-        expect(prediction3.position.y).toBeGreaterThan(manager.find(4).getPosition().y);
-        expect(prediction3.position.x).toEqual(manager.find(4).getPosition().x);
-        expect(prediction3.order).toEqual(5);
+    // Predict nodes added only a root node
+    manager.removeNode(1).removeNode(2).removeNode(3).removeNode(4)
+      .removeNode(5);
+    manager.layout();
+    const prediction5a = manager.predict(0, null, null);
+    const prediction5b = manager.predict(0, null, { x: 40, y: 100 });
+    expect(prediction5a.position.x).toBeGreaterThan(manager.find(0).getPosition().x);
+    expect(prediction5a.position.y).toEqual(manager.find(0).getPosition().y);
+    expect(prediction5a.order).toEqual(0);
+    expect(prediction5a.position.x).toEqual(prediction5b.position.x);
+    expect(prediction5a.position.y).toEqual(prediction5b.position.y);
+    expect(prediction5a.order).toEqual(prediction5b.order);
+  });
 
-        manager.addNode(6, TestSuite.NODE_SIZE, prediction3.position);
-        manager.connectNode(0,6,prediction3.order);
-        manager.layout();
+  it('balancedNodeDragPredictTest', () => {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
 
-        var prediction4 = manager.predict(0, null, null);
-        expect(prediction4.position.y).toBeGreaterThan(manager.find(5).getPosition().y);
-        expect(prediction4.position.x).toEqual(manager.find(5).getPosition().x);
-        expect(prediction4.order).toEqual(6);
+    manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0);
+    manager.layout();
 
-        // Predict nodes added only a root node
-        manager.removeNode(1).removeNode(2).removeNode(3).removeNode(4).removeNode(5);
-        manager.layout();
-        var prediction5a = manager.predict(0, null, null);
-        var prediction5b = manager.predict(0, null, {x:40, y:100});
-        expect(prediction5a.position.x).toBeGreaterThan(manager.find(0).getPosition().x);
-        expect(prediction5a.position.y).toEqual(manager.find(0).getPosition().y);
-        expect(prediction5a.order).toEqual(0);
-        expect(prediction5a.position.x).toEqual(prediction5b.position.x);
-        expect(prediction5a.position.y).toEqual(prediction5b.position.y);
-        expect(prediction5a.order).toEqual(prediction5b.order);
-    });
+    const prediction1a = manager.predict(0, 1, { x: 50, y: 50 });
+    expect(prediction1a.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction1a.position.y).toEqual(manager.find(1).getPosition().y);
+    expect(prediction1a.order).toEqual(manager.find(1).getOrder());
 
-    it("balancedNodeDragPredictTest", function() {
-        var position = {x:0, y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    const prediction1b = manager.predict(0, 1, { x: 50, y: -50 });
+    expect(prediction1b.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction1b.position.y).toEqual(manager.find(1).getPosition().y);
+    expect(prediction1b.order).toEqual(manager.find(1).getOrder());
 
-        manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0,1,0);
-        manager.layout();
+    const prediction1c = manager.predict(0, 1, { x: -50, y: 50 });
+    expect(prediction1c.position.x).toBeLessThan(manager.find(0).getPosition().x);
+    expect(prediction1c.position.y).toEqual(manager.find(0).getPosition().y);
+    expect(prediction1c.order).toEqual(1);
 
-        var prediction1a = manager.predict(0, 1, {x:50, y:50});
-        expect(prediction1a.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction1a.position.y).toEqual(manager.find(1).getPosition().y);
-        expect(prediction1a.order).toEqual(manager.find(1).getOrder());
+    const prediction1d = manager.predict(0, 1, { x: -50, y: -50 });
+    expect(prediction1d.position.x).toBeLessThan(manager.find(0).getPosition().x);
+    expect(prediction1d.position.y).toEqual(manager.find(0).getPosition().y);
+    expect(prediction1d.order).toEqual(1);
 
-        var prediction1b = manager.predict(0, 1, {x:50, y:-50});
-        expect(prediction1b.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction1b.position.y).toEqual(manager.find(1).getPosition().y);
-        expect(prediction1b.order).toEqual(manager.find(1).getOrder());
+    manager.disconnectNode(1);
+    manager.connectNode(0, 1, 1);
+    manager.layout();
 
-        var prediction1c = manager.predict(0, 1, {x:-50, y:50});
-        expect(prediction1c.position.x).toBeLessThan(manager.find(0).getPosition().x);
-        expect(prediction1c.position.y).toEqual(manager.find(0).getPosition().y);
-        expect(prediction1c.order).toEqual(1);
+    const prediction2a = manager.predict(0, 1, { x: 50, y: 50 });
+    expect(prediction2a.position.x).toBeGreaterThan(manager.find(0).getPosition().x);
+    expect(prediction2a.position.y).toEqual(manager.find(0).getPosition().y);
+    expect(prediction2a.order).toEqual(0);
 
-        var prediction1d = manager.predict(0, 1, {x:-50, y:-50});
-        expect(prediction1d.position.x).toBeLessThan(manager.find(0).getPosition().x);
-        expect(prediction1d.position.y).toEqual(manager.find(0).getPosition().y);
-        expect(prediction1d.order).toEqual(1);
+    const prediction2b = manager.predict(0, 1, { x: 50, y: -50 });
+    expect(prediction2b.position.x).toBeGreaterThan(manager.find(0).getPosition().x);
+    expect(prediction2b.position.y).toEqual(manager.find(0).getPosition().y);
+    expect(prediction2b.order).toEqual(0);
 
-        manager.disconnectNode(1);
-        manager.connectNode(0, 1, 1);
-        manager.layout();
+    const prediction2c = manager.predict(0, 1, { x: -50, y: 50 });
+    expect(prediction2c.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction2c.position.y).toEqual(manager.find(1).getPosition().y);
+    expect(prediction2c.order).toEqual(manager.find(1).getOrder());
 
-        var prediction2a = manager.predict(0, 1, {x:50, y:50});
-        expect(prediction2a.position.x).toBeGreaterThan(manager.find(0).getPosition().x);
-        expect(prediction2a.position.y).toEqual(manager.find(0).getPosition().y);
-        expect(prediction2a.order).toEqual(0);
+    const prediction2d = manager.predict(0, 1, { x: -50, y: -50 });
+    expect(prediction2d.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction2d.position.y).toEqual(manager.find(1).getPosition().y);
+    expect(prediction2d.order).toEqual(manager.find(1).getOrder());
 
-        var prediction2b = manager.predict(0, 1, {x:50, y:-50});
-        expect(prediction2b.position.x).toBeGreaterThan(manager.find(0).getPosition().x);
-        expect(prediction2b.position.y).toEqual(manager.find(0).getPosition().y);
-        expect(prediction2b.order).toEqual(0);
+    manager.disconnectNode(1);
+    manager.connectNode(0, 1, 0);
+    manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 2);
+    manager.layout();
 
-        var prediction2c = manager.predict(0, 1, {x:-50, y:50});
-        expect(prediction2c.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction2c.position.y).toEqual(manager.find(1).getPosition().y);
-        expect(prediction2c.order).toEqual(manager.find(1).getOrder());
+    const prediction3a = manager.predict(0, 1, { x: 50, y: 50 });
+    expect(prediction3a.position.x).toEqual(manager.find(2).getPosition().x);
+    expect(prediction3a.position.y).toBeGreaterThan(manager.find(2).getPosition().y);
+    expect(prediction3a.order).toEqual(4);
 
-        var prediction2d = manager.predict(0, 1, {x:-50, y:-50});
-        expect(prediction2d.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction2d.position.y).toEqual(manager.find(1).getPosition().y);
-        expect(prediction2d.order).toEqual(manager.find(1).getOrder());
+    const prediction3b = manager.predict(0, 1, { x: 50, y: -50 });
+    expect(prediction3b.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction3b.position.y).toEqual(manager.find(1).getPosition().y);
+    expect(prediction3b.order).toEqual(manager.find(1).getOrder());
 
-        manager.disconnectNode(1);
-        manager.connectNode(0, 1, 0);
-        manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0,2,2);
-        manager.layout();
+    const prediction3c = manager.predict(0, 1, { x: -50, y: 50 });
+    expect(prediction3c.position.x).toBeLessThan(manager.find(0).getPosition().x);
+    expect(prediction3c.position.y).toEqual(manager.find(0).getPosition().y);
+    expect(prediction3c.order).toEqual(1);
 
-        var prediction3a = manager.predict(0, 1, {x:50, y:50});
-        expect(prediction3a.position.x).toEqual(manager.find(2).getPosition().x);
-        expect(prediction3a.position.y).toBeGreaterThan(manager.find(2).getPosition().y);
-        expect(prediction3a.order).toEqual(4);
-
-        var prediction3b = manager.predict(0, 1, {x:50, y:-50});
-        expect(prediction3b.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction3b.position.y).toEqual(manager.find(1).getPosition().y);
-        expect(prediction3b.order).toEqual(manager.find(1).getOrder());
-
-        var prediction3c = manager.predict(0, 1, {x:-50, y:50});
-        expect(prediction3c.position.x).toBeLessThan(manager.find(0).getPosition().x);
-        expect(prediction3c.position.y).toEqual(manager.find(0).getPosition().y);
-        expect(prediction3c.order).toEqual(1);
-
-        var prediction3d = manager.predict(0, 1, {x:-50, y:-50});
-        expect(prediction3d.position.x).toBeLessThan(manager.find(0).getPosition().x);
-        expect(prediction3d.position.y).toEqual(manager.find(0).getPosition().y);
-        expect(prediction3d.order).toEqual(1);
-
-        var prediction3e = manager.predict(0, 1, {x:50, y:0});
-        expect(prediction3e.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction3e.position.y).toEqual(manager.find(1).getPosition().y);
-        expect(prediction3e.order).toEqual(manager.find(1).getOrder());
-
-    });
+    const prediction3d = manager.predict(0, 1, { x: -50, y: -50 });
+    expect(prediction3d.position.x).toBeLessThan(manager.find(0).getPosition().x);
+    expect(prediction3d.position.y).toEqual(manager.find(0).getPosition().y);
+    expect(prediction3d.order).toEqual(1);
 
+    const prediction3e = manager.predict(0, 1, { x: 50, y: 0 });
+    expect(prediction3e.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction3e.position.y).toEqual(manager.find(1).getPosition().y);
+    expect(prediction3e.order).toEqual(manager.find(1).getOrder());
+  });
 });
diff --git a/packages/mindplot/test/unit/DesignerTestSuite.js b/packages/mindplot/test/unit/DesignerTestSuite.js
index d4f1c1eb..a310986d 100644
--- a/packages/mindplot/test/unit/DesignerTestSuite.js
+++ b/packages/mindplot/test/unit/DesignerTestSuite.js
@@ -1,68 +1,63 @@
-var designer = null;
-/*:DOC += 
       */
-var mapId = '1';
-var mapXml = '';
-var editorProperties = {"zoom":0.7, size: {width: "1366px", height:"768px"}};
-var buildMindmapDesigner = function() {
+let designer = null;
+/*: DOC += 
       */
+const mapId = '1';
+const mapXml = '';
+const editorProperties = { zoom: 0.7, size: { width: '1366px', height: '768px' } };
+const buildMindmapDesigner = function () {
+  // Initialize message logger ...
+  const container = $('
      ');
+  $('body').append(container);
 
-    // Initialize message logger ...
-    var container = $('
      ');
-    $("body").append(container);
+  // Initialize Editor ...
+  var window = $(window);
+  const screenWidth = window.width();
+  let screenHeight = window.height();
 
-    // Initialize Editor ...
-    var window = $(window);
-    var screenWidth = window.width();
-    var screenHeight = window.height();
+  // Positionate node ...
+  // header - footer
+  screenHeight = screenHeight - 90 - 61;
 
-    // Positionate node ...
-    // header - footer
-    screenHeight = screenHeight - 90 - 61;
+  // body margin ...
+  editorProperties.width = screenWidth;
+  editorProperties.height = screenHeight;
 
-    // body margin ...
-    editorProperties.width = screenWidth;
-    editorProperties.height = screenHeight;
+  designer = new mindplot.Designer(editorProperties, container);
+  // Load map from XML file persisted on disk...
+  const persistence = new mindplot.LocalStorageManager('src/test/resources/welcome.xml');
+  const mindmap = persistence.load(mapId);
+  designer.loadMap(mindmap);
 
-    designer = new mindplot.Designer(editorProperties, container);
-    // Load map from XML file persisted on disk...
-    var persistence = new mindplot.LocalStorageManager("src/test/resources/welcome.xml");
-    var mindmap = persistence.load(mapId);
-    designer.loadMap(mindmap);
-
-    /*// Save map on load ....
+  /* // Save map on load ....
      if (editorProperties.saveOnLoad)
      {
      var saveOnLoad = function() {
      designer.save(function() {
      }, false);
      }.delay(1000)
-     }*/
-
-}
+     } */
+};
 buildMindmapDesigner();
 
-
-describe("Designer test suite", function() {
-
-    it("testWorkspaceBuild", function(){
-        var mindplot = $(document).find('#mindplot');
-        expect(mindplot).not.toBeNull();
-        expect(mindplot).not.toBeUndefined();
-    });
-    it("testCentralTopicPresent", function(){
-        var centralTopic = designer.getMindmap().getCentralTopic();
-        expect($defined(centralTopic)).toBe(true);
-        var position = centralTopic.getPosition();
-        expect(position.x).toEqual(0);
-        expect(position.y).toEqual(0);
-    });
-    /*it("testCentralTopicPresent", function(){
+describe('Designer test suite', () => {
+  it('testWorkspaceBuild', () => {
+    const mindplot = $(document).find('#mindplot');
+    expect(mindplot).not.toBeNull();
+    expect(mindplot).not.toBeUndefined();
+  });
+  it('testCentralTopicPresent', () => {
+    const centralTopic = designer.getMindmap().getCentralTopic();
+    expect($defined(centralTopic)).toBe(true);
+    const position = centralTopic.getPosition();
+    expect(position.x).toEqual(0);
+    expect(position.y).toEqual(0);
+  });
+  /* it("testCentralTopicPresent", function(){
         var centralTopic = designer.getMindmap().getCentralTopic();
         expect($defined(centralTopic)).toBe(true);
         var target = designer.getWorkSpace().getScreenManager().getContainer();
         var size = designer.getModel().getTopics().length;
-        fireNativeEvent('dblclick',target,new core.Point(50,50));
+        fireNativeEvent('dblclick',target,new web2d.Point(50,50));
         assertEquals(size+1, designer.getModel().getTopics().length);
     });
     */
-
-});
\ No newline at end of file
+});
diff --git a/packages/mindplot/test/unit/EventsTestSuite.js b/packages/mindplot/test/unit/EventsTestSuite.js
index 6f2c548b..3e993c02 100644
--- a/packages/mindplot/test/unit/EventsTestSuite.js
+++ b/packages/mindplot/test/unit/EventsTestSuite.js
@@ -1,43 +1,41 @@
-var TestClass = new Class({
-    Extends: mindplot.Events,
+const TestClass = new Class({
+  Extends: mindplot.Events,
 
-    getEvents: function() {
-        return this.$events;
-    },
+  getEvents() {
+    return this.$events;
+  },
 
-    removeEvents: function() {
-        this.$events = {};
-    }
+  removeEvents() {
+    this.$events = {};
+  },
 });
 
 // Test class and variables
-var expectedChangeFn1 = function () {return 'change1';};
-var expectedChangeFn2 = function () {return 'change2';};
-var expectedLoadFn = function() {return 'loaded';};
-var myTestClass = new TestClass();
+const expectedChangeFn1 = function () { return 'change1'; };
+const expectedChangeFn2 = function () { return 'change2'; };
+const expectedLoadFn = function () { return 'loaded'; };
+const myTestClass = new TestClass();
 
+describe('Events class suite', () => {
+  afterEach(() => {
+    myTestClass.removeEvents();
+  });
 
-describe("Events class suite", function() {
-
-    afterEach(function() {
-        myTestClass.removeEvents();
-    });
-
-    it("addEventTest", function() {
-        expect(myTestClass.getEvents()).toEqual({});
-        myTestClass.addEvent('change', expectedChangeFn1);
-        expect(myTestClass.getEvents()).toEqual({change: [expectedChangeFn1]});
-        myTestClass.addEvent('change', expectedChangeFn2);
-        expect(myTestClass.getEvents()).toEqual({change: [expectedChangeFn1, expectedChangeFn2]});
-        myTestClass.addEvent('load', expectedLoadFn);
-        expect(myTestClass.getEvents()).toEqual({change: [expectedChangeFn1, expectedChangeFn2], load: [expectedLoadFn]});
-    });
-    it("removeEventTest", function() {
-        expect(myTestClass.getEvents()).toEqual({});
-        myTestClass.addEvent('change', expectedChangeFn1);
-        myTestClass.addEvent('change', expectedChangeFn2);
-        expect(myTestClass.getEvents()).toEqual({change: [expectedChangeFn1, expectedChangeFn2]});
-        myTestClass.removeEvent('change', expectedChangeFn1);
-        expect(myTestClass.getEvents()).toEqual({change: [expectedChangeFn2]});
-    });
+  it('addEventTest', () => {
+    expect(myTestClass.getEvents()).toEqual({});
+    myTestClass.addEvent('change', expectedChangeFn1);
+    expect(myTestClass.getEvents()).toEqual({ change: [expectedChangeFn1] });
+    myTestClass.addEvent('change', expectedChangeFn2);
+    expect(myTestClass.getEvents()).toEqual({ change: [expectedChangeFn1, expectedChangeFn2] });
+    myTestClass.addEvent('load', expectedLoadFn);
+    expect(myTestClass.getEvents()).toEqual({ change: [expectedChangeFn1, expectedChangeFn2], load: [expectedLoadFn] });
+  });
+  it('removeEventTest', () => {
+    expect(myTestClass.getEvents()).toEqual({});
+    myTestClass.addEvent('change', expectedChangeFn1);
+    myTestClass.addEvent('change', expectedChangeFn2);
+    expect(myTestClass.getEvents()).toEqual({ change: [expectedChangeFn1, expectedChangeFn2] });
+    myTestClass.removeEvent('change', expectedChangeFn1);
+    expect(myTestClass.getEvents()).toEqual({ change: [expectedChangeFn2] });
+  });
 });
diff --git a/packages/mindplot/test/unit/FreeTestSuite.js b/packages/mindplot/test/unit/FreeTestSuite.js
index 0bb11101..50ba302a 100644
--- a/packages/mindplot/test/unit/FreeTestSuite.js
+++ b/packages/mindplot/test/unit/FreeTestSuite.js
@@ -1,254 +1,247 @@
-describe("Free Test Suite", function() {
-
-    beforeEach(function () {
-        this.addMatchers({
-            toNotBeBranchesOverlap: function(expected) {
-                var a = this.actual;
-                var b = expected;
-                return a[0] <= b[1] || a[1] >= b[0];
-            }
-        });
+describe('Free Test Suite', () => {
+  beforeEach(function () {
+    this.addMatchers({
+      toNotBeBranchesOverlap(expected) {
+        const a = this.actual;
+        const b = expected;
+        return a[0] <= b[1] || a[1] >= b[0];
+      },
     });
+  });
 
-    function branchCollision(treeSet, node, heightById) {
-        var children = treeSet.getChildren(node);
-        var childOfRootNode = treeSet._rootNodes.contains(node);
+  function branchCollision(treeSet, node, heightById) {
+    const children = treeSet.getChildren(node);
+    const childOfRootNode = treeSet._rootNodes.contains(node);
 
-        _.each(children, function(child) {
-            var siblings = treeSet.getSiblings(child);
-            if (childOfRootNode) {
-                siblings = siblings.filter(function(sibling) {
-                    return (child.getOrder() % 2) == (sibling.getOrder() % 2);
-                });
-            }
-            _.each(siblings, function(sibling) {
-                branchesOverlap(child, sibling, heightById);
-            }, this);
-        }, this);
+    _.each(children, function (child) {
+      let siblings = treeSet.getSiblings(child);
+      if (childOfRootNode) {
+        siblings = siblings.filter((sibling) => (child.getOrder() % 2) == (sibling.getOrder() % 2));
+      }
+      _.each(siblings, (sibling) => {
+        branchesOverlap(child, sibling, heightById);
+      }, this);
+    }, this);
 
-        _.each(children, function(child) {
-            branchCollision(treeSet, child, heightById);
-        }, this);
+    _.each(children, (child) => {
+      branchCollision(treeSet, child, heightById);
+    }, this);
+  }
 
-    }
+  function branchesOverlap(branchA, branchB, heightById) {
+    const topA = branchA.getPosition().y - heightById[branchA.getId()] / 2;
+    const bottomA = branchA.getPosition().y + heightById[branchA.getId()] / 2;
+    const topB = branchB.getPosition().y - heightById[branchB.getId()] / 2;
+    const bottomB = branchB.getPosition().y + heightById[branchB.getId()] / 2;
+    expect([bottomA, topA]).toNotBeBranchesOverlap([bottomB, topB]);
+  }
 
-    function branchesOverlap(branchA, branchB, heightById) {
-        var topA = branchA.getPosition().y - heightById[branchA.getId()]/2;
-        var bottomA = branchA.getPosition().y + heightById[branchA.getId()]/2;
-        var topB = branchB.getPosition().y - heightById[branchB.getId()]/2;
-        var bottomB = branchB.getPosition().y + heightById[branchB.getId()]/2;
-        expect([bottomA, topA]).toNotBeBranchesOverlap([bottomB,topB]);
-    }
+  it('avoidCollisionTree1Test', function () {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
 
-    it("avoidCollisionTree1Test", function () {
+    // Prepare a sample graph ...
+    manager.addNode(1, TestSuite.NODE_SIZE, position);
+    manager.addNode(2, TestSuite.NODE_SIZE, position);
+    manager.addNode(3, TestSuite.NODE_SIZE, position);
+    manager.addNode(4, TestSuite.NODE_SIZE, position);
+    manager.addNode(5, TestSuite.NODE_SIZE, position);
+    manager.addNode(6, TestSuite.NODE_SIZE, position);
+    manager.addNode(7, TestSuite.NODE_SIZE, position);
+    manager.addNode(8, TestSuite.NODE_SIZE, position);
+    manager.addNode(9, TestSuite.NODE_SIZE, position);
+    manager.addNode(10, TestSuite.NODE_SIZE, position);
+    manager.addNode(11, TestSuite.NODE_SIZE, position);
+    manager.addNode(12, TestSuite.NODE_SIZE, position);
+    manager.addNode(13, TestSuite.NODE_SIZE, position);
+    manager.addNode(14, TestSuite.NODE_SIZE, position);
+    manager.addNode(15, TestSuite.NODE_SIZE, position);
+    manager.addNode(16, TestSuite.NODE_SIZE, position);
+    manager.addNode(17, TestSuite.NODE_SIZE, position);
+    manager.addNode(18, TestSuite.NODE_SIZE, position);
+    manager.addNode(19, TestSuite.NODE_SIZE, position);
+    manager.addNode(20, TestSuite.NODE_SIZE, position);
+    manager.addNode(21, TestSuite.NODE_SIZE, position);
+    manager.addNode(22, TestSuite.NODE_SIZE, position);
+    manager.addNode(23, TestSuite.NODE_SIZE, position);
+    manager.addNode(24, TestSuite.NODE_SIZE, position);
+    manager.addNode(25, TestSuite.NODE_SIZE, position);
+    manager.addNode(26, TestSuite.NODE_SIZE, position);
 
-        var position = {x:0,y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    manager.connectNode(0, 1, 0).connectNode(0, 2, 1).connectNode(0, 3, 2).connectNode(0, 4, 3);
+    manager.connectNode(4, 21, 0).connectNode(4, 22, 0);
+    manager.connectNode(1, 5, 0).connectNode(1, 23, 0).connectNode(23, 24, 0).connectNode(24, 25, 0)
+      .connectNode(24, 26, 0);
+    manager.connectNode(5, 6, 0).connectNode(6, 8, 0).connectNode(8, 9, 0);
+    manager.connectNode(5, 7, 1).connectNode(7, 10, 0);
+    manager.connectNode(3, 11, 0).connectNode(11, 14, 0).connectNode(14, 18, 0).connectNode(14, 19, 1)
+      .connectNode(14, 20, 2);
+    manager.connectNode(3, 12, 1).connectNode(12, 15, 0).connectNode(12, 16, 1).connectNode(12, 17, 2);
+    manager.connectNode(3, 13, 2);
 
-        // Prepare a sample graph ...
-        manager.addNode(1, TestSuite.NODE_SIZE, position);
-        manager.addNode(2, TestSuite.NODE_SIZE, position);
-        manager.addNode(3, TestSuite.NODE_SIZE, position);
-        manager.addNode(4, TestSuite.NODE_SIZE, position);
-        manager.addNode(5, TestSuite.NODE_SIZE, position);
-        manager.addNode(6, TestSuite.NODE_SIZE, position);
-        manager.addNode(7, TestSuite.NODE_SIZE, position);
-        manager.addNode(8, TestSuite.NODE_SIZE, position);
-        manager.addNode(9, TestSuite.NODE_SIZE, position);
-        manager.addNode(10, TestSuite.NODE_SIZE, position);
-        manager.addNode(11, TestSuite.NODE_SIZE, position);
-        manager.addNode(12, TestSuite.NODE_SIZE, position);
-        manager.addNode(13, TestSuite.NODE_SIZE, position);
-        manager.addNode(14, TestSuite.NODE_SIZE, position);
-        manager.addNode(15, TestSuite.NODE_SIZE, position);
-        manager.addNode(16, TestSuite.NODE_SIZE, position);
-        manager.addNode(17, TestSuite.NODE_SIZE, position);
-        manager.addNode(18, TestSuite.NODE_SIZE, position);
-        manager.addNode(19, TestSuite.NODE_SIZE, position);
-        manager.addNode(20, TestSuite.NODE_SIZE, position);
-        manager.addNode(21, TestSuite.NODE_SIZE, position);
-        manager.addNode(22, TestSuite.NODE_SIZE, position);
-        manager.addNode(23, TestSuite.NODE_SIZE, position);
-        manager.addNode(24, TestSuite.NODE_SIZE, position);
-        manager.addNode(25, TestSuite.NODE_SIZE, position);
-        manager.addNode(26, TestSuite.NODE_SIZE, position);
+    manager.layout(true);
 
-        manager.connectNode(0,1,0).connectNode(0,2,1).connectNode(0,3,2).connectNode(0,4,3);
-        manager.connectNode(4,21,0).connectNode(4,22,0);
-        manager.connectNode(1,5,0).connectNode(1,23,0).connectNode(23,24,0).connectNode(24,25,0).connectNode(24,26,0);
-        manager.connectNode(5,6,0).connectNode(6,8,0).connectNode(8,9,0);
-        manager.connectNode(5,7,1).connectNode(7,10,0);
-        manager.connectNode(3,11,0).connectNode(11,14,0).connectNode(14,18,0).connectNode(14,19,1).connectNode(14,20,2);
-        manager.connectNode(3,12,1).connectNode(12,15,0).connectNode(12,16,1).connectNode(12,17,2);
-        manager.connectNode(3,13,2);
+    const treeSet = manager._treeSet;
+    _.each(treeSet._rootNodes, (rootNode) => {
+      const heightById = rootNode.getSorter().computeChildrenIdByHeights(treeSet, rootNode);
+      branchCollision(treeSet, rootNode, heightById);
+    }, this);
+  });
 
-        manager.layout(true);
+  // FIXME: This is broken in master. This configuration has two topics overlapping.
+  it('avoidCollisionTree2Test - FAILING, commented test', function () {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
 
-        var treeSet = manager._treeSet;
-        _.each(treeSet._rootNodes, function(rootNode) {
-            var heightById = rootNode.getSorter().computeChildrenIdByHeights(treeSet, rootNode);
-            branchCollision(treeSet, rootNode, heightById);
-        }, this);
+    // Prepare a sample graph ...
+    manager.addNode(1, TestSuite.NODE_SIZE, position);
+    manager.addNode(2, TestSuite.NODE_SIZE, position);
+    manager.addNode(3, TestSuite.NODE_SIZE, position);
+    manager.addNode(4, TestSuite.NODE_SIZE, position);
+    manager.addNode(5, TestSuite.NODE_SIZE, position);
+    manager.addNode(6, TestSuite.NODE_SIZE, position);
+    manager.addNode(7, TestSuite.NODE_SIZE, position);
+    manager.addNode(8, TestSuite.NODE_SIZE, position);
+    manager.addNode(9, TestSuite.NODE_SIZE, position);
+    manager.addNode(10, TestSuite.NODE_SIZE, position);
+    manager.addNode(11, TestSuite.NODE_SIZE, position);
+    manager.addNode(12, TestSuite.NODE_SIZE, position);
+    manager.addNode(13, TestSuite.NODE_SIZE, position);
+    manager.addNode(14, TestSuite.NODE_SIZE, position);
+    manager.addNode(15, TestSuite.NODE_SIZE, position);
+    manager.addNode(16, TestSuite.NODE_SIZE, position);
+    manager.addNode(17, TestSuite.NODE_SIZE, position);
+    manager.addNode(18, TestSuite.NODE_SIZE, position);
+    manager.addNode(19, TestSuite.NODE_SIZE, position);
+    manager.addNode(20, TestSuite.NODE_SIZE, position);
+    manager.addNode(21, TestSuite.NODE_SIZE, position);
+    manager.addNode(22, TestSuite.NODE_SIZE, position);
 
-    });
+    manager.connectNode(0, 1, 0).connectNode(0, 2, 1).connectNode(0, 3, 2).connectNode(0, 4, 3);
+    manager.connectNode(4, 21, 0).connectNode(4, 22, 0);
+    manager.connectNode(1, 5, 0);
+    manager.connectNode(5, 6, 0).connectNode(6, 8, 0).connectNode(8, 9, 0);
+    manager.connectNode(5, 7, 1).connectNode(7, 10, 0);
+    manager.connectNode(3, 11, 0).connectNode(11, 14, 0).connectNode(14, 18, 0).connectNode(14, 19, 1)
+      .connectNode(14, 20, 2);
+    manager.connectNode(3, 12, 1).connectNode(12, 15, 0).connectNode(12, 16, 1).connectNode(12, 17, 2);
+    manager.connectNode(3, 13, 2);
 
-    //FIXME: This is broken in master. This configuration has two topics overlapping.
-    it("avoidCollisionTree2Test - FAILING, commented test", function () {
+    manager.layout(true);
 
-        var position = {x:0,y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    const treeSet = manager._treeSet;
+    _.each(treeSet._rootNodes, (rootNode) => {
+      const heightById = rootNode.getSorter().computeChildrenIdByHeights(treeSet, rootNode);
+      // FIXME: uncoment this line when bug is fixed, branchCollision(treeSet, rootNode, heightById);
+    }, this);
+  });
 
-        // Prepare a sample graph ...
-        manager.addNode(1, TestSuite.NODE_SIZE, position);
-        manager.addNode(2, TestSuite.NODE_SIZE, position);
-        manager.addNode(3, TestSuite.NODE_SIZE, position);
-        manager.addNode(4, TestSuite.NODE_SIZE, position);
-        manager.addNode(5, TestSuite.NODE_SIZE, position);
-        manager.addNode(6, TestSuite.NODE_SIZE, position);
-        manager.addNode(7, TestSuite.NODE_SIZE, position);
-        manager.addNode(8, TestSuite.NODE_SIZE, position);
-        manager.addNode(9, TestSuite.NODE_SIZE, position);
-        manager.addNode(10, TestSuite.NODE_SIZE, position);
-        manager.addNode(11, TestSuite.NODE_SIZE, position);
-        manager.addNode(12, TestSuite.NODE_SIZE, position);
-        manager.addNode(13, TestSuite.NODE_SIZE, position);
-        manager.addNode(14, TestSuite.NODE_SIZE, position);
-        manager.addNode(15, TestSuite.NODE_SIZE, position);
-        manager.addNode(16, TestSuite.NODE_SIZE, position);
-        manager.addNode(17, TestSuite.NODE_SIZE, position);
-        manager.addNode(18, TestSuite.NODE_SIZE, position);
-        manager.addNode(19, TestSuite.NODE_SIZE, position);
-        manager.addNode(20, TestSuite.NODE_SIZE, position);
-        manager.addNode(21, TestSuite.NODE_SIZE, position);
-        manager.addNode(22, TestSuite.NODE_SIZE, position);
+  it('predictTest', () => {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
 
-        manager.connectNode(0,1,0).connectNode(0,2,1).connectNode(0,3,2).connectNode(0,4,3);
-        manager.connectNode(4,21,0).connectNode(4,22,0);
-        manager.connectNode(1,5,0);
-        manager.connectNode(5,6,0).connectNode(6,8,0).connectNode(8,9,0);
-        manager.connectNode(5,7,1).connectNode(7,10,0);
-        manager.connectNode(3,11,0).connectNode(11,14,0).connectNode(14,18,0).connectNode(14,19,1).connectNode(14,20,2);
-        manager.connectNode(3,12,1).connectNode(12,15,0).connectNode(12,16,1).connectNode(12,17,2);
-        manager.connectNode(3,13,2);
+    // Prepare a sample graph ...
+    manager.addNode(1, TestSuite.NODE_SIZE, position);
+    manager.addNode(2, TestSuite.NODE_SIZE, position);
+    manager.addNode(3, TestSuite.NODE_SIZE, position);
+    manager.addNode(4, TestSuite.NODE_SIZE, position);
+    manager.addNode(5, TestSuite.NODE_SIZE, position);
+    manager.addNode(6, TestSuite.NODE_SIZE, position);
+    manager.addNode(7, TestSuite.NODE_SIZE, position);
+    manager.addNode(8, TestSuite.NODE_SIZE, position);
+    manager.addNode(9, TestSuite.NODE_SIZE, position);
+    manager.addNode(10, TestSuite.NODE_SIZE, position);
+    manager.addNode(11, TestSuite.NODE_SIZE, position);
 
-        manager.layout(true);
+    manager.connectNode(0, 1, 0);
+    manager.connectNode(0, 2, 1);
+    manager.connectNode(0, 3, 2);
+    manager.connectNode(3, 4, 0);
+    manager.connectNode(3, 5, 1);
+    manager.connectNode(3, 6, 2);
+    manager.connectNode(5, 7, 0);
+    manager.connectNode(5, 8, 1);
+    manager.connectNode(5, 11, 2);
+    manager.connectNode(2, 9, 0);
+    manager.connectNode(2, 10, 1);
 
-        var treeSet = manager._treeSet;
-        _.each(treeSet._rootNodes, function(rootNode) {
-            var heightById = rootNode.getSorter().computeChildrenIdByHeights(treeSet, rootNode);
-            //FIXME: uncoment this line when bug is fixed, branchCollision(treeSet, rootNode, heightById);
-        }, this);
+    manager.layout();
 
-    });
+    const pos1 = { x: 370, y: 80 };
+    const predict1 = manager.predict(5, 11, pos1, true);
+    expect(predict1.position.x).toEqual(pos1.x);
+    expect(predict1.position.y).toEqual(pos1.y);
 
-    it("predictTest", function () {
-        var position = {x:0,y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    const pos2 = { x: -200, y: 80 };
+    const predict2 = manager.predict(0, 2, pos2, true);
+    expect(predict2.position.x).toEqual(pos2.x);
+    expect(predict2.position.y).toEqual(pos2.y);
 
-        // Prepare a sample graph ...
-        manager.addNode(1, TestSuite.NODE_SIZE, position);
-        manager.addNode(2, TestSuite.NODE_SIZE, position);
-        manager.addNode(3, TestSuite.NODE_SIZE, position);
-        manager.addNode(4, TestSuite.NODE_SIZE, position);
-        manager.addNode(5, TestSuite.NODE_SIZE, position);
-        manager.addNode(6, TestSuite.NODE_SIZE, position);
-        manager.addNode(7, TestSuite.NODE_SIZE, position);
-        manager.addNode(8, TestSuite.NODE_SIZE, position);
-        manager.addNode(9, TestSuite.NODE_SIZE, position);
-        manager.addNode(10, TestSuite.NODE_SIZE, position);
-        manager.addNode(11, TestSuite.NODE_SIZE, position);
+    const pos3 = { x: 200, y: 30 };
+    const node5 = manager.find(5);
+    const predict3 = manager.predict(3, 5, pos3, true);
+    expect(predict3.position.x).toEqual(node5.getPosition().x);
+    expect(predict3.position.y).toEqual(pos3.y);
 
-        manager.connectNode(0, 1, 0);
-        manager.connectNode(0, 2, 1);
-        manager.connectNode(0, 3, 2);
-        manager.connectNode(3, 4, 0);
-        manager.connectNode(3, 5, 1);
-        manager.connectNode(3, 6, 2);
-        manager.connectNode(5, 7, 0);
-        manager.connectNode(5, 8, 1);
-        manager.connectNode(5, 11, 2);
-        manager.connectNode(2, 9, 0);
-        manager.connectNode(2, 10, 1);
+    const pos4 = { x: -100, y: 45 };
+    const node10 = manager.find(10);
+    const predict4 = manager.predict(2, 10, pos4, true);
+    expect(predict4.position.x).toEqual(node10.getPosition().x);
+    expect(predict4.position.y).toEqual(pos4.y);
+  });
 
-        manager.layout();
+  it('reconnectNodeTest', () => {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
 
-        var pos1 = {x: 370, y:80};
-        var predict1 = manager.predict(5, 11, pos1, true);
-        expect(predict1.position.x).toEqual(pos1.x);
-        expect(predict1.position.y).toEqual(pos1.y);
+    // Prepare a sample graph ...
+    manager.addNode(1, TestSuite.NODE_SIZE, position);
+    manager.addNode(2, TestSuite.NODE_SIZE, position);
+    manager.addNode(3, TestSuite.NODE_SIZE, position);
+    manager.addNode(4, TestSuite.NODE_SIZE, position);
+    manager.addNode(5, TestSuite.NODE_SIZE, position);
+    manager.addNode(6, TestSuite.NODE_SIZE, position);
+    manager.addNode(7, TestSuite.NODE_SIZE, position);
+    manager.addNode(8, TestSuite.NODE_SIZE, position);
+    manager.addNode(9, TestSuite.NODE_SIZE, position);
+    manager.addNode(10, TestSuite.NODE_SIZE, position);
+    manager.addNode(11, TestSuite.NODE_SIZE, position);
 
-        var pos2 = {x: -200, y:80};
-        var predict2 = manager.predict(0, 2, pos2, true);
-        expect(predict2.position.x).toEqual(pos2.x);
-        expect(predict2.position.y).toEqual(pos2.y);
+    manager.connectNode(0, 1, 0);
+    manager.connectNode(0, 2, 1);
+    manager.connectNode(0, 3, 2);
+    manager.connectNode(3, 4, 0);
+    manager.connectNode(3, 5, 1);
+    manager.connectNode(3, 6, 2);
+    manager.connectNode(5, 7, 0);
+    manager.connectNode(5, 8, 1);
+    manager.connectNode(5, 11, 2);
+    manager.connectNode(2, 9, 0);
+    manager.connectNode(2, 10, 1);
+    manager.layout();
 
-        var pos3 = {x: 200, y:30};
-        var node5 = manager.find(5);
-        var predict3 = manager.predict(3, 5, pos3, true);
-        expect(predict3.position.x).toEqual(node5.getPosition().x);
-        expect(predict3.position.y).toEqual(pos3.y);
+    manager.disconnectNode(5);
+    manager.connectNode(2, 5, 2);
+    manager.layout();
 
-        var pos4 = {x: -100, y:45};
-        var node10 = manager.find(10);
-        var predict4 = manager.predict(2, 10, pos4, true);
-        expect(predict4.position.x).toEqual(node10.getPosition().x);
-        expect(predict4.position.y).toEqual(pos4.y);
-    });
+    expect(manager.find(5).getPosition().y).toBeGreaterThan(manager.find(10).getPosition().y);
+    expect(manager.find(5).getPosition().x).toEqual(manager.find(10).getPosition().x);
+    expect(manager.find(5).getOrder()).toEqual(2);
 
-    it("reconnectNodeTest", function () {
-        var position = {x:0,y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    manager.disconnectNode(5);
+    manager.connectNode(10, 5, 0);
+    manager.layout();
 
-        // Prepare a sample graph ...
-        manager.addNode(1, TestSuite.NODE_SIZE, position);
-        manager.addNode(2, TestSuite.NODE_SIZE, position);
-        manager.addNode(3, TestSuite.NODE_SIZE, position);
-        manager.addNode(4, TestSuite.NODE_SIZE, position);
-        manager.addNode(5, TestSuite.NODE_SIZE, position);
-        manager.addNode(6, TestSuite.NODE_SIZE, position);
-        manager.addNode(7, TestSuite.NODE_SIZE, position);
-        manager.addNode(8, TestSuite.NODE_SIZE, position);
-        manager.addNode(9, TestSuite.NODE_SIZE, position);
-        manager.addNode(10, TestSuite.NODE_SIZE, position);
-        manager.addNode(11, TestSuite.NODE_SIZE, position);
+    expect(manager.find(5).getPosition().y).toEqual(manager.find(10).getPosition().y);
+    expect(manager.find(5).getPosition().x).toBeLessThan(manager.find(10).getPosition().x);
+    expect(manager.find(5).getOrder()).toEqual(0);
 
-        manager.connectNode(0, 1, 0);
-        manager.connectNode(0, 2, 1);
-        manager.connectNode(0, 3, 2);
-        manager.connectNode(3, 4, 0);
-        manager.connectNode(3, 5, 1);
-        manager.connectNode(3, 6, 2);
-        manager.connectNode(5, 7, 0);
-        manager.connectNode(5, 8, 1);
-        manager.connectNode(5, 11, 2);
-        manager.connectNode(2, 9, 0);
-        manager.connectNode(2, 10, 1);
-        manager.layout();
-
-        manager.disconnectNode(5);
-        manager.connectNode(2,5,2);
-        manager.layout();
-
-        expect(manager.find(5).getPosition().y).toBeGreaterThan(manager.find(10).getPosition().y);
-        expect(manager.find(5).getPosition().x).toEqual(manager.find(10).getPosition().x);
-        expect(manager.find(5).getOrder()).toEqual(2);
-
-        manager.disconnectNode(5);
-        manager.connectNode(10,5,0);
-        manager.layout();
-
-        expect(manager.find(5).getPosition().y).toEqual(manager.find(10).getPosition().y);
-        expect(manager.find(5).getPosition().x).toBeLessThan(manager.find(10).getPosition().x);
-        expect(manager.find(5).getOrder()).toEqual(0);
-
-        manager.disconnectNode(5);
-        manager.connectNode(3,5,2);
-        manager.layout();
-
-        expect(manager.find(5).getPosition().y).toBeGreaterThan(manager.find(6).getPosition().y);
-        expect(manager.find(5).getPosition().x).toEqual(manager.find(6).getPosition().x);
-        expect(manager.find(5).getOrder()).toEqual(2);
-
-    });
+    manager.disconnectNode(5);
+    manager.connectNode(3, 5, 2);
+    manager.layout();
 
+    expect(manager.find(5).getPosition().y).toBeGreaterThan(manager.find(6).getPosition().y);
+    expect(manager.find(5).getPosition().x).toEqual(manager.find(6).getPosition().x);
+    expect(manager.find(5).getOrder()).toEqual(2);
+  });
 });
diff --git a/packages/mindplot/test/unit/SymmetricTestSuite.js b/packages/mindplot/test/unit/SymmetricTestSuite.js
index a6d73a14..ebf704de 100644
--- a/packages/mindplot/test/unit/SymmetricTestSuite.js
+++ b/packages/mindplot/test/unit/SymmetricTestSuite.js
@@ -1,81 +1,77 @@
+describe('Symmetric Test Suite', () => {
+  it('symmetricTest', () => {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
 
-describe("Symmetric Test Suite", function() {
+    manager.addNode(1, TestSuite.NODE_SIZE, position);
+    manager.addNode(2, TestSuite.NODE_SIZE, position);
+    manager.addNode(3, TestSuite.NODE_SIZE, position);
+    manager.addNode(4, TestSuite.NODE_SIZE, position);
+    manager.addNode(5, TestSuite.NODE_SIZE, position);
+    manager.addNode(6, TestSuite.NODE_SIZE, position);
+    manager.addNode(7, TestSuite.NODE_SIZE, position);
+    manager.addNode(8, TestSuite.NODE_SIZE, position);
+    manager.addNode(9, TestSuite.NODE_SIZE, position);
+    manager.addNode(10, TestSuite.NODE_SIZE, position);
+    manager.addNode(11, TestSuite.NODE_SIZE, position);
+    manager.addNode(12, TestSuite.NODE_SIZE, position);
+    manager.addNode(13, TestSuite.NODE_SIZE, position);
+    manager.addNode(14, TestSuite.NODE_SIZE, position);
+    manager.connectNode(0, 14, 0);
+    manager.connectNode(14, 13, 0);
+    manager.connectNode(13, 1, 0);
+    manager.connectNode(13, 2, 1);
+    manager.connectNode(13, 3, 2);
+    manager.connectNode(13, 4, 3);
+    manager.connectNode(13, 5, 4);
+    manager.connectNode(1, 6, 0);
+    manager.connectNode(1, 7, 1);
+    manager.connectNode(7, 8, 0);
+    manager.connectNode(8, 9, 0);
+    manager.connectNode(5, 10, 0);
+    manager.connectNode(6, 11, 0);
+    manager.connectNode(6, 12, 1);
 
-    it("symmetricTest", function() {
-        var position = {x:0,y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    manager.layout();
 
-        manager.addNode(1, TestSuite.NODE_SIZE, position);
-        manager.addNode(2, TestSuite.NODE_SIZE, position);
-        manager.addNode(3, TestSuite.NODE_SIZE, position);
-        manager.addNode(4, TestSuite.NODE_SIZE, position);
-        manager.addNode(5, TestSuite.NODE_SIZE, position);
-        manager.addNode(6, TestSuite.NODE_SIZE, position);
-        manager.addNode(7, TestSuite.NODE_SIZE, position);
-        manager.addNode(8, TestSuite.NODE_SIZE, position);
-        manager.addNode(9, TestSuite.NODE_SIZE, position);
-        manager.addNode(10, TestSuite.NODE_SIZE, position);
-        manager.addNode(11, TestSuite.NODE_SIZE, position);
-        manager.addNode(12, TestSuite.NODE_SIZE, position);
-        manager.addNode(13, TestSuite.NODE_SIZE, position);
-        manager.addNode(14, TestSuite.NODE_SIZE, position);
-        manager.connectNode(0, 14, 0);
-        manager.connectNode(14, 13, 0);
-        manager.connectNode(13, 1, 0);
-        manager.connectNode(13, 2, 1);
-        manager.connectNode(13, 3, 2);
-        manager.connectNode(13, 4, 3);
-        manager.connectNode(13, 5, 4);
-        manager.connectNode(1, 6, 0);
-        manager.connectNode(1, 7, 1);
-        manager.connectNode(7, 8, 0);
-        manager.connectNode(8, 9, 0);
-        manager.connectNode(5, 10, 0);
-        manager.connectNode(6, 11, 0);
-        manager.connectNode(6, 12, 1);
+    // All nodes should be positioned symmetrically with respect to their common ancestors
+    expect(manager.find(14).getPosition().y).toEqual(manager.find(13).getPosition().y);
+    expect(manager.find(5).getPosition().y).toEqual(manager.find(10).getPosition().y);
+    expect(manager.find(11).getPosition().y - manager.find(6).getPosition().y).toEqual(-(manager.find(12).getPosition().y - manager.find(6).getPosition().y));
+    expect(manager.find(8).getPosition().y - manager.find(1).getPosition().y).toEqual(-(manager.find(11).getPosition().y - manager.find(1).getPosition().y));
+    expect(manager.find(9).getPosition().y - manager.find(1).getPosition().y).toEqual(-(manager.find(11).getPosition().y - manager.find(1).getPosition().y));
+  });
 
-        manager.layout();
+  it('symmetricDragPredictTest', () => {
+    const position = { x: 0, y: 0 };
+    const manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
+    manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 1);
+    manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(1, 2, 0);
+    manager.layout();
 
-        // All nodes should be positioned symmetrically with respect to their common ancestors
-        expect(manager.find(14).getPosition().y).toEqual(manager.find(13).getPosition().y);
-        expect(manager.find(5).getPosition().y).toEqual(manager.find(10).getPosition().y);
-        expect(manager.find(11).getPosition().y - manager.find(6).getPosition().y).toEqual(-(manager.find(12).getPosition().y - manager.find(6).getPosition().y));
-        expect(manager.find(8).getPosition().y - manager.find(1).getPosition().y).toEqual(-(manager.find(11).getPosition().y - manager.find(1).getPosition().y));
-        expect(manager.find(9).getPosition().y - manager.find(1).getPosition().y).toEqual(-(manager.find(11).getPosition().y - manager.find(1).getPosition().y));
+    const prediction1a = manager.predict(1, 2, { x: -250, y: -20 });
+    expect(prediction1a.position.x).toEqual(manager.find(2).getPosition().x);
+    expect(prediction1a.position.y).toEqual(manager.find(2).getPosition().y);
+    expect(prediction1a.order).toEqual(manager.find(2).getOrder());
 
-    });
+    const prediction1b = manager.predict(1, 2, { x: -250, y: 20 });
+    expect(prediction1b.position.x).toEqual(manager.find(2).getPosition().x);
+    expect(prediction1b.position.y).toEqual(manager.find(2).getPosition().y);
+    expect(prediction1b.order).toEqual(manager.find(2).getOrder());
 
-    it("symmetricDragPredictTest", function() {
-        var position = {x:0,y:0};
-        var manager = new mindplot.layout.LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
-        manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 1);
-        manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(1, 2, 0);
-        manager.layout();
+    const prediction1c = manager.predict(0, 2, { x: -100, y: -20 });
+    expect(prediction1c.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction1c.position.y).toBeLessThan(manager.find(1).getPosition().y);
+    expect(prediction1c.order).toEqual(manager.find(1).getOrder());
 
-        var prediction1a = manager.predict(1, 2, {x:-250, y:-20});
-        expect(prediction1a.position.x).toEqual(manager.find(2).getPosition().x);
-        expect(prediction1a.position.y).toEqual(manager.find(2).getPosition().y);
-        expect(prediction1a.order).toEqual(manager.find(2).getOrder());
-
-        var prediction1b = manager.predict(1, 2, {x:-250, y:20});
-        expect(prediction1b.position.x).toEqual(manager.find(2).getPosition().x);
-        expect(prediction1b.position.y).toEqual(manager.find(2).getPosition().y);
-        expect(prediction1b.order).toEqual(manager.find(2).getOrder());
-
-        var prediction1c = manager.predict(0, 2, {x:-100, y:-20});
-        expect(prediction1c.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction1c.position.y).toBeLessThan(manager.find(1).getPosition().y);
-        expect(prediction1c.order).toEqual(manager.find(1).getOrder());
-
-        var prediction1d = manager.predict(0, 2, {x:-100, y:20});
-        expect(prediction1d.position.x).toEqual(manager.find(1).getPosition().x);
-        expect(prediction1d.position.y).toBeGreaterThan(manager.find(1).getPosition().y);
-        expect(prediction1d.order).toEqual(3);
-
-        var prediction1e = manager.predict(1, 2, {x:-250, y:0});
-        expect(prediction1e.position.x).toEqual(manager.find(2).getPosition().x);
-        expect(prediction1e.position.y).toEqual(manager.find(2).getPosition().y);
-        expect(prediction1e.order).toEqual(manager.find(2).getOrder());
-    });
+    const prediction1d = manager.predict(0, 2, { x: -100, y: 20 });
+    expect(prediction1d.position.x).toEqual(manager.find(1).getPosition().x);
+    expect(prediction1d.position.y).toBeGreaterThan(manager.find(1).getPosition().y);
+    expect(prediction1d.order).toEqual(3);
 
+    const prediction1e = manager.predict(1, 2, { x: -250, y: 0 });
+    expect(prediction1e.position.x).toEqual(manager.find(2).getPosition().x);
+    expect(prediction1e.position.y).toEqual(manager.find(2).getPosition().y);
+    expect(prediction1e.order).toEqual(manager.find(2).getOrder());
+  });
 });
diff --git a/packages/mindplot/test/unit/TestSuite.js b/packages/mindplot/test/unit/TestSuite.js
index 2698c378..07a48bbf 100644
--- a/packages/mindplot/test/unit/TestSuite.js
+++ b/packages/mindplot/test/unit/TestSuite.js
@@ -2,5 +2,5 @@ TestSuite = new Class({
 
 });
 
-TestSuite.NODE_SIZE = {width: 80, height: 30};
-TestSuite.ROOT_NODE_SIZE = {width: 120, height: 40};
+TestSuite.NODE_SIZE = { width: 80, height: 30 };
+TestSuite.ROOT_NODE_SIZE = { width: 120, height: 40 };
diff --git a/packages/mindplot/test/unit/lib/jquery-1.8.2.js b/packages/mindplot/test/unit/lib/jquery-1.8.2.js
index 12c7797f..1932c226 100644
--- a/packages/mindplot/test/unit/lib/jquery-1.8.2.js
+++ b/packages/mindplot/test/unit/lib/jquery-1.8.2.js
@@ -11,912 +11,899 @@
  *
  * Date: Thu Sep 20 2012 21:13:05 GMT-0400 (Eastern Daylight Time)
  */
-(function( window, undefined ) {
-var
-	// A central reference to the root jQuery(document)
-	rootjQuery,
-
-	// The deferred used on DOM ready
-	readyList,
-
-	// Use the correct document accordingly with window argument (sandbox)
-	document = window.document,
-	location = window.location,
-	navigator = window.navigator,
-
-	// Map over jQuery in case of overwrite
-	_jQuery = window.jQuery,
-
-	// Map over the $ in case of overwrite
-	_$ = window.$,
-
-	// Save a reference to some core methods
-	core_push = Array.prototype.push,
-	core_slice = Array.prototype.slice,
-	core_indexOf = Array.prototype.indexOf,
-	core_toString = Object.prototype.toString,
-	core_hasOwn = Object.prototype.hasOwnProperty,
-	core_trim = String.prototype.trim,
-
-	// Define a local copy of jQuery
-	jQuery = function( selector, context ) {
-		// The jQuery object is actually just the init constructor 'enhanced'
-		return new jQuery.fn.init( selector, context, rootjQuery );
-	},
-
-	// Used for matching numbers
-	core_pnum = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source,
-
-	// Used for detecting and trimming whitespace
-	core_rnotwhite = /\S/,
-	core_rspace = /\s+/,
-
-	// Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE)
-	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
-
-	// A simple way to check for HTML strings
-	// Prioritize #id over  to avoid XSS via location.hash (#9521)
-	rquickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,
-
-	// Match a standalone tag
-	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
-
-	// JSON RegExp
-	rvalidchars = /^[\],:{}\s]*$/,
-	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
-	rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
-	rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g,
-
-	// Matches dashed string for camelizing
-	rmsPrefix = /^-ms-/,
-	rdashAlpha = /-([\da-z])/gi,
-
-	// Used by jQuery.camelCase as callback to replace()
-	fcamelCase = function( all, letter ) {
-		return ( letter + "" ).toUpperCase();
-	},
-
-	// The ready event handler and self cleanup method
-	DOMContentLoaded = function() {
-		if ( document.addEventListener ) {
-			document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
-			jQuery.ready();
-		} else if ( document.readyState === "complete" ) {
-			// we're here because readyState === "complete" in oldIE
-			// which is good enough for us to call the dom ready!
-			document.detachEvent( "onreadystatechange", DOMContentLoaded );
-			jQuery.ready();
-		}
-	},
-
-	// [[Class]] -> type pairs
-	class2type = {};
-
-jQuery.fn = jQuery.prototype = {
-	constructor: jQuery,
-	init: function( selector, context, rootjQuery ) {
-		var match, elem, ret, doc;
-
-		// Handle $(""), $(null), $(undefined), $(false)
-		if ( !selector ) {
-			return this;
-		}
-
-		// Handle $(DOMElement)
-		if ( selector.nodeType ) {
-			this.context = this[0] = selector;
-			this.length = 1;
-			return this;
-		}
-
-		// Handle HTML strings
-		if ( typeof selector === "string" ) {
-			if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
-				// Assume that strings that start and end with <> are HTML and skip the regex check
-				match = [ null, selector, null ];
-
-			} else {
-				match = rquickExpr.exec( selector );
-			}
-
-			// Match html or make sure no context is specified for #id
-			if ( match && (match[1] || !context) ) {
-
-				// HANDLE: $(html) -> $(array)
-				if ( match[1] ) {
-					context = context instanceof jQuery ? context[0] : context;
-					doc = ( context && context.nodeType ? context.ownerDocument || context : document );
-
-					// scripts is true for back-compat
-					selector = jQuery.parseHTML( match[1], doc, true );
-					if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
-						this.attr.call( selector, context, true );
-					}
-
-					return jQuery.merge( this, selector );
-
-				// HANDLE: $(#id)
-				} else {
-					elem = document.getElementById( match[2] );
-
-					// Check parentNode to catch when Blackberry 4.6 returns
-					// nodes that are no longer in the document #6963
-					if ( elem && elem.parentNode ) {
-						// Handle the case where IE and Opera return items
-						// by name instead of ID
-						if ( elem.id !== match[2] ) {
-							return rootjQuery.find( selector );
-						}
-
-						// Otherwise, we inject the element directly into the jQuery object
-						this.length = 1;
-						this[0] = elem;
-					}
-
-					this.context = document;
-					this.selector = selector;
-					return this;
-				}
-
-			// HANDLE: $(expr, $(...))
-			} else if ( !context || context.jquery ) {
-				return ( context || rootjQuery ).find( selector );
-
-			// HANDLE: $(expr, context)
-			// (which is just equivalent to: $(context).find(expr)
-			} else {
-				return this.constructor( context ).find( selector );
-			}
-
-		// HANDLE: $(function)
-		// Shortcut for document ready
-		} else if ( jQuery.isFunction( selector ) ) {
-			return rootjQuery.ready( selector );
-		}
-
-		if ( selector.selector !== undefined ) {
-			this.selector = selector.selector;
-			this.context = selector.context;
-		}
-
-		return jQuery.makeArray( selector, this );
-	},
-
-	// Start with an empty selector
-	selector: "",
-
-	// The current version of jQuery being used
-	jquery: "1.8.2",
-
-	// The default length of a jQuery object is 0
-	length: 0,
-
-	// The number of elements contained in the matched element set
-	size: function() {
-		return this.length;
-	},
-
-	toArray: function() {
-		return core_slice.call( this );
-	},
-
-	// Get the Nth element in the matched element set OR
-	// Get the whole matched element set as a clean array
-	get: function( num ) {
-		return num == null ?
-
-			// Return a 'clean' array
-			this.toArray() :
-
-			// Return just the object
-			( num < 0 ? this[ this.length + num ] : this[ num ] );
-	},
-
-	// Take an array of elements and push it onto the stack
-	// (returning the new matched element set)
-	pushStack: function( elems, name, selector ) {
-
-		// Build a new jQuery matched element set
-		var ret = jQuery.merge( this.constructor(), elems );
-
-		// Add the old object onto the stack (as a reference)
-		ret.prevObject = this;
-
-		ret.context = this.context;
-
-		if ( name === "find" ) {
-			ret.selector = this.selector + ( this.selector ? " " : "" ) + selector;
-		} else if ( name ) {
-			ret.selector = this.selector + "." + name + "(" + selector + ")";
-		}
-
-		// Return the newly-formed element set
-		return ret;
-	},
-
-	// Execute a callback for every element in the matched set.
-	// (You can seed the arguments with an array of args, but this is
-	// only used internally.)
-	each: function( callback, args ) {
-		return jQuery.each( this, callback, args );
-	},
-
-	ready: function( fn ) {
-		// Add the callback
-		jQuery.ready.promise().done( fn );
-
-		return this;
-	},
-
-	eq: function( i ) {
-		i = +i;
-		return i === -1 ?
-			this.slice( i ) :
-			this.slice( i, i + 1 );
-	},
-
-	first: function() {
-		return this.eq( 0 );
-	},
-
-	last: function() {
-		return this.eq( -1 );
-	},
-
-	slice: function() {
-		return this.pushStack( core_slice.apply( this, arguments ),
-			"slice", core_slice.call(arguments).join(",") );
-	},
-
-	map: function( callback ) {
-		return this.pushStack( jQuery.map(this, function( elem, i ) {
-			return callback.call( elem, i, elem );
-		}));
-	},
-
-	end: function() {
-		return this.prevObject || this.constructor(null);
-	},
-
-	// For internal use only.
-	// Behaves like an Array's method, not like a jQuery method.
-	push: core_push,
-	sort: [].sort,
-	splice: [].splice
-};
-
-// Give the init function the jQuery prototype for later instantiation
-jQuery.fn.init.prototype = jQuery.fn;
-
-jQuery.extend = jQuery.fn.extend = function() {
-	var options, name, src, copy, copyIsArray, clone,
-		target = arguments[0] || {},
-		i = 1,
-		length = arguments.length,
-		deep = false;
-
-	// Handle a deep copy situation
-	if ( typeof target === "boolean" ) {
-		deep = target;
-		target = arguments[1] || {};
-		// skip the boolean and the target
-		i = 2;
-	}
-
-	// Handle case when target is a string or something (possible in deep copy)
-	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
-		target = {};
-	}
-
-	// extend jQuery itself if only one argument is passed
-	if ( length === i ) {
-		target = this;
-		--i;
-	}
-
-	for ( ; i < length; i++ ) {
-		// Only deal with non-null/undefined values
-		if ( (options = arguments[ i ]) != null ) {
-			// Extend the base object
-			for ( name in options ) {
-				src = target[ name ];
-				copy = options[ name ];
-
-				// Prevent never-ending loop
-				if ( target === copy ) {
-					continue;
-				}
-
-				// Recurse if we're merging plain objects or arrays
-				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
-					if ( copyIsArray ) {
-						copyIsArray = false;
-						clone = src && jQuery.isArray(src) ? src : [];
-
-					} else {
-						clone = src && jQuery.isPlainObject(src) ? src : {};
-					}
-
-					// Never move original objects, clone them
-					target[ name ] = jQuery.extend( deep, clone, copy );
-
-				// Don't bring in undefined values
-				} else if ( copy !== undefined ) {
-					target[ name ] = copy;
-				}
-			}
-		}
-	}
-
-	// Return the modified object
-	return target;
-};
-
-jQuery.extend({
-	noConflict: function( deep ) {
-		if ( window.$ === jQuery ) {
-			window.$ = _$;
-		}
-
-		if ( deep && window.jQuery === jQuery ) {
-			window.jQuery = _jQuery;
-		}
-
-		return jQuery;
-	},
-
-	// Is the DOM ready to be used? Set to true once it occurs.
-	isReady: false,
-
-	// A counter to track how many items to wait for before
-	// the ready event fires. See #6781
-	readyWait: 1,
-
-	// Hold (or release) the ready event
-	holdReady: function( hold ) {
-		if ( hold ) {
-			jQuery.readyWait++;
-		} else {
-			jQuery.ready( true );
-		}
-	},
-
-	// Handle when the DOM is ready
-	ready: function( wait ) {
-
-		// Abort if there are pending holds or we're already ready
-		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
-			return;
-		}
-
-		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
-		if ( !document.body ) {
-			return setTimeout( jQuery.ready, 1 );
-		}
-
-		// Remember that the DOM is ready
-		jQuery.isReady = true;
-
-		// If a normal DOM Ready event fired, decrement, and wait if need be
-		if ( wait !== true && --jQuery.readyWait > 0 ) {
-			return;
-		}
-
-		// If there are functions bound, to execute
-		readyList.resolveWith( document, [ jQuery ] );
-
-		// Trigger any bound ready events
-		if ( jQuery.fn.trigger ) {
-			jQuery( document ).trigger("ready").off("ready");
-		}
-	},
-
-	// See test/unit/core.js for details concerning isFunction.
-	// Since version 1.3, DOM methods and functions like alert
-	// aren't supported. They return false on IE (#2968).
-	isFunction: function( obj ) {
-		return jQuery.type(obj) === "function";
-	},
-
-	isArray: Array.isArray || function( obj ) {
-		return jQuery.type(obj) === "array";
-	},
-
-	isWindow: function( obj ) {
-		return obj != null && obj == obj.window;
-	},
-
-	isNumeric: function( obj ) {
-		return !isNaN( parseFloat(obj) ) && isFinite( obj );
-	},
-
-	type: function( obj ) {
-		return obj == null ?
-			String( obj ) :
-			class2type[ core_toString.call(obj) ] || "object";
-	},
-
-	isPlainObject: function( obj ) {
-		// Must be an Object.
-		// Because of IE, we also have to check the presence of the constructor property.
-		// Make sure that DOM nodes and window objects don't pass through, as well
-		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
-			return false;
-		}
-
-		try {
-			// Not own constructor property must be Object
-			if ( obj.constructor &&
-				!core_hasOwn.call(obj, "constructor") &&
-				!core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
-				return false;
-			}
-		} catch ( e ) {
-			// IE8,9 Will throw exceptions on certain host objects #9897
-			return false;
-		}
-
-		// Own properties are enumerated firstly, so to speed up,
-		// if last one is own, then all properties are own.
-
-		var key;
-		for ( key in obj ) {}
-
-		return key === undefined || core_hasOwn.call( obj, key );
-	},
-
-	isEmptyObject: function( obj ) {
-		var name;
-		for ( name in obj ) {
-			return false;
-		}
-		return true;
-	},
-
-	error: function( msg ) {
-		throw new Error( msg );
-	},
-
-	// data: string of html
-	// context (optional): If specified, the fragment will be created in this context, defaults to document
-	// scripts (optional): If true, will include scripts passed in the html string
-	parseHTML: function( data, context, scripts ) {
-		var parsed;
-		if ( !data || typeof data !== "string" ) {
-			return null;
-		}
-		if ( typeof context === "boolean" ) {
-			scripts = context;
-			context = 0;
-		}
-		context = context || document;
-
-		// Single tag
-		if ( (parsed = rsingleTag.exec( data )) ) {
-			return [ context.createElement( parsed[1] ) ];
-		}
-
-		parsed = jQuery.buildFragment( [ data ], context, scripts ? null : [] );
-		return jQuery.merge( [],
-			(parsed.cacheable ? jQuery.clone( parsed.fragment ) : parsed.fragment).childNodes );
-	},
-
-	parseJSON: function( data ) {
-		if ( !data || typeof data !== "string") {
-			return null;
-		}
-
-		// Make sure leading/trailing whitespace is removed (IE can't handle it)
-		data = jQuery.trim( data );
-
-		// Attempt to parse using the native JSON parser first
-		if ( window.JSON && window.JSON.parse ) {
-			return window.JSON.parse( data );
-		}
-
-		// Make sure the incoming data is actual JSON
-		// Logic borrowed from http://json.org/json2.js
-		if ( rvalidchars.test( data.replace( rvalidescape, "@" )
-			.replace( rvalidtokens, "]" )
-			.replace( rvalidbraces, "")) ) {
-
-			return ( new Function( "return " + data ) )();
-
-		}
-		jQuery.error( "Invalid JSON: " + data );
-	},
-
-	// Cross-browser xml parsing
-	parseXML: function( data ) {
-		var xml, tmp;
-		if ( !data || typeof data !== "string" ) {
-			return null;
-		}
-		try {
-			if ( window.DOMParser ) { // Standard
-				tmp = new DOMParser();
-				xml = tmp.parseFromString( data , "text/xml" );
-			} else { // IE
-				xml = new ActiveXObject( "Microsoft.XMLDOM" );
-				xml.async = "false";
-				xml.loadXML( data );
-			}
-		} catch( e ) {
-			xml = undefined;
-		}
-		if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
-			jQuery.error( "Invalid XML: " + data );
-		}
-		return xml;
-	},
-
-	noop: function() {},
-
-	// Evaluates a script in a global context
-	// Workarounds based on findings by Jim Driscoll
-	// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
-	globalEval: function( data ) {
-		if ( data && core_rnotwhite.test( data ) ) {
-			// We use execScript on Internet Explorer
-			// We use an anonymous function so that context is window
-			// rather than jQuery in Firefox
-			( window.execScript || function( data ) {
-				window[ "eval" ].call( window, data );
-			} )( data );
-		}
-	},
-
-	// Convert dashed to camelCase; used by the css and data modules
-	// Microsoft forgot to hump their vendor prefix (#9572)
-	camelCase: function( string ) {
-		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
-	},
-
-	nodeName: function( elem, name ) {
-		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
-	},
-
-	// args is for internal usage only
-	each: function( obj, callback, args ) {
-		var name,
-			i = 0,
-			length = obj.length,
-			isObj = length === undefined || jQuery.isFunction( obj );
-
-		if ( args ) {
-			if ( isObj ) {
-				for ( name in obj ) {
-					if ( callback.apply( obj[ name ], args ) === false ) {
-						break;
-					}
-				}
-			} else {
-				for ( ; i < length; ) {
-					if ( callback.apply( obj[ i++ ], args ) === false ) {
-						break;
-					}
-				}
-			}
-
-		// A special, fast, case for the most common use of each
-		} else {
-			if ( isObj ) {
-				for ( name in obj ) {
-					if ( callback.call( obj[ name ], name, obj[ name ] ) === false ) {
-						break;
-					}
-				}
-			} else {
-				for ( ; i < length; ) {
-					if ( callback.call( obj[ i ], i, obj[ i++ ] ) === false ) {
-						break;
-					}
-				}
-			}
-		}
-
-		return obj;
-	},
-
-	// Use native String.trim function wherever possible
-	trim: core_trim && !core_trim.call("\uFEFF\xA0") ?
-		function( text ) {
-			return text == null ?
-				"" :
-				core_trim.call( text );
-		} :
-
-		// Otherwise use our own trimming functionality
-		function( text ) {
-			return text == null ?
-				"" :
-				( text + "" ).replace( rtrim, "" );
-		},
-
-	// results is for internal usage only
-	makeArray: function( arr, results ) {
-		var type,
-			ret = results || [];
-
-		if ( arr != null ) {
-			// The window, strings (and functions) also have 'length'
-			// Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
-			type = jQuery.type( arr );
-
-			if ( arr.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( arr ) ) {
-				core_push.call( ret, arr );
-			} else {
-				jQuery.merge( ret, arr );
-			}
-		}
-
-		return ret;
-	},
-
-	inArray: function( elem, arr, i ) {
-		var len;
-
-		if ( arr ) {
-			if ( core_indexOf ) {
-				return core_indexOf.call( arr, elem, i );
-			}
-
-			len = arr.length;
-			i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
-
-			for ( ; i < len; i++ ) {
-				// Skip accessing in sparse arrays
-				if ( i in arr && arr[ i ] === elem ) {
-					return i;
-				}
-			}
-		}
-
-		return -1;
-	},
-
-	merge: function( first, second ) {
-		var l = second.length,
-			i = first.length,
-			j = 0;
-
-		if ( typeof l === "number" ) {
-			for ( ; j < l; j++ ) {
-				first[ i++ ] = second[ j ];
-			}
-
-		} else {
-			while ( second[j] !== undefined ) {
-				first[ i++ ] = second[ j++ ];
-			}
-		}
-
-		first.length = i;
-
-		return first;
-	},
-
-	grep: function( elems, callback, inv ) {
-		var retVal,
-			ret = [],
-			i = 0,
-			length = elems.length;
-		inv = !!inv;
-
-		// Go through the array, only saving the items
-		// that pass the validator function
-		for ( ; i < length; i++ ) {
-			retVal = !!callback( elems[ i ], i );
-			if ( inv !== retVal ) {
-				ret.push( elems[ i ] );
-			}
-		}
-
-		return ret;
-	},
-
-	// arg is for internal usage only
-	map: function( elems, callback, arg ) {
-		var value, key,
-			ret = [],
-			i = 0,
-			length = elems.length,
-			// jquery objects are treated as arrays
-			isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ;
-
-		// Go through the array, translating each of the items to their
-		if ( isArray ) {
-			for ( ; i < length; i++ ) {
-				value = callback( elems[ i ], i, arg );
-
-				if ( value != null ) {
-					ret[ ret.length ] = value;
-				}
-			}
-
-		// Go through every key on the object,
-		} else {
-			for ( key in elems ) {
-				value = callback( elems[ key ], key, arg );
-
-				if ( value != null ) {
-					ret[ ret.length ] = value;
-				}
-			}
-		}
-
-		// Flatten any nested arrays
-		return ret.concat.apply( [], ret );
-	},
-
-	// A global GUID counter for objects
-	guid: 1,
-
-	// Bind a function to a context, optionally partially applying any
-	// arguments.
-	proxy: function( fn, context ) {
-		var tmp, args, proxy;
-
-		if ( typeof context === "string" ) {
-			tmp = fn[ context ];
-			context = fn;
-			fn = tmp;
-		}
-
-		// Quick check to determine if target is callable, in the spec
-		// this throws a TypeError, but we will just return undefined.
-		if ( !jQuery.isFunction( fn ) ) {
-			return undefined;
-		}
-
-		// Simulated bind
-		args = core_slice.call( arguments, 2 );
-		proxy = function() {
-			return fn.apply( context, args.concat( core_slice.call( arguments ) ) );
-		};
-
-		// Set the guid of unique handler to the same of original handler, so it can be removed
-		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
-
-		return proxy;
-	},
-
-	// Multifunctional method to get and set values of a collection
-	// The value/s can optionally be executed if it's a function
-	access: function( elems, fn, key, value, chainable, emptyGet, pass ) {
-		var exec,
-			bulk = key == null,
-			i = 0,
-			length = elems.length;
-
-		// Sets many values
-		if ( key && typeof key === "object" ) {
-			for ( i in key ) {
-				jQuery.access( elems, fn, i, key[i], 1, emptyGet, value );
-			}
-			chainable = 1;
-
-		// Sets one value
-		} else if ( value !== undefined ) {
-			// Optionally, function values get executed if exec is true
-			exec = pass === undefined && jQuery.isFunction( value );
-
-			if ( bulk ) {
-				// Bulk operations only iterate when executing function values
-				if ( exec ) {
-					exec = fn;
-					fn = function( elem, key, value ) {
-						return exec.call( jQuery( elem ), value );
-					};
-
-				// Otherwise they run against the entire set
-				} else {
-					fn.call( elems, value );
-					fn = null;
-				}
-			}
-
-			if ( fn ) {
-				for (; i < length; i++ ) {
-					fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
-				}
-			}
-
-			chainable = 1;
-		}
-
-		return chainable ?
-			elems :
-
-			// Gets
-			bulk ?
-				fn.call( elems ) :
-				length ? fn( elems[0], key ) : emptyGet;
-	},
-
-	now: function() {
-		return ( new Date() ).getTime();
-	}
-});
-
-jQuery.ready.promise = function( obj ) {
-	if ( !readyList ) {
-
-		readyList = jQuery.Deferred();
-
-		// Catch cases where $(document).ready() is called after the browser event has already occurred.
-		// we once tried to use readyState "interactive" here, but it caused issues like the one
-		// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
-		if ( document.readyState === "complete" ) {
-			// Handle it asynchronously to allow scripts the opportunity to delay ready
-			setTimeout( jQuery.ready, 1 );
-
-		// Standards-based browsers support DOMContentLoaded
-		} else if ( document.addEventListener ) {
-			// Use the handy event callback
-			document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
-
-			// A fallback to window.onload, that will always work
-			window.addEventListener( "load", jQuery.ready, false );
-
-		// If IE event model is used
-		} else {
-			// Ensure firing before onload, maybe late but safe also for iframes
-			document.attachEvent( "onreadystatechange", DOMContentLoaded );
-
-			// A fallback to window.onload, that will always work
-			window.attachEvent( "onload", jQuery.ready );
-
-			// If IE and not a frame
-			// continually check to see if the document is ready
-			var top = false;
-
-			try {
-				top = window.frameElement == null && document.documentElement;
-			} catch(e) {}
-
-			if ( top && top.doScroll ) {
-				(function doScrollCheck() {
-					if ( !jQuery.isReady ) {
-
-						try {
-							// Use the trick by Diego Perini
-							// http://javascript.nwbox.com/IEContentLoaded/
-							top.doScroll("left");
-						} catch(e) {
-							return setTimeout( doScrollCheck, 50 );
-						}
-
-						// and execute any waiting functions
-						jQuery.ready();
-					}
-				})();
-			}
-		}
-	}
-	return readyList.promise( obj );
-};
-
-// Populate the class2type map
-jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
-	class2type[ "[object " + name + "]" ] = name.toLowerCase();
-});
-
-// All jQuery objects should point back to these
-rootjQuery = jQuery(document);
-// String to Object options format cache
-var optionsCache = {};
-
-// Convert String-formatted options into Object-formatted ones and store in cache
-function createOptions( options ) {
-	var object = optionsCache[ options ] = {};
-	jQuery.each( options.split( core_rspace ), function( _, flag ) {
-		object[ flag ] = true;
-	});
-	return object;
-}
-
-/*
+(function (window, undefined) {
+  let
+    // A central reference to the root jQuery(document)
+    rootjQuery;
+
+  // The deferred used on DOM ready
+  let readyList;
+
+  // Use the correct document accordingly with window argument (sandbox)
+  const { document } = window;
+  const { location } = window;
+  const { navigator } = window;
+
+  // Map over jQuery in case of overwrite
+  const _jQuery = window.jQuery;
+
+  // Map over the $ in case of overwrite
+  const _$ = window.$;
+
+  // Save a reference to some core methods
+  const core_push = Array.prototype.push;
+  const core_slice = Array.prototype.slice;
+  const core_indexOf = Array.prototype.indexOf;
+  const core_toString = Object.prototype.toString;
+  const core_hasOwn = Object.prototype.hasOwnProperty;
+  const core_trim = String.prototype.trim;
+
+  // Define a local copy of jQuery
+  var jQuery = function (selector, context) {
+    // The jQuery object is actually just the init constructor 'enhanced'
+    return new jQuery.fn.init(selector, context, rootjQuery);
+  };
+
+  // Used for matching numbers
+  const core_pnum = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
+
+  // Used for detecting and trimming whitespace
+  const core_rnotwhite = /\S/;
+  const core_rspace = /\s+/;
+
+  // Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE)
+  const rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+
+  // A simple way to check for HTML strings
+  // Prioritize #id over  to avoid XSS via location.hash (#9521)
+  const rquickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/;
+
+  // Match a standalone tag
+  const rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/;
+
+  // JSON RegExp
+  const rvalidchars = /^[\],:{}\s]*$/;
+  const rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g;
+  const rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g;
+  const rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g;
+
+  // Matches dashed string for camelizing
+  const rmsPrefix = /^-ms-/;
+  const rdashAlpha = /-([\da-z])/gi;
+
+  // Used by jQuery.camelCase as callback to replace()
+  const fcamelCase = function (all, letter) {
+    return (`${letter}`).toUpperCase();
+  };
+
+  // The ready event handler and self cleanup method
+  var DOMContentLoaded = function () {
+    if (document.addEventListener) {
+      document.removeEventListener('DOMContentLoaded', DOMContentLoaded, false);
+      jQuery.ready();
+    } else if (document.readyState === 'complete') {
+      // we're here because readyState === "complete" in oldIE
+      // which is good enough for us to call the dom ready!
+      document.detachEvent('onreadystatechange', DOMContentLoaded);
+      jQuery.ready();
+    }
+  };
+
+  // [[Class]] -> type pairs
+  const class2type = {};
+
+  jQuery.fn = jQuery.prototype = {
+    constructor: jQuery,
+    init(selector, context, rootjQuery) {
+      let match; let elem; let ret; let
+        doc;
+
+      // Handle $(""), $(null), $(undefined), $(false)
+      if (!selector) {
+        return this;
+      }
+
+      // Handle $(DOMElement)
+      if (selector.nodeType) {
+        this.context = this[0] = selector;
+        this.length = 1;
+        return this;
+      }
+
+      // Handle HTML strings
+      if (typeof selector === 'string') {
+        if (selector.charAt(0) === '<' && selector.charAt(selector.length - 1) === '>' && selector.length >= 3) {
+          // Assume that strings that start and end with <> are HTML and skip the regex check
+          match = [null, selector, null];
+        } else {
+          match = rquickExpr.exec(selector);
+        }
+
+        // Match html or make sure no context is specified for #id
+        if (match && (match[1] || !context)) {
+          // HANDLE: $(html) -> $(array)
+          if (match[1]) {
+            context = context instanceof jQuery ? context[0] : context;
+            doc = (context && context.nodeType ? context.ownerDocument || context : document);
+
+            // scripts is true for back-compat
+            selector = jQuery.parseHTML(match[1], doc, true);
+            if (rsingleTag.test(match[1]) && jQuery.isPlainObject(context)) {
+              this.attr.call(selector, context, true);
+            }
+
+            return jQuery.merge(this, selector);
+
+            // HANDLE: $(#id)
+          }
+          elem = document.getElementById(match[2]);
+
+          // Check parentNode to catch when Blackberry 4.6 returns
+          // nodes that are no longer in the document #6963
+          if (elem && elem.parentNode) {
+            // Handle the case where IE and Opera return items
+            // by name instead of ID
+            if (elem.id !== match[2]) {
+              return rootjQuery.find(selector);
+            }
+
+            // Otherwise, we inject the element directly into the jQuery object
+            this.length = 1;
+            this[0] = elem;
+          }
+
+          this.context = document;
+          this.selector = selector;
+          return this;
+
+          // HANDLE: $(expr, $(...))
+        } if (!context || context.jquery) {
+          return (context || rootjQuery).find(selector);
+
+          // HANDLE: $(expr, context)
+          // (which is just equivalent to: $(context).find(expr)
+        }
+        return this.constructor(context).find(selector);
+
+        // HANDLE: $(function)
+        // Shortcut for document ready
+      } if (jQuery.isFunction(selector)) {
+        return rootjQuery.ready(selector);
+      }
+
+      if (selector.selector !== undefined) {
+        this.selector = selector.selector;
+        this.context = selector.context;
+      }
+
+      return jQuery.makeArray(selector, this);
+    },
+
+    // Start with an empty selector
+    selector: '',
+
+    // The current version of jQuery being used
+    jquery: '1.8.2',
+
+    // The default length of a jQuery object is 0
+    length: 0,
+
+    // The number of elements contained in the matched element set
+    size() {
+      return this.length;
+    },
+
+    toArray() {
+      return core_slice.call(this);
+    },
+
+    // Get the Nth element in the matched element set OR
+    // Get the whole matched element set as a clean array
+    get(num) {
+      return num == null
+
+      // Return a 'clean' array
+        ? this.toArray()
+
+      // Return just the object
+        : (num < 0 ? this[this.length + num] : this[num]);
+    },
+
+    // Take an array of elements and push it onto the stack
+    // (returning the new matched element set)
+    pushStack(elems, name, selector) {
+      // Build a new jQuery matched element set
+      const ret = jQuery.merge(this.constructor(), elems);
+
+      // Add the old object onto the stack (as a reference)
+      ret.prevObject = this;
+
+      ret.context = this.context;
+
+      if (name === 'find') {
+        ret.selector = this.selector + (this.selector ? ' ' : '') + selector;
+      } else if (name) {
+        ret.selector = `${this.selector}.${name}(${selector})`;
+      }
+
+      // Return the newly-formed element set
+      return ret;
+    },
+
+    // Execute a callback for every element in the matched set.
+    // (You can seed the arguments with an array of args, but this is
+    // only used internally.)
+    each(callback, args) {
+      return jQuery.each(this, callback, args);
+    },
+
+    ready(fn) {
+      // Add the callback
+      jQuery.ready.promise().done(fn);
+
+      return this;
+    },
+
+    eq(i) {
+      i = +i;
+      return i === -1
+        ? this.slice(i)
+        : this.slice(i, i + 1);
+    },
+
+    first() {
+      return this.eq(0);
+    },
+
+    last() {
+      return this.eq(-1);
+    },
+
+    slice() {
+      return this.pushStack(core_slice.apply(this, arguments),
+        'slice', core_slice.call(arguments).join(','));
+    },
+
+    map(callback) {
+      return this.pushStack(jQuery.map(this, (elem, i) => callback.call(elem, i, elem)));
+    },
+
+    end() {
+      return this.prevObject || this.constructor(null);
+    },
+
+    // For internal use only.
+    // Behaves like an Array's method, not like a jQuery method.
+    push: core_push,
+    sort: [].sort,
+    splice: [].splice,
+  };
+
+  // Give the init function the jQuery prototype for later instantiation
+  jQuery.fn.init.prototype = jQuery.fn;
+
+  jQuery.extend = jQuery.fn.extend = function () {
+    let options; let name; let src; let copy; let copyIsArray; let clone;
+    let target = arguments[0] || {};
+    let i = 1;
+    const { length } = arguments;
+    let deep = false;
+
+    // Handle a deep copy situation
+    if (typeof target === 'boolean') {
+      deep = target;
+      target = arguments[1] || {};
+      // skip the boolean and the target
+      i = 2;
+    }
+
+    // Handle case when target is a string or something (possible in deep copy)
+    if (typeof target !== 'object' && !jQuery.isFunction(target)) {
+      target = {};
+    }
+
+    // extend jQuery itself if only one argument is passed
+    if (length === i) {
+      target = this;
+      --i;
+    }
+
+    for (; i < length; i++) {
+      // Only deal with non-null/undefined values
+      if ((options = arguments[i]) != null) {
+        // Extend the base object
+        for (name in options) {
+          src = target[name];
+          copy = options[name];
+
+          // Prevent never-ending loop
+          if (target === copy) {
+            continue;
+          }
+
+          // Recurse if we're merging plain objects or arrays
+          if (deep && copy && (jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)))) {
+            if (copyIsArray) {
+              copyIsArray = false;
+              clone = src && jQuery.isArray(src) ? src : [];
+            } else {
+              clone = src && jQuery.isPlainObject(src) ? src : {};
+            }
+
+            // Never move original objects, clone them
+            target[name] = jQuery.extend(deep, clone, copy);
+
+            // Don't bring in undefined values
+          } else if (copy !== undefined) {
+            target[name] = copy;
+          }
+        }
+      }
+    }
+
+    // Return the modified object
+    return target;
+  };
+
+  jQuery.extend({
+    noConflict(deep) {
+      if (window.$ === jQuery) {
+        window.$ = _$;
+      }
+
+      if (deep && window.jQuery === jQuery) {
+        window.jQuery = _jQuery;
+      }
+
+      return jQuery;
+    },
+
+    // Is the DOM ready to be used? Set to true once it occurs.
+    isReady: false,
+
+    // A counter to track how many items to wait for before
+    // the ready event fires. See #6781
+    readyWait: 1,
+
+    // Hold (or release) the ready event
+    holdReady(hold) {
+      if (hold) {
+        jQuery.readyWait++;
+      } else {
+        jQuery.ready(true);
+      }
+    },
+
+    // Handle when the DOM is ready
+    ready(wait) {
+      // Abort if there are pending holds or we're already ready
+      if (wait === true ? --jQuery.readyWait : jQuery.isReady) {
+        return;
+      }
+
+      // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+      if (!document.body) {
+        return setTimeout(jQuery.ready, 1);
+      }
+
+      // Remember that the DOM is ready
+      jQuery.isReady = true;
+
+      // If a normal DOM Ready event fired, decrement, and wait if need be
+      if (wait !== true && --jQuery.readyWait > 0) {
+        return;
+      }
+
+      // If there are functions bound, to execute
+      readyList.resolveWith(document, [jQuery]);
+
+      // Trigger any bound ready events
+      if (jQuery.fn.trigger) {
+        jQuery(document).trigger('ready').off('ready');
+      }
+    },
+
+    // See test/unit/core.js for details concerning isFunction.
+    // Since version 1.3, DOM methods and functions like alert
+    // aren't supported. They return false on IE (#2968).
+    isFunction(obj) {
+      return jQuery.type(obj) === 'function';
+    },
+
+    isArray: Array.isArray || function (obj) {
+      return jQuery.type(obj) === 'array';
+    },
+
+    isWindow(obj) {
+      return obj != null && obj == obj.window;
+    },
+
+    isNumeric(obj) {
+      return !isNaN(parseFloat(obj)) && isFinite(obj);
+    },
+
+    type(obj) {
+      return obj == null
+        ? String(obj)
+        : class2type[core_toString.call(obj)] || 'object';
+    },
+
+    isPlainObject(obj) {
+      // Must be an Object.
+      // Because of IE, we also have to check the presence of the constructor property.
+      // Make sure that DOM nodes and window objects don't pass through, as well
+      if (!obj || jQuery.type(obj) !== 'object' || obj.nodeType || jQuery.isWindow(obj)) {
+        return false;
+      }
+
+      try {
+        // Not own constructor property must be Object
+        if (obj.constructor
+				&& !core_hasOwn.call(obj, 'constructor')
+				&& !core_hasOwn.call(obj.constructor.prototype, 'isPrototypeOf')) {
+          return false;
+        }
+      } catch (e) {
+        // IE8,9 Will throw exceptions on certain host objects #9897
+        return false;
+      }
+
+      // Own properties are enumerated firstly, so to speed up,
+      // if last one is own, then all properties are own.
+
+      let key;
+      for (key in obj) {}
+
+      return key === undefined || core_hasOwn.call(obj, key);
+    },
+
+    isEmptyObject(obj) {
+      let name;
+      for (name in obj) {
+        return false;
+      }
+      return true;
+    },
+
+    error(msg) {
+      throw new Error(msg);
+    },
+
+    // data: string of html
+    // context (optional): If specified, the fragment will be created in this context, defaults to document
+    // scripts (optional): If true, will include scripts passed in the html string
+    parseHTML(data, context, scripts) {
+      let parsed;
+      if (!data || typeof data !== 'string') {
+        return null;
+      }
+      if (typeof context === 'boolean') {
+        scripts = context;
+        context = 0;
+      }
+      context = context || document;
+
+      // Single tag
+      if ((parsed = rsingleTag.exec(data))) {
+        return [context.createElement(parsed[1])];
+      }
+
+      parsed = jQuery.buildFragment([data], context, scripts ? null : []);
+      return jQuery.merge([],
+        (parsed.cacheable ? jQuery.clone(parsed.fragment) : parsed.fragment).childNodes);
+    },
+
+    parseJSON(data) {
+      if (!data || typeof data !== 'string') {
+        return null;
+      }
+
+      // Make sure leading/trailing whitespace is removed (IE can't handle it)
+      data = jQuery.trim(data);
+
+      // Attempt to parse using the native JSON parser first
+      if (window.JSON && window.JSON.parse) {
+        return window.JSON.parse(data);
+      }
+
+      // Make sure the incoming data is actual JSON
+      // Logic borrowed from http://json.org/json2.js
+      if (rvalidchars.test(data.replace(rvalidescape, '@')
+        .replace(rvalidtokens, ']')
+        .replace(rvalidbraces, ''))) {
+        return (new Function(`return ${data}`))();
+      }
+      jQuery.error(`Invalid JSON: ${data}`);
+    },
+
+    // Cross-browser xml parsing
+    parseXML(data) {
+      let xml; let
+        tmp;
+      if (!data || typeof data !== 'string') {
+        return null;
+      }
+      try {
+        if (window.DOMParser) { // Standard
+          tmp = new DOMParser();
+          xml = tmp.parseFromString(data, 'text/xml');
+        } else { // IE
+          xml = new ActiveXObject('Microsoft.XMLDOM');
+          xml.async = 'false';
+          xml.loadXML(data);
+        }
+      } catch (e) {
+        xml = undefined;
+      }
+      if (!xml || !xml.documentElement || xml.getElementsByTagName('parsererror').length) {
+        jQuery.error(`Invalid XML: ${data}`);
+      }
+      return xml;
+    },
+
+    noop() {},
+
+    // Evaluates a script in a global context
+    // Workarounds based on findings by Jim Driscoll
+    // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
+    globalEval(data) {
+      if (data && core_rnotwhite.test(data)) {
+        // We use execScript on Internet Explorer
+        // We use an anonymous function so that context is window
+        // rather than jQuery in Firefox
+        (window.execScript || function (data) {
+          window.eval.call(window, data);
+        })(data);
+      }
+    },
+
+    // Convert dashed to camelCase; used by the css and data modules
+    // Microsoft forgot to hump their vendor prefix (#9572)
+    camelCase(string) {
+      return string.replace(rmsPrefix, 'ms-').replace(rdashAlpha, fcamelCase);
+    },
+
+    nodeName(elem, name) {
+      return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+    },
+
+    // args is for internal usage only
+    each(obj, callback, args) {
+      let name;
+      let i = 0;
+      const { length } = obj;
+      const isObj = length === undefined || jQuery.isFunction(obj);
+
+      if (args) {
+        if (isObj) {
+          for (name in obj) {
+            if (callback.apply(obj[name], args) === false) {
+              break;
+            }
+          }
+        } else {
+          for (; i < length;) {
+            if (callback.apply(obj[i++], args) === false) {
+              break;
+            }
+          }
+        }
+
+        // A special, fast, case for the most common use of each
+      } else if (isObj) {
+        for (name in obj) {
+          if (callback.call(obj[name], name, obj[name]) === false) {
+            break;
+          }
+        }
+      } else {
+        for (; i < length;) {
+          if (callback.call(obj[i], i, obj[i++]) === false) {
+            break;
+          }
+        }
+      }
+
+      return obj;
+    },
+
+    // Use native String.trim function wherever possible
+    trim: core_trim && !core_trim.call('\uFEFF\xA0')
+      ? function (text) {
+        return text == null
+          ? ''
+          : core_trim.call(text);
+      }
+
+    // Otherwise use our own trimming functionality
+      : function (text) {
+        return text == null
+          ? ''
+          : (`${text}`).replace(rtrim, '');
+      },
+
+    // results is for internal usage only
+    makeArray(arr, results) {
+      let type;
+      const ret = results || [];
+
+      if (arr != null) {
+        // The window, strings (and functions) also have 'length'
+        // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
+        type = jQuery.type(arr);
+
+        if (arr.length == null || type === 'string' || type === 'function' || type === 'regexp' || jQuery.isWindow(arr)) {
+          core_push.call(ret, arr);
+        } else {
+          jQuery.merge(ret, arr);
+        }
+      }
+
+      return ret;
+    },
+
+    inArray(elem, arr, i) {
+      let len;
+
+      if (arr) {
+        if (core_indexOf) {
+          return core_indexOf.call(arr, elem, i);
+        }
+
+        len = arr.length;
+        i = i ? i < 0 ? Math.max(0, len + i) : i : 0;
+
+        for (; i < len; i++) {
+          // Skip accessing in sparse arrays
+          if (i in arr && arr[i] === elem) {
+            return i;
+          }
+        }
+      }
+
+      return -1;
+    },
+
+    merge(first, second) {
+      const l = second.length;
+      let i = first.length;
+      let j = 0;
+
+      if (typeof l === 'number') {
+        for (; j < l; j++) {
+          first[i++] = second[j];
+        }
+      } else {
+        while (second[j] !== undefined) {
+          first[i++] = second[j++];
+        }
+      }
+
+      first.length = i;
+
+      return first;
+    },
+
+    grep(elems, callback, inv) {
+      let retVal;
+      const ret = [];
+      let i = 0;
+      const { length } = elems;
+      inv = !!inv;
+
+      // Go through the array, only saving the items
+      // that pass the validator function
+      for (; i < length; i++) {
+        retVal = !!callback(elems[i], i);
+        if (inv !== retVal) {
+          ret.push(elems[i]);
+        }
+      }
+
+      return ret;
+    },
+
+    // arg is for internal usage only
+    map(elems, callback, arg) {
+      let value; let key;
+      const ret = [];
+      let i = 0;
+      const { length } = elems;
+      // jquery objects are treated as arrays
+      const isArray = elems instanceof jQuery || length !== undefined && typeof length === 'number' && ((length > 0 && elems[0] && elems[length - 1]) || length === 0 || jQuery.isArray(elems));
+
+      // Go through the array, translating each of the items to their
+      if (isArray) {
+        for (; i < length; i++) {
+          value = callback(elems[i], i, arg);
+
+          if (value != null) {
+            ret[ret.length] = value;
+          }
+        }
+
+        // Go through every key on the object,
+      } else {
+        for (key in elems) {
+          value = callback(elems[key], key, arg);
+
+          if (value != null) {
+            ret[ret.length] = value;
+          }
+        }
+      }
+
+      // Flatten any nested arrays
+      return ret.concat.apply([], ret);
+    },
+
+    // A global GUID counter for objects
+    guid: 1,
+
+    // Bind a function to a context, optionally partially applying any
+    // arguments.
+    proxy(fn, context) {
+      let tmp; let args; let
+        proxy;
+
+      if (typeof context === 'string') {
+        tmp = fn[context];
+        context = fn;
+        fn = tmp;
+      }
+
+      // Quick check to determine if target is callable, in the spec
+      // this throws a TypeError, but we will just return undefined.
+      if (!jQuery.isFunction(fn)) {
+        return undefined;
+      }
+
+      // Simulated bind
+      args = core_slice.call(arguments, 2);
+      proxy = function () {
+        return fn.apply(context, args.concat(core_slice.call(arguments)));
+      };
+
+      // Set the guid of unique handler to the same of original handler, so it can be removed
+      proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+      return proxy;
+    },
+
+    // Multifunctional method to get and set values of a collection
+    // The value/s can optionally be executed if it's a function
+    access(elems, fn, key, value, chainable, emptyGet, pass) {
+      let exec;
+      const bulk = key == null;
+      let i = 0;
+      const { length } = elems;
+
+      // Sets many values
+      if (key && typeof key === 'object') {
+        for (i in key) {
+          jQuery.access(elems, fn, i, key[i], 1, emptyGet, value);
+        }
+        chainable = 1;
+
+        // Sets one value
+      } else if (value !== undefined) {
+        // Optionally, function values get executed if exec is true
+        exec = pass === undefined && jQuery.isFunction(value);
+
+        if (bulk) {
+          // Bulk operations only iterate when executing function values
+          if (exec) {
+            exec = fn;
+            fn = function (elem, key, value) {
+              return exec.call(jQuery(elem), value);
+            };
+
+            // Otherwise they run against the entire set
+          } else {
+            fn.call(elems, value);
+            fn = null;
+          }
+        }
+
+        if (fn) {
+          for (; i < length; i++) {
+            fn(elems[i], key, exec ? value.call(elems[i], i, fn(elems[i], key)) : value, pass);
+          }
+        }
+
+        chainable = 1;
+      }
+
+      return chainable
+        ? elems
+
+      // Gets
+        : bulk
+          ? fn.call(elems)
+          : length ? fn(elems[0], key) : emptyGet;
+    },
+
+    now() {
+      return (new Date()).getTime();
+    },
+  });
+
+  jQuery.ready.promise = function (obj) {
+    if (!readyList) {
+      readyList = jQuery.Deferred();
+
+      // Catch cases where $(document).ready() is called after the browser event has already occurred.
+      // we once tried to use readyState "interactive" here, but it caused issues like the one
+      // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+      if (document.readyState === 'complete') {
+        // Handle it asynchronously to allow scripts the opportunity to delay ready
+        setTimeout(jQuery.ready, 1);
+
+        // Standards-based browsers support DOMContentLoaded
+      } else if (document.addEventListener) {
+        // Use the handy event callback
+        document.addEventListener('DOMContentLoaded', DOMContentLoaded, false);
+
+        // A fallback to window.onload, that will always work
+        window.addEventListener('load', jQuery.ready, false);
+
+        // If IE event model is used
+      } else {
+        // Ensure firing before onload, maybe late but safe also for iframes
+        document.attachEvent('onreadystatechange', DOMContentLoaded);
+
+        // A fallback to window.onload, that will always work
+        window.attachEvent('onload', jQuery.ready);
+
+        // If IE and not a frame
+        // continually check to see if the document is ready
+        let top = false;
+
+        try {
+          top = window.frameElement == null && document.documentElement;
+        } catch (e) {}
+
+        if (top && top.doScroll) {
+          (function doScrollCheck() {
+            if (!jQuery.isReady) {
+              try {
+                // Use the trick by Diego Perini
+                // http://javascript.nwbox.com/IEContentLoaded/
+                top.doScroll('left');
+              } catch (e) {
+                return setTimeout(doScrollCheck, 50);
+              }
+
+              // and execute any waiting functions
+              jQuery.ready();
+            }
+          }());
+        }
+      }
+    }
+    return readyList.promise(obj);
+  };
+
+  // Populate the class2type map
+  jQuery.each('Boolean Number String Function Array Date RegExp Object'.split(' '), (i, name) => {
+    class2type[`[object ${name}]`] = name.toLowerCase();
+  });
+
+  // All jQuery objects should point back to these
+  rootjQuery = jQuery(document);
+  // String to Object options format cache
+  const optionsCache = {};
+
+  // Convert String-formatted options into Object-formatted ones and store in cache
+  function createOptions(options) {
+    const object = optionsCache[options] = {};
+    jQuery.each(options.split(core_rspace), (_, flag) => {
+      object[flag] = true;
+    });
+    return object;
+  }
+
+  /*
  * Create a callback list using the following parameters:
  *
  *	options: an optional list of space-separated options that will change how
@@ -938,3242 +925,3188 @@ function createOptions( options ) {
  *	stopOnFalse:	interrupt callings when a callback returns false
  *
  */
-jQuery.Callbacks = function( options ) {
-
-	// Convert options from String-formatted to Object-formatted if needed
-	// (we check in cache first)
-	options = typeof options === "string" ?
-		( optionsCache[ options ] || createOptions( options ) ) :
-		jQuery.extend( {}, options );
-
-	var // Last fire value (for non-forgettable lists)
-		memory,
-		// Flag to know if list was already fired
-		fired,
-		// Flag to know if list is currently firing
-		firing,
-		// First callback to fire (used internally by add and fireWith)
-		firingStart,
-		// End of the loop when firing
-		firingLength,
-		// Index of currently firing callback (modified by remove if needed)
-		firingIndex,
-		// Actual callback list
-		list = [],
-		// Stack of fire calls for repeatable lists
-		stack = !options.once && [],
-		// Fire callbacks
-		fire = function( data ) {
-			memory = options.memory && data;
-			fired = true;
-			firingIndex = firingStart || 0;
-			firingStart = 0;
-			firingLength = list.length;
-			firing = true;
-			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
-				if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
-					memory = false; // To prevent further calls using add
-					break;
-				}
-			}
-			firing = false;
-			if ( list ) {
-				if ( stack ) {
-					if ( stack.length ) {
-						fire( stack.shift() );
-					}
-				} else if ( memory ) {
-					list = [];
-				} else {
-					self.disable();
-				}
-			}
-		},
-		// Actual Callbacks object
-		self = {
-			// Add a callback or a collection of callbacks to the list
-			add: function() {
-				if ( list ) {
-					// First, we save the current length
-					var start = list.length;
-					(function add( args ) {
-						jQuery.each( args, function( _, arg ) {
-							var type = jQuery.type( arg );
-							if ( type === "function" && ( !options.unique || !self.has( arg ) ) ) {
-								list.push( arg );
-							} else if ( arg && arg.length && type !== "string" ) {
-								// Inspect recursively
-								add( arg );
-							}
-						});
-					})( arguments );
-					// Do we need to add the callbacks to the
-					// current firing batch?
-					if ( firing ) {
-						firingLength = list.length;
-					// With memory, if we're not firing then
-					// we should call right away
-					} else if ( memory ) {
-						firingStart = start;
-						fire( memory );
-					}
-				}
-				return this;
-			},
-			// Remove a callback from the list
-			remove: function() {
-				if ( list ) {
-					jQuery.each( arguments, function( _, arg ) {
-						var index;
-						while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
-							list.splice( index, 1 );
-							// Handle firing indexes
-							if ( firing ) {
-								if ( index <= firingLength ) {
-									firingLength--;
-								}
-								if ( index <= firingIndex ) {
-									firingIndex--;
-								}
-							}
-						}
-					});
-				}
-				return this;
-			},
-			// Control if a given callback is in the list
-			has: function( fn ) {
-				return jQuery.inArray( fn, list ) > -1;
-			},
-			// Remove all callbacks from the list
-			empty: function() {
-				list = [];
-				return this;
-			},
-			// Have the list do nothing anymore
-			disable: function() {
-				list = stack = memory = undefined;
-				return this;
-			},
-			// Is it disabled?
-			disabled: function() {
-				return !list;
-			},
-			// Lock the list in its current state
-			lock: function() {
-				stack = undefined;
-				if ( !memory ) {
-					self.disable();
-				}
-				return this;
-			},
-			// Is it locked?
-			locked: function() {
-				return !stack;
-			},
-			// Call all callbacks with the given context and arguments
-			fireWith: function( context, args ) {
-				args = args || [];
-				args = [ context, args.slice ? args.slice() : args ];
-				if ( list && ( !fired || stack ) ) {
-					if ( firing ) {
-						stack.push( args );
-					} else {
-						fire( args );
-					}
-				}
-				return this;
-			},
-			// Call all the callbacks with the given arguments
-			fire: function() {
-				self.fireWith( this, arguments );
-				return this;
-			},
-			// To know if the callbacks have already been called at least once
-			fired: function() {
-				return !!fired;
-			}
-		};
-
-	return self;
-};
-jQuery.extend({
-
-	Deferred: function( func ) {
-		var tuples = [
-				// action, add listener, listener list, final state
-				[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
-				[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
-				[ "notify", "progress", jQuery.Callbacks("memory") ]
-			],
-			state = "pending",
-			promise = {
-				state: function() {
-					return state;
-				},
-				always: function() {
-					deferred.done( arguments ).fail( arguments );
-					return this;
-				},
-				then: function( /* fnDone, fnFail, fnProgress */ ) {
-					var fns = arguments;
-					return jQuery.Deferred(function( newDefer ) {
-						jQuery.each( tuples, function( i, tuple ) {
-							var action = tuple[ 0 ],
-								fn = fns[ i ];
-							// deferred[ done | fail | progress ] for forwarding actions to newDefer
-							deferred[ tuple[1] ]( jQuery.isFunction( fn ) ?
-								function() {
-									var returned = fn.apply( this, arguments );
-									if ( returned && jQuery.isFunction( returned.promise ) ) {
-										returned.promise()
-											.done( newDefer.resolve )
-											.fail( newDefer.reject )
-											.progress( newDefer.notify );
-									} else {
-										newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] );
-									}
-								} :
-								newDefer[ action ]
-							);
-						});
-						fns = null;
-					}).promise();
-				},
-				// Get a promise for this deferred
-				// If obj is provided, the promise aspect is added to the object
-				promise: function( obj ) {
-					return obj != null ? jQuery.extend( obj, promise ) : promise;
-				}
-			},
-			deferred = {};
-
-		// Keep pipe for back-compat
-		promise.pipe = promise.then;
-
-		// Add list-specific methods
-		jQuery.each( tuples, function( i, tuple ) {
-			var list = tuple[ 2 ],
-				stateString = tuple[ 3 ];
-
-			// promise[ done | fail | progress ] = list.add
-			promise[ tuple[1] ] = list.add;
-
-			// Handle state
-			if ( stateString ) {
-				list.add(function() {
-					// state = [ resolved | rejected ]
-					state = stateString;
-
-				// [ reject_list | resolve_list ].disable; progress_list.lock
-				}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
-			}
-
-			// deferred[ resolve | reject | notify ] = list.fire
-			deferred[ tuple[0] ] = list.fire;
-			deferred[ tuple[0] + "With" ] = list.fireWith;
-		});
-
-		// Make the deferred a promise
-		promise.promise( deferred );
-
-		// Call given func if any
-		if ( func ) {
-			func.call( deferred, deferred );
-		}
-
-		// All done!
-		return deferred;
-	},
-
-	// Deferred helper
-	when: function( subordinate /* , ..., subordinateN */ ) {
-		var i = 0,
-			resolveValues = core_slice.call( arguments ),
-			length = resolveValues.length,
-
-			// the count of uncompleted subordinates
-			remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
-
-			// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
-			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
-
-			// Update function for both resolve and progress values
-			updateFunc = function( i, contexts, values ) {
-				return function( value ) {
-					contexts[ i ] = this;
-					values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value;
-					if( values === progressValues ) {
-						deferred.notifyWith( contexts, values );
-					} else if ( !( --remaining ) ) {
-						deferred.resolveWith( contexts, values );
-					}
-				};
-			},
-
-			progressValues, progressContexts, resolveContexts;
-
-		// add listeners to Deferred subordinates; treat others as resolved
-		if ( length > 1 ) {
-			progressValues = new Array( length );
-			progressContexts = new Array( length );
-			resolveContexts = new Array( length );
-			for ( ; i < length; i++ ) {
-				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
-					resolveValues[ i ].promise()
-						.done( updateFunc( i, resolveContexts, resolveValues ) )
-						.fail( deferred.reject )
-						.progress( updateFunc( i, progressContexts, progressValues ) );
-				} else {
-					--remaining;
-				}
-			}
-		}
-
-		// if we're not waiting on anything, resolve the master
-		if ( !remaining ) {
-			deferred.resolveWith( resolveContexts, resolveValues );
-		}
-
-		return deferred.promise();
-	}
-});
-jQuery.support = (function() {
-
-	var support,
-		all,
-		a,
-		select,
-		opt,
-		input,
-		fragment,
-		eventName,
-		i,
-		isSupported,
-		clickFn,
-		div = document.createElement("div");
-
-	// Preliminary tests
-	div.setAttribute( "className", "t" );
-	div.innerHTML = "  
      a";
-
-	all = div.getElementsByTagName("*");
-	a = div.getElementsByTagName("a")[ 0 ];
-	a.style.cssText = "top:1px;float:left;opacity:.5";
-
-	// Can't get basic test support
-	if ( !all || !all.length ) {
-		return {};
-	}
-
-	// First batch of supports tests
-	select = document.createElement("select");
-	opt = select.appendChild( document.createElement("option") );
-	input = div.getElementsByTagName("input")[ 0 ];
-
-	support = {
-		// IE strips leading whitespace when .innerHTML is used
-		leadingWhitespace: ( div.firstChild.nodeType === 3 ),
-
-		// Make sure that tbody elements aren't automatically inserted
-		// IE will insert them into empty tables
-		tbody: !div.getElementsByTagName("tbody").length,
-
-		// Make sure that link elements get serialized correctly by innerHTML
-		// This requires a wrapper element in IE
-		htmlSerialize: !!div.getElementsByTagName("link").length,
-
-		// Get the style information from getAttribute
-		// (IE uses .cssText instead)
-		style: /top/.test( a.getAttribute("style") ),
-
-		// Make sure that URLs aren't manipulated
-		// (IE normalizes it by default)
-		hrefNormalized: ( a.getAttribute("href") === "/a" ),
-
-		// Make sure that element opacity exists
-		// (IE uses filter instead)
-		// Use a regex to work around a WebKit issue. See #5145
-		opacity: /^0.5/.test( a.style.opacity ),
-
-		// Verify style float existence
-		// (IE uses styleFloat instead of cssFloat)
-		cssFloat: !!a.style.cssFloat,
-
-		// Make sure that if no value is specified for a checkbox
-		// that it defaults to "on".
-		// (WebKit defaults to "" instead)
-		checkOn: ( input.value === "on" ),
-
-		// Make sure that a selected-by-default option has a working selected property.
-		// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
-		optSelected: opt.selected,
-
-		// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
-		getSetAttribute: div.className !== "t",
-
-		// Tests for enctype support on a form(#6743)
-		enctype: !!document.createElement("form").enctype,
-
-		// Makes sure cloning an html5 element does not cause problems
-		// Where outerHTML is undefined, this still works
-		html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav>",
-
-		// jQuery.support.boxModel DEPRECATED in 1.8 since we don't support Quirks Mode
-		boxModel: ( document.compatMode === "CSS1Compat" ),
-
-		// Will be defined later
-		submitBubbles: true,
-		changeBubbles: true,
-		focusinBubbles: false,
-		deleteExpando: true,
-		noCloneEvent: true,
-		inlineBlockNeedsLayout: false,
-		shrinkWrapBlocks: false,
-		reliableMarginRight: true,
-		boxSizingReliable: true,
-		pixelPosition: false
-	};
-
-	// Make sure checked status is properly cloned
-	input.checked = true;
-	support.noCloneChecked = input.cloneNode( true ).checked;
-
-	// Make sure that the options inside disabled selects aren't marked as disabled
-	// (WebKit marks them as disabled)
-	select.disabled = true;
-	support.optDisabled = !opt.disabled;
-
-	// Test to see if it's possible to delete an expando from an element
-	// Fails in Internet Explorer
-	try {
-		delete div.test;
-	} catch( e ) {
-		support.deleteExpando = false;
-	}
-
-	if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
-		div.attachEvent( "onclick", clickFn = function() {
-			// Cloning a node shouldn't copy over any
-			// bound event handlers (IE does this)
-			support.noCloneEvent = false;
-		});
-		div.cloneNode( true ).fireEvent("onclick");
-		div.detachEvent( "onclick", clickFn );
-	}
-
-	// Check if a radio maintains its value
-	// after being appended to the DOM
-	input = document.createElement("input");
-	input.value = "t";
-	input.setAttribute( "type", "radio" );
-	support.radioValue = input.value === "t";
-
-	input.setAttribute( "checked", "checked" );
-
-	// #11217 - WebKit loses check when the name is after the checked attribute
-	input.setAttribute( "name", "t" );
-
-	div.appendChild( input );
-	fragment = document.createDocumentFragment();
-	fragment.appendChild( div.lastChild );
-
-	// WebKit doesn't clone checked state correctly in fragments
-	support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
-
-	// Check if a disconnected checkbox will retain its checked
-	// value of true after appended to the DOM (IE6/7)
-	support.appendChecked = input.checked;
-
-	fragment.removeChild( input );
-	fragment.appendChild( div );
-
-	// Technique from Juriy Zaytsev
-	// http://perfectionkills.com/detecting-event-support-without-browser-sniffing/
-	// We only care about the case where non-standard event systems
-	// are used, namely in IE. Short-circuiting here helps us to
-	// avoid an eval call (in setAttribute) which can cause CSP
-	// to go haywire. See: https://developer.mozilla.org/en/Security/CSP
-	if ( div.attachEvent ) {
-		for ( i in {
-			submit: true,
-			change: true,
-			focusin: true
-		}) {
-			eventName = "on" + i;
-			isSupported = ( eventName in div );
-			if ( !isSupported ) {
-				div.setAttribute( eventName, "return;" );
-				isSupported = ( typeof div[ eventName ] === "function" );
-			}
-			support[ i + "Bubbles" ] = isSupported;
-		}
-	}
-
-	// Run tests that need a body at doc ready
-	jQuery(function() {
-		var container, div, tds, marginDiv,
-			divReset = "padding:0;margin:0;border:0;display:block;overflow:hidden;",
-			body = document.getElementsByTagName("body")[0];
-
-		if ( !body ) {
-			// Return for frameset docs that don't have a body
-			return;
-		}
-
-		container = document.createElement("div");
-		container.style.cssText = "visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px";
-		body.insertBefore( container, body.firstChild );
-
-		// Construct the test element
-		div = document.createElement("div");
-		container.appendChild( div );
-
-		// Check if table cells still have offsetWidth/Height when they are set
-		// to display:none and there are still other visible table cells in a
-		// table row; if so, offsetWidth/Height are not reliable for use when
-		// determining if an element has been hidden directly using
-		// display:none (it is still safe to use offsets if a parent element is
-		// hidden; don safety goggles and see bug #4512 for more information).
-		// (only IE 8 fails this test)
-		div.innerHTML = "
      t
      ";
-		tds = div.getElementsByTagName("td");
-		tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none";
-		isSupported = ( tds[ 0 ].offsetHeight === 0 );
-
-		tds[ 0 ].style.display = "";
-		tds[ 1 ].style.display = "none";
-
-		// Check if empty table cells still have offsetWidth/Height
-		// (IE <= 8 fail this test)
-		support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
-
-		// Check box-sizing and margin behavior
-		div.innerHTML = "";
-		div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";
-		support.boxSizing = ( div.offsetWidth === 4 );
-		support.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== 1 );
-
-		// NOTE: To any future maintainer, we've window.getComputedStyle
-		// because jsdom on node.js will break without it.
-		if ( window.getComputedStyle ) {
-			support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%";
-			support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px";
-
-			// Check if div with explicit width and no margin-right incorrectly
-			// gets computed margin-right based on width of container. For more
-			// info see bug #3333
-			// Fails in WebKit before Feb 2011 nightlies
-			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
-			marginDiv = document.createElement("div");
-			marginDiv.style.cssText = div.style.cssText = divReset;
-			marginDiv.style.marginRight = marginDiv.style.width = "0";
-			div.style.width = "1px";
-			div.appendChild( marginDiv );
-			support.reliableMarginRight =
-				!parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight );
-		}
-
-		if ( typeof div.style.zoom !== "undefined" ) {
-			// Check if natively block-level elements act like inline-block
-			// elements when setting their display to 'inline' and giving
-			// them layout
-			// (IE < 8 does this)
-			div.innerHTML = "";
-			div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1";
-			support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 );
-
-			// Check if elements with layout shrink-wrap their children
-			// (IE 6 does this)
-			div.style.display = "block";
-			div.style.overflow = "visible";
-			div.innerHTML = "
      ";
-			div.firstChild.style.width = "5px";
-			support.shrinkWrapBlocks = ( div.offsetWidth !== 3 );
-
-			container.style.zoom = 1;
-		}
-
-		// Null elements to avoid leaks in IE
-		body.removeChild( container );
-		container = div = tds = marginDiv = null;
-	});
-
-	// Null elements to avoid leaks in IE
-	fragment.removeChild( div );
-	all = a = select = opt = input = fragment = div = null;
-
-	return support;
-})();
-var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
-	rmultiDash = /([A-Z])/g;
-
-jQuery.extend({
-	cache: {},
-
-	deletedIds: [],
-
-	// Remove at next major release (1.9/2.0)
-	uuid: 0,
-
-	// Unique for each copy of jQuery on the page
-	// Non-digits removed to match rinlinejQuery
-	expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
-
-	// The following elements throw uncatchable exceptions if you
-	// attempt to add expando properties to them.
-	noData: {
-		"embed": true,
-		// Ban all objects except for Flash (which handle expandos)
-		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
-		"applet": true
-	},
-
-	hasData: function( elem ) {
-		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
-		return !!elem && !isEmptyDataObject( elem );
-	},
-
-	data: function( elem, name, data, pvt /* Internal Use Only */ ) {
-		if ( !jQuery.acceptData( elem ) ) {
-			return;
-		}
-
-		var thisCache, ret,
-			internalKey = jQuery.expando,
-			getByName = typeof name === "string",
-
-			// We have to handle DOM nodes and JS objects differently because IE6-7
-			// can't GC object references properly across the DOM-JS boundary
-			isNode = elem.nodeType,
-
-			// Only DOM nodes need the global jQuery cache; JS object data is
-			// attached directly to the object so GC can occur automatically
-			cache = isNode ? jQuery.cache : elem,
-
-			// Only defining an ID for JS objects if its cache already exists allows
-			// the code to shortcut on the same path as a DOM node with no cache
-			id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
-
-		// Avoid doing any more work than we need to when trying to get data on an
-		// object that has no data at all
-		if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && getByName && data === undefined ) {
-			return;
-		}
-
-		if ( !id ) {
-			// Only DOM nodes need a new unique ID for each element since their data
-			// ends up in the global cache
-			if ( isNode ) {
-				elem[ internalKey ] = id = jQuery.deletedIds.pop() || jQuery.guid++;
-			} else {
-				id = internalKey;
-			}
-		}
-
-		if ( !cache[ id ] ) {
-			cache[ id ] = {};
-
-			// Avoids exposing jQuery metadata on plain JS objects when the object
-			// is serialized using JSON.stringify
-			if ( !isNode ) {
-				cache[ id ].toJSON = jQuery.noop;
-			}
-		}
-
-		// An object can be passed to jQuery.data instead of a key/value pair; this gets
-		// shallow copied over onto the existing cache
-		if ( typeof name === "object" || typeof name === "function" ) {
-			if ( pvt ) {
-				cache[ id ] = jQuery.extend( cache[ id ], name );
-			} else {
-				cache[ id ].data = jQuery.extend( cache[ id ].data, name );
-			}
-		}
-
-		thisCache = cache[ id ];
-
-		// jQuery data() is stored in a separate object inside the object's internal data
-		// cache in order to avoid key collisions between internal data and user-defined
-		// data.
-		if ( !pvt ) {
-			if ( !thisCache.data ) {
-				thisCache.data = {};
-			}
-
-			thisCache = thisCache.data;
-		}
-
-		if ( data !== undefined ) {
-			thisCache[ jQuery.camelCase( name ) ] = data;
-		}
-
-		// Check for both converted-to-camel and non-converted data property names
-		// If a data property was specified
-		if ( getByName ) {
-
-			// First Try to find as-is property data
-			ret = thisCache[ name ];
-
-			// Test for null|undefined property data
-			if ( ret == null ) {
-
-				// Try to find the camelCased property
-				ret = thisCache[ jQuery.camelCase( name ) ];
-			}
-		} else {
-			ret = thisCache;
-		}
-
-		return ret;
-	},
-
-	removeData: function( elem, name, pvt /* Internal Use Only */ ) {
-		if ( !jQuery.acceptData( elem ) ) {
-			return;
-		}
-
-		var thisCache, i, l,
-
-			isNode = elem.nodeType,
-
-			// See jQuery.data for more information
-			cache = isNode ? jQuery.cache : elem,
-			id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
-
-		// If there is already no cache entry for this object, there is no
-		// purpose in continuing
-		if ( !cache[ id ] ) {
-			return;
-		}
-
-		if ( name ) {
-
-			thisCache = pvt ? cache[ id ] : cache[ id ].data;
-
-			if ( thisCache ) {
-
-				// Support array or space separated string names for data keys
-				if ( !jQuery.isArray( name ) ) {
-
-					// try the string as a key before any manipulation
-					if ( name in thisCache ) {
-						name = [ name ];
-					} else {
-
-						// split the camel cased version by spaces unless a key with the spaces exists
-						name = jQuery.camelCase( name );
-						if ( name in thisCache ) {
-							name = [ name ];
-						} else {
-							name = name.split(" ");
-						}
-					}
-				}
-
-				for ( i = 0, l = name.length; i < l; i++ ) {
-					delete thisCache[ name[i] ];
-				}
-
-				// If there is no data left in the cache, we want to continue
-				// and let the cache object itself get destroyed
-				if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) {
-					return;
-				}
-			}
-		}
-
-		// See jQuery.data for more information
-		if ( !pvt ) {
-			delete cache[ id ].data;
-
-			// Don't destroy the parent cache unless the internal data object
-			// had been the only thing left in it
-			if ( !isEmptyDataObject( cache[ id ] ) ) {
-				return;
-			}
-		}
-
-		// Destroy the cache
-		if ( isNode ) {
-			jQuery.cleanData( [ elem ], true );
-
-		// Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
-		} else if ( jQuery.support.deleteExpando || cache != cache.window ) {
-			delete cache[ id ];
-
-		// When all else fails, null
-		} else {
-			cache[ id ] = null;
-		}
-	},
-
-	// For internal use only.
-	_data: function( elem, name, data ) {
-		return jQuery.data( elem, name, data, true );
-	},
-
-	// A method for determining if a DOM node can handle the data expando
-	acceptData: function( elem ) {
-		var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];
-
-		// nodes accept data unless otherwise specified; rejection can be conditional
-		return !noData || noData !== true && elem.getAttribute("classid") === noData;
-	}
-});
-
-jQuery.fn.extend({
-	data: function( key, value ) {
-		var parts, part, attr, name, l,
-			elem = this[0],
-			i = 0,
-			data = null;
-
-		// Gets all values
-		if ( key === undefined ) {
-			if ( this.length ) {
-				data = jQuery.data( elem );
-
-				if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
-					attr = elem.attributes;
-					for ( l = attr.length; i < l; i++ ) {
-						name = attr[i].name;
-
-						if ( !name.indexOf( "data-" ) ) {
-							name = jQuery.camelCase( name.substring(5) );
-
-							dataAttr( elem, name, data[ name ] );
-						}
-					}
-					jQuery._data( elem, "parsedAttrs", true );
-				}
-			}
-
-			return data;
-		}
-
-		// Sets multiple values
-		if ( typeof key === "object" ) {
-			return this.each(function() {
-				jQuery.data( this, key );
-			});
-		}
-
-		parts = key.split( ".", 2 );
-		parts[1] = parts[1] ? "." + parts[1] : "";
-		part = parts[1] + "!";
-
-		return jQuery.access( this, function( value ) {
-
-			if ( value === undefined ) {
-				data = this.triggerHandler( "getData" + part, [ parts[0] ] );
-
-				// Try to fetch any internally stored data first
-				if ( data === undefined && elem ) {
-					data = jQuery.data( elem, key );
-					data = dataAttr( elem, key, data );
-				}
-
-				return data === undefined && parts[1] ?
-					this.data( parts[0] ) :
-					data;
-			}
-
-			parts[1] = value;
-			this.each(function() {
-				var self = jQuery( this );
-
-				self.triggerHandler( "setData" + part, parts );
-				jQuery.data( this, key, value );
-				self.triggerHandler( "changeData" + part, parts );
-			});
-		}, null, value, arguments.length > 1, null, false );
-	},
-
-	removeData: function( key ) {
-		return this.each(function() {
-			jQuery.removeData( this, key );
-		});
-	}
-});
-
-function dataAttr( elem, key, data ) {
-	// If nothing was found internally, try to fetch any
-	// data from the HTML5 data-* attribute
-	if ( data === undefined && elem.nodeType === 1 ) {
-
-		var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
-
-		data = elem.getAttribute( name );
-
-		if ( typeof data === "string" ) {
-			try {
-				data = data === "true" ? true :
-				data === "false" ? false :
-				data === "null" ? null :
-				// Only convert to a number if it doesn't change the string
-				+data + "" === data ? +data :
-				rbrace.test( data ) ? jQuery.parseJSON( data ) :
-					data;
-			} catch( e ) {}
-
-			// Make sure we set the data so it isn't changed later
-			jQuery.data( elem, key, data );
-
-		} else {
-			data = undefined;
-		}
-	}
-
-	return data;
-}
-
-// checks a cache object for emptiness
-function isEmptyDataObject( obj ) {
-	var name;
-	for ( name in obj ) {
-
-		// if the public data object is empty, the private is still empty
-		if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
-			continue;
-		}
-		if ( name !== "toJSON" ) {
-			return false;
-		}
-	}
-
-	return true;
-}
-jQuery.extend({
-	queue: function( elem, type, data ) {
-		var queue;
-
-		if ( elem ) {
-			type = ( type || "fx" ) + "queue";
-			queue = jQuery._data( elem, type );
-
-			// Speed up dequeue by getting out quickly if this is just a lookup
-			if ( data ) {
-				if ( !queue || jQuery.isArray(data) ) {
-					queue = jQuery._data( elem, type, jQuery.makeArray(data) );
-				} else {
-					queue.push( data );
-				}
-			}
-			return queue || [];
-		}
-	},
-
-	dequeue: function( elem, type ) {
-		type = type || "fx";
-
-		var queue = jQuery.queue( elem, type ),
-			startLength = queue.length,
-			fn = queue.shift(),
-			hooks = jQuery._queueHooks( elem, type ),
-			next = function() {
-				jQuery.dequeue( elem, type );
-			};
-
-		// If the fx queue is dequeued, always remove the progress sentinel
-		if ( fn === "inprogress" ) {
-			fn = queue.shift();
-			startLength--;
-		}
-
-		if ( fn ) {
-
-			// Add a progress sentinel to prevent the fx queue from being
-			// automatically dequeued
-			if ( type === "fx" ) {
-				queue.unshift( "inprogress" );
-			}
-
-			// clear up the last queue stop function
-			delete hooks.stop;
-			fn.call( elem, next, hooks );
-		}
-
-		if ( !startLength && hooks ) {
-			hooks.empty.fire();
-		}
-	},
-
-	// not intended for public consumption - generates a queueHooks object, or returns the current one
-	_queueHooks: function( elem, type ) {
-		var key = type + "queueHooks";
-		return jQuery._data( elem, key ) || jQuery._data( elem, key, {
-			empty: jQuery.Callbacks("once memory").add(function() {
-				jQuery.removeData( elem, type + "queue", true );
-				jQuery.removeData( elem, key, true );
-			})
-		});
-	}
-});
-
-jQuery.fn.extend({
-	queue: function( type, data ) {
-		var setter = 2;
-
-		if ( typeof type !== "string" ) {
-			data = type;
-			type = "fx";
-			setter--;
-		}
-
-		if ( arguments.length < setter ) {
-			return jQuery.queue( this[0], type );
-		}
-
-		return data === undefined ?
-			this :
-			this.each(function() {
-				var queue = jQuery.queue( this, type, data );
-
-				// ensure a hooks for this queue
-				jQuery._queueHooks( this, type );
-
-				if ( type === "fx" && queue[0] !== "inprogress" ) {
-					jQuery.dequeue( this, type );
-				}
-			});
-	},
-	dequeue: function( type ) {
-		return this.each(function() {
-			jQuery.dequeue( this, type );
-		});
-	},
-	// Based off of the plugin by Clint Helfers, with permission.
-	// http://blindsignals.com/index.php/2009/07/jquery-delay/
-	delay: function( time, type ) {
-		time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
-		type = type || "fx";
-
-		return this.queue( type, function( next, hooks ) {
-			var timeout = setTimeout( next, time );
-			hooks.stop = function() {
-				clearTimeout( timeout );
-			};
-		});
-	},
-	clearQueue: function( type ) {
-		return this.queue( type || "fx", [] );
-	},
-	// Get a promise resolved when queues of a certain type
-	// are emptied (fx is the type by default)
-	promise: function( type, obj ) {
-		var tmp,
-			count = 1,
-			defer = jQuery.Deferred(),
-			elements = this,
-			i = this.length,
-			resolve = function() {
-				if ( !( --count ) ) {
-					defer.resolveWith( elements, [ elements ] );
-				}
-			};
-
-		if ( typeof type !== "string" ) {
-			obj = type;
-			type = undefined;
-		}
-		type = type || "fx";
-
-		while( i-- ) {
-			tmp = jQuery._data( elements[ i ], type + "queueHooks" );
-			if ( tmp && tmp.empty ) {
-				count++;
-				tmp.empty.add( resolve );
-			}
-		}
-		resolve();
-		return defer.promise( obj );
-	}
-});
-var nodeHook, boolHook, fixSpecified,
-	rclass = /[\t\r\n]/g,
-	rreturn = /\r/g,
-	rtype = /^(?:button|input)$/i,
-	rfocusable = /^(?:button|input|object|select|textarea)$/i,
-	rclickable = /^a(?:rea|)$/i,
-	rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,
-	getSetAttribute = jQuery.support.getSetAttribute;
-
-jQuery.fn.extend({
-	attr: function( name, value ) {
-		return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );
-	},
-
-	removeAttr: function( name ) {
-		return this.each(function() {
-			jQuery.removeAttr( this, name );
-		});
-	},
-
-	prop: function( name, value ) {
-		return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 );
-	},
-
-	removeProp: function( name ) {
-		name = jQuery.propFix[ name ] || name;
-		return this.each(function() {
-			// try/catch handles cases where IE balks (such as removing a property on window)
-			try {
-				this[ name ] = undefined;
-				delete this[ name ];
-			} catch( e ) {}
-		});
-	},
-
-	addClass: function( value ) {
-		var classNames, i, l, elem,
-			setClass, c, cl;
-
-		if ( jQuery.isFunction( value ) ) {
-			return this.each(function( j ) {
-				jQuery( this ).addClass( value.call(this, j, this.className) );
-			});
-		}
-
-		if ( value && typeof value === "string" ) {
-			classNames = value.split( core_rspace );
-
-			for ( i = 0, l = this.length; i < l; i++ ) {
-				elem = this[ i ];
-
-				if ( elem.nodeType === 1 ) {
-					if ( !elem.className && classNames.length === 1 ) {
-						elem.className = value;
-
-					} else {
-						setClass = " " + elem.className + " ";
-
-						for ( c = 0, cl = classNames.length; c < cl; c++ ) {
-							if ( setClass.indexOf( " " + classNames[ c ] + " " ) < 0 ) {
-								setClass += classNames[ c ] + " ";
-							}
-						}
-						elem.className = jQuery.trim( setClass );
-					}
-				}
-			}
-		}
-
-		return this;
-	},
-
-	removeClass: function( value ) {
-		var removes, className, elem, c, cl, i, l;
-
-		if ( jQuery.isFunction( value ) ) {
-			return this.each(function( j ) {
-				jQuery( this ).removeClass( value.call(this, j, this.className) );
-			});
-		}
-		if ( (value && typeof value === "string") || value === undefined ) {
-			removes = ( value || "" ).split( core_rspace );
-
-			for ( i = 0, l = this.length; i < l; i++ ) {
-				elem = this[ i ];
-				if ( elem.nodeType === 1 && elem.className ) {
-
-					className = (" " + elem.className + " ").replace( rclass, " " );
-
-					// loop over each item in the removal list
-					for ( c = 0, cl = removes.length; c < cl; c++ ) {
-						// Remove until there is nothing to remove,
-						while ( className.indexOf(" " + removes[ c ] + " ") >= 0 ) {
-							className = className.replace( " " + removes[ c ] + " " , " " );
-						}
-					}
-					elem.className = value ? jQuery.trim( className ) : "";
-				}
-			}
-		}
-
-		return this;
-	},
-
-	toggleClass: function( value, stateVal ) {
-		var type = typeof value,
-			isBool = typeof stateVal === "boolean";
-
-		if ( jQuery.isFunction( value ) ) {
-			return this.each(function( i ) {
-				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
-			});
-		}
-
-		return this.each(function() {
-			if ( type === "string" ) {
-				// toggle individual class names
-				var className,
-					i = 0,
-					self = jQuery( this ),
-					state = stateVal,
-					classNames = value.split( core_rspace );
-
-				while ( (className = classNames[ i++ ]) ) {
-					// check each className given, space separated list
-					state = isBool ? state : !self.hasClass( className );
-					self[ state ? "addClass" : "removeClass" ]( className );
-				}
-
-			} else if ( type === "undefined" || type === "boolean" ) {
-				if ( this.className ) {
-					// store className if set
-					jQuery._data( this, "__className__", this.className );
-				}
-
-				// toggle whole className
-				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
-			}
-		});
-	},
-
-	hasClass: function( selector ) {
-		var className = " " + selector + " ",
-			i = 0,
-			l = this.length;
-		for ( ; i < l; i++ ) {
-			if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
-				return true;
-			}
-		}
-
-		return false;
-	},
-
-	val: function( value ) {
-		var hooks, ret, isFunction,
-			elem = this[0];
-
-		if ( !arguments.length ) {
-			if ( elem ) {
-				hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
-
-				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
-					return ret;
-				}
-
-				ret = elem.value;
-
-				return typeof ret === "string" ?
-					// handle most common string cases
-					ret.replace(rreturn, "") :
-					// handle cases where value is null/undef or number
-					ret == null ? "" : ret;
-			}
-
-			return;
-		}
-
-		isFunction = jQuery.isFunction( value );
-
-		return this.each(function( i ) {
-			var val,
-				self = jQuery(this);
-
-			if ( this.nodeType !== 1 ) {
-				return;
-			}
-
-			if ( isFunction ) {
-				val = value.call( this, i, self.val() );
-			} else {
-				val = value;
-			}
-
-			// Treat null/undefined as ""; convert numbers to string
-			if ( val == null ) {
-				val = "";
-			} else if ( typeof val === "number" ) {
-				val += "";
-			} else if ( jQuery.isArray( val ) ) {
-				val = jQuery.map(val, function ( value ) {
-					return value == null ? "" : value + "";
-				});
-			}
-
-			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
-
-			// If set returns undefined, fall back to normal setting
-			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
-				this.value = val;
-			}
-		});
-	}
-});
-
-jQuery.extend({
-	valHooks: {
-		option: {
-			get: function( elem ) {
-				// attributes.value is undefined in Blackberry 4.7 but
-				// uses .value. See #6932
-				var val = elem.attributes.value;
-				return !val || val.specified ? elem.value : elem.text;
-			}
-		},
-		select: {
-			get: function( elem ) {
-				var value, i, max, option,
-					index = elem.selectedIndex,
-					values = [],
-					options = elem.options,
-					one = elem.type === "select-one";
-
-				// Nothing was selected
-				if ( index < 0 ) {
-					return null;
-				}
-
-				// Loop through all the selected options
-				i = one ? index : 0;
-				max = one ? index + 1 : options.length;
-				for ( ; i < max; i++ ) {
-					option = options[ i ];
-
-					// Don't return options that are disabled or in a disabled optgroup
-					if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
-							(!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
-
-						// Get the specific value for the option
-						value = jQuery( option ).val();
-
-						// We don't need an array for one selects
-						if ( one ) {
-							return value;
-						}
-
-						// Multi-Selects return an array
-						values.push( value );
-					}
-				}
-
-				// Fixes Bug #2551 -- select.val() broken in IE after form.reset()
-				if ( one && !values.length && options.length ) {
-					return jQuery( options[ index ] ).val();
-				}
-
-				return values;
-			},
-
-			set: function( elem, value ) {
-				var values = jQuery.makeArray( value );
-
-				jQuery(elem).find("option").each(function() {
-					this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
-				});
-
-				if ( !values.length ) {
-					elem.selectedIndex = -1;
-				}
-				return values;
-			}
-		}
-	},
-
-	// Unused in 1.8, left in so attrFn-stabbers won't die; remove in 1.9
-	attrFn: {},
-
-	attr: function( elem, name, value, pass ) {
-		var ret, hooks, notxml,
-			nType = elem.nodeType;
-
-		// don't get/set attributes on text, comment and attribute nodes
-		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
-			return;
-		}
-
-		if ( pass && jQuery.isFunction( jQuery.fn[ name ] ) ) {
-			return jQuery( elem )[ name ]( value );
-		}
-
-		// Fallback to prop when attributes are not supported
-		if ( typeof elem.getAttribute === "undefined" ) {
-			return jQuery.prop( elem, name, value );
-		}
-
-		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
-		// All attributes are lowercase
-		// Grab necessary hook if one is defined
-		if ( notxml ) {
-			name = name.toLowerCase();
-			hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook );
-		}
-
-		if ( value !== undefined ) {
-
-			if ( value === null ) {
-				jQuery.removeAttr( elem, name );
-				return;
-
-			} else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {
-				return ret;
-
-			} else {
-				elem.setAttribute( name, value + "" );
-				return value;
-			}
-
-		} else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) {
-			return ret;
-
-		} else {
-
-			ret = elem.getAttribute( name );
-
-			// Non-existent attributes return null, we normalize to undefined
-			return ret === null ?
-				undefined :
-				ret;
-		}
-	},
-
-	removeAttr: function( elem, value ) {
-		var propName, attrNames, name, isBool,
-			i = 0;
-
-		if ( value && elem.nodeType === 1 ) {
-
-			attrNames = value.split( core_rspace );
-
-			for ( ; i < attrNames.length; i++ ) {
-				name = attrNames[ i ];
-
-				if ( name ) {
-					propName = jQuery.propFix[ name ] || name;
-					isBool = rboolean.test( name );
-
-					// See #9699 for explanation of this approach (setting first, then removal)
-					// Do not do this for boolean attributes (see #10870)
-					if ( !isBool ) {
-						jQuery.attr( elem, name, "" );
-					}
-					elem.removeAttribute( getSetAttribute ? name : propName );
-
-					// Set corresponding property to false for boolean attributes
-					if ( isBool && propName in elem ) {
-						elem[ propName ] = false;
-					}
-				}
-			}
-		}
-	},
-
-	attrHooks: {
-		type: {
-			set: function( elem, value ) {
-				// We can't allow the type property to be changed (since it causes problems in IE)
-				if ( rtype.test( elem.nodeName ) && elem.parentNode ) {
-					jQuery.error( "type property can't be changed" );
-				} else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
-					// Setting the type on a radio button after the value resets the value in IE6-9
-					// Reset value to it's default in case type is set after value
-					// This is for element creation
-					var val = elem.value;
-					elem.setAttribute( "type", value );
-					if ( val ) {
-						elem.value = val;
-					}
-					return value;
-				}
-			}
-		},
-		// Use the value property for back compat
-		// Use the nodeHook for button elements in IE6/7 (#1954)
-		value: {
-			get: function( elem, name ) {
-				if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
-					return nodeHook.get( elem, name );
-				}
-				return name in elem ?
-					elem.value :
-					null;
-			},
-			set: function( elem, value, name ) {
-				if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
-					return nodeHook.set( elem, value, name );
-				}
-				// Does not return so that setAttribute is also used
-				elem.value = value;
-			}
-		}
-	},
-
-	propFix: {
-		tabindex: "tabIndex",
-		readonly: "readOnly",
-		"for": "htmlFor",
-		"class": "className",
-		maxlength: "maxLength",
-		cellspacing: "cellSpacing",
-		cellpadding: "cellPadding",
-		rowspan: "rowSpan",
-		colspan: "colSpan",
-		usemap: "useMap",
-		frameborder: "frameBorder",
-		contenteditable: "contentEditable"
-	},
-
-	prop: function( elem, name, value ) {
-		var ret, hooks, notxml,
-			nType = elem.nodeType;
-
-		// don't get/set properties on text, comment and attribute nodes
-		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
-			return;
-		}
-
-		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
-		if ( notxml ) {
-			// Fix name and attach hooks
-			name = jQuery.propFix[ name ] || name;
-			hooks = jQuery.propHooks[ name ];
-		}
-
-		if ( value !== undefined ) {
-			if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
-				return ret;
-
-			} else {
-				return ( elem[ name ] = value );
-			}
-
-		} else {
-			if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
-				return ret;
-
-			} else {
-				return elem[ name ];
-			}
-		}
-	},
-
-	propHooks: {
-		tabIndex: {
-			get: function( elem ) {
-				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
-				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
-				var attributeNode = elem.getAttributeNode("tabindex");
-
-				return attributeNode && attributeNode.specified ?
-					parseInt( attributeNode.value, 10 ) :
-					rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
-						0 :
-						undefined;
-			}
-		}
-	}
-});
-
-// Hook for boolean attributes
-boolHook = {
-	get: function( elem, name ) {
-		// Align boolean attributes with corresponding properties
-		// Fall back to attribute presence where some booleans are not supported
-		var attrNode,
-			property = jQuery.prop( elem, name );
-		return property === true || typeof property !== "boolean" && ( attrNode = elem.getAttributeNode(name) ) && attrNode.nodeValue !== false ?
-			name.toLowerCase() :
-			undefined;
-	},
-	set: function( elem, value, name ) {
-		var propName;
-		if ( value === false ) {
-			// Remove boolean attributes when set to false
-			jQuery.removeAttr( elem, name );
-		} else {
-			// value is true since we know at this point it's type boolean and not false
-			// Set boolean attributes to the same name and set the DOM property
-			propName = jQuery.propFix[ name ] || name;
-			if ( propName in elem ) {
-				// Only set the IDL specifically if it already exists on the element
-				elem[ propName ] = true;
-			}
-
-			elem.setAttribute( name, name.toLowerCase() );
-		}
-		return name;
-	}
-};
-
-// IE6/7 do not support getting/setting some attributes with get/setAttribute
-if ( !getSetAttribute ) {
-
-	fixSpecified = {
-		name: true,
-		id: true,
-		coords: true
-	};
-
-	// Use this for any attribute in IE6/7
-	// This fixes almost every IE6/7 issue
-	nodeHook = jQuery.valHooks.button = {
-		get: function( elem, name ) {
-			var ret;
-			ret = elem.getAttributeNode( name );
-			return ret && ( fixSpecified[ name ] ? ret.value !== "" : ret.specified ) ?
-				ret.value :
-				undefined;
-		},
-		set: function( elem, value, name ) {
-			// Set the existing or create a new attribute node
-			var ret = elem.getAttributeNode( name );
-			if ( !ret ) {
-				ret = document.createAttribute( name );
-				elem.setAttributeNode( ret );
-			}
-			return ( ret.value = value + "" );
-		}
-	};
-
-	// Set width and height to auto instead of 0 on empty string( Bug #8150 )
-	// This is for removals
-	jQuery.each([ "width", "height" ], function( i, name ) {
-		jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
-			set: function( elem, value ) {
-				if ( value === "" ) {
-					elem.setAttribute( name, "auto" );
-					return value;
-				}
-			}
-		});
-	});
-
-	// Set contenteditable to false on removals(#10429)
-	// Setting to empty string throws an error as an invalid value
-	jQuery.attrHooks.contenteditable = {
-		get: nodeHook.get,
-		set: function( elem, value, name ) {
-			if ( value === "" ) {
-				value = "false";
-			}
-			nodeHook.set( elem, value, name );
-		}
-	};
-}
-
-
-// Some attributes require a special call on IE
-if ( !jQuery.support.hrefNormalized ) {
-	jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
-		jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
-			get: function( elem ) {
-				var ret = elem.getAttribute( name, 2 );
-				return ret === null ? undefined : ret;
-			}
-		});
-	});
-}
-
-if ( !jQuery.support.style ) {
-	jQuery.attrHooks.style = {
-		get: function( elem ) {
-			// Return undefined in the case of empty string
-			// Normalize to lowercase since IE uppercases css property names
-			return elem.style.cssText.toLowerCase() || undefined;
-		},
-		set: function( elem, value ) {
-			return ( elem.style.cssText = value + "" );
-		}
-	};
-}
-
-// Safari mis-reports the default selected property of an option
-// Accessing the parent's selectedIndex property fixes it
-if ( !jQuery.support.optSelected ) {
-	jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
-		get: function( elem ) {
-			var parent = elem.parentNode;
-
-			if ( parent ) {
-				parent.selectedIndex;
-
-				// Make sure that it also works with optgroups, see #5701
-				if ( parent.parentNode ) {
-					parent.parentNode.selectedIndex;
-				}
-			}
-			return null;
-		}
-	});
-}
-
-// IE6/7 call enctype encoding
-if ( !jQuery.support.enctype ) {
-	jQuery.propFix.enctype = "encoding";
-}
-
-// Radios and checkboxes getter/setter
-if ( !jQuery.support.checkOn ) {
-	jQuery.each([ "radio", "checkbox" ], function() {
-		jQuery.valHooks[ this ] = {
-			get: function( elem ) {
-				// Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
-				return elem.getAttribute("value") === null ? "on" : elem.value;
-			}
-		};
-	});
-}
-jQuery.each([ "radio", "checkbox" ], function() {
-	jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
-		set: function( elem, value ) {
-			if ( jQuery.isArray( value ) ) {
-				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
-			}
-		}
-	});
-});
-var rformElems = /^(?:textarea|input|select)$/i,
-	rtypenamespace = /^([^\.]*|)(?:\.(.+)|)$/,
-	rhoverHack = /(?:^|\s)hover(\.\S+|)\b/,
-	rkeyEvent = /^key/,
-	rmouseEvent = /^(?:mouse|contextmenu)|click/,
-	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
-	hoverHack = function( events ) {
-		return jQuery.event.special.hover ? events : events.replace( rhoverHack, "mouseenter$1 mouseleave$1" );
-	};
-
-/*
+  jQuery.Callbacks = function (options) {
+    // Convert options from String-formatted to Object-formatted if needed
+    // (we check in cache first)
+    options = typeof options === 'string'
+      ? (optionsCache[options] || createOptions(options))
+      : jQuery.extend({}, options);
+
+    let // Last fire value (for non-forgettable lists)
+      memory;
+    // Flag to know if list was already fired
+    let fired;
+    // Flag to know if list is currently firing
+    let firing;
+    // First callback to fire (used internally by add and fireWith)
+    let firingStart;
+    // End of the loop when firing
+    let firingLength;
+    // Index of currently firing callback (modified by remove if needed)
+    let firingIndex;
+    // Actual callback list
+    let list = [];
+    // Stack of fire calls for repeatable lists
+    let stack = !options.once && [];
+    // Fire callbacks
+    var fire = function (data) {
+      memory = options.memory && data;
+      fired = true;
+      firingIndex = firingStart || 0;
+      firingStart = 0;
+      firingLength = list.length;
+      firing = true;
+      for (; list && firingIndex < firingLength; firingIndex++) {
+        if (list[firingIndex].apply(data[0], data[1]) === false && options.stopOnFalse) {
+          memory = false; // To prevent further calls using add
+          break;
+        }
+      }
+      firing = false;
+      if (list) {
+        if (stack) {
+          if (stack.length) {
+            fire(stack.shift());
+          }
+        } else if (memory) {
+          list = [];
+        } else {
+          self.disable();
+        }
+      }
+    };
+    // Actual Callbacks object
+    var self = {
+      // Add a callback or a collection of callbacks to the list
+      add() {
+        if (list) {
+          // First, we save the current length
+          const start = list.length;
+          (function add(args) {
+            jQuery.each(args, (_, arg) => {
+              const type = jQuery.type(arg);
+              if (type === 'function' && (!options.unique || !self.has(arg))) {
+                list.push(arg);
+              } else if (arg && arg.length && type !== 'string') {
+                // Inspect recursively
+                add(arg);
+              }
+            });
+          }(arguments));
+          // Do we need to add the callbacks to the
+          // current firing batch?
+          if (firing) {
+            firingLength = list.length;
+            // With memory, if we're not firing then
+            // we should call right away
+          } else if (memory) {
+            firingStart = start;
+            fire(memory);
+          }
+        }
+        return this;
+      },
+      // Remove a callback from the list
+      remove() {
+        if (list) {
+          jQuery.each(arguments, (_, arg) => {
+            let index;
+            while ((index = jQuery.inArray(arg, list, index)) > -1) {
+              list.splice(index, 1);
+              // Handle firing indexes
+              if (firing) {
+                if (index <= firingLength) {
+                  firingLength--;
+                }
+                if (index <= firingIndex) {
+                  firingIndex--;
+                }
+              }
+            }
+          });
+        }
+        return this;
+      },
+      // Control if a given callback is in the list
+      has(fn) {
+        return jQuery.inArray(fn, list) > -1;
+      },
+      // Remove all callbacks from the list
+      empty() {
+        list = [];
+        return this;
+      },
+      // Have the list do nothing anymore
+      disable() {
+        list = stack = memory = undefined;
+        return this;
+      },
+      // Is it disabled?
+      disabled() {
+        return !list;
+      },
+      // Lock the list in its current state
+      lock() {
+        stack = undefined;
+        if (!memory) {
+          self.disable();
+        }
+        return this;
+      },
+      // Is it locked?
+      locked() {
+        return !stack;
+      },
+      // Call all callbacks with the given context and arguments
+      fireWith(context, args) {
+        args = args || [];
+        args = [context, args.slice ? args.slice() : args];
+        if (list && (!fired || stack)) {
+          if (firing) {
+            stack.push(args);
+          } else {
+            fire(args);
+          }
+        }
+        return this;
+      },
+      // Call all the callbacks with the given arguments
+      fire() {
+        self.fireWith(this, arguments);
+        return this;
+      },
+      // To know if the callbacks have already been called at least once
+      fired() {
+        return !!fired;
+      },
+    };
+
+    return self;
+  };
+  jQuery.extend({
+
+    Deferred(func) {
+      const tuples = [
+        // action, add listener, listener list, final state
+        ['resolve', 'done', jQuery.Callbacks('once memory'), 'resolved'],
+        ['reject', 'fail', jQuery.Callbacks('once memory'), 'rejected'],
+        ['notify', 'progress', jQuery.Callbacks('memory')],
+      ];
+      let state = 'pending';
+      var promise = {
+        state() {
+          return state;
+        },
+        always() {
+          deferred.done(arguments).fail(arguments);
+          return this;
+        },
+        then(/* fnDone, fnFail, fnProgress */) {
+          let fns = arguments;
+          return jQuery.Deferred((newDefer) => {
+            jQuery.each(tuples, (i, tuple) => {
+              const action = tuple[0];
+              const fn = fns[i];
+              // deferred[ done | fail | progress ] for forwarding actions to newDefer
+              deferred[tuple[1]](jQuery.isFunction(fn)
+                ? function () {
+                  const returned = fn.apply(this, arguments);
+                  if (returned && jQuery.isFunction(returned.promise)) {
+                    returned.promise()
+                      .done(newDefer.resolve)
+                      .fail(newDefer.reject)
+                      .progress(newDefer.notify);
+                  } else {
+                    newDefer[`${action}With`](this === deferred ? newDefer : this, [returned]);
+                  }
+                }
+                : newDefer[action]);
+            });
+            fns = null;
+          }).promise();
+        },
+        // Get a promise for this deferred
+        // If obj is provided, the promise aspect is added to the object
+        promise(obj) {
+          return obj != null ? jQuery.extend(obj, promise) : promise;
+        },
+      };
+      var deferred = {};
+
+      // Keep pipe for back-compat
+      promise.pipe = promise.then;
+
+      // Add list-specific methods
+      jQuery.each(tuples, (i, tuple) => {
+        const list = tuple[2];
+        const stateString = tuple[3];
+
+        // promise[ done | fail | progress ] = list.add
+        promise[tuple[1]] = list.add;
+
+        // Handle state
+        if (stateString) {
+          list.add(() => {
+            // state = [ resolved | rejected ]
+            state = stateString;
+
+            // [ reject_list | resolve_list ].disable; progress_list.lock
+          }, tuples[i ^ 1][2].disable, tuples[2][2].lock);
+        }
+
+        // deferred[ resolve | reject | notify ] = list.fire
+        deferred[tuple[0]] = list.fire;
+        deferred[`${tuple[0]}With`] = list.fireWith;
+      });
+
+      // Make the deferred a promise
+      promise.promise(deferred);
+
+      // Call given func if any
+      if (func) {
+        func.call(deferred, deferred);
+      }
+
+      // All done!
+      return deferred;
+    },
+
+    // Deferred helper
+    when(subordinate /* , ..., subordinateN */) {
+      let i = 0;
+      const resolveValues = core_slice.call(arguments);
+      const { length } = resolveValues;
+
+      // the count of uncompleted subordinates
+      let remaining = length !== 1 || (subordinate && jQuery.isFunction(subordinate.promise)) ? length : 0;
+
+      // the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+      const deferred = remaining === 1 ? subordinate : jQuery.Deferred();
+
+      // Update function for both resolve and progress values
+      const updateFunc = function (i, contexts, values) {
+        return function (value) {
+          contexts[i] = this;
+          values[i] = arguments.length > 1 ? core_slice.call(arguments) : value;
+          if (values === progressValues) {
+            deferred.notifyWith(contexts, values);
+          } else if (!(--remaining)) {
+            deferred.resolveWith(contexts, values);
+          }
+        };
+      };
+
+      let progressValues; let progressContexts; let
+        resolveContexts;
+
+      // add listeners to Deferred subordinates; treat others as resolved
+      if (length > 1) {
+        progressValues = new Array(length);
+        progressContexts = new Array(length);
+        resolveContexts = new Array(length);
+        for (; i < length; i++) {
+          if (resolveValues[i] && jQuery.isFunction(resolveValues[i].promise)) {
+            resolveValues[i].promise()
+              .done(updateFunc(i, resolveContexts, resolveValues))
+              .fail(deferred.reject)
+              .progress(updateFunc(i, progressContexts, progressValues));
+          } else {
+            --remaining;
+          }
+        }
+      }
+
+      // if we're not waiting on anything, resolve the master
+      if (!remaining) {
+        deferred.resolveWith(resolveContexts, resolveValues);
+      }
+
+      return deferred.promise();
+    },
+  });
+  jQuery.support = (function () {
+    let support;
+    let all;
+    let a;
+    let select;
+    let opt;
+    let input;
+    let fragment;
+    let eventName;
+    let i;
+    let isSupported;
+    let clickFn;
+    let div = document.createElement('div');
+
+    // Preliminary tests
+    div.setAttribute('className', 't');
+    div.innerHTML = "  
      a";
+
+    all = div.getElementsByTagName('*');
+    a = div.getElementsByTagName('a')[0];
+    a.style.cssText = 'top:1px;float:left;opacity:.5';
+
+    // Can't get basic test support
+    if (!all || !all.length) {
+      return {};
+    }
+
+    // First batch of supports tests
+    select = document.createElement('select');
+    opt = select.appendChild(document.createElement('option'));
+    input = div.getElementsByTagName('input')[0];
+
+    support = {
+      // IE strips leading whitespace when .innerHTML is used
+      leadingWhitespace: (div.firstChild.nodeType === 3),
+
+      // Make sure that tbody elements aren't automatically inserted
+      // IE will insert them into empty tables
+      tbody: !div.getElementsByTagName('tbody').length,
+
+      // Make sure that link elements get serialized correctly by innerHTML
+      // This requires a wrapper element in IE
+      htmlSerialize: !!div.getElementsByTagName('link').length,
+
+      // Get the style information from getAttribute
+      // (IE uses .cssText instead)
+      style: /top/.test(a.getAttribute('style')),
+
+      // Make sure that URLs aren't manipulated
+      // (IE normalizes it by default)
+      hrefNormalized: (a.getAttribute('href') === '/a'),
+
+      // Make sure that element opacity exists
+      // (IE uses filter instead)
+      // Use a regex to work around a WebKit issue. See #5145
+      opacity: /^0.5/.test(a.style.opacity),
+
+      // Verify style float existence
+      // (IE uses styleFloat instead of cssFloat)
+      cssFloat: !!a.style.cssFloat,
+
+      // Make sure that if no value is specified for a checkbox
+      // that it defaults to "on".
+      // (WebKit defaults to "" instead)
+      checkOn: (input.value === 'on'),
+
+      // Make sure that a selected-by-default option has a working selected property.
+      // (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+      optSelected: opt.selected,
+
+      // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
+      getSetAttribute: div.className !== 't',
+
+      // Tests for enctype support on a form(#6743)
+      enctype: !!document.createElement('form').enctype,
+
+      // Makes sure cloning an html5 element does not cause problems
+      // Where outerHTML is undefined, this still works
+      html5Clone: document.createElement('nav').cloneNode(true).outerHTML !== '<:nav>',
+
+      // jQuery.support.boxModel DEPRECATED in 1.8 since we don't support Quirks Mode
+      boxModel: (document.compatMode === 'CSS1Compat'),
+
+      // Will be defined later
+      submitBubbles: true,
+      changeBubbles: true,
+      focusinBubbles: false,
+      deleteExpando: true,
+      noCloneEvent: true,
+      inlineBlockNeedsLayout: false,
+      shrinkWrapBlocks: false,
+      reliableMarginRight: true,
+      boxSizingReliable: true,
+      pixelPosition: false,
+    };
+
+    // Make sure checked status is properly cloned
+    input.checked = true;
+    support.noCloneChecked = input.cloneNode(true).checked;
+
+    // Make sure that the options inside disabled selects aren't marked as disabled
+    // (WebKit marks them as disabled)
+    select.disabled = true;
+    support.optDisabled = !opt.disabled;
+
+    // Test to see if it's possible to delete an expando from an element
+    // Fails in Internet Explorer
+    try {
+      delete div.test;
+    } catch (e) {
+      support.deleteExpando = false;
+    }
+
+    if (!div.addEventListener && div.attachEvent && div.fireEvent) {
+      div.attachEvent('onclick', clickFn = function () {
+        // Cloning a node shouldn't copy over any
+        // bound event handlers (IE does this)
+        support.noCloneEvent = false;
+      });
+      div.cloneNode(true).fireEvent('onclick');
+      div.detachEvent('onclick', clickFn);
+    }
+
+    // Check if a radio maintains its value
+    // after being appended to the DOM
+    input = document.createElement('input');
+    input.value = 't';
+    input.setAttribute('type', 'radio');
+    support.radioValue = input.value === 't';
+
+    input.setAttribute('checked', 'checked');
+
+    // #11217 - WebKit loses check when the name is after the checked attribute
+    input.setAttribute('name', 't');
+
+    div.appendChild(input);
+    fragment = document.createDocumentFragment();
+    fragment.appendChild(div.lastChild);
+
+    // WebKit doesn't clone checked state correctly in fragments
+    support.checkClone = fragment.cloneNode(true).cloneNode(true).lastChild.checked;
+
+    // Check if a disconnected checkbox will retain its checked
+    // value of true after appended to the DOM (IE6/7)
+    support.appendChecked = input.checked;
+
+    fragment.removeChild(input);
+    fragment.appendChild(div);
+
+    // Technique from Juriy Zaytsev
+    // http://perfectionkills.com/detecting-event-support-without-browser-sniffing/
+    // We only care about the case where non-standard event systems
+    // are used, namely in IE. Short-circuiting here helps us to
+    // avoid an eval call (in setAttribute) which can cause CSP
+    // to go haywire. See: https://developer.mozilla.org/en/Security/CSP
+    if (div.attachEvent) {
+      for (i in {
+        submit: true,
+        change: true,
+        focusin: true,
+      }) {
+        eventName = `on${i}`;
+        isSupported = (eventName in div);
+        if (!isSupported) {
+          div.setAttribute(eventName, 'return;');
+          isSupported = (typeof div[eventName] === 'function');
+        }
+        support[`${i}Bubbles`] = isSupported;
+      }
+    }
+
+    // Run tests that need a body at doc ready
+    jQuery(() => {
+      let container; let div; let tds; let marginDiv;
+      const divReset = 'padding:0;margin:0;border:0;display:block;overflow:hidden;';
+      const body = document.getElementsByTagName('body')[0];
+
+      if (!body) {
+        // Return for frameset docs that don't have a body
+        return;
+      }
+
+      container = document.createElement('div');
+      container.style.cssText = 'visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px';
+      body.insertBefore(container, body.firstChild);
+
+      // Construct the test element
+      div = document.createElement('div');
+      container.appendChild(div);
+
+      // Check if table cells still have offsetWidth/Height when they are set
+      // to display:none and there are still other visible table cells in a
+      // table row; if so, offsetWidth/Height are not reliable for use when
+      // determining if an element has been hidden directly using
+      // display:none (it is still safe to use offsets if a parent element is
+      // hidden; don safety goggles and see bug #4512 for more information).
+      // (only IE 8 fails this test)
+      div.innerHTML = '
      t
      ';
+      tds = div.getElementsByTagName('td');
+      tds[0].style.cssText = 'padding:0;margin:0;border:0;display:none';
+      isSupported = (tds[0].offsetHeight === 0);
+
+      tds[0].style.display = '';
+      tds[1].style.display = 'none';
+
+      // Check if empty table cells still have offsetWidth/Height
+      // (IE <= 8 fail this test)
+      support.reliableHiddenOffsets = isSupported && (tds[0].offsetHeight === 0);
+
+      // Check box-sizing and margin behavior
+      div.innerHTML = '';
+      div.style.cssText = 'box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;';
+      support.boxSizing = (div.offsetWidth === 4);
+      support.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== 1);
+
+      // NOTE: To any future maintainer, we've window.getComputedStyle
+      // because jsdom on node.js will break without it.
+      if (window.getComputedStyle) {
+        support.pixelPosition = (window.getComputedStyle(div, null) || {}).top !== '1%';
+        support.boxSizingReliable = (window.getComputedStyle(div, null) || { width: '4px' }).width === '4px';
+
+        // Check if div with explicit width and no margin-right incorrectly
+        // gets computed margin-right based on width of container. For more
+        // info see bug #3333
+        // Fails in WebKit before Feb 2011 nightlies
+        // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+        marginDiv = document.createElement('div');
+        marginDiv.style.cssText = div.style.cssText = divReset;
+        marginDiv.style.marginRight = marginDiv.style.width = '0';
+        div.style.width = '1px';
+        div.appendChild(marginDiv);
+        support.reliableMarginRight =				!parseFloat((window.getComputedStyle(marginDiv, null) || {}).marginRight);
+      }
+
+      if (typeof div.style.zoom !== 'undefined') {
+        // Check if natively block-level elements act like inline-block
+        // elements when setting their display to 'inline' and giving
+        // them layout
+        // (IE < 8 does this)
+        div.innerHTML = '';
+        div.style.cssText = `${divReset}width:1px;padding:1px;display:inline;zoom:1`;
+        support.inlineBlockNeedsLayout = (div.offsetWidth === 3);
+
+        // Check if elements with layout shrink-wrap their children
+        // (IE 6 does this)
+        div.style.display = 'block';
+        div.style.overflow = 'visible';
+        div.innerHTML = '
      ';
+        div.firstChild.style.width = '5px';
+        support.shrinkWrapBlocks = (div.offsetWidth !== 3);
+
+        container.style.zoom = 1;
+      }
+
+      // Null elements to avoid leaks in IE
+      body.removeChild(container);
+      container = div = tds = marginDiv = null;
+    });
+
+    // Null elements to avoid leaks in IE
+    fragment.removeChild(div);
+    all = a = select = opt = input = fragment = div = null;
+
+    return support;
+  }());
+  const rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/;
+  const rmultiDash = /([A-Z])/g;
+
+  jQuery.extend({
+    cache: {},
+
+    deletedIds: [],
+
+    // Remove at next major release (1.9/2.0)
+    uuid: 0,
+
+    // Unique for each copy of jQuery on the page
+    // Non-digits removed to match rinlinejQuery
+    expando: `jQuery${(jQuery.fn.jquery + Math.random()).replace(/\D/g, '')}`,
+
+    // The following elements throw uncatchable exceptions if you
+    // attempt to add expando properties to them.
+    noData: {
+      embed: true,
+      // Ban all objects except for Flash (which handle expandos)
+      object: 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000',
+      applet: true,
+    },
+
+    hasData(elem) {
+      elem = elem.nodeType ? jQuery.cache[elem[jQuery.expando]] : elem[jQuery.expando];
+      return !!elem && !isEmptyDataObject(elem);
+    },
+
+    data(elem, name, data, pvt /* Internal Use Only */) {
+      if (!jQuery.acceptData(elem)) {
+        return;
+      }
+
+      let thisCache; let ret;
+      const internalKey = jQuery.expando;
+      const getByName = typeof name === 'string';
+
+      // We have to handle DOM nodes and JS objects differently because IE6-7
+      // can't GC object references properly across the DOM-JS boundary
+      const isNode = elem.nodeType;
+
+      // Only DOM nodes need the global jQuery cache; JS object data is
+      // attached directly to the object so GC can occur automatically
+      const cache = isNode ? jQuery.cache : elem;
+
+      // Only defining an ID for JS objects if its cache already exists allows
+      // the code to shortcut on the same path as a DOM node with no cache
+      let id = isNode ? elem[internalKey] : elem[internalKey] && internalKey;
+
+      // Avoid doing any more work than we need to when trying to get data on an
+      // object that has no data at all
+      if ((!id || !cache[id] || (!pvt && !cache[id].data)) && getByName && data === undefined) {
+        return;
+      }
+
+      if (!id) {
+        // Only DOM nodes need a new unique ID for each element since their data
+        // ends up in the global cache
+        if (isNode) {
+          elem[internalKey] = id = jQuery.deletedIds.pop() || jQuery.guid++;
+        } else {
+          id = internalKey;
+        }
+      }
+
+      if (!cache[id]) {
+        cache[id] = {};
+
+        // Avoids exposing jQuery metadata on plain JS objects when the object
+        // is serialized using JSON.stringify
+        if (!isNode) {
+          cache[id].toJSON = jQuery.noop;
+        }
+      }
+
+      // An object can be passed to jQuery.data instead of a key/value pair; this gets
+      // shallow copied over onto the existing cache
+      if (typeof name === 'object' || typeof name === 'function') {
+        if (pvt) {
+          cache[id] = jQuery.extend(cache[id], name);
+        } else {
+          cache[id].data = jQuery.extend(cache[id].data, name);
+        }
+      }
+
+      thisCache = cache[id];
+
+      // jQuery data() is stored in a separate object inside the object's internal data
+      // cache in order to avoid key collisions between internal data and user-defined
+      // data.
+      if (!pvt) {
+        if (!thisCache.data) {
+          thisCache.data = {};
+        }
+
+        thisCache = thisCache.data;
+      }
+
+      if (data !== undefined) {
+        thisCache[jQuery.camelCase(name)] = data;
+      }
+
+      // Check for both converted-to-camel and non-converted data property names
+      // If a data property was specified
+      if (getByName) {
+        // First Try to find as-is property data
+        ret = thisCache[name];
+
+        // Test for null|undefined property data
+        if (ret == null) {
+          // Try to find the camelCased property
+          ret = thisCache[jQuery.camelCase(name)];
+        }
+      } else {
+        ret = thisCache;
+      }
+
+      return ret;
+    },
+
+    removeData(elem, name, pvt /* Internal Use Only */) {
+      if (!jQuery.acceptData(elem)) {
+        return;
+      }
+
+      let thisCache; let i; let l;
+
+      const isNode = elem.nodeType;
+
+      // See jQuery.data for more information
+      const cache = isNode ? jQuery.cache : elem;
+      const id = isNode ? elem[jQuery.expando] : jQuery.expando;
+
+      // If there is already no cache entry for this object, there is no
+      // purpose in continuing
+      if (!cache[id]) {
+        return;
+      }
+
+      if (name) {
+        thisCache = pvt ? cache[id] : cache[id].data;
+
+        if (thisCache) {
+          // Support array or space separated string names for data keys
+          if (!jQuery.isArray(name)) {
+            // try the string as a key before any manipulation
+            if (name in thisCache) {
+              name = [name];
+            } else {
+              // split the camel cased version by spaces unless a key with the spaces exists
+              name = jQuery.camelCase(name);
+              if (name in thisCache) {
+                name = [name];
+              } else {
+                name = name.split(' ');
+              }
+            }
+          }
+
+          for (i = 0, l = name.length; i < l; i++) {
+            delete thisCache[name[i]];
+          }
+
+          // If there is no data left in the cache, we want to continue
+          // and let the cache object itself get destroyed
+          if (!(pvt ? isEmptyDataObject : jQuery.isEmptyObject)(thisCache)) {
+            return;
+          }
+        }
+      }
+
+      // See jQuery.data for more information
+      if (!pvt) {
+        delete cache[id].data;
+
+        // Don't destroy the parent cache unless the internal data object
+        // had been the only thing left in it
+        if (!isEmptyDataObject(cache[id])) {
+          return;
+        }
+      }
+
+      // Destroy the cache
+      if (isNode) {
+        jQuery.cleanData([elem], true);
+
+        // Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
+      } else if (jQuery.support.deleteExpando || cache != cache.window) {
+        delete cache[id];
+
+        // When all else fails, null
+      } else {
+        cache[id] = null;
+      }
+    },
+
+    // For internal use only.
+    _data(elem, name, data) {
+      return jQuery.data(elem, name, data, true);
+    },
+
+    // A method for determining if a DOM node can handle the data expando
+    acceptData(elem) {
+      const noData = elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()];
+
+      // nodes accept data unless otherwise specified; rejection can be conditional
+      return !noData || noData !== true && elem.getAttribute('classid') === noData;
+    },
+  });
+
+  jQuery.fn.extend({
+    data(key, value) {
+      let parts; let part; let attr; let name; let l;
+      const elem = this[0];
+      let i = 0;
+      let data = null;
+
+      // Gets all values
+      if (key === undefined) {
+        if (this.length) {
+          data = jQuery.data(elem);
+
+          if (elem.nodeType === 1 && !jQuery._data(elem, 'parsedAttrs')) {
+            attr = elem.attributes;
+            for (l = attr.length; i < l; i++) {
+              name = attr[i].name;
+
+              if (!name.indexOf('data-')) {
+                name = jQuery.camelCase(name.substring(5));
+
+                dataAttr(elem, name, data[name]);
+              }
+            }
+            jQuery._data(elem, 'parsedAttrs', true);
+          }
+        }
+
+        return data;
+      }
+
+      // Sets multiple values
+      if (typeof key === 'object') {
+        return this.each(function () {
+          jQuery.data(this, key);
+        });
+      }
+
+      parts = key.split('.', 2);
+      parts[1] = parts[1] ? `.${parts[1]}` : '';
+      part = `${parts[1]}!`;
+
+      return jQuery.access(this, function (value) {
+        if (value === undefined) {
+          data = this.triggerHandler(`getData${part}`, [parts[0]]);
+
+          // Try to fetch any internally stored data first
+          if (data === undefined && elem) {
+            data = jQuery.data(elem, key);
+            data = dataAttr(elem, key, data);
+          }
+
+          return data === undefined && parts[1]
+            ? this.data(parts[0])
+            : data;
+        }
+
+        parts[1] = value;
+        this.each(function () {
+          const self = jQuery(this);
+
+          self.triggerHandler(`setData${part}`, parts);
+          jQuery.data(this, key, value);
+          self.triggerHandler(`changeData${part}`, parts);
+        });
+      }, null, value, arguments.length > 1, null, false);
+    },
+
+    removeData(key) {
+      return this.each(function () {
+        jQuery.removeData(this, key);
+      });
+    },
+  });
+
+  function dataAttr(elem, key, data) {
+    // If nothing was found internally, try to fetch any
+    // data from the HTML5 data-* attribute
+    if (data === undefined && elem.nodeType === 1) {
+      const name = `data-${key.replace(rmultiDash, '-$1').toLowerCase()}`;
+
+      data = elem.getAttribute(name);
+
+      if (typeof data === 'string') {
+        try {
+          data = data === 'true' ? true
+            : data === 'false' ? false
+              : data === 'null' ? null
+              // Only convert to a number if it doesn't change the string
+                : `${+data}` === data ? +data
+                  : rbrace.test(data) ? jQuery.parseJSON(data)
+                    : data;
+        } catch (e) {}
+
+        // Make sure we set the data so it isn't changed later
+        jQuery.data(elem, key, data);
+      } else {
+        data = undefined;
+      }
+    }
+
+    return data;
+  }
+
+  // checks a cache object for emptiness
+  function isEmptyDataObject(obj) {
+    let name;
+    for (name in obj) {
+      // if the public data object is empty, the private is still empty
+      if (name === 'data' && jQuery.isEmptyObject(obj[name])) {
+        continue;
+      }
+      if (name !== 'toJSON') {
+        return false;
+      }
+    }
+
+    return true;
+  }
+  jQuery.extend({
+    queue(elem, type, data) {
+      let queue;
+
+      if (elem) {
+        type = `${type || 'fx'}queue`;
+        queue = jQuery._data(elem, type);
+
+        // Speed up dequeue by getting out quickly if this is just a lookup
+        if (data) {
+          if (!queue || jQuery.isArray(data)) {
+            queue = jQuery._data(elem, type, jQuery.makeArray(data));
+          } else {
+            queue.push(data);
+          }
+        }
+        return queue || [];
+      }
+    },
+
+    dequeue(elem, type) {
+      type = type || 'fx';
+
+      const queue = jQuery.queue(elem, type);
+      let startLength = queue.length;
+      let fn = queue.shift();
+      const hooks = jQuery._queueHooks(elem, type);
+      const next = function () {
+        jQuery.dequeue(elem, type);
+      };
+
+      // If the fx queue is dequeued, always remove the progress sentinel
+      if (fn === 'inprogress') {
+        fn = queue.shift();
+        startLength--;
+      }
+
+      if (fn) {
+        // Add a progress sentinel to prevent the fx queue from being
+        // automatically dequeued
+        if (type === 'fx') {
+          queue.unshift('inprogress');
+        }
+
+        // clear up the last queue stop function
+        delete hooks.stop;
+        fn.call(elem, next, hooks);
+      }
+
+      if (!startLength && hooks) {
+        hooks.empty.fire();
+      }
+    },
+
+    // not intended for public consumption - generates a queueHooks object, or returns the current one
+    _queueHooks(elem, type) {
+      const key = `${type}queueHooks`;
+      return jQuery._data(elem, key) || jQuery._data(elem, key, {
+        empty: jQuery.Callbacks('once memory').add(() => {
+          jQuery.removeData(elem, `${type}queue`, true);
+          jQuery.removeData(elem, key, true);
+        }),
+      });
+    },
+  });
+
+  jQuery.fn.extend({
+    queue(type, data) {
+      let setter = 2;
+
+      if (typeof type !== 'string') {
+        data = type;
+        type = 'fx';
+        setter--;
+      }
+
+      if (arguments.length < setter) {
+        return jQuery.queue(this[0], type);
+      }
+
+      return data === undefined
+        ? this
+        : this.each(function () {
+          const queue = jQuery.queue(this, type, data);
+
+          // ensure a hooks for this queue
+          jQuery._queueHooks(this, type);
+
+          if (type === 'fx' && queue[0] !== 'inprogress') {
+            jQuery.dequeue(this, type);
+          }
+        });
+    },
+    dequeue(type) {
+      return this.each(function () {
+        jQuery.dequeue(this, type);
+      });
+    },
+    // Based off of the plugin by Clint Helfers, with permission.
+    // http://blindsignals.com/index.php/2009/07/jquery-delay/
+    delay(time, type) {
+      time = jQuery.fx ? jQuery.fx.speeds[time] || time : time;
+      type = type || 'fx';
+
+      return this.queue(type, (next, hooks) => {
+        const timeout = setTimeout(next, time);
+        hooks.stop = function () {
+          clearTimeout(timeout);
+        };
+      });
+    },
+    clearQueue(type) {
+      return this.queue(type || 'fx', []);
+    },
+    // Get a promise resolved when queues of a certain type
+    // are emptied (fx is the type by default)
+    promise(type, obj) {
+      let tmp;
+      let count = 1;
+      const defer = jQuery.Deferred();
+      const elements = this;
+      let i = this.length;
+      const resolve = function () {
+        if (!(--count)) {
+          defer.resolveWith(elements, [elements]);
+        }
+      };
+
+      if (typeof type !== 'string') {
+        obj = type;
+        type = undefined;
+      }
+      type = type || 'fx';
+
+      while (i--) {
+        tmp = jQuery._data(elements[i], `${type}queueHooks`);
+        if (tmp && tmp.empty) {
+          count++;
+          tmp.empty.add(resolve);
+        }
+      }
+      resolve();
+      return defer.promise(obj);
+    },
+  });
+  let nodeHook; let boolHook; let fixSpecified;
+  const rclass = /[\t\r\n]/g;
+  const rreturn = /\r/g;
+  const rtype = /^(?:button|input)$/i;
+  const rfocusable = /^(?:button|input|object|select|textarea)$/i;
+  const rclickable = /^a(?:rea|)$/i;
+  const rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i;
+  const { getSetAttribute } = jQuery.support;
+
+  jQuery.fn.extend({
+    attr(name, value) {
+      return jQuery.access(this, jQuery.attr, name, value, arguments.length > 1);
+    },
+
+    removeAttr(name) {
+      return this.each(function () {
+        jQuery.removeAttr(this, name);
+      });
+    },
+
+    prop(name, value) {
+      return jQuery.access(this, jQuery.prop, name, value, arguments.length > 1);
+    },
+
+    removeProp(name) {
+      name = jQuery.propFix[name] || name;
+      return this.each(function () {
+        // try/catch handles cases where IE balks (such as removing a property on window)
+        try {
+          this[name] = undefined;
+          delete this[name];
+        } catch (e) {}
+      });
+    },
+
+    addClass(value) {
+      let classNames; let i; let l; let elem;
+      let setClass; let c; let
+        cl;
+
+      if (jQuery.isFunction(value)) {
+        return this.each(function (j) {
+          jQuery(this).addClass(value.call(this, j, this.className));
+        });
+      }
+
+      if (value && typeof value === 'string') {
+        classNames = value.split(core_rspace);
+
+        for (i = 0, l = this.length; i < l; i++) {
+          elem = this[i];
+
+          if (elem.nodeType === 1) {
+            if (!elem.className && classNames.length === 1) {
+              elem.className = value;
+            } else {
+              setClass = ` ${elem.className} `;
+
+              for (c = 0, cl = classNames.length; c < cl; c++) {
+                if (setClass.indexOf(` ${classNames[c]} `) < 0) {
+                  setClass += `${classNames[c]} `;
+                }
+              }
+              elem.className = jQuery.trim(setClass);
+            }
+          }
+        }
+      }
+
+      return this;
+    },
+
+    removeClass(value) {
+      let removes; let className; let elem; let c; let cl; let i; let
+        l;
+
+      if (jQuery.isFunction(value)) {
+        return this.each(function (j) {
+          jQuery(this).removeClass(value.call(this, j, this.className));
+        });
+      }
+      if ((value && typeof value === 'string') || value === undefined) {
+        removes = (value || '').split(core_rspace);
+
+        for (i = 0, l = this.length; i < l; i++) {
+          elem = this[i];
+          if (elem.nodeType === 1 && elem.className) {
+            className = (` ${elem.className} `).replace(rclass, ' ');
+
+            // loop over each item in the removal list
+            for (c = 0, cl = removes.length; c < cl; c++) {
+              // Remove until there is nothing to remove,
+              while (className.indexOf(` ${removes[c]} `) >= 0) {
+                className = className.replace(` ${removes[c]} `, ' ');
+              }
+            }
+            elem.className = value ? jQuery.trim(className) : '';
+          }
+        }
+      }
+
+      return this;
+    },
+
+    toggleClass(value, stateVal) {
+      const type = typeof value;
+      const isBool = typeof stateVal === 'boolean';
+
+      if (jQuery.isFunction(value)) {
+        return this.each(function (i) {
+          jQuery(this).toggleClass(value.call(this, i, this.className, stateVal), stateVal);
+        });
+      }
+
+      return this.each(function () {
+        if (type === 'string') {
+          // toggle individual class names
+          let className;
+          let i = 0;
+          const self = jQuery(this);
+          let state = stateVal;
+          const classNames = value.split(core_rspace);
+
+          while ((className = classNames[i++])) {
+            // check each className given, space separated list
+            state = isBool ? state : !self.hasClass(className);
+            self[state ? 'addClass' : 'removeClass'](className);
+          }
+        } else if (type === 'undefined' || type === 'boolean') {
+          if (this.className) {
+            // store className if set
+            jQuery._data(this, '__className__', this.className);
+          }
+
+          // toggle whole className
+          this.className = this.className || value === false ? '' : jQuery._data(this, '__className__') || '';
+        }
+      });
+    },
+
+    hasClass(selector) {
+      const className = ` ${selector} `;
+      let i = 0;
+      const l = this.length;
+      for (; i < l; i++) {
+        if (this[i].nodeType === 1 && (` ${this[i].className} `).replace(rclass, ' ').indexOf(className) >= 0) {
+          return true;
+        }
+      }
+
+      return false;
+    },
+
+    val(value) {
+      let hooks; let ret; let isFunction;
+      const elem = this[0];
+
+      if (!arguments.length) {
+        if (elem) {
+          hooks = jQuery.valHooks[elem.type] || jQuery.valHooks[elem.nodeName.toLowerCase()];
+
+          if (hooks && 'get' in hooks && (ret = hooks.get(elem, 'value')) !== undefined) {
+            return ret;
+          }
+
+          ret = elem.value;
+
+          return typeof ret === 'string'
+          // handle most common string cases
+            ? ret.replace(rreturn, '')
+          // handle cases where value is null/undef or number
+            : ret == null ? '' : ret;
+        }
+
+        return;
+      }
+
+      isFunction = jQuery.isFunction(value);
+
+      return this.each(function (i) {
+        let val;
+        const self = jQuery(this);
+
+        if (this.nodeType !== 1) {
+          return;
+        }
+
+        if (isFunction) {
+          val = value.call(this, i, self.val());
+        } else {
+          val = value;
+        }
+
+        // Treat null/undefined as ""; convert numbers to string
+        if (val == null) {
+          val = '';
+        } else if (typeof val === 'number') {
+          val += '';
+        } else if (jQuery.isArray(val)) {
+          val = jQuery.map(val, (value) => (value == null ? '' : `${value}`));
+        }
+
+        hooks = jQuery.valHooks[this.type] || jQuery.valHooks[this.nodeName.toLowerCase()];
+
+        // If set returns undefined, fall back to normal setting
+        if (!hooks || !('set' in hooks) || hooks.set(this, val, 'value') === undefined) {
+          this.value = val;
+        }
+      });
+    },
+  });
+
+  jQuery.extend({
+    valHooks: {
+      option: {
+        get(elem) {
+          // attributes.value is undefined in Blackberry 4.7 but
+          // uses .value. See #6932
+          const val = elem.attributes.value;
+          return !val || val.specified ? elem.value : elem.text;
+        },
+      },
+      select: {
+        get(elem) {
+          let value; let i; let max; let option;
+          const index = elem.selectedIndex;
+          const values = [];
+          const { options } = elem;
+          const one = elem.type === 'select-one';
+
+          // Nothing was selected
+          if (index < 0) {
+            return null;
+          }
+
+          // Loop through all the selected options
+          i = one ? index : 0;
+          max = one ? index + 1 : options.length;
+          for (; i < max; i++) {
+            option = options[i];
+
+            // Don't return options that are disabled or in a disabled optgroup
+            if (option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute('disabled') === null)
+							&& (!option.parentNode.disabled || !jQuery.nodeName(option.parentNode, 'optgroup'))) {
+              // Get the specific value for the option
+              value = jQuery(option).val();
+
+              // We don't need an array for one selects
+              if (one) {
+                return value;
+              }
+
+              // Multi-Selects return an array
+              values.push(value);
+            }
+          }
+
+          // Fixes Bug #2551 -- select.val() broken in IE after form.reset()
+          if (one && !values.length && options.length) {
+            return jQuery(options[index]).val();
+          }
+
+          return values;
+        },
+
+        set(elem, value) {
+          const values = jQuery.makeArray(value);
+
+          jQuery(elem).find('option').each(function () {
+            this.selected = jQuery.inArray(jQuery(this).val(), values) >= 0;
+          });
+
+          if (!values.length) {
+            elem.selectedIndex = -1;
+          }
+          return values;
+        },
+      },
+    },
+
+    // Unused in 1.8, left in so attrFn-stabbers won't die; remove in 1.9
+    attrFn: {},
+
+    attr(elem, name, value, pass) {
+      let ret; let hooks; let notxml;
+      const nType = elem.nodeType;
+
+      // don't get/set attributes on text, comment and attribute nodes
+      if (!elem || nType === 3 || nType === 8 || nType === 2) {
+        return;
+      }
+
+      if (pass && jQuery.isFunction(jQuery.fn[name])) {
+        return jQuery(elem)[name](value);
+      }
+
+      // Fallback to prop when attributes are not supported
+      if (typeof elem.getAttribute === 'undefined') {
+        return jQuery.prop(elem, name, value);
+      }
+
+      notxml = nType !== 1 || !jQuery.isXMLDoc(elem);
+
+      // All attributes are lowercase
+      // Grab necessary hook if one is defined
+      if (notxml) {
+        name = name.toLowerCase();
+        hooks = jQuery.attrHooks[name] || (rboolean.test(name) ? boolHook : nodeHook);
+      }
+
+      if (value !== undefined) {
+        if (value === null) {
+          jQuery.removeAttr(elem, name);
+        } else if (hooks && 'set' in hooks && notxml && (ret = hooks.set(elem, value, name)) !== undefined) {
+          return ret;
+        } else {
+          elem.setAttribute(name, `${value}`);
+          return value;
+        }
+      } else if (hooks && 'get' in hooks && notxml && (ret = hooks.get(elem, name)) !== null) {
+        return ret;
+      } else {
+        ret = elem.getAttribute(name);
+
+        // Non-existent attributes return null, we normalize to undefined
+        return ret === null
+          ? undefined
+          : ret;
+      }
+    },
+
+    removeAttr(elem, value) {
+      let propName; let attrNames; let name; let isBool;
+      let i = 0;
+
+      if (value && elem.nodeType === 1) {
+        attrNames = value.split(core_rspace);
+
+        for (; i < attrNames.length; i++) {
+          name = attrNames[i];
+
+          if (name) {
+            propName = jQuery.propFix[name] || name;
+            isBool = rboolean.test(name);
+
+            // See #9699 for explanation of this approach (setting first, then removal)
+            // Do not do this for boolean attributes (see #10870)
+            if (!isBool) {
+              jQuery.attr(elem, name, '');
+            }
+            elem.removeAttribute(getSetAttribute ? name : propName);
+
+            // Set corresponding property to false for boolean attributes
+            if (isBool && propName in elem) {
+              elem[propName] = false;
+            }
+          }
+        }
+      }
+    },
+
+    attrHooks: {
+      type: {
+        set(elem, value) {
+          // We can't allow the type property to be changed (since it causes problems in IE)
+          if (rtype.test(elem.nodeName) && elem.parentNode) {
+            jQuery.error("type property can't be changed");
+          } else if (!jQuery.support.radioValue && value === 'radio' && jQuery.nodeName(elem, 'input')) {
+            // Setting the type on a radio button after the value resets the value in IE6-9
+            // Reset value to it's default in case type is set after value
+            // This is for element creation
+            const val = elem.value;
+            elem.setAttribute('type', value);
+            if (val) {
+              elem.value = val;
+            }
+            return value;
+          }
+        },
+      },
+      // Use the value property for back compat
+      // Use the nodeHook for button elements in IE6/7 (#1954)
+      value: {
+        get(elem, name) {
+          if (nodeHook && jQuery.nodeName(elem, 'button')) {
+            return nodeHook.get(elem, name);
+          }
+          return name in elem
+            ? elem.value
+            : null;
+        },
+        set(elem, value, name) {
+          if (nodeHook && jQuery.nodeName(elem, 'button')) {
+            return nodeHook.set(elem, value, name);
+          }
+          // Does not return so that setAttribute is also used
+          elem.value = value;
+        },
+      },
+    },
+
+    propFix: {
+      tabindex: 'tabIndex',
+      readonly: 'readOnly',
+      for: 'htmlFor',
+      class: 'className',
+      maxlength: 'maxLength',
+      cellspacing: 'cellSpacing',
+      cellpadding: 'cellPadding',
+      rowspan: 'rowSpan',
+      colspan: 'colSpan',
+      usemap: 'useMap',
+      frameborder: 'frameBorder',
+      contenteditable: 'contentEditable',
+    },
+
+    prop(elem, name, value) {
+      let ret; let hooks; let notxml;
+      const nType = elem.nodeType;
+
+      // don't get/set properties on text, comment and attribute nodes
+      if (!elem || nType === 3 || nType === 8 || nType === 2) {
+        return;
+      }
+
+      notxml = nType !== 1 || !jQuery.isXMLDoc(elem);
+
+      if (notxml) {
+        // Fix name and attach hooks
+        name = jQuery.propFix[name] || name;
+        hooks = jQuery.propHooks[name];
+      }
+
+      if (value !== undefined) {
+        if (hooks && 'set' in hooks && (ret = hooks.set(elem, value, name)) !== undefined) {
+          return ret;
+        }
+        return (elem[name] = value);
+      }
+      if (hooks && 'get' in hooks && (ret = hooks.get(elem, name)) !== null) {
+        return ret;
+      }
+      return elem[name];
+    },
+
+    propHooks: {
+      tabIndex: {
+        get(elem) {
+          // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+          // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+          const attributeNode = elem.getAttributeNode('tabindex');
+
+          return attributeNode && attributeNode.specified
+            ? parseInt(attributeNode.value, 10)
+            : rfocusable.test(elem.nodeName) || rclickable.test(elem.nodeName) && elem.href
+              ? 0
+              : undefined;
+        },
+      },
+    },
+  });
+
+  // Hook for boolean attributes
+  boolHook = {
+    get(elem, name) {
+      // Align boolean attributes with corresponding properties
+      // Fall back to attribute presence where some booleans are not supported
+      let attrNode;
+      const property = jQuery.prop(elem, name);
+      return property === true || typeof property !== 'boolean' && (attrNode = elem.getAttributeNode(name)) && attrNode.nodeValue !== false
+        ? name.toLowerCase()
+        : undefined;
+    },
+    set(elem, value, name) {
+      let propName;
+      if (value === false) {
+        // Remove boolean attributes when set to false
+        jQuery.removeAttr(elem, name);
+      } else {
+        // value is true since we know at this point it's type boolean and not false
+        // Set boolean attributes to the same name and set the DOM property
+        propName = jQuery.propFix[name] || name;
+        if (propName in elem) {
+          // Only set the IDL specifically if it already exists on the element
+          elem[propName] = true;
+        }
+
+        elem.setAttribute(name, name.toLowerCase());
+      }
+      return name;
+    },
+  };
+
+  // IE6/7 do not support getting/setting some attributes with get/setAttribute
+  if (!getSetAttribute) {
+    fixSpecified = {
+      name: true,
+      id: true,
+      coords: true,
+    };
+
+    // Use this for any attribute in IE6/7
+    // This fixes almost every IE6/7 issue
+    nodeHook = jQuery.valHooks.button = {
+      get(elem, name) {
+        let ret;
+        ret = elem.getAttributeNode(name);
+        return ret && (fixSpecified[name] ? ret.value !== '' : ret.specified)
+          ? ret.value
+          : undefined;
+      },
+      set(elem, value, name) {
+        // Set the existing or create a new attribute node
+        let ret = elem.getAttributeNode(name);
+        if (!ret) {
+          ret = document.createAttribute(name);
+          elem.setAttributeNode(ret);
+        }
+        return (ret.value = `${value}`);
+      },
+    };
+
+    // Set width and height to auto instead of 0 on empty string( Bug #8150 )
+    // This is for removals
+    jQuery.each(['width', 'height'], (i, name) => {
+      jQuery.attrHooks[name] = jQuery.extend(jQuery.attrHooks[name], {
+        set(elem, value) {
+          if (value === '') {
+            elem.setAttribute(name, 'auto');
+            return value;
+          }
+        },
+      });
+    });
+
+    // Set contenteditable to false on removals(#10429)
+    // Setting to empty string throws an error as an invalid value
+    jQuery.attrHooks.contenteditable = {
+      get: nodeHook.get,
+      set(elem, value, name) {
+        if (value === '') {
+          value = 'false';
+        }
+        nodeHook.set(elem, value, name);
+      },
+    };
+  }
+
+  // Some attributes require a special call on IE
+  if (!jQuery.support.hrefNormalized) {
+    jQuery.each(['href', 'src', 'width', 'height'], (i, name) => {
+      jQuery.attrHooks[name] = jQuery.extend(jQuery.attrHooks[name], {
+        get(elem) {
+          const ret = elem.getAttribute(name, 2);
+          return ret === null ? undefined : ret;
+        },
+      });
+    });
+  }
+
+  if (!jQuery.support.style) {
+    jQuery.attrHooks.style = {
+      get(elem) {
+        // Return undefined in the case of empty string
+        // Normalize to lowercase since IE uppercases css property names
+        return elem.style.cssText.toLowerCase() || undefined;
+      },
+      set(elem, value) {
+        return (elem.style.cssText = `${value}`);
+      },
+    };
+  }
+
+  // Safari mis-reports the default selected property of an option
+  // Accessing the parent's selectedIndex property fixes it
+  if (!jQuery.support.optSelected) {
+    jQuery.propHooks.selected = jQuery.extend(jQuery.propHooks.selected, {
+      get(elem) {
+        const parent = elem.parentNode;
+
+        if (parent) {
+          parent.selectedIndex;
+
+          // Make sure that it also works with optgroups, see #5701
+          if (parent.parentNode) {
+            parent.parentNode.selectedIndex;
+          }
+        }
+        return null;
+      },
+    });
+  }
+
+  // IE6/7 call enctype encoding
+  if (!jQuery.support.enctype) {
+    jQuery.propFix.enctype = 'encoding';
+  }
+
+  // Radios and checkboxes getter/setter
+  if (!jQuery.support.checkOn) {
+    jQuery.each(['radio', 'checkbox'], function () {
+      jQuery.valHooks[this] = {
+        get(elem) {
+          // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
+          return elem.getAttribute('value') === null ? 'on' : elem.value;
+        },
+      };
+    });
+  }
+  jQuery.each(['radio', 'checkbox'], function () {
+    jQuery.valHooks[this] = jQuery.extend(jQuery.valHooks[this], {
+      set(elem, value) {
+        if (jQuery.isArray(value)) {
+          return (elem.checked = jQuery.inArray(jQuery(elem).val(), value) >= 0);
+        }
+      },
+    });
+  });
+  const rformElems = /^(?:textarea|input|select)$/i;
+  const rtypenamespace = /^([^\.]*|)(?:\.(.+)|)$/;
+  const rhoverHack = /(?:^|\s)hover(\.\S+|)\b/;
+  const rkeyEvent = /^key/;
+  const rmouseEvent = /^(?:mouse|contextmenu)|click/;
+  const rfocusMorph = /^(?:focusinfocus|focusoutblur)$/;
+  const hoverHack = function (events) {
+    return jQuery.event.special.hover ? events : events.replace(rhoverHack, 'mouseenter$1 mouseleave$1');
+  };
+
+  /*
  * Helper functions for managing events -- not part of the public interface.
  * Props to Dean Edwards' addEvent library for many of the ideas.
  */
-jQuery.event = {
-
-	add: function( elem, types, handler, data, selector ) {
-
-		var elemData, eventHandle, events,
-			t, tns, type, namespaces, handleObj,
-			handleObjIn, handlers, special;
-
-		// Don't attach events to noData or text/comment nodes (allow plain objects tho)
-		if ( elem.nodeType === 3 || elem.nodeType === 8 || !types || !handler || !(elemData = jQuery._data( elem )) ) {
-			return;
-		}
-
-		// Caller can pass in an object of custom data in lieu of the handler
-		if ( handler.handler ) {
-			handleObjIn = handler;
-			handler = handleObjIn.handler;
-			selector = handleObjIn.selector;
-		}
-
-		// Make sure that the handler has a unique ID, used to find/remove it later
-		if ( !handler.guid ) {
-			handler.guid = jQuery.guid++;
-		}
-
-		// Init the element's event structure and main handler, if this is the first
-		events = elemData.events;
-		if ( !events ) {
-			elemData.events = events = {};
-		}
-		eventHandle = elemData.handle;
-		if ( !eventHandle ) {
-			elemData.handle = eventHandle = function( e ) {
-				// Discard the second event of a jQuery.event.trigger() and
-				// when an event is called after a page has unloaded
-				return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
-					jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
-					undefined;
-			};
-			// Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
-			eventHandle.elem = elem;
-		}
-
-		// Handle multiple events separated by a space
-		// jQuery(...).bind("mouseover mouseout", fn);
-		types = jQuery.trim( hoverHack(types) ).split( " " );
-		for ( t = 0; t < types.length; t++ ) {
-
-			tns = rtypenamespace.exec( types[t] ) || [];
-			type = tns[1];
-			namespaces = ( tns[2] || "" ).split( "." ).sort();
-
-			// If event changes its type, use the special event handlers for the changed type
-			special = jQuery.event.special[ type ] || {};
-
-			// If selector defined, determine special event api type, otherwise given type
-			type = ( selector ? special.delegateType : special.bindType ) || type;
-
-			// Update special based on newly reset type
-			special = jQuery.event.special[ type ] || {};
-
-			// handleObj is passed to all event handlers
-			handleObj = jQuery.extend({
-				type: type,
-				origType: tns[1],
-				data: data,
-				handler: handler,
-				guid: handler.guid,
-				selector: selector,
-				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
-				namespace: namespaces.join(".")
-			}, handleObjIn );
-
-			// Init the event handler queue if we're the first
-			handlers = events[ type ];
-			if ( !handlers ) {
-				handlers = events[ type ] = [];
-				handlers.delegateCount = 0;
-
-				// Only use addEventListener/attachEvent if the special events handler returns false
-				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
-					// Bind the global event handler to the element
-					if ( elem.addEventListener ) {
-						elem.addEventListener( type, eventHandle, false );
-
-					} else if ( elem.attachEvent ) {
-						elem.attachEvent( "on" + type, eventHandle );
-					}
-				}
-			}
-
-			if ( special.add ) {
-				special.add.call( elem, handleObj );
-
-				if ( !handleObj.handler.guid ) {
-					handleObj.handler.guid = handler.guid;
-				}
-			}
-
-			// Add to the element's handler list, delegates in front
-			if ( selector ) {
-				handlers.splice( handlers.delegateCount++, 0, handleObj );
-			} else {
-				handlers.push( handleObj );
-			}
-
-			// Keep track of which events have ever been used, for event optimization
-			jQuery.event.global[ type ] = true;
-		}
-
-		// Nullify elem to prevent memory leaks in IE
-		elem = null;
-	},
-
-	global: {},
-
-	// Detach an event or set of events from an element
-	remove: function( elem, types, handler, selector, mappedTypes ) {
-
-		var t, tns, type, origType, namespaces, origCount,
-			j, events, special, eventType, handleObj,
-			elemData = jQuery.hasData( elem ) && jQuery._data( elem );
-
-		if ( !elemData || !(events = elemData.events) ) {
-			return;
-		}
-
-		// Once for each type.namespace in types; type may be omitted
-		types = jQuery.trim( hoverHack( types || "" ) ).split(" ");
-		for ( t = 0; t < types.length; t++ ) {
-			tns = rtypenamespace.exec( types[t] ) || [];
-			type = origType = tns[1];
-			namespaces = tns[2];
-
-			// Unbind all events (on this namespace, if provided) for the element
-			if ( !type ) {
-				for ( type in events ) {
-					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
-				}
-				continue;
-			}
-
-			special = jQuery.event.special[ type ] || {};
-			type = ( selector? special.delegateType : special.bindType ) || type;
-			eventType = events[ type ] || [];
-			origCount = eventType.length;
-			namespaces = namespaces ? new RegExp("(^|\\.)" + namespaces.split(".").sort().join("\\.(?:.*\\.|)") + "(\\.|$)") : null;
-
-			// Remove matching events
-			for ( j = 0; j < eventType.length; j++ ) {
-				handleObj = eventType[ j ];
-
-				if ( ( mappedTypes || origType === handleObj.origType ) &&
-					 ( !handler || handler.guid === handleObj.guid ) &&
-					 ( !namespaces || namespaces.test( handleObj.namespace ) ) &&
-					 ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
-					eventType.splice( j--, 1 );
-
-					if ( handleObj.selector ) {
-						eventType.delegateCount--;
-					}
-					if ( special.remove ) {
-						special.remove.call( elem, handleObj );
-					}
-				}
-			}
-
-			// Remove generic event handler if we removed something and no more handlers exist
-			// (avoids potential for endless recursion during removal of special event handlers)
-			if ( eventType.length === 0 && origCount !== eventType.length ) {
-				if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
-					jQuery.removeEvent( elem, type, elemData.handle );
-				}
-
-				delete events[ type ];
-			}
-		}
-
-		// Remove the expando if it's no longer used
-		if ( jQuery.isEmptyObject( events ) ) {
-			delete elemData.handle;
-
-			// removeData also checks for emptiness and clears the expando if empty
-			// so use it instead of delete
-			jQuery.removeData( elem, "events", true );
-		}
-	},
-
-	// Events that are safe to short-circuit if no handlers are attached.
-	// Native DOM events should not be added, they may have inline handlers.
-	customEvent: {
-		"getData": true,
-		"setData": true,
-		"changeData": true
-	},
-
-	trigger: function( event, data, elem, onlyHandlers ) {
-		// Don't do events on text and comment nodes
-		if ( elem && (elem.nodeType === 3 || elem.nodeType === 8) ) {
-			return;
-		}
-
-		// Event object or event type
-		var cache, exclusive, i, cur, old, ontype, special, handle, eventPath, bubbleType,
-			type = event.type || event,
-			namespaces = [];
-
-		// focus/blur morphs to focusin/out; ensure we're not firing them right now
-		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
-			return;
-		}
-
-		if ( type.indexOf( "!" ) >= 0 ) {
-			// Exclusive events trigger only for the exact event (no namespaces)
-			type = type.slice(0, -1);
-			exclusive = true;
-		}
-
-		if ( type.indexOf( "." ) >= 0 ) {
-			// Namespaced trigger; create a regexp to match event type in handle()
-			namespaces = type.split(".");
-			type = namespaces.shift();
-			namespaces.sort();
-		}
-
-		if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) {
-			// No jQuery handlers for this event type, and it can't have inline handlers
-			return;
-		}
-
-		// Caller can pass in an Event, Object, or just an event type string
-		event = typeof event === "object" ?
-			// jQuery.Event object
-			event[ jQuery.expando ] ? event :
-			// Object literal
-			new jQuery.Event( type, event ) :
-			// Just the event type (string)
-			new jQuery.Event( type );
-
-		event.type = type;
-		event.isTrigger = true;
-		event.exclusive = exclusive;
-		event.namespace = namespaces.join( "." );
-		event.namespace_re = event.namespace? new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)") : null;
-		ontype = type.indexOf( ":" ) < 0 ? "on" + type : "";
-
-		// Handle a global trigger
-		if ( !elem ) {
-
-			// TODO: Stop taunting the data cache; remove global events and always attach to document
-			cache = jQuery.cache;
-			for ( i in cache ) {
-				if ( cache[ i ].events && cache[ i ].events[ type ] ) {
-					jQuery.event.trigger( event, data, cache[ i ].handle.elem, true );
-				}
-			}
-			return;
-		}
-
-		// Clean up the event in case it is being reused
-		event.result = undefined;
-		if ( !event.target ) {
-			event.target = elem;
-		}
-
-		// Clone any incoming data and prepend the event, creating the handler arg list
-		data = data != null ? jQuery.makeArray( data ) : [];
-		data.unshift( event );
-
-		// Allow special events to draw outside the lines
-		special = jQuery.event.special[ type ] || {};
-		if ( special.trigger && special.trigger.apply( elem, data ) === false ) {
-			return;
-		}
-
-		// Determine event propagation path in advance, per W3C events spec (#9951)
-		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
-		eventPath = [[ elem, special.bindType || type ]];
-		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
-
-			bubbleType = special.delegateType || type;
-			cur = rfocusMorph.test( bubbleType + type ) ? elem : elem.parentNode;
-			for ( old = elem; cur; cur = cur.parentNode ) {
-				eventPath.push([ cur, bubbleType ]);
-				old = cur;
-			}
-
-			// Only add window if we got to document (e.g., not plain obj or detached DOM)
-			if ( old === (elem.ownerDocument || document) ) {
-				eventPath.push([ old.defaultView || old.parentWindow || window, bubbleType ]);
-			}
-		}
-
-		// Fire handlers on the event path
-		for ( i = 0; i < eventPath.length && !event.isPropagationStopped(); i++ ) {
-
-			cur = eventPath[i][0];
-			event.type = eventPath[i][1];
-
-			handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
-			if ( handle ) {
-				handle.apply( cur, data );
-			}
-			// Note that this is a bare JS function and not a jQuery handler
-			handle = ontype && cur[ ontype ];
-			if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) {
-				event.preventDefault();
-			}
-		}
-		event.type = type;
-
-		// If nobody prevented the default action, do it now
-		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
-
-			if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) &&
-				!(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {
-
-				// Call a native DOM method on the target with the same name name as the event.
-				// Can't use an .isFunction() check here because IE6/7 fails that test.
-				// Don't do default actions on window, that's where global variables be (#6170)
-				// IE<9 dies on focus/blur to hidden element (#1486)
-				if ( ontype && elem[ type ] && ((type !== "focus" && type !== "blur") || event.target.offsetWidth !== 0) && !jQuery.isWindow( elem ) ) {
-
-					// Don't re-trigger an onFOO event when we call its FOO() method
-					old = elem[ ontype ];
-
-					if ( old ) {
-						elem[ ontype ] = null;
-					}
-
-					// Prevent re-triggering of the same event, since we already bubbled it above
-					jQuery.event.triggered = type;
-					elem[ type ]();
-					jQuery.event.triggered = undefined;
-
-					if ( old ) {
-						elem[ ontype ] = old;
-					}
-				}
-			}
-		}
-
-		return event.result;
-	},
-
-	dispatch: function( event ) {
-
-		// Make a writable jQuery.Event from the native event object
-		event = jQuery.event.fix( event || window.event );
-
-		var i, j, cur, ret, selMatch, matched, matches, handleObj, sel, related,
-			handlers = ( (jQuery._data( this, "events" ) || {} )[ event.type ] || []),
-			delegateCount = handlers.delegateCount,
-			args = core_slice.call( arguments ),
-			run_all = !event.exclusive && !event.namespace,
-			special = jQuery.event.special[ event.type ] || {},
-			handlerQueue = [];
-
-		// Use the fix-ed jQuery.Event rather than the (read-only) native event
-		args[0] = event;
-		event.delegateTarget = this;
-
-		// Call the preDispatch hook for the mapped type, and let it bail if desired
-		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
-			return;
-		}
-
-		// Determine handlers that should run if there are delegated events
-		// Avoid non-left-click bubbling in Firefox (#3861)
-		if ( delegateCount && !(event.button && event.type === "click") ) {
-
-			for ( cur = event.target; cur != this; cur = cur.parentNode || this ) {
-
-				// Don't process clicks (ONLY) on disabled elements (#6911, #8165, #11382, #11764)
-				if ( cur.disabled !== true || event.type !== "click" ) {
-					selMatch = {};
-					matches = [];
-					for ( i = 0; i < delegateCount; i++ ) {
-						handleObj = handlers[ i ];
-						sel = handleObj.selector;
-
-						if ( selMatch[ sel ] === undefined ) {
-							selMatch[ sel ] = handleObj.needsContext ?
-								jQuery( sel, this ).index( cur ) >= 0 :
-								jQuery.find( sel, this, null, [ cur ] ).length;
-						}
-						if ( selMatch[ sel ] ) {
-							matches.push( handleObj );
-						}
-					}
-					if ( matches.length ) {
-						handlerQueue.push({ elem: cur, matches: matches });
-					}
-				}
-			}
-		}
-
-		// Add the remaining (directly-bound) handlers
-		if ( handlers.length > delegateCount ) {
-			handlerQueue.push({ elem: this, matches: handlers.slice( delegateCount ) });
-		}
-
-		// Run delegates first; they may want to stop propagation beneath us
-		for ( i = 0; i < handlerQueue.length && !event.isPropagationStopped(); i++ ) {
-			matched = handlerQueue[ i ];
-			event.currentTarget = matched.elem;
-
-			for ( j = 0; j < matched.matches.length && !event.isImmediatePropagationStopped(); j++ ) {
-				handleObj = matched.matches[ j ];
-
-				// Triggered event must either 1) be non-exclusive and have no namespace, or
-				// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
-				if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) {
-
-					event.data = handleObj.data;
-					event.handleObj = handleObj;
-
-					ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
-							.apply( matched.elem, args );
-
-					if ( ret !== undefined ) {
-						event.result = ret;
-						if ( ret === false ) {
-							event.preventDefault();
-							event.stopPropagation();
-						}
-					}
-				}
-			}
-		}
-
-		// Call the postDispatch hook for the mapped type
-		if ( special.postDispatch ) {
-			special.postDispatch.call( this, event );
-		}
-
-		return event.result;
-	},
-
-	// Includes some event props shared by KeyEvent and MouseEvent
-	// *** attrChange attrName relatedNode srcElement  are not normalized, non-W3C, deprecated, will be removed in 1.8 ***
-	props: "attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
-
-	fixHooks: {},
-
-	keyHooks: {
-		props: "char charCode key keyCode".split(" "),
-		filter: function( event, original ) {
-
-			// Add which for key events
-			if ( event.which == null ) {
-				event.which = original.charCode != null ? original.charCode : original.keyCode;
-			}
-
-			return event;
-		}
-	},
-
-	mouseHooks: {
-		props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
-		filter: function( event, original ) {
-			var eventDoc, doc, body,
-				button = original.button,
-				fromElement = original.fromElement;
-
-			// Calculate pageX/Y if missing and clientX/Y available
-			if ( event.pageX == null && original.clientX != null ) {
-				eventDoc = event.target.ownerDocument || document;
-				doc = eventDoc.documentElement;
-				body = eventDoc.body;
-
-				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
-				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
-			}
-
-			// Add relatedTarget, if necessary
-			if ( !event.relatedTarget && fromElement ) {
-				event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
-			}
-
-			// Add which for click: 1 === left; 2 === middle; 3 === right
-			// Note: button is not normalized, so don't use it
-			if ( !event.which && button !== undefined ) {
-				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
-			}
-
-			return event;
-		}
-	},
-
-	fix: function( event ) {
-		if ( event[ jQuery.expando ] ) {
-			return event;
-		}
-
-		// Create a writable copy of the event object and normalize some properties
-		var i, prop,
-			originalEvent = event,
-			fixHook = jQuery.event.fixHooks[ event.type ] || {},
-			copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
-
-		event = jQuery.Event( originalEvent );
-
-		for ( i = copy.length; i; ) {
-			prop = copy[ --i ];
-			event[ prop ] = originalEvent[ prop ];
-		}
-
-		// Fix target property, if necessary (#1925, IE 6/7/8 & Safari2)
-		if ( !event.target ) {
-			event.target = originalEvent.srcElement || document;
-		}
-
-		// Target should not be a text node (#504, Safari)
-		if ( event.target.nodeType === 3 ) {
-			event.target = event.target.parentNode;
-		}
-
-		// For mouse/key events, metaKey==false if it's undefined (#3368, #11328; IE6/7/8)
-		event.metaKey = !!event.metaKey;
-
-		return fixHook.filter? fixHook.filter( event, originalEvent ) : event;
-	},
-
-	special: {
-		load: {
-			// Prevent triggered image.load events from bubbling to window.load
-			noBubble: true
-		},
-
-		focus: {
-			delegateType: "focusin"
-		},
-		blur: {
-			delegateType: "focusout"
-		},
-
-		beforeunload: {
-			setup: function( data, namespaces, eventHandle ) {
-				// We only want to do this special case on windows
-				if ( jQuery.isWindow( this ) ) {
-					this.onbeforeunload = eventHandle;
-				}
-			},
-
-			teardown: function( namespaces, eventHandle ) {
-				if ( this.onbeforeunload === eventHandle ) {
-					this.onbeforeunload = null;
-				}
-			}
-		}
-	},
-
-	simulate: function( type, elem, event, bubble ) {
-		// Piggyback on a donor event to simulate a different one.
-		// Fake originalEvent to avoid donor's stopPropagation, but if the
-		// simulated event prevents default then we do the same on the donor.
-		var e = jQuery.extend(
-			new jQuery.Event(),
-			event,
-			{ type: type,
-				isSimulated: true,
-				originalEvent: {}
-			}
-		);
-		if ( bubble ) {
-			jQuery.event.trigger( e, null, elem );
-		} else {
-			jQuery.event.dispatch.call( elem, e );
-		}
-		if ( e.isDefaultPrevented() ) {
-			event.preventDefault();
-		}
-	}
-};
-
-// Some plugins are using, but it's undocumented/deprecated and will be removed.
-// The 1.7 special event interface should provide all the hooks needed now.
-jQuery.event.handle = jQuery.event.dispatch;
-
-jQuery.removeEvent = document.removeEventListener ?
-	function( elem, type, handle ) {
-		if ( elem.removeEventListener ) {
-			elem.removeEventListener( type, handle, false );
-		}
-	} :
-	function( elem, type, handle ) {
-		var name = "on" + type;
-
-		if ( elem.detachEvent ) {
-
-			// #8545, #7054, preventing memory leaks for custom events in IE6-8 –
-			// detachEvent needed property on element, by name of that event, to properly expose it to GC
-			if ( typeof elem[ name ] === "undefined" ) {
-				elem[ name ] = null;
-			}
-
-			elem.detachEvent( name, handle );
-		}
-	};
-
-jQuery.Event = function( src, props ) {
-	// Allow instantiation without the 'new' keyword
-	if ( !(this instanceof jQuery.Event) ) {
-		return new jQuery.Event( src, props );
-	}
-
-	// Event object
-	if ( src && src.type ) {
-		this.originalEvent = src;
-		this.type = src.type;
-
-		// Events bubbling up the document may have been marked as prevented
-		// by a handler lower down the tree; reflect the correct value.
-		this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
-			src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
-
-	// Event type
-	} else {
-		this.type = src;
-	}
-
-	// Put explicitly provided properties onto the event object
-	if ( props ) {
-		jQuery.extend( this, props );
-	}
-
-	// Create a timestamp if incoming event doesn't have one
-	this.timeStamp = src && src.timeStamp || jQuery.now();
-
-	// Mark it as fixed
-	this[ jQuery.expando ] = true;
-};
-
-function returnFalse() {
-	return false;
-}
-function returnTrue() {
-	return true;
-}
-
-// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
-// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-jQuery.Event.prototype = {
-	preventDefault: function() {
-		this.isDefaultPrevented = returnTrue;
-
-		var e = this.originalEvent;
-		if ( !e ) {
-			return;
-		}
-
-		// if preventDefault exists run it on the original event
-		if ( e.preventDefault ) {
-			e.preventDefault();
-
-		// otherwise set the returnValue property of the original event to false (IE)
-		} else {
-			e.returnValue = false;
-		}
-	},
-	stopPropagation: function() {
-		this.isPropagationStopped = returnTrue;
-
-		var e = this.originalEvent;
-		if ( !e ) {
-			return;
-		}
-		// if stopPropagation exists run it on the original event
-		if ( e.stopPropagation ) {
-			e.stopPropagation();
-		}
-		// otherwise set the cancelBubble property of the original event to true (IE)
-		e.cancelBubble = true;
-	},
-	stopImmediatePropagation: function() {
-		this.isImmediatePropagationStopped = returnTrue;
-		this.stopPropagation();
-	},
-	isDefaultPrevented: returnFalse,
-	isPropagationStopped: returnFalse,
-	isImmediatePropagationStopped: returnFalse
-};
-
-// Create mouseenter/leave events using mouseover/out and event-time checks
-jQuery.each({
-	mouseenter: "mouseover",
-	mouseleave: "mouseout"
-}, function( orig, fix ) {
-	jQuery.event.special[ orig ] = {
-		delegateType: fix,
-		bindType: fix,
-
-		handle: function( event ) {
-			var ret,
-				target = this,
-				related = event.relatedTarget,
-				handleObj = event.handleObj,
-				selector = handleObj.selector;
-
-			// For mousenter/leave call the handler if related is outside the target.
-			// NB: No relatedTarget if the mouse left/entered the browser window
-			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
-				event.type = handleObj.origType;
-				ret = handleObj.handler.apply( this, arguments );
-				event.type = fix;
-			}
-			return ret;
-		}
-	};
-});
-
-// IE submit delegation
-if ( !jQuery.support.submitBubbles ) {
-
-	jQuery.event.special.submit = {
-		setup: function() {
-			// Only need this for delegated form submit events
-			if ( jQuery.nodeName( this, "form" ) ) {
-				return false;
-			}
-
-			// Lazy-add a submit handler when a descendant form may potentially be submitted
-			jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
-				// Node name check avoids a VML-related crash in IE (#9807)
-				var elem = e.target,
-					form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
-				if ( form && !jQuery._data( form, "_submit_attached" ) ) {
-					jQuery.event.add( form, "submit._submit", function( event ) {
-						event._submit_bubble = true;
-					});
-					jQuery._data( form, "_submit_attached", true );
-				}
-			});
-			// return undefined since we don't need an event listener
-		},
-
-		postDispatch: function( event ) {
-			// If form was submitted by the user, bubble the event up the tree
-			if ( event._submit_bubble ) {
-				delete event._submit_bubble;
-				if ( this.parentNode && !event.isTrigger ) {
-					jQuery.event.simulate( "submit", this.parentNode, event, true );
-				}
-			}
-		},
-
-		teardown: function() {
-			// Only need this for delegated form submit events
-			if ( jQuery.nodeName( this, "form" ) ) {
-				return false;
-			}
-
-			// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
-			jQuery.event.remove( this, "._submit" );
-		}
-	};
-}
-
-// IE change delegation and checkbox/radio fix
-if ( !jQuery.support.changeBubbles ) {
-
-	jQuery.event.special.change = {
-
-		setup: function() {
-
-			if ( rformElems.test( this.nodeName ) ) {
-				// IE doesn't fire change on a check/radio until blur; trigger it on click
-				// after a propertychange. Eat the blur-change in special.change.handle.
-				// This still fires onchange a second time for check/radio after blur.
-				if ( this.type === "checkbox" || this.type === "radio" ) {
-					jQuery.event.add( this, "propertychange._change", function( event ) {
-						if ( event.originalEvent.propertyName === "checked" ) {
-							this._just_changed = true;
-						}
-					});
-					jQuery.event.add( this, "click._change", function( event ) {
-						if ( this._just_changed && !event.isTrigger ) {
-							this._just_changed = false;
-						}
-						// Allow triggered, simulated change events (#11500)
-						jQuery.event.simulate( "change", this, event, true );
-					});
-				}
-				return false;
-			}
-			// Delegated event; lazy-add a change handler on descendant inputs
-			jQuery.event.add( this, "beforeactivate._change", function( e ) {
-				var elem = e.target;
-
-				if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "_change_attached" ) ) {
-					jQuery.event.add( elem, "change._change", function( event ) {
-						if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
-							jQuery.event.simulate( "change", this.parentNode, event, true );
-						}
-					});
-					jQuery._data( elem, "_change_attached", true );
-				}
-			});
-		},
-
-		handle: function( event ) {
-			var elem = event.target;
-
-			// Swallow native change events from checkbox/radio, we already triggered them above
-			if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
-				return event.handleObj.handler.apply( this, arguments );
-			}
-		},
-
-		teardown: function() {
-			jQuery.event.remove( this, "._change" );
-
-			return !rformElems.test( this.nodeName );
-		}
-	};
-}
-
-// Create "bubbling" focus and blur events
-if ( !jQuery.support.focusinBubbles ) {
-	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
-
-		// Attach a single capturing handler while someone wants focusin/focusout
-		var attaches = 0,
-			handler = function( event ) {
-				jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
-			};
-
-		jQuery.event.special[ fix ] = {
-			setup: function() {
-				if ( attaches++ === 0 ) {
-					document.addEventListener( orig, handler, true );
-				}
-			},
-			teardown: function() {
-				if ( --attaches === 0 ) {
-					document.removeEventListener( orig, handler, true );
-				}
-			}
-		};
-	});
-}
-
-jQuery.fn.extend({
-
-	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
-		var origFn, type;
-
-		// Types can be a map of types/handlers
-		if ( typeof types === "object" ) {
-			// ( types-Object, selector, data )
-			if ( typeof selector !== "string" ) { // && selector != null
-				// ( types-Object, data )
-				data = data || selector;
-				selector = undefined;
-			}
-			for ( type in types ) {
-				this.on( type, selector, data, types[ type ], one );
-			}
-			return this;
-		}
-
-		if ( data == null && fn == null ) {
-			// ( types, fn )
-			fn = selector;
-			data = selector = undefined;
-		} else if ( fn == null ) {
-			if ( typeof selector === "string" ) {
-				// ( types, selector, fn )
-				fn = data;
-				data = undefined;
-			} else {
-				// ( types, data, fn )
-				fn = data;
-				data = selector;
-				selector = undefined;
-			}
-		}
-		if ( fn === false ) {
-			fn = returnFalse;
-		} else if ( !fn ) {
-			return this;
-		}
-
-		if ( one === 1 ) {
-			origFn = fn;
-			fn = function( event ) {
-				// Can use an empty set, since event contains the info
-				jQuery().off( event );
-				return origFn.apply( this, arguments );
-			};
-			// Use same guid so caller can remove using origFn
-			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
-		}
-		return this.each( function() {
-			jQuery.event.add( this, types, fn, data, selector );
-		});
-	},
-	one: function( types, selector, data, fn ) {
-		return this.on( types, selector, data, fn, 1 );
-	},
-	off: function( types, selector, fn ) {
-		var handleObj, type;
-		if ( types && types.preventDefault && types.handleObj ) {
-			// ( event )  dispatched jQuery.Event
-			handleObj = types.handleObj;
-			jQuery( types.delegateTarget ).off(
-				handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
-				handleObj.selector,
-				handleObj.handler
-			);
-			return this;
-		}
-		if ( typeof types === "object" ) {
-			// ( types-object [, selector] )
-			for ( type in types ) {
-				this.off( type, selector, types[ type ] );
-			}
-			return this;
-		}
-		if ( selector === false || typeof selector === "function" ) {
-			// ( types [, fn] )
-			fn = selector;
-			selector = undefined;
-		}
-		if ( fn === false ) {
-			fn = returnFalse;
-		}
-		return this.each(function() {
-			jQuery.event.remove( this, types, fn, selector );
-		});
-	},
-
-	bind: function( types, data, fn ) {
-		return this.on( types, null, data, fn );
-	},
-	unbind: function( types, fn ) {
-		return this.off( types, null, fn );
-	},
-
-	live: function( types, data, fn ) {
-		jQuery( this.context ).on( types, this.selector, data, fn );
-		return this;
-	},
-	die: function( types, fn ) {
-		jQuery( this.context ).off( types, this.selector || "**", fn );
-		return this;
-	},
-
-	delegate: function( selector, types, data, fn ) {
-		return this.on( types, selector, data, fn );
-	},
-	undelegate: function( selector, types, fn ) {
-		// ( namespace ) or ( selector, types [, fn] )
-		return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
-	},
-
-	trigger: function( type, data ) {
-		return this.each(function() {
-			jQuery.event.trigger( type, data, this );
-		});
-	},
-	triggerHandler: function( type, data ) {
-		if ( this[0] ) {
-			return jQuery.event.trigger( type, data, this[0], true );
-		}
-	},
-
-	toggle: function( fn ) {
-		// Save reference to arguments for access in closure
-		var args = arguments,
-			guid = fn.guid || jQuery.guid++,
-			i = 0,
-			toggler = function( event ) {
-				// Figure out which function to execute
-				var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
-				jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
-
-				// Make sure that clicks stop
-				event.preventDefault();
-
-				// and execute the function
-				return args[ lastToggle ].apply( this, arguments ) || false;
-			};
-
-		// link all the functions, so any of them can unbind this click handler
-		toggler.guid = guid;
-		while ( i < args.length ) {
-			args[ i++ ].guid = guid;
-		}
-
-		return this.click( toggler );
-	},
-
-	hover: function( fnOver, fnOut ) {
-		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
-	}
-});
-
-jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
-	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
-	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
-
-	// Handle event binding
-	jQuery.fn[ name ] = function( data, fn ) {
-		if ( fn == null ) {
-			fn = data;
-			data = null;
-		}
-
-		return arguments.length > 0 ?
-			this.on( name, null, data, fn ) :
-			this.trigger( name );
-	};
-
-	if ( rkeyEvent.test( name ) ) {
-		jQuery.event.fixHooks[ name ] = jQuery.event.keyHooks;
-	}
-
-	if ( rmouseEvent.test( name ) ) {
-		jQuery.event.fixHooks[ name ] = jQuery.event.mouseHooks;
-	}
-});
-/*!
+  jQuery.event = {
+
+    add(elem, types, handler, data, selector) {
+      let elemData; let eventHandle; let events;
+      let t; let tns; let type; let namespaces; let handleObj;
+      let handleObjIn; let handlers; let
+        special;
+
+      // Don't attach events to noData or text/comment nodes (allow plain objects tho)
+      if (elem.nodeType === 3 || elem.nodeType === 8 || !types || !handler || !(elemData = jQuery._data(elem))) {
+        return;
+      }
+
+      // Caller can pass in an object of custom data in lieu of the handler
+      if (handler.handler) {
+        handleObjIn = handler;
+        handler = handleObjIn.handler;
+        selector = handleObjIn.selector;
+      }
+
+      // Make sure that the handler has a unique ID, used to find/remove it later
+      if (!handler.guid) {
+        handler.guid = jQuery.guid++;
+      }
+
+      // Init the element's event structure and main handler, if this is the first
+      events = elemData.events;
+      if (!events) {
+        elemData.events = events = {};
+      }
+      eventHandle = elemData.handle;
+      if (!eventHandle) {
+        elemData.handle = eventHandle = function (e) {
+          // Discard the second event of a jQuery.event.trigger() and
+          // when an event is called after a page has unloaded
+          return typeof jQuery !== 'undefined' && (!e || jQuery.event.triggered !== e.type)
+            ? jQuery.event.dispatch.apply(eventHandle.elem, arguments)
+            : undefined;
+        };
+        // Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
+        eventHandle.elem = elem;
+      }
+
+      // Handle multiple events separated by a space
+      // jQuery(...).bind("mouseover mouseout", fn);
+      types = jQuery.trim(hoverHack(types)).split(' ');
+      for (t = 0; t < types.length; t++) {
+        tns = rtypenamespace.exec(types[t]) || [];
+        type = tns[1];
+        namespaces = (tns[2] || '').split('.').sort();
+
+        // If event changes its type, use the special event handlers for the changed type
+        special = jQuery.event.special[type] || {};
+
+        // If selector defined, determine special event api type, otherwise given type
+        type = (selector ? special.delegateType : special.bindType) || type;
+
+        // Update special based on newly reset type
+        special = jQuery.event.special[type] || {};
+
+        // handleObj is passed to all event handlers
+        handleObj = jQuery.extend({
+          type,
+          origType: tns[1],
+          data,
+          handler,
+          guid: handler.guid,
+          selector,
+          needsContext: selector && jQuery.expr.match.needsContext.test(selector),
+          namespace: namespaces.join('.'),
+        }, handleObjIn);
+
+        // Init the event handler queue if we're the first
+        handlers = events[type];
+        if (!handlers) {
+          handlers = events[type] = [];
+          handlers.delegateCount = 0;
+
+          // Only use addEventListener/attachEvent if the special events handler returns false
+          if (!special.setup || special.setup.call(elem, data, namespaces, eventHandle) === false) {
+            // Bind the global event handler to the element
+            if (elem.addEventListener) {
+              elem.addEventListener(type, eventHandle, false);
+            } else if (elem.attachEvent) {
+              elem.attachEvent(`on${type}`, eventHandle);
+            }
+          }
+        }
+
+        if (special.add) {
+          special.add.call(elem, handleObj);
+
+          if (!handleObj.handler.guid) {
+            handleObj.handler.guid = handler.guid;
+          }
+        }
+
+        // Add to the element's handler list, delegates in front
+        if (selector) {
+          handlers.splice(handlers.delegateCount++, 0, handleObj);
+        } else {
+          handlers.push(handleObj);
+        }
+
+        // Keep track of which events have ever been used, for event optimization
+        jQuery.event.global[type] = true;
+      }
+
+      // Nullify elem to prevent memory leaks in IE
+      elem = null;
+    },
+
+    global: {},
+
+    // Detach an event or set of events from an element
+    remove(elem, types, handler, selector, mappedTypes) {
+      let t; let tns; let type; let origType; let namespaces; let origCount;
+      let j; let events; let special; let eventType; let handleObj;
+      const elemData = jQuery.hasData(elem) && jQuery._data(elem);
+
+      if (!elemData || !(events = elemData.events)) {
+        return;
+      }
+
+      // Once for each type.namespace in types; type may be omitted
+      types = jQuery.trim(hoverHack(types || '')).split(' ');
+      for (t = 0; t < types.length; t++) {
+        tns = rtypenamespace.exec(types[t]) || [];
+        type = origType = tns[1];
+        namespaces = tns[2];
+
+        // Unbind all events (on this namespace, if provided) for the element
+        if (!type) {
+          for (type in events) {
+            jQuery.event.remove(elem, type + types[t], handler, selector, true);
+          }
+          continue;
+        }
+
+        special = jQuery.event.special[type] || {};
+        type = (selector ? special.delegateType : special.bindType) || type;
+        eventType = events[type] || [];
+        origCount = eventType.length;
+        namespaces = namespaces ? new RegExp(`(^|\\.)${namespaces.split('.').sort().join('\\.(?:.*\\.|)')}(\\.|$)`) : null;
+
+        // Remove matching events
+        for (j = 0; j < eventType.length; j++) {
+          handleObj = eventType[j];
+
+          if ((mappedTypes || origType === handleObj.origType)
+					 && (!handler || handler.guid === handleObj.guid)
+					 && (!namespaces || namespaces.test(handleObj.namespace))
+					 && (!selector || selector === handleObj.selector || selector === '**' && handleObj.selector)) {
+            eventType.splice(j--, 1);
+
+            if (handleObj.selector) {
+              eventType.delegateCount--;
+            }
+            if (special.remove) {
+              special.remove.call(elem, handleObj);
+            }
+          }
+        }
+
+        // Remove generic event handler if we removed something and no more handlers exist
+        // (avoids potential for endless recursion during removal of special event handlers)
+        if (eventType.length === 0 && origCount !== eventType.length) {
+          if (!special.teardown || special.teardown.call(elem, namespaces, elemData.handle) === false) {
+            jQuery.removeEvent(elem, type, elemData.handle);
+          }
+
+          delete events[type];
+        }
+      }
+
+      // Remove the expando if it's no longer used
+      if (jQuery.isEmptyObject(events)) {
+        delete elemData.handle;
+
+        // removeData also checks for emptiness and clears the expando if empty
+        // so use it instead of delete
+        jQuery.removeData(elem, 'events', true);
+      }
+    },
+
+    // Events that are safe to short-circuit if no handlers are attached.
+    // Native DOM events should not be added, they may have inline handlers.
+    customEvent: {
+      getData: true,
+      setData: true,
+      changeData: true,
+    },
+
+    trigger(event, data, elem, onlyHandlers) {
+      // Don't do events on text and comment nodes
+      if (elem && (elem.nodeType === 3 || elem.nodeType === 8)) {
+        return;
+      }
+
+      // Event object or event type
+      let cache; let exclusive; let i; let cur; let old; let ontype; let special; let handle; let eventPath; let bubbleType;
+      let type = event.type || event;
+      let namespaces = [];
+
+      // focus/blur morphs to focusin/out; ensure we're not firing them right now
+      if (rfocusMorph.test(type + jQuery.event.triggered)) {
+        return;
+      }
+
+      if (type.indexOf('!') >= 0) {
+        // Exclusive events trigger only for the exact event (no namespaces)
+        type = type.slice(0, -1);
+        exclusive = true;
+      }
+
+      if (type.indexOf('.') >= 0) {
+        // Namespaced trigger; create a regexp to match event type in handle()
+        namespaces = type.split('.');
+        type = namespaces.shift();
+        namespaces.sort();
+      }
+
+      if ((!elem || jQuery.event.customEvent[type]) && !jQuery.event.global[type]) {
+        // No jQuery handlers for this event type, and it can't have inline handlers
+        return;
+      }
+
+      // Caller can pass in an Event, Object, or just an event type string
+      event = typeof event === 'object'
+      // jQuery.Event object
+        ? event[jQuery.expando] ? event
+        // Object literal
+          : new jQuery.Event(type, event)
+      // Just the event type (string)
+        : new jQuery.Event(type);
+
+      event.type = type;
+      event.isTrigger = true;
+      event.exclusive = exclusive;
+      event.namespace = namespaces.join('.');
+      event.namespace_re = event.namespace ? new RegExp(`(^|\\.)${namespaces.join('\\.(?:.*\\.|)')}(\\.|$)`) : null;
+      ontype = type.indexOf(':') < 0 ? `on${type}` : '';
+
+      // Handle a global trigger
+      if (!elem) {
+        // TODO: Stop taunting the data cache; remove global events and always attach to document
+        cache = jQuery.cache;
+        for (i in cache) {
+          if (cache[i].events && cache[i].events[type]) {
+            jQuery.event.trigger(event, data, cache[i].handle.elem, true);
+          }
+        }
+        return;
+      }
+
+      // Clean up the event in case it is being reused
+      event.result = undefined;
+      if (!event.target) {
+        event.target = elem;
+      }
+
+      // Clone any incoming data and prepend the event, creating the handler arg list
+      data = data != null ? jQuery.makeArray(data) : [];
+      data.unshift(event);
+
+      // Allow special events to draw outside the lines
+      special = jQuery.event.special[type] || {};
+      if (special.trigger && special.trigger.apply(elem, data) === false) {
+        return;
+      }
+
+      // Determine event propagation path in advance, per W3C events spec (#9951)
+      // Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+      eventPath = [[elem, special.bindType || type]];
+      if (!onlyHandlers && !special.noBubble && !jQuery.isWindow(elem)) {
+        bubbleType = special.delegateType || type;
+        cur = rfocusMorph.test(bubbleType + type) ? elem : elem.parentNode;
+        for (old = elem; cur; cur = cur.parentNode) {
+          eventPath.push([cur, bubbleType]);
+          old = cur;
+        }
+
+        // Only add window if we got to document (e.g., not plain obj or detached DOM)
+        if (old === (elem.ownerDocument || document)) {
+          eventPath.push([old.defaultView || old.parentWindow || window, bubbleType]);
+        }
+      }
+
+      // Fire handlers on the event path
+      for (i = 0; i < eventPath.length && !event.isPropagationStopped(); i++) {
+        cur = eventPath[i][0];
+        event.type = eventPath[i][1];
+
+        handle = (jQuery._data(cur, 'events') || {})[event.type] && jQuery._data(cur, 'handle');
+        if (handle) {
+          handle.apply(cur, data);
+        }
+        // Note that this is a bare JS function and not a jQuery handler
+        handle = ontype && cur[ontype];
+        if (handle && jQuery.acceptData(cur) && handle.apply && handle.apply(cur, data) === false) {
+          event.preventDefault();
+        }
+      }
+      event.type = type;
+
+      // If nobody prevented the default action, do it now
+      if (!onlyHandlers && !event.isDefaultPrevented()) {
+        if ((!special._default || special._default.apply(elem.ownerDocument, data) === false)
+				&& !(type === 'click' && jQuery.nodeName(elem, 'a')) && jQuery.acceptData(elem)) {
+          // Call a native DOM method on the target with the same name name as the event.
+          // Can't use an .isFunction() check here because IE6/7 fails that test.
+          // Don't do default actions on window, that's where global variables be (#6170)
+          // IE<9 dies on focus/blur to hidden element (#1486)
+          if (ontype && elem[type] && ((type !== 'focus' && type !== 'blur') || event.target.offsetWidth !== 0) && !jQuery.isWindow(elem)) {
+            // Don't re-trigger an onFOO event when we call its FOO() method
+            old = elem[ontype];
+
+            if (old) {
+              elem[ontype] = null;
+            }
+
+            // Prevent re-triggering of the same event, since we already bubbled it above
+            jQuery.event.triggered = type;
+            elem[type]();
+            jQuery.event.triggered = undefined;
+
+            if (old) {
+              elem[ontype] = old;
+            }
+          }
+        }
+      }
+
+      return event.result;
+    },
+
+    dispatch(event) {
+      // Make a writable jQuery.Event from the native event object
+      event = jQuery.event.fix(event || window.event);
+
+      let i; let j; let cur; let ret; let selMatch; let matched; let matches; let handleObj; let sel; let related;
+      const handlers = ((jQuery._data(this, 'events') || {})[event.type] || []);
+      const { delegateCount } = handlers;
+      const args = core_slice.call(arguments);
+      const run_all = !event.exclusive && !event.namespace;
+      const special = jQuery.event.special[event.type] || {};
+      const handlerQueue = [];
+
+      // Use the fix-ed jQuery.Event rather than the (read-only) native event
+      args[0] = event;
+      event.delegateTarget = this;
+
+      // Call the preDispatch hook for the mapped type, and let it bail if desired
+      if (special.preDispatch && special.preDispatch.call(this, event) === false) {
+        return;
+      }
+
+      // Determine handlers that should run if there are delegated events
+      // Avoid non-left-click bubbling in Firefox (#3861)
+      if (delegateCount && !(event.button && event.type === 'click')) {
+        for (cur = event.target; cur != this; cur = cur.parentNode || this) {
+          // Don't process clicks (ONLY) on disabled elements (#6911, #8165, #11382, #11764)
+          if (cur.disabled !== true || event.type !== 'click') {
+            selMatch = {};
+            matches = [];
+            for (i = 0; i < delegateCount; i++) {
+              handleObj = handlers[i];
+              sel = handleObj.selector;
+
+              if (selMatch[sel] === undefined) {
+                selMatch[sel] = handleObj.needsContext
+                  ? jQuery(sel, this).index(cur) >= 0
+                  : jQuery.find(sel, this, null, [cur]).length;
+              }
+              if (selMatch[sel]) {
+                matches.push(handleObj);
+              }
+            }
+            if (matches.length) {
+              handlerQueue.push({ elem: cur, matches });
+            }
+          }
+        }
+      }
+
+      // Add the remaining (directly-bound) handlers
+      if (handlers.length > delegateCount) {
+        handlerQueue.push({ elem: this, matches: handlers.slice(delegateCount) });
+      }
+
+      // Run delegates first; they may want to stop propagation beneath us
+      for (i = 0; i < handlerQueue.length && !event.isPropagationStopped(); i++) {
+        matched = handlerQueue[i];
+        event.currentTarget = matched.elem;
+
+        for (j = 0; j < matched.matches.length && !event.isImmediatePropagationStopped(); j++) {
+          handleObj = matched.matches[j];
+
+          // Triggered event must either 1) be non-exclusive and have no namespace, or
+          // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
+          if (run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test(handleObj.namespace)) {
+            event.data = handleObj.data;
+            event.handleObj = handleObj;
+
+            ret = ((jQuery.event.special[handleObj.origType] || {}).handle || handleObj.handler)
+              .apply(matched.elem, args);
+
+            if (ret !== undefined) {
+              event.result = ret;
+              if (ret === false) {
+                event.preventDefault();
+                event.stopPropagation();
+              }
+            }
+          }
+        }
+      }
+
+      // Call the postDispatch hook for the mapped type
+      if (special.postDispatch) {
+        special.postDispatch.call(this, event);
+      }
+
+      return event.result;
+    },
+
+    // Includes some event props shared by KeyEvent and MouseEvent
+    // *** attrChange attrName relatedNode srcElement  are not normalized, non-W3C, deprecated, will be removed in 1.8 ***
+    props: 'attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which'.split(' '),
+
+    fixHooks: {},
+
+    keyHooks: {
+      props: 'char charCode key keyCode'.split(' '),
+      filter(event, original) {
+        // Add which for key events
+        if (event.which == null) {
+          event.which = original.charCode != null ? original.charCode : original.keyCode;
+        }
+
+        return event;
+      },
+    },
+
+    mouseHooks: {
+      props: 'button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement'.split(' '),
+      filter(event, original) {
+        let eventDoc; let doc; let body;
+        const { button } = original;
+        const { fromElement } = original;
+
+        // Calculate pageX/Y if missing and clientX/Y available
+        if (event.pageX == null && original.clientX != null) {
+          eventDoc = event.target.ownerDocument || document;
+          doc = eventDoc.documentElement;
+          body = eventDoc.body;
+
+          event.pageX = original.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
+          event.pageY = original.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
+        }
+
+        // Add relatedTarget, if necessary
+        if (!event.relatedTarget && fromElement) {
+          event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
+        }
+
+        // Add which for click: 1 === left; 2 === middle; 3 === right
+        // Note: button is not normalized, so don't use it
+        if (!event.which && button !== undefined) {
+          event.which = (button & 1 ? 1 : (button & 2 ? 3 : (button & 4 ? 2 : 0)));
+        }
+
+        return event;
+      },
+    },
+
+    fix(event) {
+      if (event[jQuery.expando]) {
+        return event;
+      }
+
+      // Create a writable copy of the event object and normalize some properties
+      let i; let prop;
+      const originalEvent = event;
+      const fixHook = jQuery.event.fixHooks[event.type] || {};
+      const copy = fixHook.props ? this.props.concat(fixHook.props) : this.props;
+
+      event = jQuery.Event(originalEvent);
+
+      for (i = copy.length; i;) {
+        prop = copy[--i];
+        event[prop] = originalEvent[prop];
+      }
+
+      // Fix target property, if necessary (#1925, IE 6/7/8 & Safari2)
+      if (!event.target) {
+        event.target = originalEvent.srcElement || document;
+      }
+
+      // Target should not be a text node (#504, Safari)
+      if (event.target.nodeType === 3) {
+        event.target = event.target.parentNode;
+      }
+
+      // For mouse/key events, metaKey==false if it's undefined (#3368, #11328; IE6/7/8)
+      event.metaKey = !!event.metaKey;
+
+      return fixHook.filter ? fixHook.filter(event, originalEvent) : event;
+    },
+
+    special: {
+      load: {
+        // Prevent triggered image.load events from bubbling to window.load
+        noBubble: true,
+      },
+
+      focus: {
+        delegateType: 'focusin',
+      },
+      blur: {
+        delegateType: 'focusout',
+      },
+
+      beforeunload: {
+        setup(data, namespaces, eventHandle) {
+          // We only want to do this special case on windows
+          if (jQuery.isWindow(this)) {
+            this.onbeforeunload = eventHandle;
+          }
+        },
+
+        teardown(namespaces, eventHandle) {
+          if (this.onbeforeunload === eventHandle) {
+            this.onbeforeunload = null;
+          }
+        },
+      },
+    },
+
+    simulate(type, elem, event, bubble) {
+      // Piggyback on a donor event to simulate a different one.
+      // Fake originalEvent to avoid donor's stopPropagation, but if the
+      // simulated event prevents default then we do the same on the donor.
+      const e = jQuery.extend(
+        new jQuery.Event(),
+        event,
+        {
+          type,
+          isSimulated: true,
+          originalEvent: {},
+        },
+      );
+      if (bubble) {
+        jQuery.event.trigger(e, null, elem);
+      } else {
+        jQuery.event.dispatch.call(elem, e);
+      }
+      if (e.isDefaultPrevented()) {
+        event.preventDefault();
+      }
+    },
+  };
+
+  // Some plugins are using, but it's undocumented/deprecated and will be removed.
+  // The 1.7 special event interface should provide all the hooks needed now.
+  jQuery.event.handle = jQuery.event.dispatch;
+
+  jQuery.removeEvent = document.removeEventListener
+    ? function (elem, type, handle) {
+      if (elem.removeEventListener) {
+        elem.removeEventListener(type, handle, false);
+      }
+    }
+    : function (elem, type, handle) {
+      const name = `on${type}`;
+
+      if (elem.detachEvent) {
+        // #8545, #7054, preventing memory leaks for custom events in IE6-8 –
+        // detachEvent needed property on element, by name of that event, to properly expose it to GC
+        if (typeof elem[name] === 'undefined') {
+          elem[name] = null;
+        }
+
+        elem.detachEvent(name, handle);
+      }
+    };
+
+  jQuery.Event = function (src, props) {
+    // Allow instantiation without the 'new' keyword
+    if (!(this instanceof jQuery.Event)) {
+      return new jQuery.Event(src, props);
+    }
+
+    // Event object
+    if (src && src.type) {
+      this.originalEvent = src;
+      this.type = src.type;
+
+      // Events bubbling up the document may have been marked as prevented
+      // by a handler lower down the tree; reflect the correct value.
+      this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false
+			|| src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse;
+
+      // Event type
+    } else {
+      this.type = src;
+    }
+
+    // Put explicitly provided properties onto the event object
+    if (props) {
+      jQuery.extend(this, props);
+    }
+
+    // Create a timestamp if incoming event doesn't have one
+    this.timeStamp = src && src.timeStamp || jQuery.now();
+
+    // Mark it as fixed
+    this[jQuery.expando] = true;
+  };
+
+  function returnFalse() {
+    return false;
+  }
+  function returnTrue() {
+    return true;
+  }
+
+  // jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+  // http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+  jQuery.Event.prototype = {
+    preventDefault() {
+      this.isDefaultPrevented = returnTrue;
+
+      const e = this.originalEvent;
+      if (!e) {
+        return;
+      }
+
+      // if preventDefault exists run it on the original event
+      if (e.preventDefault) {
+        e.preventDefault();
+
+        // otherwise set the returnValue property of the original event to false (IE)
+      } else {
+        e.returnValue = false;
+      }
+    },
+    stopPropagation() {
+      this.isPropagationStopped = returnTrue;
+
+      const e = this.originalEvent;
+      if (!e) {
+        return;
+      }
+      // if stopPropagation exists run it on the original event
+      if (e.stopPropagation) {
+        e.stopPropagation();
+      }
+      // otherwise set the cancelBubble property of the original event to true (IE)
+      e.cancelBubble = true;
+    },
+    stopImmediatePropagation() {
+      this.isImmediatePropagationStopped = returnTrue;
+      this.stopPropagation();
+    },
+    isDefaultPrevented: returnFalse,
+    isPropagationStopped: returnFalse,
+    isImmediatePropagationStopped: returnFalse,
+  };
+
+  // Create mouseenter/leave events using mouseover/out and event-time checks
+  jQuery.each({
+    mouseenter: 'mouseover',
+    mouseleave: 'mouseout',
+  }, (orig, fix) => {
+    jQuery.event.special[orig] = {
+      delegateType: fix,
+      bindType: fix,
+
+      handle(event) {
+        let ret;
+        const target = this;
+        const related = event.relatedTarget;
+        const { handleObj } = event;
+        const { selector } = handleObj;
+
+        // For mousenter/leave call the handler if related is outside the target.
+        // NB: No relatedTarget if the mouse left/entered the browser window
+        if (!related || (related !== target && !jQuery.contains(target, related))) {
+          event.type = handleObj.origType;
+          ret = handleObj.handler.apply(this, arguments);
+          event.type = fix;
+        }
+        return ret;
+      },
+    };
+  });
+
+  // IE submit delegation
+  if (!jQuery.support.submitBubbles) {
+    jQuery.event.special.submit = {
+      setup() {
+        // Only need this for delegated form submit events
+        if (jQuery.nodeName(this, 'form')) {
+          return false;
+        }
+
+        // Lazy-add a submit handler when a descendant form may potentially be submitted
+        jQuery.event.add(this, 'click._submit keypress._submit', (e) => {
+          // Node name check avoids a VML-related crash in IE (#9807)
+          const elem = e.target;
+          const form = jQuery.nodeName(elem, 'input') || jQuery.nodeName(elem, 'button') ? elem.form : undefined;
+          if (form && !jQuery._data(form, '_submit_attached')) {
+            jQuery.event.add(form, 'submit._submit', (event) => {
+              event._submit_bubble = true;
+            });
+            jQuery._data(form, '_submit_attached', true);
+          }
+        });
+        // return undefined since we don't need an event listener
+      },
+
+      postDispatch(event) {
+        // If form was submitted by the user, bubble the event up the tree
+        if (event._submit_bubble) {
+          delete event._submit_bubble;
+          if (this.parentNode && !event.isTrigger) {
+            jQuery.event.simulate('submit', this.parentNode, event, true);
+          }
+        }
+      },
+
+      teardown() {
+        // Only need this for delegated form submit events
+        if (jQuery.nodeName(this, 'form')) {
+          return false;
+        }
+
+        // Remove delegated handlers; cleanData eventually reaps submit handlers attached above
+        jQuery.event.remove(this, '._submit');
+      },
+    };
+  }
+
+  // IE change delegation and checkbox/radio fix
+  if (!jQuery.support.changeBubbles) {
+    jQuery.event.special.change = {
+
+      setup() {
+        if (rformElems.test(this.nodeName)) {
+          // IE doesn't fire change on a check/radio until blur; trigger it on click
+          // after a propertychange. Eat the blur-change in special.change.handle.
+          // This still fires onchange a second time for check/radio after blur.
+          if (this.type === 'checkbox' || this.type === 'radio') {
+            jQuery.event.add(this, 'propertychange._change', function (event) {
+              if (event.originalEvent.propertyName === 'checked') {
+                this._just_changed = true;
+              }
+            });
+            jQuery.event.add(this, 'click._change', function (event) {
+              if (this._just_changed && !event.isTrigger) {
+                this._just_changed = false;
+              }
+              // Allow triggered, simulated change events (#11500)
+              jQuery.event.simulate('change', this, event, true);
+            });
+          }
+          return false;
+        }
+        // Delegated event; lazy-add a change handler on descendant inputs
+        jQuery.event.add(this, 'beforeactivate._change', (e) => {
+          const elem = e.target;
+
+          if (rformElems.test(elem.nodeName) && !jQuery._data(elem, '_change_attached')) {
+            jQuery.event.add(elem, 'change._change', function (event) {
+              if (this.parentNode && !event.isSimulated && !event.isTrigger) {
+                jQuery.event.simulate('change', this.parentNode, event, true);
+              }
+            });
+            jQuery._data(elem, '_change_attached', true);
+          }
+        });
+      },
+
+      handle(event) {
+        const elem = event.target;
+
+        // Swallow native change events from checkbox/radio, we already triggered them above
+        if (this !== elem || event.isSimulated || event.isTrigger || (elem.type !== 'radio' && elem.type !== 'checkbox')) {
+          return event.handleObj.handler.apply(this, arguments);
+        }
+      },
+
+      teardown() {
+        jQuery.event.remove(this, '._change');
+
+        return !rformElems.test(this.nodeName);
+      },
+    };
+  }
+
+  // Create "bubbling" focus and blur events
+  if (!jQuery.support.focusinBubbles) {
+    jQuery.each({ focus: 'focusin', blur: 'focusout' }, (orig, fix) => {
+      // Attach a single capturing handler while someone wants focusin/focusout
+      let attaches = 0;
+      const handler = function (event) {
+        jQuery.event.simulate(fix, event.target, jQuery.event.fix(event), true);
+      };
+
+      jQuery.event.special[fix] = {
+        setup() {
+          if (attaches++ === 0) {
+            document.addEventListener(orig, handler, true);
+          }
+        },
+        teardown() {
+          if (--attaches === 0) {
+            document.removeEventListener(orig, handler, true);
+          }
+        },
+      };
+    });
+  }
+
+  jQuery.fn.extend({
+
+    on(types, selector, data, fn, /* INTERNAL */ one) {
+      let origFn; let
+        type;
+
+      // Types can be a map of types/handlers
+      if (typeof types === 'object') {
+        // ( types-Object, selector, data )
+        if (typeof selector !== 'string') { // && selector != null
+          // ( types-Object, data )
+          data = data || selector;
+          selector = undefined;
+        }
+        for (type in types) {
+          this.on(type, selector, data, types[type], one);
+        }
+        return this;
+      }
+
+      if (data == null && fn == null) {
+        // ( types, fn )
+        fn = selector;
+        data = selector = undefined;
+      } else if (fn == null) {
+        if (typeof selector === 'string') {
+          // ( types, selector, fn )
+          fn = data;
+          data = undefined;
+        } else {
+          // ( types, data, fn )
+          fn = data;
+          data = selector;
+          selector = undefined;
+        }
+      }
+      if (fn === false) {
+        fn = returnFalse;
+      } else if (!fn) {
+        return this;
+      }
+
+      if (one === 1) {
+        origFn = fn;
+        fn = function (event) {
+          // Can use an empty set, since event contains the info
+          jQuery().off(event);
+          return origFn.apply(this, arguments);
+        };
+        // Use same guid so caller can remove using origFn
+        fn.guid = origFn.guid || (origFn.guid = jQuery.guid++);
+      }
+      return this.each(function () {
+        jQuery.event.add(this, types, fn, data, selector);
+      });
+    },
+    one(types, selector, data, fn) {
+      return this.on(types, selector, data, fn, 1);
+    },
+    off(types, selector, fn) {
+      let handleObj; let
+        type;
+      if (types && types.preventDefault && types.handleObj) {
+        // ( event )  dispatched jQuery.Event
+        handleObj = types.handleObj;
+        jQuery(types.delegateTarget).off(
+          handleObj.namespace ? `${handleObj.origType}.${handleObj.namespace}` : handleObj.origType,
+          handleObj.selector,
+          handleObj.handler,
+        );
+        return this;
+      }
+      if (typeof types === 'object') {
+        // ( types-object [, selector] )
+        for (type in types) {
+          this.off(type, selector, types[type]);
+        }
+        return this;
+      }
+      if (selector === false || typeof selector === 'function') {
+        // ( types [, fn] )
+        fn = selector;
+        selector = undefined;
+      }
+      if (fn === false) {
+        fn = returnFalse;
+      }
+      return this.each(function () {
+        jQuery.event.remove(this, types, fn, selector);
+      });
+    },
+
+    bind(types, data, fn) {
+      return this.on(types, null, data, fn);
+    },
+    unbind(types, fn) {
+      return this.off(types, null, fn);
+    },
+
+    live(types, data, fn) {
+      jQuery(this.context).on(types, this.selector, data, fn);
+      return this;
+    },
+    die(types, fn) {
+      jQuery(this.context).off(types, this.selector || '**', fn);
+      return this;
+    },
+
+    delegate(selector, types, data, fn) {
+      return this.on(types, selector, data, fn);
+    },
+    undelegate(selector, types, fn) {
+      // ( namespace ) or ( selector, types [, fn] )
+      return arguments.length === 1 ? this.off(selector, '**') : this.off(types, selector || '**', fn);
+    },
+
+    trigger(type, data) {
+      return this.each(function () {
+        jQuery.event.trigger(type, data, this);
+      });
+    },
+    triggerHandler(type, data) {
+      if (this[0]) {
+        return jQuery.event.trigger(type, data, this[0], true);
+      }
+    },
+
+    toggle(fn) {
+      // Save reference to arguments for access in closure
+      const args = arguments;
+      const guid = fn.guid || jQuery.guid++;
+      let i = 0;
+      const toggler = function (event) {
+        // Figure out which function to execute
+        const lastToggle = (jQuery._data(this, `lastToggle${fn.guid}`) || 0) % i;
+        jQuery._data(this, `lastToggle${fn.guid}`, lastToggle + 1);
+
+        // Make sure that clicks stop
+        event.preventDefault();
+
+        // and execute the function
+        return args[lastToggle].apply(this, arguments) || false;
+      };
+
+      // link all the functions, so any of them can unbind this click handler
+      toggler.guid = guid;
+      while (i < args.length) {
+        args[i++].guid = guid;
+      }
+
+      return this.click(toggler);
+    },
+
+    hover(fnOver, fnOut) {
+      return this.mouseenter(fnOver).mouseleave(fnOut || fnOver);
+    },
+  });
+
+  jQuery.each(('blur focus focusin focusout load resize scroll unload click dblclick '
+	+ 'mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave '
+	+ 'change select submit keydown keypress keyup error contextmenu').split(' '), (i, name) => {
+    // Handle event binding
+    jQuery.fn[name] = function (data, fn) {
+      if (fn == null) {
+        fn = data;
+        data = null;
+      }
+
+      return arguments.length > 0
+        ? this.on(name, null, data, fn)
+        : this.trigger(name);
+    };
+
+    if (rkeyEvent.test(name)) {
+      jQuery.event.fixHooks[name] = jQuery.event.keyHooks;
+    }
+
+    if (rmouseEvent.test(name)) {
+      jQuery.event.fixHooks[name] = jQuery.event.mouseHooks;
+    }
+  });
+  /*!
  * Sizzle CSS Selector Engine
  * Copyright 2012 jQuery Foundation and other contributors
  * Released under the MIT license
  * http://sizzlejs.com/
  */
-(function( window, undefined ) {
+  (function (window, undefined) {
+    let cachedruns;
+    let assertGetIdNotName;
+    let Expr;
+    let getText;
+    let isXML;
+    let contains;
+    let compile;
+    let sortOrder;
+    let hasDuplicate;
+    let outermostContext;
 
-var cachedruns,
-	assertGetIdNotName,
-	Expr,
-	getText,
-	isXML,
-	contains,
-	compile,
-	sortOrder,
-	hasDuplicate,
-	outermostContext,
+    let baseHasDuplicate = true;
+    const strundefined = 'undefined';
 
-	baseHasDuplicate = true,
-	strundefined = "undefined",
+    const expando = (`sizcache${Math.random()}`).replace('.', '');
 
-	expando = ( "sizcache" + Math.random() ).replace( ".", "" ),
+    const Token = String;
+    const { document } = window;
+    const docElem = document.documentElement;
+    let dirruns = 0;
+    let done = 0;
+    const { pop } = [];
+    const { push } = [];
+    let { slice } = [];
+    // Use a stripped-down indexOf if a native one is unavailable
+    const indexOf = [].indexOf || function (elem) {
+      let i = 0;
+      const len = this.length;
+      for (; i < len; i++) {
+        if (this[i] === elem) {
+          return i;
+        }
+      }
+      return -1;
+    };
 
-	Token = String,
-	document = window.document,
-	docElem = document.documentElement,
-	dirruns = 0,
-	done = 0,
-	pop = [].pop,
-	push = [].push,
-	slice = [].slice,
-	// Use a stripped-down indexOf if a native one is unavailable
-	indexOf = [].indexOf || function( elem ) {
-		var i = 0,
-			len = this.length;
-		for ( ; i < len; i++ ) {
-			if ( this[i] === elem ) {
-				return i;
-			}
-		}
-		return -1;
-	},
+    // Augment a function for special use by Sizzle
+    const markFunction = function (fn, value) {
+      fn[expando] = value == null || value;
+      return fn;
+    };
 
-	// Augment a function for special use by Sizzle
-	markFunction = function( fn, value ) {
-		fn[ expando ] = value == null || value;
-		return fn;
-	},
+    const createCache = function () {
+      const cache = {};
+      const keys = [];
 
-	createCache = function() {
-		var cache = {},
-			keys = [];
+      return markFunction((key, value) => {
+        // Only keep the most recent entries
+        if (keys.push(key) > Expr.cacheLength) {
+          delete cache[keys.shift()];
+        }
 
-		return markFunction(function( key, value ) {
-			// Only keep the most recent entries
-			if ( keys.push( key ) > Expr.cacheLength ) {
-				delete cache[ keys.shift() ];
-			}
+        return (cache[key] = value);
+      }, cache);
+    };
 
-			return (cache[ key ] = value);
-		}, cache );
-	},
+    const classCache = createCache();
+    const tokenCache = createCache();
+    const compilerCache = createCache();
 
-	classCache = createCache(),
-	tokenCache = createCache(),
-	compilerCache = createCache(),
+    // Regex
 
-	// Regex
+    // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+    const whitespace = '[\\x20\\t\\r\\n\\f]';
+    // http://www.w3.org/TR/css3-syntax/#characters
+    const characterEncoding = '(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+';
 
-	// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
-	whitespace = "[\\x20\\t\\r\\n\\f]",
-	// http://www.w3.org/TR/css3-syntax/#characters
-	characterEncoding = "(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+",
+    // Loosely modeled on CSS identifier characters
+    // An unquoted value should be a CSS identifier (http://www.w3.org/TR/css3-selectors/#attribute-selectors)
+    // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+    const identifier = characterEncoding.replace('w', 'w#');
 
-	// Loosely modeled on CSS identifier characters
-	// An unquoted value should be a CSS identifier (http://www.w3.org/TR/css3-selectors/#attribute-selectors)
-	// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
-	identifier = characterEncoding.replace( "w", "w#" ),
+    // Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors
+    const operators = '([*^$|!~]?=)';
+    const attributes = `\\[${whitespace}*(${characterEncoding})${whitespace
+		 }*(?:${operators}${whitespace}*(?:(['"])((?:\\\\.|[^\\\\])*?)\\3|(${identifier})|)|)${whitespace}*\\]`;
 
-	// Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors
-	operators = "([*^$|!~]?=)",
-	attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace +
-		"*(?:" + operators + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]",
+    // Prefer arguments not in parens/brackets,
+    //   then attribute selectors and non-pseudos (denoted by :),
+    //   then anything else
+    // These preferences are here to reduce the number of selectors
+    //   needing tokenize in the PSEUDO preFilter
+    const pseudos = `:(${characterEncoding})(?:\\((?:(['"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:${attributes})|[^:]|\\\\.)*|.*))\\)|)`;
 
-	// Prefer arguments not in parens/brackets,
-	//   then attribute selectors and non-pseudos (denoted by :),
-	//   then anything else
-	// These preferences are here to reduce the number of selectors
-	//   needing tokenize in the PSEUDO preFilter
-	pseudos = ":(" + characterEncoding + ")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:" + attributes + ")|[^:]|\\\\.)*|.*))\\)|)",
+    // For matchExpr.POS and matchExpr.needsContext
+    const pos = `:(even|odd|eq|gt|lt|nth|first|last)(?:\\(${whitespace
+		 }*((?:-\\d)?\\d*)${whitespace}*\\)|)(?=[^-]|$)`;
 
-	// For matchExpr.POS and matchExpr.needsContext
-	pos = ":(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + whitespace +
-		"*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)",
+    // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+    const rtrim = new RegExp(`^${whitespace}+|((?:^|[^\\\\])(?:\\\\.)*)${whitespace}+$`, 'g');
 
-	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
-	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+    const rcomma = new RegExp(`^${whitespace}*,${whitespace}*`);
+    const rcombinators = new RegExp(`^${whitespace}*([\\x20\\t\\r\\n\\f>+~])${whitespace}*`);
+    const rpseudo = new RegExp(pseudos);
 
-	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
-	rcombinators = new RegExp( "^" + whitespace + "*([\\x20\\t\\r\\n\\f>+~])" + whitespace + "*" ),
-	rpseudo = new RegExp( pseudos ),
+    // Easily-parseable/retrievable ID or TAG or CLASS selectors
+    const rquickExpr = /^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/;
 
-	// Easily-parseable/retrievable ID or TAG or CLASS selectors
-	rquickExpr = /^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/,
+    const rnot = /^:not/;
+    const rsibling = /[\x20\t\r\n\f]*[+~]/;
+    const rendsWithNot = /:not\($/;
 
-	rnot = /^:not/,
-	rsibling = /[\x20\t\r\n\f]*[+~]/,
-	rendsWithNot = /:not\($/,
+    const rheader = /h\d/i;
+    const rinputs = /input|select|textarea|button/i;
 
-	rheader = /h\d/i,
-	rinputs = /input|select|textarea|button/i,
+    const rbackslash = /\\(?!\\)/g;
 
-	rbackslash = /\\(?!\\)/g,
+    const matchExpr = {
+      ID: new RegExp(`^#(${characterEncoding})`),
+      CLASS: new RegExp(`^\\.(${characterEncoding})`),
+      NAME: new RegExp(`^\\[name=['"]?(${characterEncoding})['"]?\\]`),
+      TAG: new RegExp(`^(${characterEncoding.replace('w', 'w*')})`),
+      ATTR: new RegExp(`^${attributes}`),
+      PSEUDO: new RegExp(`^${pseudos}`),
+      POS: new RegExp(pos, 'i'),
+      CHILD: new RegExp(`^:(only|nth|first|last)-child(?:\\(${whitespace
+			 }*(even|odd|(([+-]|)(\\d*)n|)${whitespace}*(?:([+-]|)${whitespace
+			 }*(\\d+)|))${whitespace}*\\)|)`, 'i'),
+      // For use in libraries implementing .is()
+      needsContext: new RegExp(`^${whitespace}*[>+~]|${pos}`, 'i'),
+    };
 
-	matchExpr = {
-		"ID": new RegExp( "^#(" + characterEncoding + ")" ),
-		"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
-		"NAME": new RegExp( "^\\[name=['\"]?(" + characterEncoding + ")['\"]?\\]" ),
-		"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
-		"ATTR": new RegExp( "^" + attributes ),
-		"PSEUDO": new RegExp( "^" + pseudos ),
-		"POS": new RegExp( pos, "i" ),
-		"CHILD": new RegExp( "^:(only|nth|first|last)-child(?:\\(" + whitespace +
-			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
-			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
-		// For use in libraries implementing .is()
-		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|" + pos, "i" )
-	},
+    // Support
 
-	// Support
+    // Used for testing something on an element
+    const assert = function (fn) {
+      let div = document.createElement('div');
 
-	// Used for testing something on an element
-	assert = function( fn ) {
-		var div = document.createElement("div");
+      try {
+        return fn(div);
+      } catch (e) {
+        return false;
+      } finally {
+        // release memory in IE
+        div = null;
+      }
+    };
 
-		try {
-			return fn( div );
-		} catch (e) {
-			return false;
-		} finally {
-			// release memory in IE
-			div = null;
-		}
-	},
+    // Check if getElementsByTagName("*") returns only elements
+    const assertTagNameNoComments = assert((div) => {
+      div.appendChild(document.createComment(''));
+      return !div.getElementsByTagName('*').length;
+    });
 
-	// Check if getElementsByTagName("*") returns only elements
-	assertTagNameNoComments = assert(function( div ) {
-		div.appendChild( document.createComment("") );
-		return !div.getElementsByTagName("*").length;
-	}),
+    // Check if getAttribute returns normalized href attributes
+    const assertHrefNotNormalized = assert((div) => {
+      div.innerHTML = "";
+      return div.firstChild && typeof div.firstChild.getAttribute !== strundefined
+			&& div.firstChild.getAttribute('href') === '#';
+    });
 
-	// Check if getAttribute returns normalized href attributes
-	assertHrefNotNormalized = assert(function( div ) {
-		div.innerHTML = "";
-		return div.firstChild && typeof div.firstChild.getAttribute !== strundefined &&
-			div.firstChild.getAttribute("href") === "#";
-	}),
+    // Check if attributes should be retrieved by attribute nodes
+    const assertAttributes = assert((div) => {
+      div.innerHTML = '';
+      const type = typeof div.lastChild.getAttribute('multiple');
+      // IE8 returns a string for some attributes even when not present
+      return type !== 'boolean' && type !== 'string';
+    });
 
-	// Check if attributes should be retrieved by attribute nodes
-	assertAttributes = assert(function( div ) {
-		div.innerHTML = "";
-		var type = typeof div.lastChild.getAttribute("multiple");
-		// IE8 returns a string for some attributes even when not present
-		return type !== "boolean" && type !== "string";
-	}),
+    // Check if getElementsByClassName can be trusted
+    const assertUsableClassName = assert((div) => {
+      // Opera can't find a second classname (in 9.6)
+      div.innerHTML = "";
+      if (!div.getElementsByClassName || !div.getElementsByClassName('e').length) {
+        return false;
+      }
 
-	// Check if getElementsByClassName can be trusted
-	assertUsableClassName = assert(function( div ) {
-		// Opera can't find a second classname (in 9.6)
-		div.innerHTML = "";
-		if ( !div.getElementsByClassName || !div.getElementsByClassName("e").length ) {
-			return false;
-		}
+      // Safari 3.2 caches class attributes and doesn't catch changes
+      div.lastChild.className = 'e';
+      return div.getElementsByClassName('e').length === 2;
+    });
 
-		// Safari 3.2 caches class attributes and doesn't catch changes
-		div.lastChild.className = "e";
-		return div.getElementsByClassName("e").length === 2;
-	}),
+    // Check if getElementById returns elements by name
+    // Check if getElementsByName privileges form controls or returns elements by ID
+    const assertUsableName = assert((div) => {
+      // Inject content
+      div.id = expando + 0;
+      div.innerHTML = `
      `;
+      docElem.insertBefore(div, docElem.firstChild);
 
-	// Check if getElementById returns elements by name
-	// Check if getElementsByName privileges form controls or returns elements by ID
-	assertUsableName = assert(function( div ) {
-		// Inject content
-		div.id = expando + 0;
-		div.innerHTML = "
      ";
-		docElem.insertBefore( div, docElem.firstChild );
-
-		// Test
-		var pass = document.getElementsByName &&
+      // Test
+      const pass = document.getElementsByName
 			// buggy browsers will return fewer than the correct 2
-			document.getElementsByName( expando ).length === 2 +
+			&& document.getElementsByName(expando).length === 2
 			// buggy browsers will return more than the correct 0
-			document.getElementsByName( expando + 0 ).length;
-		assertGetIdNotName = !document.getElementById( expando );
+			+ document.getElementsByName(expando + 0).length;
+      assertGetIdNotName = !document.getElementById(expando);
 
-		// Cleanup
-		docElem.removeChild( div );
+      // Cleanup
+      docElem.removeChild(div);
 
-		return pass;
-	});
+      return pass;
+    });
 
-// If slice is not available, provide a backup
-try {
-	slice.call( docElem.childNodes, 0 )[0].nodeType;
-} catch ( e ) {
-	slice = function( i ) {
-		var elem,
-			results = [];
-		for ( ; (elem = this[i]); i++ ) {
-			results.push( elem );
-		}
-		return results;
-	};
-}
+    // If slice is not available, provide a backup
+    try {
+      slice.call(docElem.childNodes, 0)[0].nodeType;
+    } catch (e) {
+      slice = function (i) {
+        let elem;
+        const results = [];
+        for (; (elem = this[i]); i++) {
+          results.push(elem);
+        }
+        return results;
+      };
+    }
 
-function Sizzle( selector, context, results, seed ) {
-	results = results || [];
-	context = context || document;
-	var match, elem, xml, m,
-		nodeType = context.nodeType;
+    function Sizzle(selector, context, results, seed) {
+      results = results || [];
+      context = context || document;
+      let match; let elem; let xml; let m;
+      const { nodeType } = context;
 
-	if ( !selector || typeof selector !== "string" ) {
-		return results;
-	}
+      if (!selector || typeof selector !== 'string') {
+        return results;
+      }
 
-	if ( nodeType !== 1 && nodeType !== 9 ) {
-		return [];
-	}
+      if (nodeType !== 1 && nodeType !== 9) {
+        return [];
+      }
 
-	xml = isXML( context );
+      xml = isXML(context);
 
-	if ( !xml && !seed ) {
-		if ( (match = rquickExpr.exec( selector )) ) {
-			// Speed-up: Sizzle("#ID")
-			if ( (m = match[1]) ) {
-				if ( nodeType === 9 ) {
-					elem = context.getElementById( m );
-					// Check parentNode to catch when Blackberry 4.6 returns
-					// nodes that are no longer in the document #6963
-					if ( elem && elem.parentNode ) {
-						// Handle the case where IE, Opera, and Webkit return items
-						// by name instead of ID
-						if ( elem.id === m ) {
-							results.push( elem );
-							return results;
-						}
-					} else {
-						return results;
-					}
-				} else {
-					// Context is not a document
-					if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
-						contains( context, elem ) && elem.id === m ) {
-						results.push( elem );
-						return results;
-					}
-				}
+      if (!xml && !seed) {
+        if ((match = rquickExpr.exec(selector))) {
+          // Speed-up: Sizzle("#ID")
+          if ((m = match[1])) {
+            if (nodeType === 9) {
+              elem = context.getElementById(m);
+              // Check parentNode to catch when Blackberry 4.6 returns
+              // nodes that are no longer in the document #6963
+              if (elem && elem.parentNode) {
+                // Handle the case where IE, Opera, and Webkit return items
+                // by name instead of ID
+                if (elem.id === m) {
+                  results.push(elem);
+                  return results;
+                }
+              } else {
+                return results;
+              }
+            } else {
+              // Context is not a document
+              if (context.ownerDocument && (elem = context.ownerDocument.getElementById(m))
+						&& contains(context, elem) && elem.id === m) {
+                results.push(elem);
+                return results;
+              }
+            }
 
-			// Speed-up: Sizzle("TAG")
-			} else if ( match[2] ) {
-				push.apply( results, slice.call(context.getElementsByTagName( selector ), 0) );
-				return results;
+            // Speed-up: Sizzle("TAG")
+          } else if (match[2]) {
+            push.apply(results, slice.call(context.getElementsByTagName(selector), 0));
+            return results;
 
-			// Speed-up: Sizzle(".CLASS")
-			} else if ( (m = match[3]) && assertUsableClassName && context.getElementsByClassName ) {
-				push.apply( results, slice.call(context.getElementsByClassName( m ), 0) );
-				return results;
-			}
-		}
-	}
+            // Speed-up: Sizzle(".CLASS")
+          } else if ((m = match[3]) && assertUsableClassName && context.getElementsByClassName) {
+            push.apply(results, slice.call(context.getElementsByClassName(m), 0));
+            return results;
+          }
+        }
+      }
 
-	// All others
-	return select( selector.replace( rtrim, "$1" ), context, results, seed, xml );
-}
+      // All others
+      return select(selector.replace(rtrim, '$1'), context, results, seed, xml);
+    }
 
-Sizzle.matches = function( expr, elements ) {
-	return Sizzle( expr, null, null, elements );
-};
+    Sizzle.matches = function (expr, elements) {
+      return Sizzle(expr, null, null, elements);
+    };
 
-Sizzle.matchesSelector = function( elem, expr ) {
-	return Sizzle( expr, null, null, [ elem ] ).length > 0;
-};
+    Sizzle.matchesSelector = function (elem, expr) {
+      return Sizzle(expr, null, null, [elem]).length > 0;
+    };
 
-// Returns a function to use in pseudos for input types
-function createInputPseudo( type ) {
-	return function( elem ) {
-		var name = elem.nodeName.toLowerCase();
-		return name === "input" && elem.type === type;
-	};
-}
+    // Returns a function to use in pseudos for input types
+    function createInputPseudo(type) {
+      return function (elem) {
+        const name = elem.nodeName.toLowerCase();
+        return name === 'input' && elem.type === type;
+      };
+    }
 
-// Returns a function to use in pseudos for buttons
-function createButtonPseudo( type ) {
-	return function( elem ) {
-		var name = elem.nodeName.toLowerCase();
-		return (name === "input" || name === "button") && elem.type === type;
-	};
-}
+    // Returns a function to use in pseudos for buttons
+    function createButtonPseudo(type) {
+      return function (elem) {
+        const name = elem.nodeName.toLowerCase();
+        return (name === 'input' || name === 'button') && elem.type === type;
+      };
+    }
 
-// Returns a function to use in pseudos for positionals
-function createPositionalPseudo( fn ) {
-	return markFunction(function( argument ) {
-		argument = +argument;
-		return markFunction(function( seed, matches ) {
-			var j,
-				matchIndexes = fn( [], seed.length, argument ),
-				i = matchIndexes.length;
+    // Returns a function to use in pseudos for positionals
+    function createPositionalPseudo(fn) {
+      return markFunction((argument) => {
+        argument = +argument;
+        return markFunction((seed, matches) => {
+          let j;
+          const matchIndexes = fn([], seed.length, argument);
+          let i = matchIndexes.length;
 
-			// Match elements found at the specified indexes
-			while ( i-- ) {
-				if ( seed[ (j = matchIndexes[i]) ] ) {
-					seed[j] = !(matches[j] = seed[j]);
-				}
-			}
-		});
-	});
-}
+          // Match elements found at the specified indexes
+          while (i--) {
+            if (seed[(j = matchIndexes[i])]) {
+              seed[j] = !(matches[j] = seed[j]);
+            }
+          }
+        });
+      });
+    }
 
-/**
+    /**
  * Utility function for retrieving the text value of an array of DOM nodes
  * @param {Array|Element} elem
  */
-getText = Sizzle.getText = function( elem ) {
-	var node,
-		ret = "",
-		i = 0,
-		nodeType = elem.nodeType;
+    getText = Sizzle.getText = function (elem) {
+      let node;
+      let ret = '';
+      let i = 0;
+      const { nodeType } = elem;
 
-	if ( nodeType ) {
-		if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
-			// Use textContent for elements
-			// innerText usage removed for consistency of new lines (see #11153)
-			if ( typeof elem.textContent === "string" ) {
-				return elem.textContent;
-			} else {
-				// Traverse its children
-				for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
-					ret += getText( elem );
-				}
-			}
-		} else if ( nodeType === 3 || nodeType === 4 ) {
-			return elem.nodeValue;
-		}
-		// Do not include comment or processing instruction nodes
-	} else {
+      if (nodeType) {
+        if (nodeType === 1 || nodeType === 9 || nodeType === 11) {
+          // Use textContent for elements
+          // innerText usage removed for consistency of new lines (see #11153)
+          if (typeof elem.textContent === 'string') {
+            return elem.textContent;
+          }
+          // Traverse its children
+          for (elem = elem.firstChild; elem; elem = elem.nextSibling) {
+            ret += getText(elem);
+          }
+        } else if (nodeType === 3 || nodeType === 4) {
+          return elem.nodeValue;
+        }
+        // Do not include comment or processing instruction nodes
+      } else {
+        // If no nodeType, this is expected to be an array
+        for (; (node = elem[i]); i++) {
+          // Do not traverse comment nodes
+          ret += getText(node);
+        }
+      }
+      return ret;
+    };
 
-		// If no nodeType, this is expected to be an array
-		for ( ; (node = elem[i]); i++ ) {
-			// Do not traverse comment nodes
-			ret += getText( node );
-		}
-	}
-	return ret;
-};
+    isXML = Sizzle.isXML = function (elem) {
+      // documentElement is verified for cases where it doesn't yet exist
+      // (such as loading iframes in IE - #4833)
+      const documentElement = elem && (elem.ownerDocument || elem).documentElement;
+      return documentElement ? documentElement.nodeName !== 'HTML' : false;
+    };
 
-isXML = Sizzle.isXML = function( elem ) {
-	// documentElement is verified for cases where it doesn't yet exist
-	// (such as loading iframes in IE - #4833)
-	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
-	return documentElement ? documentElement.nodeName !== "HTML" : false;
-};
+    // Element contains another
+    contains = Sizzle.contains = docElem.contains
+      ? function (a, b) {
+        const adown = a.nodeType === 9 ? a.documentElement : a;
+        const bup = b && b.parentNode;
+        return a === bup || !!(bup && bup.nodeType === 1 && adown.contains && adown.contains(bup));
+      }
+      : docElem.compareDocumentPosition
+        ? function (a, b) {
+          return b && !!(a.compareDocumentPosition(b) & 16);
+        }
+        : function (a, b) {
+          while ((b = b.parentNode)) {
+            if (b === a) {
+              return true;
+            }
+          }
+          return false;
+        };
 
-// Element contains another
-contains = Sizzle.contains = docElem.contains ?
-	function( a, b ) {
-		var adown = a.nodeType === 9 ? a.documentElement : a,
-			bup = b && b.parentNode;
-		return a === bup || !!( bup && bup.nodeType === 1 && adown.contains && adown.contains(bup) );
-	} :
-	docElem.compareDocumentPosition ?
-	function( a, b ) {
-		return b && !!( a.compareDocumentPosition( b ) & 16 );
-	} :
-	function( a, b ) {
-		while ( (b = b.parentNode) ) {
-			if ( b === a ) {
-				return true;
-			}
-		}
-		return false;
-	};
+    Sizzle.attr = function (elem, name) {
+      let val;
+      const xml = isXML(elem);
 
-Sizzle.attr = function( elem, name ) {
-	var val,
-		xml = isXML( elem );
+      if (!xml) {
+        name = name.toLowerCase();
+      }
+      if ((val = Expr.attrHandle[name])) {
+        return val(elem);
+      }
+      if (xml || assertAttributes) {
+        return elem.getAttribute(name);
+      }
+      val = elem.getAttributeNode(name);
+      return val
+        ? typeof elem[name] === 'boolean'
+          ? elem[name] ? name : null
+          : val.specified ? val.value : null
+        : null;
+    };
 
-	if ( !xml ) {
-		name = name.toLowerCase();
-	}
-	if ( (val = Expr.attrHandle[ name ]) ) {
-		return val( elem );
-	}
-	if ( xml || assertAttributes ) {
-		return elem.getAttribute( name );
-	}
-	val = elem.getAttributeNode( name );
-	return val ?
-		typeof elem[ name ] === "boolean" ?
-			elem[ name ] ? name : null :
-			val.specified ? val.value : null :
-		null;
-};
+    Expr = Sizzle.selectors = {
 
-Expr = Sizzle.selectors = {
+      // Can be adjusted by the user
+      cacheLength: 50,
 
-	// Can be adjusted by the user
-	cacheLength: 50,
+      createPseudo: markFunction,
 
-	createPseudo: markFunction,
+      match: matchExpr,
 
-	match: matchExpr,
+      // IE6/7 return a modified href
+      attrHandle: assertHrefNotNormalized
+        ? {}
+        : {
+          href(elem) {
+            return elem.getAttribute('href', 2);
+          },
+          type(elem) {
+            return elem.getAttribute('type');
+          },
+        },
 
-	// IE6/7 return a modified href
-	attrHandle: assertHrefNotNormalized ?
-		{} :
-		{
-			"href": function( elem ) {
-				return elem.getAttribute( "href", 2 );
-			},
-			"type": function( elem ) {
-				return elem.getAttribute("type");
-			}
-		},
+      find: {
+        ID: assertGetIdNotName
+          ? function (id, context, xml) {
+            if (typeof context.getElementById !== strundefined && !xml) {
+              const m = context.getElementById(id);
+              // Check parentNode to catch when Blackberry 4.6 returns
+              // nodes that are no longer in the document #6963
+              return m && m.parentNode ? [m] : [];
+            }
+          }
+          : function (id, context, xml) {
+            if (typeof context.getElementById !== strundefined && !xml) {
+              const m = context.getElementById(id);
 
-	find: {
-		"ID": assertGetIdNotName ?
-			function( id, context, xml ) {
-				if ( typeof context.getElementById !== strundefined && !xml ) {
-					var m = context.getElementById( id );
-					// Check parentNode to catch when Blackberry 4.6 returns
-					// nodes that are no longer in the document #6963
-					return m && m.parentNode ? [m] : [];
-				}
-			} :
-			function( id, context, xml ) {
-				if ( typeof context.getElementById !== strundefined && !xml ) {
-					var m = context.getElementById( id );
+              return m
+                ? m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode('id').value === id
+                  ? [m]
+                  : undefined
+                : [];
+            }
+          },
 
-					return m ?
-						m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode("id").value === id ?
-							[m] :
-							undefined :
-						[];
-				}
-			},
+        TAG: assertTagNameNoComments
+          ? function (tag, context) {
+            if (typeof context.getElementsByTagName !== strundefined) {
+              return context.getElementsByTagName(tag);
+            }
+          }
+          : function (tag, context) {
+            const results = context.getElementsByTagName(tag);
 
-		"TAG": assertTagNameNoComments ?
-			function( tag, context ) {
-				if ( typeof context.getElementsByTagName !== strundefined ) {
-					return context.getElementsByTagName( tag );
-				}
-			} :
-			function( tag, context ) {
-				var results = context.getElementsByTagName( tag );
+            // Filter out possible comments
+            if (tag === '*') {
+              let elem;
+              const tmp = [];
+              let i = 0;
 
-				// Filter out possible comments
-				if ( tag === "*" ) {
-					var elem,
-						tmp = [],
-						i = 0;
+              for (; (elem = results[i]); i++) {
+                if (elem.nodeType === 1) {
+                  tmp.push(elem);
+                }
+              }
 
-					for ( ; (elem = results[i]); i++ ) {
-						if ( elem.nodeType === 1 ) {
-							tmp.push( elem );
-						}
-					}
+              return tmp;
+            }
+            return results;
+          },
 
-					return tmp;
-				}
-				return results;
-			},
+        NAME: assertUsableName && function (tag, context) {
+          if (typeof context.getElementsByName !== strundefined) {
+            return context.getElementsByName(name);
+          }
+        },
 
-		"NAME": assertUsableName && function( tag, context ) {
-			if ( typeof context.getElementsByName !== strundefined ) {
-				return context.getElementsByName( name );
-			}
-		},
+        CLASS: assertUsableClassName && function (className, context, xml) {
+          if (typeof context.getElementsByClassName !== strundefined && !xml) {
+            return context.getElementsByClassName(className);
+          }
+        },
+      },
 
-		"CLASS": assertUsableClassName && function( className, context, xml ) {
-			if ( typeof context.getElementsByClassName !== strundefined && !xml ) {
-				return context.getElementsByClassName( className );
-			}
-		}
-	},
+      relative: {
+        '>': { dir: 'parentNode', first: true },
+        ' ': { dir: 'parentNode' },
+        '+': { dir: 'previousSibling', first: true },
+        '~': { dir: 'previousSibling' },
+      },
 
-	relative: {
-		">": { dir: "parentNode", first: true },
-		" ": { dir: "parentNode" },
-		"+": { dir: "previousSibling", first: true },
-		"~": { dir: "previousSibling" }
-	},
+      preFilter: {
+        ATTR(match) {
+          match[1] = match[1].replace(rbackslash, '');
 
-	preFilter: {
-		"ATTR": function( match ) {
-			match[1] = match[1].replace( rbackslash, "" );
+          // Move the given value to match[3] whether quoted or unquoted
+          match[3] = (match[4] || match[5] || '').replace(rbackslash, '');
 
-			// Move the given value to match[3] whether quoted or unquoted
-			match[3] = ( match[4] || match[5] || "" ).replace( rbackslash, "" );
+          if (match[2] === '~=') {
+            match[3] = ` ${match[3]} `;
+          }
 
-			if ( match[2] === "~=" ) {
-				match[3] = " " + match[3] + " ";
-			}
+          return match.slice(0, 4);
+        },
 
-			return match.slice( 0, 4 );
-		},
-
-		"CHILD": function( match ) {
-			/* matches from matchExpr["CHILD"]
+        CHILD(match) {
+          /* matches from matchExpr["CHILD"]
 				1 type (only|nth|...)
 				2 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
 				3 xn-component of xn+y argument ([+-]?\d*n|)
@@ -4182,3105 +4115,3032 @@ Expr = Sizzle.selectors = {
 				6 sign of y-component
 				7 y of y-component
 			*/
-			match[1] = match[1].toLowerCase();
+          match[1] = match[1].toLowerCase();
 
-			if ( match[1] === "nth" ) {
-				// nth-child requires argument
-				if ( !match[2] ) {
-					Sizzle.error( match[0] );
-				}
+          if (match[1] === 'nth') {
+            // nth-child requires argument
+            if (!match[2]) {
+              Sizzle.error(match[0]);
+            }
 
-				// numeric x and y parameters for Expr.filter.CHILD
-				// remember that false/true cast respectively to 0/1
-				match[3] = +( match[3] ? match[4] + (match[5] || 1) : 2 * ( match[2] === "even" || match[2] === "odd" ) );
-				match[4] = +( ( match[6] + match[7] ) || match[2] === "odd" );
+            // numeric x and y parameters for Expr.filter.CHILD
+            // remember that false/true cast respectively to 0/1
+            match[3] = +(match[3] ? match[4] + (match[5] || 1) : 2 * (match[2] === 'even' || match[2] === 'odd'));
+            match[4] = +((match[6] + match[7]) || match[2] === 'odd');
 
-			// other types prohibit arguments
-			} else if ( match[2] ) {
-				Sizzle.error( match[0] );
-			}
+            // other types prohibit arguments
+          } else if (match[2]) {
+            Sizzle.error(match[0]);
+          }
 
-			return match;
-		},
+          return match;
+        },
 
-		"PSEUDO": function( match ) {
-			var unquoted, excess;
-			if ( matchExpr["CHILD"].test( match[0] ) ) {
-				return null;
-			}
+        PSEUDO(match) {
+          let unquoted; let
+            excess;
+          if (matchExpr.CHILD.test(match[0])) {
+            return null;
+          }
 
-			if ( match[3] ) {
-				match[2] = match[3];
-			} else if ( (unquoted = match[4]) ) {
-				// Only check arguments that contain a pseudo
-				if ( rpseudo.test(unquoted) &&
+          if (match[3]) {
+            match[2] = match[3];
+          } else if ((unquoted = match[4])) {
+            // Only check arguments that contain a pseudo
+            if (rpseudo.test(unquoted)
 					// Get excess from tokenize (recursively)
-					(excess = tokenize( unquoted, true )) &&
+					&& (excess = tokenize(unquoted, true))
 					// advance to the next closing parenthesis
-					(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
-
-					// excess is a negative index
-					unquoted = unquoted.slice( 0, excess );
-					match[0] = match[0].slice( 0, excess );
-				}
-				match[2] = unquoted;
-			}
-
-			// Return only captures needed by the pseudo filter method (type and argument)
-			return match.slice( 0, 3 );
-		}
-	},
-
-	filter: {
-		"ID": assertGetIdNotName ?
-			function( id ) {
-				id = id.replace( rbackslash, "" );
-				return function( elem ) {
-					return elem.getAttribute("id") === id;
-				};
-			} :
-			function( id ) {
-				id = id.replace( rbackslash, "" );
-				return function( elem ) {
-					var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
-					return node && node.value === id;
-				};
-			},
-
-		"TAG": function( nodeName ) {
-			if ( nodeName === "*" ) {
-				return function() { return true; };
-			}
-			nodeName = nodeName.replace( rbackslash, "" ).toLowerCase();
-
-			return function( elem ) {
-				return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
-			};
-		},
-
-		"CLASS": function( className ) {
-			var pattern = classCache[ expando ][ className ];
-			if ( !pattern ) {
-				pattern = classCache( className, new RegExp("(^|" + whitespace + ")" + className + "(" + whitespace + "|$)") );
-			}
-			return function( elem ) {
-				return pattern.test( elem.className || (typeof elem.getAttribute !== strundefined && elem.getAttribute("class")) || "" );
-			};
-		},
-
-		"ATTR": function( name, operator, check ) {
-			return function( elem, context ) {
-				var result = Sizzle.attr( elem, name );
-
-				if ( result == null ) {
-					return operator === "!=";
-				}
-				if ( !operator ) {
-					return true;
-				}
-
-				result += "";
-
-				return operator === "=" ? result === check :
-					operator === "!=" ? result !== check :
-					operator === "^=" ? check && result.indexOf( check ) === 0 :
-					operator === "*=" ? check && result.indexOf( check ) > -1 :
-					operator === "$=" ? check && result.substr( result.length - check.length ) === check :
-					operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
-					operator === "|=" ? result === check || result.substr( 0, check.length + 1 ) === check + "-" :
-					false;
-			};
-		},
-
-		"CHILD": function( type, argument, first, last ) {
-
-			if ( type === "nth" ) {
-				return function( elem ) {
-					var node, diff,
-						parent = elem.parentNode;
-
-					if ( first === 1 && last === 0 ) {
-						return true;
-					}
-
-					if ( parent ) {
-						diff = 0;
-						for ( node = parent.firstChild; node; node = node.nextSibling ) {
-							if ( node.nodeType === 1 ) {
-								diff++;
-								if ( elem === node ) {
-									break;
-								}
-							}
-						}
-					}
-
-					// Incorporate the offset (or cast to NaN), then check against cycle size
-					diff -= last;
-					return diff === first || ( diff % first === 0 && diff / first >= 0 );
-				};
-			}
-
-			return function( elem ) {
-				var node = elem;
-
-				switch ( type ) {
-					case "only":
-					case "first":
-						while ( (node = node.previousSibling) ) {
-							if ( node.nodeType === 1 ) {
-								return false;
-							}
-						}
-
-						if ( type === "first" ) {
-							return true;
-						}
-
-						node = elem;
-
-						/* falls through */
-					case "last":
-						while ( (node = node.nextSibling) ) {
-							if ( node.nodeType === 1 ) {
-								return false;
-							}
-						}
-
-						return true;
-				}
-			};
-		},
-
-		"PSEUDO": function( pseudo, argument ) {
-			// pseudo-class names are case-insensitive
-			// http://www.w3.org/TR/selectors/#pseudo-classes
-			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
-			// Remember that setFilters inherits from pseudos
-			var args,
-				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
-					Sizzle.error( "unsupported pseudo: " + pseudo );
-
-			// The user may use createPseudo to indicate that
-			// arguments are needed to create the filter function
-			// just as Sizzle does
-			if ( fn[ expando ] ) {
-				return fn( argument );
-			}
-
-			// But maintain support for old signatures
-			if ( fn.length > 1 ) {
-				args = [ pseudo, pseudo, "", argument ];
-				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
-					markFunction(function( seed, matches ) {
-						var idx,
-							matched = fn( seed, argument ),
-							i = matched.length;
-						while ( i-- ) {
-							idx = indexOf.call( seed, matched[i] );
-							seed[ idx ] = !( matches[ idx ] = matched[i] );
-						}
-					}) :
-					function( elem ) {
-						return fn( elem, 0, args );
-					};
-			}
-
-			return fn;
-		}
-	},
-
-	pseudos: {
-		"not": markFunction(function( selector ) {
-			// Trim the selector passed to compile
-			// to avoid treating leading and trailing
-			// spaces as combinators
-			var input = [],
-				results = [],
-				matcher = compile( selector.replace( rtrim, "$1" ) );
-
-			return matcher[ expando ] ?
-				markFunction(function( seed, matches, context, xml ) {
-					var elem,
-						unmatched = matcher( seed, null, xml, [] ),
-						i = seed.length;
-
-					// Match elements unmatched by `matcher`
-					while ( i-- ) {
-						if ( (elem = unmatched[i]) ) {
-							seed[i] = !(matches[i] = elem);
-						}
-					}
-				}) :
-				function( elem, context, xml ) {
-					input[0] = elem;
-					matcher( input, null, xml, results );
-					return !results.pop();
-				};
-		}),
-
-		"has": markFunction(function( selector ) {
-			return function( elem ) {
-				return Sizzle( selector, elem ).length > 0;
-			};
-		}),
-
-		"contains": markFunction(function( text ) {
-			return function( elem ) {
-				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
-			};
-		}),
-
-		"enabled": function( elem ) {
-			return elem.disabled === false;
-		},
-
-		"disabled": function( elem ) {
-			return elem.disabled === true;
-		},
-
-		"checked": function( elem ) {
-			// In CSS3, :checked should return both checked and selected elements
-			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
-			var nodeName = elem.nodeName.toLowerCase();
-			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
-		},
-
-		"selected": function( elem ) {
-			// Accessing this property makes selected-by-default
-			// options in Safari work properly
-			if ( elem.parentNode ) {
-				elem.parentNode.selectedIndex;
-			}
-
-			return elem.selected === true;
-		},
-
-		"parent": function( elem ) {
-			return !Expr.pseudos["empty"]( elem );
-		},
-
-		"empty": function( elem ) {
-			// http://www.w3.org/TR/selectors/#empty-pseudo
-			// :empty is only affected by element nodes and content nodes(including text(3), cdata(4)),
-			//   not comment, processing instructions, or others
-			// Thanks to Diego Perini for the nodeName shortcut
-			//   Greater than "@" means alpha characters (specifically not starting with "#" or "?")
-			var nodeType;
-			elem = elem.firstChild;
-			while ( elem ) {
-				if ( elem.nodeName > "@" || (nodeType = elem.nodeType) === 3 || nodeType === 4 ) {
-					return false;
-				}
-				elem = elem.nextSibling;
-			}
-			return true;
-		},
-
-		"header": function( elem ) {
-			return rheader.test( elem.nodeName );
-		},
-
-		"text": function( elem ) {
-			var type, attr;
-			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
-			// use getAttribute instead to test this case
-			return elem.nodeName.toLowerCase() === "input" &&
-				(type = elem.type) === "text" &&
-				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === type );
-		},
-
-		// Input types
-		"radio": createInputPseudo("radio"),
-		"checkbox": createInputPseudo("checkbox"),
-		"file": createInputPseudo("file"),
-		"password": createInputPseudo("password"),
-		"image": createInputPseudo("image"),
-
-		"submit": createButtonPseudo("submit"),
-		"reset": createButtonPseudo("reset"),
-
-		"button": function( elem ) {
-			var name = elem.nodeName.toLowerCase();
-			return name === "input" && elem.type === "button" || name === "button";
-		},
-
-		"input": function( elem ) {
-			return rinputs.test( elem.nodeName );
-		},
-
-		"focus": function( elem ) {
-			var doc = elem.ownerDocument;
-			return elem === doc.activeElement && (!doc.hasFocus || doc.hasFocus()) && !!(elem.type || elem.href);
-		},
-
-		"active": function( elem ) {
-			return elem === elem.ownerDocument.activeElement;
-		},
-
-		// Positional types
-		"first": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			return [ 0 ];
-		}),
-
-		"last": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			return [ length - 1 ];
-		}),
-
-		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			return [ argument < 0 ? argument + length : argument ];
-		}),
-
-		"even": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			for ( var i = 0; i < length; i += 2 ) {
-				matchIndexes.push( i );
-			}
-			return matchIndexes;
-		}),
-
-		"odd": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			for ( var i = 1; i < length; i += 2 ) {
-				matchIndexes.push( i );
-			}
-			return matchIndexes;
-		}),
-
-		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			for ( var i = argument < 0 ? argument + length : argument; --i >= 0; ) {
-				matchIndexes.push( i );
-			}
-			return matchIndexes;
-		}),
-
-		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
-			for ( var i = argument < 0 ? argument + length : argument; ++i < length; ) {
-				matchIndexes.push( i );
-			}
-			return matchIndexes;
-		})
-	}
-};
-
-function siblingCheck( a, b, ret ) {
-	if ( a === b ) {
-		return ret;
-	}
-
-	var cur = a.nextSibling;
-
-	while ( cur ) {
-		if ( cur === b ) {
-			return -1;
-		}
-
-		cur = cur.nextSibling;
-	}
-
-	return 1;
-}
-
-sortOrder = docElem.compareDocumentPosition ?
-	function( a, b ) {
-		if ( a === b ) {
-			hasDuplicate = true;
-			return 0;
-		}
-
-		return ( !a.compareDocumentPosition || !b.compareDocumentPosition ?
-			a.compareDocumentPosition :
-			a.compareDocumentPosition(b) & 4
-		) ? -1 : 1;
-	} :
-	function( a, b ) {
-		// The nodes are identical, we can exit early
-		if ( a === b ) {
-			hasDuplicate = true;
-			return 0;
-
-		// Fallback to using sourceIndex (in IE) if it's available on both nodes
-		} else if ( a.sourceIndex && b.sourceIndex ) {
-			return a.sourceIndex - b.sourceIndex;
-		}
-
-		var al, bl,
-			ap = [],
-			bp = [],
-			aup = a.parentNode,
-			bup = b.parentNode,
-			cur = aup;
-
-		// If the nodes are siblings (or identical) we can do a quick check
-		if ( aup === bup ) {
-			return siblingCheck( a, b );
-
-		// If no parents were found then the nodes are disconnected
-		} else if ( !aup ) {
-			return -1;
-
-		} else if ( !bup ) {
-			return 1;
-		}
-
-		// Otherwise they're somewhere else in the tree so we need
-		// to build up a full list of the parentNodes for comparison
-		while ( cur ) {
-			ap.unshift( cur );
-			cur = cur.parentNode;
-		}
-
-		cur = bup;
-
-		while ( cur ) {
-			bp.unshift( cur );
-			cur = cur.parentNode;
-		}
-
-		al = ap.length;
-		bl = bp.length;
-
-		// Start walking down the tree looking for a discrepancy
-		for ( var i = 0; i < al && i < bl; i++ ) {
-			if ( ap[i] !== bp[i] ) {
-				return siblingCheck( ap[i], bp[i] );
-			}
-		}
-
-		// We ended someplace up the tree so do a sibling check
-		return i === al ?
-			siblingCheck( a, bp[i], -1 ) :
-			siblingCheck( ap[i], b, 1 );
-	};
-
-// Always assume the presence of duplicates if sort doesn't
-// pass them to our comparison function (as in Google Chrome).
-[0, 0].sort( sortOrder );
-baseHasDuplicate = !hasDuplicate;
-
-// Document sorting and removing duplicates
-Sizzle.uniqueSort = function( results ) {
-	var elem,
-		i = 1;
-
-	hasDuplicate = baseHasDuplicate;
-	results.sort( sortOrder );
-
-	if ( hasDuplicate ) {
-		for ( ; (elem = results[i]); i++ ) {
-			if ( elem === results[ i - 1 ] ) {
-				results.splice( i--, 1 );
-			}
-		}
-	}
-
-	return results;
-};
-
-Sizzle.error = function( msg ) {
-	throw new Error( "Syntax error, unrecognized expression: " + msg );
-};
-
-function tokenize( selector, parseOnly ) {
-	var matched, match, tokens, type, soFar, groups, preFilters,
-		cached = tokenCache[ expando ][ selector ];
-
-	if ( cached ) {
-		return parseOnly ? 0 : cached.slice( 0 );
-	}
-
-	soFar = selector;
-	groups = [];
-	preFilters = Expr.preFilter;
-
-	while ( soFar ) {
-
-		// Comma and first run
-		if ( !matched || (match = rcomma.exec( soFar )) ) {
-			if ( match ) {
-				soFar = soFar.slice( match[0].length );
-			}
-			groups.push( tokens = [] );
-		}
-
-		matched = false;
-
-		// Combinators
-		if ( (match = rcombinators.exec( soFar )) ) {
-			tokens.push( matched = new Token( match.shift() ) );
-			soFar = soFar.slice( matched.length );
-
-			// Cast descendant combinators to space
-			matched.type = match[0].replace( rtrim, " " );
-		}
-
-		// Filters
-		for ( type in Expr.filter ) {
-			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+					&& (excess = unquoted.indexOf(')', unquoted.length - excess) - unquoted.length)) {
+              // excess is a negative index
+              unquoted = unquoted.slice(0, excess);
+              match[0] = match[0].slice(0, excess);
+            }
+            match[2] = unquoted;
+          }
+
+          // Return only captures needed by the pseudo filter method (type and argument)
+          return match.slice(0, 3);
+        },
+      },
+
+      filter: {
+        ID: assertGetIdNotName
+          ? function (id) {
+            id = id.replace(rbackslash, '');
+            return function (elem) {
+              return elem.getAttribute('id') === id;
+            };
+          }
+          : function (id) {
+            id = id.replace(rbackslash, '');
+            return function (elem) {
+              const node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode('id');
+              return node && node.value === id;
+            };
+          },
+
+        TAG(nodeName) {
+          if (nodeName === '*') {
+            return function () { return true; };
+          }
+          nodeName = nodeName.replace(rbackslash, '').toLowerCase();
+
+          return function (elem) {
+            return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+          };
+        },
+
+        CLASS(className) {
+          let pattern = classCache[expando][className];
+          if (!pattern) {
+            pattern = classCache(className, new RegExp(`(^|${whitespace})${className}(${whitespace}|$)`));
+          }
+          return function (elem) {
+            return pattern.test(elem.className || (typeof elem.getAttribute !== strundefined && elem.getAttribute('class')) || '');
+          };
+        },
+
+        ATTR(name, operator, check) {
+          return function (elem, context) {
+            let result = Sizzle.attr(elem, name);
+
+            if (result == null) {
+              return operator === '!=';
+            }
+            if (!operator) {
+              return true;
+            }
+
+            result += '';
+
+            return operator === '=' ? result === check
+              : operator === '!=' ? result !== check
+                : operator === '^=' ? check && result.indexOf(check) === 0
+                  : operator === '*=' ? check && result.indexOf(check) > -1
+                    : operator === '$=' ? check && result.substr(result.length - check.length) === check
+                      : operator === '~=' ? (` ${result} `).indexOf(check) > -1
+                        : operator === '|=' ? result === check || result.substr(0, check.length + 1) === `${check}-`
+                          : false;
+          };
+        },
+
+        CHILD(type, argument, first, last) {
+          if (type === 'nth') {
+            return function (elem) {
+              let node; let diff;
+              const parent = elem.parentNode;
+
+              if (first === 1 && last === 0) {
+                return true;
+              }
+
+              if (parent) {
+                diff = 0;
+                for (node = parent.firstChild; node; node = node.nextSibling) {
+                  if (node.nodeType === 1) {
+                    diff++;
+                    if (elem === node) {
+                      break;
+                    }
+                  }
+                }
+              }
+
+              // Incorporate the offset (or cast to NaN), then check against cycle size
+              diff -= last;
+              return diff === first || (diff % first === 0 && diff / first >= 0);
+            };
+          }
+
+          return function (elem) {
+            let node = elem;
+
+            switch (type) {
+              case 'only':
+              case 'first':
+                while ((node = node.previousSibling)) {
+                  if (node.nodeType === 1) {
+                    return false;
+                  }
+                }
+
+                if (type === 'first') {
+                  return true;
+                }
+
+                node = elem;
+
+                /* falls through */
+              case 'last':
+                while ((node = node.nextSibling)) {
+                  if (node.nodeType === 1) {
+                    return false;
+                  }
+                }
+
+                return true;
+            }
+          };
+        },
+
+        PSEUDO(pseudo, argument) {
+          // pseudo-class names are case-insensitive
+          // http://www.w3.org/TR/selectors/#pseudo-classes
+          // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+          // Remember that setFilters inherits from pseudos
+          let args;
+          const fn = Expr.pseudos[pseudo] || Expr.setFilters[pseudo.toLowerCase()]
+					|| Sizzle.error(`unsupported pseudo: ${pseudo}`);
+
+          // The user may use createPseudo to indicate that
+          // arguments are needed to create the filter function
+          // just as Sizzle does
+          if (fn[expando]) {
+            return fn(argument);
+          }
+
+          // But maintain support for old signatures
+          if (fn.length > 1) {
+            args = [pseudo, pseudo, '', argument];
+            return Expr.setFilters.hasOwnProperty(pseudo.toLowerCase())
+              ? markFunction((seed, matches) => {
+                let idx;
+                const matched = fn(seed, argument);
+                let i = matched.length;
+                while (i--) {
+                  idx = indexOf.call(seed, matched[i]);
+                  seed[idx] = !(matches[idx] = matched[i]);
+                }
+              })
+              : function (elem) {
+                return fn(elem, 0, args);
+              };
+          }
+
+          return fn;
+        },
+      },
+
+      pseudos: {
+        not: markFunction((selector) => {
+          // Trim the selector passed to compile
+          // to avoid treating leading and trailing
+          // spaces as combinators
+          const input = [];
+          const results = [];
+          const matcher = compile(selector.replace(rtrim, '$1'));
+
+          return matcher[expando]
+            ? markFunction((seed, matches, context, xml) => {
+              let elem;
+              const unmatched = matcher(seed, null, xml, []);
+              let i = seed.length;
+
+              // Match elements unmatched by `matcher`
+              while (i--) {
+                if ((elem = unmatched[i])) {
+                  seed[i] = !(matches[i] = elem);
+                }
+              }
+            })
+            : function (elem, context, xml) {
+              input[0] = elem;
+              matcher(input, null, xml, results);
+              return !results.pop();
+            };
+        }),
+
+        has: markFunction((selector) => function (elem) {
+          return Sizzle(selector, elem).length > 0;
+        }),
+
+        contains: markFunction((text) => function (elem) {
+          return (elem.textContent || elem.innerText || getText(elem)).indexOf(text) > -1;
+        }),
+
+        enabled(elem) {
+          return elem.disabled === false;
+        },
+
+        disabled(elem) {
+          return elem.disabled === true;
+        },
+
+        checked(elem) {
+          // In CSS3, :checked should return both checked and selected elements
+          // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+          const nodeName = elem.nodeName.toLowerCase();
+          return (nodeName === 'input' && !!elem.checked) || (nodeName === 'option' && !!elem.selected);
+        },
+
+        selected(elem) {
+          // Accessing this property makes selected-by-default
+          // options in Safari work properly
+          if (elem.parentNode) {
+            elem.parentNode.selectedIndex;
+          }
+
+          return elem.selected === true;
+        },
+
+        parent(elem) {
+          return !Expr.pseudos.empty(elem);
+        },
+
+        empty(elem) {
+          // http://www.w3.org/TR/selectors/#empty-pseudo
+          // :empty is only affected by element nodes and content nodes(including text(3), cdata(4)),
+          //   not comment, processing instructions, or others
+          // Thanks to Diego Perini for the nodeName shortcut
+          //   Greater than "@" means alpha characters (specifically not starting with "#" or "?")
+          let nodeType;
+          elem = elem.firstChild;
+          while (elem) {
+            if (elem.nodeName > '@' || (nodeType = elem.nodeType) === 3 || nodeType === 4) {
+              return false;
+            }
+            elem = elem.nextSibling;
+          }
+          return true;
+        },
+
+        header(elem) {
+          return rheader.test(elem.nodeName);
+        },
+
+        text(elem) {
+          let type; let
+            attr;
+          // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
+          // use getAttribute instead to test this case
+          return elem.nodeName.toLowerCase() === 'input'
+				&& (type = elem.type) === 'text'
+				&& ((attr = elem.getAttribute('type')) == null || attr.toLowerCase() === type);
+        },
+
+        // Input types
+        radio: createInputPseudo('radio'),
+        checkbox: createInputPseudo('checkbox'),
+        file: createInputPseudo('file'),
+        password: createInputPseudo('password'),
+        image: createInputPseudo('image'),
+
+        submit: createButtonPseudo('submit'),
+        reset: createButtonPseudo('reset'),
+
+        button(elem) {
+          const name = elem.nodeName.toLowerCase();
+          return name === 'input' && elem.type === 'button' || name === 'button';
+        },
+
+        input(elem) {
+          return rinputs.test(elem.nodeName);
+        },
+
+        focus(elem) {
+          const doc = elem.ownerDocument;
+          return elem === doc.activeElement && (!doc.hasFocus || doc.hasFocus()) && !!(elem.type || elem.href);
+        },
+
+        active(elem) {
+          return elem === elem.ownerDocument.activeElement;
+        },
+
+        // Positional types
+        first: createPositionalPseudo((matchIndexes, length, argument) => [0]),
+
+        last: createPositionalPseudo((matchIndexes, length, argument) => [length - 1]),
+
+        eq: createPositionalPseudo((matchIndexes, length, argument) => [argument < 0 ? argument + length : argument]),
+
+        even: createPositionalPseudo((matchIndexes, length, argument) => {
+          for (let i = 0; i < length; i += 2) {
+            matchIndexes.push(i);
+          }
+          return matchIndexes;
+        }),
+
+        odd: createPositionalPseudo((matchIndexes, length, argument) => {
+          for (let i = 1; i < length; i += 2) {
+            matchIndexes.push(i);
+          }
+          return matchIndexes;
+        }),
+
+        lt: createPositionalPseudo((matchIndexes, length, argument) => {
+          for (let i = argument < 0 ? argument + length : argument; --i >= 0;) {
+            matchIndexes.push(i);
+          }
+          return matchIndexes;
+        }),
+
+        gt: createPositionalPseudo((matchIndexes, length, argument) => {
+          for (let i = argument < 0 ? argument + length : argument; ++i < length;) {
+            matchIndexes.push(i);
+          }
+          return matchIndexes;
+        }),
+      },
+    };
+
+    function siblingCheck(a, b, ret) {
+      if (a === b) {
+        return ret;
+      }
+
+      let cur = a.nextSibling;
+
+      while (cur) {
+        if (cur === b) {
+          return -1;
+        }
+
+        cur = cur.nextSibling;
+      }
+
+      return 1;
+    }
+
+    sortOrder = docElem.compareDocumentPosition
+      ? function (a, b) {
+        if (a === b) {
+          hasDuplicate = true;
+          return 0;
+        }
+
+        return (!a.compareDocumentPosition || !b.compareDocumentPosition
+          ? a.compareDocumentPosition
+          : a.compareDocumentPosition(b) & 4
+        ) ? -1 : 1;
+      }
+      : function (a, b) {
+        // The nodes are identical, we can exit early
+        if (a === b) {
+          hasDuplicate = true;
+          return 0;
+
+          // Fallback to using sourceIndex (in IE) if it's available on both nodes
+        } if (a.sourceIndex && b.sourceIndex) {
+          return a.sourceIndex - b.sourceIndex;
+        }
+
+        let al; let bl;
+        const ap = [];
+        const bp = [];
+        const aup = a.parentNode;
+        const bup = b.parentNode;
+        let cur = aup;
+
+        // If the nodes are siblings (or identical) we can do a quick check
+        if (aup === bup) {
+          return siblingCheck(a, b);
+
+          // If no parents were found then the nodes are disconnected
+        } if (!aup) {
+          return -1;
+        } if (!bup) {
+          return 1;
+        }
+
+        // Otherwise they're somewhere else in the tree so we need
+        // to build up a full list of the parentNodes for comparison
+        while (cur) {
+          ap.unshift(cur);
+          cur = cur.parentNode;
+        }
+
+        cur = bup;
+
+        while (cur) {
+          bp.unshift(cur);
+          cur = cur.parentNode;
+        }
+
+        al = ap.length;
+        bl = bp.length;
+
+        // Start walking down the tree looking for a discrepancy
+        for (var i = 0; i < al && i < bl; i++) {
+          if (ap[i] !== bp[i]) {
+            return siblingCheck(ap[i], bp[i]);
+          }
+        }
+
+        // We ended someplace up the tree so do a sibling check
+        return i === al
+          ? siblingCheck(a, bp[i], -1)
+          : siblingCheck(ap[i], b, 1);
+      };
+
+    // Always assume the presence of duplicates if sort doesn't
+    // pass them to our comparison function (as in Google Chrome).
+    [0, 0].sort(sortOrder);
+    baseHasDuplicate = !hasDuplicate;
+
+    // Document sorting and removing duplicates
+    Sizzle.uniqueSort = function (results) {
+      let elem;
+      let i = 1;
+
+      hasDuplicate = baseHasDuplicate;
+      results.sort(sortOrder);
+
+      if (hasDuplicate) {
+        for (; (elem = results[i]); i++) {
+          if (elem === results[i - 1]) {
+            results.splice(i--, 1);
+          }
+        }
+      }
+
+      return results;
+    };
+
+    Sizzle.error = function (msg) {
+      throw new Error(`Syntax error, unrecognized expression: ${msg}`);
+    };
+
+    function tokenize(selector, parseOnly) {
+      let matched; let match; let tokens; let type; let soFar; let groups; let preFilters;
+      const cached = tokenCache[expando][selector];
+
+      if (cached) {
+        return parseOnly ? 0 : cached.slice(0);
+      }
+
+      soFar = selector;
+      groups = [];
+      preFilters = Expr.preFilter;
+
+      while (soFar) {
+        // Comma and first run
+        if (!matched || (match = rcomma.exec(soFar))) {
+          if (match) {
+            soFar = soFar.slice(match[0].length);
+          }
+          groups.push(tokens = []);
+        }
+
+        matched = false;
+
+        // Combinators
+        if ((match = rcombinators.exec(soFar))) {
+          tokens.push(matched = new Token(match.shift()));
+          soFar = soFar.slice(matched.length);
+
+          // Cast descendant combinators to space
+          matched.type = match[0].replace(rtrim, ' ');
+        }
+
+        // Filters
+        for (type in Expr.filter) {
+          if ((match = matchExpr[type].exec(soFar)) && (!preFilters[type]
 				// The last two arguments here are (context, xml) for backCompat
-				(match = preFilters[ type ]( match, document, true ))) ) {
-
-				tokens.push( matched = new Token( match.shift() ) );
-				soFar = soFar.slice( matched.length );
-				matched.type = type;
-				matched.matches = match;
-			}
-		}
-
-		if ( !matched ) {
-			break;
-		}
-	}
-
-	// Return the length of the invalid excess
-	// if we're just parsing
-	// Otherwise, throw an error or return tokens
-	return parseOnly ?
-		soFar.length :
-		soFar ?
-			Sizzle.error( selector ) :
-			// Cache the tokens
-			tokenCache( selector, groups ).slice( 0 );
-}
-
-function addCombinator( matcher, combinator, base ) {
-	var dir = combinator.dir,
-		checkNonElements = base && combinator.dir === "parentNode",
-		doneName = done++;
-
-	return combinator.first ?
-		// Check against closest ancestor/preceding element
-		function( elem, context, xml ) {
-			while ( (elem = elem[ dir ]) ) {
-				if ( checkNonElements || elem.nodeType === 1  ) {
-					return matcher( elem, context, xml );
-				}
-			}
-		} :
-
-		// Check against all ancestor/preceding elements
-		function( elem, context, xml ) {
-			// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
-			if ( !xml ) {
-				var cache,
-					dirkey = dirruns + " " + doneName + " ",
-					cachedkey = dirkey + cachedruns;
-				while ( (elem = elem[ dir ]) ) {
-					if ( checkNonElements || elem.nodeType === 1 ) {
-						if ( (cache = elem[ expando ]) === cachedkey ) {
-							return elem.sizset;
-						} else if ( typeof cache === "string" && cache.indexOf(dirkey) === 0 ) {
-							if ( elem.sizset ) {
-								return elem;
-							}
-						} else {
-							elem[ expando ] = cachedkey;
-							if ( matcher( elem, context, xml ) ) {
-								elem.sizset = true;
-								return elem;
-							}
-							elem.sizset = false;
-						}
-					}
-				}
-			} else {
-				while ( (elem = elem[ dir ]) ) {
-					if ( checkNonElements || elem.nodeType === 1 ) {
-						if ( matcher( elem, context, xml ) ) {
-							return elem;
-						}
-					}
-				}
-			}
-		};
-}
-
-function elementMatcher( matchers ) {
-	return matchers.length > 1 ?
-		function( elem, context, xml ) {
-			var i = matchers.length;
-			while ( i-- ) {
-				if ( !matchers[i]( elem, context, xml ) ) {
-					return false;
-				}
-			}
-			return true;
-		} :
-		matchers[0];
-}
-
-function condense( unmatched, map, filter, context, xml ) {
-	var elem,
-		newUnmatched = [],
-		i = 0,
-		len = unmatched.length,
-		mapped = map != null;
-
-	for ( ; i < len; i++ ) {
-		if ( (elem = unmatched[i]) ) {
-			if ( !filter || filter( elem, context, xml ) ) {
-				newUnmatched.push( elem );
-				if ( mapped ) {
-					map.push( i );
-				}
-			}
-		}
-	}
-
-	return newUnmatched;
-}
-
-function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
-	if ( postFilter && !postFilter[ expando ] ) {
-		postFilter = setMatcher( postFilter );
-	}
-	if ( postFinder && !postFinder[ expando ] ) {
-		postFinder = setMatcher( postFinder, postSelector );
-	}
-	return markFunction(function( seed, results, context, xml ) {
-		// Positional selectors apply to seed elements, so it is invalid to follow them with relative ones
-		if ( seed && postFinder ) {
-			return;
-		}
-
-		var i, elem, postFilterIn,
-			preMap = [],
-			postMap = [],
-			preexisting = results.length,
-
-			// Get initial elements from seed or context
-			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [], seed ),
-
-			// Prefilter to get matcher input, preserving a map for seed-results synchronization
-			matcherIn = preFilter && ( seed || !selector ) ?
-				condense( elems, preMap, preFilter, context, xml ) :
-				elems,
-
-			matcherOut = matcher ?
-				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
-				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
-
-					// ...intermediate processing is necessary
-					[] :
-
-					// ...otherwise use results directly
-					results :
-				matcherIn;
-
-		// Find primary matches
-		if ( matcher ) {
-			matcher( matcherIn, matcherOut, context, xml );
-		}
-
-		// Apply postFilter
-		if ( postFilter ) {
-			postFilterIn = condense( matcherOut, postMap );
-			postFilter( postFilterIn, [], context, xml );
-
-			// Un-match failing elements by moving them back to matcherIn
-			i = postFilterIn.length;
-			while ( i-- ) {
-				if ( (elem = postFilterIn[i]) ) {
-					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
-				}
-			}
-		}
-
-		// Keep seed and results synchronized
-		if ( seed ) {
-			// Ignore postFinder because it can't coexist with seed
-			i = preFilter && matcherOut.length;
-			while ( i-- ) {
-				if ( (elem = matcherOut[i]) ) {
-					seed[ preMap[i] ] = !(results[ preMap[i] ] = elem);
-				}
-			}
-		} else {
-			matcherOut = condense(
-				matcherOut === results ?
-					matcherOut.splice( preexisting, matcherOut.length ) :
-					matcherOut
-			);
-			if ( postFinder ) {
-				postFinder( null, results, matcherOut, xml );
-			} else {
-				push.apply( results, matcherOut );
-			}
-		}
-	});
-}
-
-function matcherFromTokens( tokens ) {
-	var checkContext, matcher, j,
-		len = tokens.length,
-		leadingRelative = Expr.relative[ tokens[0].type ],
-		implicitRelative = leadingRelative || Expr.relative[" "],
-		i = leadingRelative ? 1 : 0,
-
-		// The foundational matcher ensures that elements are reachable from top-level context(s)
-		matchContext = addCombinator( function( elem ) {
-			return elem === checkContext;
-		}, implicitRelative, true ),
-		matchAnyContext = addCombinator( function( elem ) {
-			return indexOf.call( checkContext, elem ) > -1;
-		}, implicitRelative, true ),
-		matchers = [ function( elem, context, xml ) {
-			return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
-				(checkContext = context).nodeType ?
-					matchContext( elem, context, xml ) :
-					matchAnyContext( elem, context, xml ) );
-		} ];
-
-	for ( ; i < len; i++ ) {
-		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
-			matchers = [ addCombinator( elementMatcher( matchers ), matcher ) ];
-		} else {
-			// The concatenated values are (context, xml) for backCompat
-			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
-
-			// Return special upon seeing a positional matcher
-			if ( matcher[ expando ] ) {
-				// Find the next relative operator (if any) for proper handling
-				j = ++i;
-				for ( ; j < len; j++ ) {
-					if ( Expr.relative[ tokens[j].type ] ) {
-						break;
-					}
-				}
-				return setMatcher(
-					i > 1 && elementMatcher( matchers ),
-					i > 1 && tokens.slice( 0, i - 1 ).join("").replace( rtrim, "$1" ),
-					matcher,
-					i < j && matcherFromTokens( tokens.slice( i, j ) ),
-					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
-					j < len && tokens.join("")
-				);
-			}
-			matchers.push( matcher );
-		}
-	}
-
-	return elementMatcher( matchers );
-}
-
-function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
-	var bySet = setMatchers.length > 0,
-		byElement = elementMatchers.length > 0,
-		superMatcher = function( seed, context, xml, results, expandContext ) {
-			var elem, j, matcher,
-				setMatched = [],
-				matchedCount = 0,
-				i = "0",
-				unmatched = seed && [],
-				outermost = expandContext != null,
-				contextBackup = outermostContext,
-				// We must always have either seed elements or context
-				elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ),
-				// Nested matchers should use non-integer dirruns
-				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.E);
-
-			if ( outermost ) {
-				outermostContext = context !== document && context;
-				cachedruns = superMatcher.el;
-			}
-
-			// Add elements passing elementMatchers directly to results
-			for ( ; (elem = elems[i]) != null; i++ ) {
-				if ( byElement && elem ) {
-					for ( j = 0; (matcher = elementMatchers[j]); j++ ) {
-						if ( matcher( elem, context, xml ) ) {
-							results.push( elem );
-							break;
-						}
-					}
-					if ( outermost ) {
-						dirruns = dirrunsUnique;
-						cachedruns = ++superMatcher.el;
-					}
-				}
-
-				// Track unmatched elements for set filters
-				if ( bySet ) {
-					// They will have gone through all possible matchers
-					if ( (elem = !matcher && elem) ) {
-						matchedCount--;
-					}
-
-					// Lengthen the array for every element, matched or not
-					if ( seed ) {
-						unmatched.push( elem );
-					}
-				}
-			}
-
-			// Apply set filters to unmatched elements
-			matchedCount += i;
-			if ( bySet && i !== matchedCount ) {
-				for ( j = 0; (matcher = setMatchers[j]); j++ ) {
-					matcher( unmatched, setMatched, context, xml );
-				}
-
-				if ( seed ) {
-					// Reintegrate element matches to eliminate the need for sorting
-					if ( matchedCount > 0 ) {
-						while ( i-- ) {
-							if ( !(unmatched[i] || setMatched[i]) ) {
-								setMatched[i] = pop.call( results );
-							}
-						}
-					}
-
-					// Discard index placeholder values to get only actual matches
-					setMatched = condense( setMatched );
-				}
-
-				// Add matches to results
-				push.apply( results, setMatched );
-
-				// Seedless set matches succeeding multiple successful matchers stipulate sorting
-				if ( outermost && !seed && setMatched.length > 0 &&
-					( matchedCount + setMatchers.length ) > 1 ) {
-
-					Sizzle.uniqueSort( results );
-				}
-			}
-
-			// Override manipulation of globals by nested matchers
-			if ( outermost ) {
-				dirruns = dirrunsUnique;
-				outermostContext = contextBackup;
-			}
-
-			return unmatched;
-		};
-
-	superMatcher.el = 0;
-	return bySet ?
-		markFunction( superMatcher ) :
-		superMatcher;
-}
-
-compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) {
-	var i,
-		setMatchers = [],
-		elementMatchers = [],
-		cached = compilerCache[ expando ][ selector ];
-
-	if ( !cached ) {
-		// Generate a function of recursive functions that can be used to check each element
-		if ( !group ) {
-			group = tokenize( selector );
-		}
-		i = group.length;
-		while ( i-- ) {
-			cached = matcherFromTokens( group[i] );
-			if ( cached[ expando ] ) {
-				setMatchers.push( cached );
-			} else {
-				elementMatchers.push( cached );
-			}
-		}
-
-		// Cache the compiled function
-		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
-	}
-	return cached;
-};
-
-function multipleContexts( selector, contexts, results, seed ) {
-	var i = 0,
-		len = contexts.length;
-	for ( ; i < len; i++ ) {
-		Sizzle( selector, contexts[i], results, seed );
-	}
-	return results;
-}
-
-function select( selector, context, results, seed, xml ) {
-	var i, tokens, token, type, find,
-		match = tokenize( selector ),
-		j = match.length;
-
-	if ( !seed ) {
-		// Try to minimize operations if there is only one group
-		if ( match.length === 1 ) {
-
-			// Take a shortcut and set the context if the root selector is an ID
-			tokens = match[0] = match[0].slice( 0 );
-			if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
-					context.nodeType === 9 && !xml &&
-					Expr.relative[ tokens[1].type ] ) {
-
-				context = Expr.find["ID"]( token.matches[0].replace( rbackslash, "" ), context, xml )[0];
-				if ( !context ) {
-					return results;
-				}
-
-				selector = selector.slice( tokens.shift().length );
-			}
-
-			// Fetch a seed set for right-to-left matching
-			for ( i = matchExpr["POS"].test( selector ) ? -1 : tokens.length - 1; i >= 0; i-- ) {
-				token = tokens[i];
-
-				// Abort if we hit a combinator
-				if ( Expr.relative[ (type = token.type) ] ) {
-					break;
-				}
-				if ( (find = Expr.find[ type ]) ) {
-					// Search, expanding context for leading sibling combinators
-					if ( (seed = find(
-						token.matches[0].replace( rbackslash, "" ),
-						rsibling.test( tokens[0].type ) && context.parentNode || context,
-						xml
-					)) ) {
-
-						// If seed is empty or no tokens remain, we can return early
-						tokens.splice( i, 1 );
-						selector = seed.length && tokens.join("");
-						if ( !selector ) {
-							push.apply( results, slice.call( seed, 0 ) );
-							return results;
-						}
-
-						break;
-					}
-				}
-			}
-		}
-	}
-
-	// Compile and execute a filtering function
-	// Provide `match` to avoid retokenization if we modified the selector above
-	compile( selector, match )(
-		seed,
-		context,
-		xml,
-		results,
-		rsibling.test( selector )
-	);
-	return results;
-}
-
-if ( document.querySelectorAll ) {
-	(function() {
-		var disconnectedMatch,
-			oldSelect = select,
-			rescape = /'|\\/g,
-			rattributeQuotes = /\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,
-
-			// qSa(:focus) reports false when true (Chrome 21),
-			// A support test would require too much code (would include document ready)
-			rbuggyQSA = [":focus"],
-
-			// matchesSelector(:focus) reports false when true (Chrome 21),
-			// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
-			// A support test would require too much code (would include document ready)
-			// just skip matchesSelector for :active
-			rbuggyMatches = [ ":active", ":focus" ],
-			matches = docElem.matchesSelector ||
-				docElem.mozMatchesSelector ||
-				docElem.webkitMatchesSelector ||
-				docElem.oMatchesSelector ||
-				docElem.msMatchesSelector;
-
-		// Build QSA regex
-		// Regex strategy adopted from Diego Perini
-		assert(function( div ) {
-			// Select is set to empty string on purpose
-			// This is to test IE's treatment of not explictly
-			// setting a boolean content attribute,
-			// since its presence should be enough
-			// http://bugs.jquery.com/ticket/12359
-			div.innerHTML = "";
-
-			// IE8 - Some boolean attributes are not treated correctly
-			if ( !div.querySelectorAll("[selected]").length ) {
-				rbuggyQSA.push( "\\[" + whitespace + "*(?:checked|disabled|ismap|multiple|readonly|selected|value)" );
-			}
-
-			// Webkit/Opera - :checked should return selected option elements
-			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
-			// IE8 throws error here (do not put tests after this one)
-			if ( !div.querySelectorAll(":checked").length ) {
-				rbuggyQSA.push(":checked");
-			}
-		});
-
-		assert(function( div ) {
-
-			// Opera 10-12/IE9 - ^= $= *= and empty values
-			// Should not select anything
-			div.innerHTML = "
      ";
-			if ( div.querySelectorAll("[test^='']").length ) {
-				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:\"\"|'')" );
-			}
-
-			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
-			// IE8 throws error here (do not put tests after this one)
-			div.innerHTML = "";
-			if ( !div.querySelectorAll(":enabled").length ) {
-				rbuggyQSA.push(":enabled", ":disabled");
-			}
-		});
-
-		// rbuggyQSA always contains :focus, so no need for a length check
-		rbuggyQSA = /* rbuggyQSA.length && */ new RegExp( rbuggyQSA.join("|") );
-
-		select = function( selector, context, results, seed, xml ) {
-			// Only use querySelectorAll when not filtering,
-			// when this is not xml,
-			// and when no QSA bugs apply
-			if ( !seed && !xml && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
-				var groups, i,
-					old = true,
-					nid = expando,
-					newContext = context,
-					newSelector = context.nodeType === 9 && selector;
-
-				// qSA works strangely on Element-rooted queries
-				// We can work around this by specifying an extra ID on the root
-				// and working up from there (Thanks to Andrew Dupont for the technique)
-				// IE 8 doesn't work on object elements
-				if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
-					groups = tokenize( selector );
-
-					if ( (old = context.getAttribute("id")) ) {
-						nid = old.replace( rescape, "\\$&" );
-					} else {
-						context.setAttribute( "id", nid );
-					}
-					nid = "[id='" + nid + "'] ";
-
-					i = groups.length;
-					while ( i-- ) {
-						groups[i] = nid + groups[i].join("");
-					}
-					newContext = rsibling.test( selector ) && context.parentNode || context;
-					newSelector = groups.join(",");
-				}
-
-				if ( newSelector ) {
-					try {
-						push.apply( results, slice.call( newContext.querySelectorAll(
-							newSelector
-						), 0 ) );
-						return results;
-					} catch(qsaError) {
-					} finally {
-						if ( !old ) {
-							context.removeAttribute("id");
-						}
-					}
-				}
-			}
-
-			return oldSelect( selector, context, results, seed, xml );
-		};
-
-		if ( matches ) {
-			assert(function( div ) {
-				// Check to see if it's possible to do matchesSelector
-				// on a disconnected node (IE 9)
-				disconnectedMatch = matches.call( div, "div" );
-
-				// This should fail with an exception
-				// Gecko does not error, returns false instead
-				try {
-					matches.call( div, "[test!='']:sizzle" );
-					rbuggyMatches.push( "!=", pseudos );
-				} catch ( e ) {}
-			});
-
-			// rbuggyMatches always contains :active and :focus, so no need for a length check
-			rbuggyMatches = /* rbuggyMatches.length && */ new RegExp( rbuggyMatches.join("|") );
-
-			Sizzle.matchesSelector = function( elem, expr ) {
-				// Make sure that attribute selectors are quoted
-				expr = expr.replace( rattributeQuotes, "='$1']" );
-
-				// rbuggyMatches always contains :active, so no need for an existence check
-				if ( !isXML( elem ) && !rbuggyMatches.test( expr ) && (!rbuggyQSA || !rbuggyQSA.test( expr )) ) {
-					try {
-						var ret = matches.call( elem, expr );
-
-						// IE 9's matchesSelector returns false on disconnected nodes
-						if ( ret || disconnectedMatch ||
+				|| (match = preFilters[type](match, document, true)))) {
+            tokens.push(matched = new Token(match.shift()));
+            soFar = soFar.slice(matched.length);
+            matched.type = type;
+            matched.matches = match;
+          }
+        }
+
+        if (!matched) {
+          break;
+        }
+      }
+
+      // Return the length of the invalid excess
+      // if we're just parsing
+      // Otherwise, throw an error or return tokens
+      return parseOnly
+        ? soFar.length
+        : soFar
+          ? Sizzle.error(selector)
+        // Cache the tokens
+          : tokenCache(selector, groups).slice(0);
+    }
+
+    function addCombinator(matcher, combinator, base) {
+      const { dir } = combinator;
+      const checkNonElements = base && combinator.dir === 'parentNode';
+      const doneName = done++;
+
+      return combinator.first
+      // Check against closest ancestor/preceding element
+        ? function (elem, context, xml) {
+          while ((elem = elem[dir])) {
+            if (checkNonElements || elem.nodeType === 1) {
+              return matcher(elem, context, xml);
+            }
+          }
+        }
+
+      // Check against all ancestor/preceding elements
+        : function (elem, context, xml) {
+          // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+          if (!xml) {
+            let cache;
+            const dirkey = `${dirruns} ${doneName} `;
+            const cachedkey = dirkey + cachedruns;
+            while ((elem = elem[dir])) {
+              if (checkNonElements || elem.nodeType === 1) {
+                if ((cache = elem[expando]) === cachedkey) {
+                  return elem.sizset;
+                } if (typeof cache === 'string' && cache.indexOf(dirkey) === 0) {
+                  if (elem.sizset) {
+                    return elem;
+                  }
+                } else {
+                  elem[expando] = cachedkey;
+                  if (matcher(elem, context, xml)) {
+                    elem.sizset = true;
+                    return elem;
+                  }
+                  elem.sizset = false;
+                }
+              }
+            }
+          } else {
+            while ((elem = elem[dir])) {
+              if (checkNonElements || elem.nodeType === 1) {
+                if (matcher(elem, context, xml)) {
+                  return elem;
+                }
+              }
+            }
+          }
+        };
+    }
+
+    function elementMatcher(matchers) {
+      return matchers.length > 1
+        ? function (elem, context, xml) {
+          let i = matchers.length;
+          while (i--) {
+            if (!matchers[i](elem, context, xml)) {
+              return false;
+            }
+          }
+          return true;
+        }
+        : matchers[0];
+    }
+
+    function condense(unmatched, map, filter, context, xml) {
+      let elem;
+      const newUnmatched = [];
+      let i = 0;
+      const len = unmatched.length;
+      const mapped = map != null;
+
+      for (; i < len; i++) {
+        if ((elem = unmatched[i])) {
+          if (!filter || filter(elem, context, xml)) {
+            newUnmatched.push(elem);
+            if (mapped) {
+              map.push(i);
+            }
+          }
+        }
+      }
+
+      return newUnmatched;
+    }
+
+    function setMatcher(preFilter, selector, matcher, postFilter, postFinder, postSelector) {
+      if (postFilter && !postFilter[expando]) {
+        postFilter = setMatcher(postFilter);
+      }
+      if (postFinder && !postFinder[expando]) {
+        postFinder = setMatcher(postFinder, postSelector);
+      }
+      return markFunction((seed, results, context, xml) => {
+        // Positional selectors apply to seed elements, so it is invalid to follow them with relative ones
+        if (seed && postFinder) {
+          return;
+        }
+
+        let i; let elem; let postFilterIn;
+        const preMap = [];
+        const postMap = [];
+        const preexisting = results.length;
+
+        // Get initial elements from seed or context
+        const elems = seed || multipleContexts(selector || '*', context.nodeType ? [context] : context, [], seed);
+
+        // Prefilter to get matcher input, preserving a map for seed-results synchronization
+        const matcherIn = preFilter && (seed || !selector)
+          ? condense(elems, preMap, preFilter, context, xml)
+          : elems;
+
+        let matcherOut = matcher
+        // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+          ? postFinder || (seed ? preFilter : preexisting || postFilter)
+
+          // ...intermediate processing is necessary
+            ? []
+
+          // ...otherwise use results directly
+            : results
+          : matcherIn;
+
+        // Find primary matches
+        if (matcher) {
+          matcher(matcherIn, matcherOut, context, xml);
+        }
+
+        // Apply postFilter
+        if (postFilter) {
+          postFilterIn = condense(matcherOut, postMap);
+          postFilter(postFilterIn, [], context, xml);
+
+          // Un-match failing elements by moving them back to matcherIn
+          i = postFilterIn.length;
+          while (i--) {
+            if ((elem = postFilterIn[i])) {
+              matcherOut[postMap[i]] = !(matcherIn[postMap[i]] = elem);
+            }
+          }
+        }
+
+        // Keep seed and results synchronized
+        if (seed) {
+          // Ignore postFinder because it can't coexist with seed
+          i = preFilter && matcherOut.length;
+          while (i--) {
+            if ((elem = matcherOut[i])) {
+              seed[preMap[i]] = !(results[preMap[i]] = elem);
+            }
+          }
+        } else {
+          matcherOut = condense(
+            matcherOut === results
+              ? matcherOut.splice(preexisting, matcherOut.length)
+              : matcherOut,
+          );
+          if (postFinder) {
+            postFinder(null, results, matcherOut, xml);
+          } else {
+            push.apply(results, matcherOut);
+          }
+        }
+      });
+    }
+
+    function matcherFromTokens(tokens) {
+      let checkContext; let matcher; let j;
+      const len = tokens.length;
+      const leadingRelative = Expr.relative[tokens[0].type];
+      const implicitRelative = leadingRelative || Expr.relative[' '];
+      let i = leadingRelative ? 1 : 0;
+
+      // The foundational matcher ensures that elements are reachable from top-level context(s)
+      const matchContext = addCombinator((elem) => elem === checkContext, implicitRelative, true);
+      const matchAnyContext = addCombinator((elem) => indexOf.call(checkContext, elem) > -1, implicitRelative, true);
+      let matchers = [function (elem, context, xml) {
+        return (!leadingRelative && (xml || context !== outermostContext)) || (
+          (checkContext = context).nodeType
+            ? matchContext(elem, context, xml)
+            : matchAnyContext(elem, context, xml));
+      }];
+
+      for (; i < len; i++) {
+        if ((matcher = Expr.relative[tokens[i].type])) {
+          matchers = [addCombinator(elementMatcher(matchers), matcher)];
+        } else {
+          // The concatenated values are (context, xml) for backCompat
+          matcher = Expr.filter[tokens[i].type].apply(null, tokens[i].matches);
+
+          // Return special upon seeing a positional matcher
+          if (matcher[expando]) {
+            // Find the next relative operator (if any) for proper handling
+            j = ++i;
+            for (; j < len; j++) {
+              if (Expr.relative[tokens[j].type]) {
+                break;
+              }
+            }
+            return setMatcher(
+              i > 1 && elementMatcher(matchers),
+              i > 1 && tokens.slice(0, i - 1).join('').replace(rtrim, '$1'),
+              matcher,
+              i < j && matcherFromTokens(tokens.slice(i, j)),
+              j < len && matcherFromTokens((tokens = tokens.slice(j))),
+              j < len && tokens.join(''),
+            );
+          }
+          matchers.push(matcher);
+        }
+      }
+
+      return elementMatcher(matchers);
+    }
+
+    function matcherFromGroupMatchers(elementMatchers, setMatchers) {
+      const bySet = setMatchers.length > 0;
+      const byElement = elementMatchers.length > 0;
+      var superMatcher = function (seed, context, xml, results, expandContext) {
+        let elem; let j; let matcher;
+        let setMatched = [];
+        let matchedCount = 0;
+        let i = '0';
+        const unmatched = seed && [];
+        const outermost = expandContext != null;
+        const contextBackup = outermostContext;
+        // We must always have either seed elements or context
+        const elems = seed || byElement && Expr.find.TAG('*', expandContext && context.parentNode || context);
+        // Nested matchers should use non-integer dirruns
+        const dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.E);
+
+        if (outermost) {
+          outermostContext = context !== document && context;
+          cachedruns = superMatcher.el;
+        }
+
+        // Add elements passing elementMatchers directly to results
+        for (; (elem = elems[i]) != null; i++) {
+          if (byElement && elem) {
+            for (j = 0; (matcher = elementMatchers[j]); j++) {
+              if (matcher(elem, context, xml)) {
+                results.push(elem);
+                break;
+              }
+            }
+            if (outermost) {
+              dirruns = dirrunsUnique;
+              cachedruns = ++superMatcher.el;
+            }
+          }
+
+          // Track unmatched elements for set filters
+          if (bySet) {
+            // They will have gone through all possible matchers
+            if ((elem = !matcher && elem)) {
+              matchedCount--;
+            }
+
+            // Lengthen the array for every element, matched or not
+            if (seed) {
+              unmatched.push(elem);
+            }
+          }
+        }
+
+        // Apply set filters to unmatched elements
+        matchedCount += i;
+        if (bySet && i !== matchedCount) {
+          for (j = 0; (matcher = setMatchers[j]); j++) {
+            matcher(unmatched, setMatched, context, xml);
+          }
+
+          if (seed) {
+            // Reintegrate element matches to eliminate the need for sorting
+            if (matchedCount > 0) {
+              while (i--) {
+                if (!(unmatched[i] || setMatched[i])) {
+                  setMatched[i] = pop.call(results);
+                }
+              }
+            }
+
+            // Discard index placeholder values to get only actual matches
+            setMatched = condense(setMatched);
+          }
+
+          // Add matches to results
+          push.apply(results, setMatched);
+
+          // Seedless set matches succeeding multiple successful matchers stipulate sorting
+          if (outermost && !seed && setMatched.length > 0
+					&& (matchedCount + setMatchers.length) > 1) {
+            Sizzle.uniqueSort(results);
+          }
+        }
+
+        // Override manipulation of globals by nested matchers
+        if (outermost) {
+          dirruns = dirrunsUnique;
+          outermostContext = contextBackup;
+        }
+
+        return unmatched;
+      };
+
+      superMatcher.el = 0;
+      return bySet
+        ? markFunction(superMatcher)
+        : superMatcher;
+    }
+
+    compile = Sizzle.compile = function (selector, group /* Internal Use Only */) {
+      let i;
+      const setMatchers = [];
+      const elementMatchers = [];
+      let cached = compilerCache[expando][selector];
+
+      if (!cached) {
+        // Generate a function of recursive functions that can be used to check each element
+        if (!group) {
+          group = tokenize(selector);
+        }
+        i = group.length;
+        while (i--) {
+          cached = matcherFromTokens(group[i]);
+          if (cached[expando]) {
+            setMatchers.push(cached);
+          } else {
+            elementMatchers.push(cached);
+          }
+        }
+
+        // Cache the compiled function
+        cached = compilerCache(selector, matcherFromGroupMatchers(elementMatchers, setMatchers));
+      }
+      return cached;
+    };
+
+    function multipleContexts(selector, contexts, results, seed) {
+      let i = 0;
+      const len = contexts.length;
+      for (; i < len; i++) {
+        Sizzle(selector, contexts[i], results, seed);
+      }
+      return results;
+    }
+
+    function select(selector, context, results, seed, xml) {
+      let i; let tokens; let token; let type; let find;
+      const match = tokenize(selector);
+      const j = match.length;
+
+      if (!seed) {
+        // Try to minimize operations if there is only one group
+        if (match.length === 1) {
+          // Take a shortcut and set the context if the root selector is an ID
+          tokens = match[0] = match[0].slice(0);
+          if (tokens.length > 2 && (token = tokens[0]).type === 'ID'
+					&& context.nodeType === 9 && !xml
+					&& Expr.relative[tokens[1].type]) {
+            context = Expr.find.ID(token.matches[0].replace(rbackslash, ''), context, xml)[0];
+            if (!context) {
+              return results;
+            }
+
+            selector = selector.slice(tokens.shift().length);
+          }
+
+          // Fetch a seed set for right-to-left matching
+          for (i = matchExpr.POS.test(selector) ? -1 : tokens.length - 1; i >= 0; i--) {
+            token = tokens[i];
+
+            // Abort if we hit a combinator
+            if (Expr.relative[(type = token.type)]) {
+              break;
+            }
+            if ((find = Expr.find[type])) {
+              // Search, expanding context for leading sibling combinators
+              if ((seed = find(
+                token.matches[0].replace(rbackslash, ''),
+                rsibling.test(tokens[0].type) && context.parentNode || context,
+                xml,
+              ))) {
+                // If seed is empty or no tokens remain, we can return early
+                tokens.splice(i, 1);
+                selector = seed.length && tokens.join('');
+                if (!selector) {
+                  push.apply(results, slice.call(seed, 0));
+                  return results;
+                }
+
+                break;
+              }
+            }
+          }
+        }
+      }
+
+      // Compile and execute a filtering function
+      // Provide `match` to avoid retokenization if we modified the selector above
+      compile(selector, match)(
+        seed,
+        context,
+        xml,
+        results,
+        rsibling.test(selector),
+      );
+      return results;
+    }
+
+    if (document.querySelectorAll) {
+      (function () {
+        let disconnectedMatch;
+        const oldSelect = select;
+        const rescape = /'|\\/g;
+        const rattributeQuotes = /\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g;
+
+        // qSa(:focus) reports false when true (Chrome 21),
+        // A support test would require too much code (would include document ready)
+        let rbuggyQSA = [':focus'];
+
+        // matchesSelector(:focus) reports false when true (Chrome 21),
+        // matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+        // A support test would require too much code (would include document ready)
+        // just skip matchesSelector for :active
+        let rbuggyMatches = [':active', ':focus'];
+        const matches = docElem.matchesSelector
+				|| docElem.mozMatchesSelector
+				|| docElem.webkitMatchesSelector
+				|| docElem.oMatchesSelector
+				|| docElem.msMatchesSelector;
+
+        // Build QSA regex
+        // Regex strategy adopted from Diego Perini
+        assert((div) => {
+          // Select is set to empty string on purpose
+          // This is to test IE's treatment of not explictly
+          // setting a boolean content attribute,
+          // since its presence should be enough
+          // http://bugs.jquery.com/ticket/12359
+          div.innerHTML = "";
+
+          // IE8 - Some boolean attributes are not treated correctly
+          if (!div.querySelectorAll('[selected]').length) {
+            rbuggyQSA.push(`\\[${whitespace}*(?:checked|disabled|ismap|multiple|readonly|selected|value)`);
+          }
+
+          // Webkit/Opera - :checked should return selected option elements
+          // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+          // IE8 throws error here (do not put tests after this one)
+          if (!div.querySelectorAll(':checked').length) {
+            rbuggyQSA.push(':checked');
+          }
+        });
+
+        assert((div) => {
+          // Opera 10-12/IE9 - ^= $= *= and empty values
+          // Should not select anything
+          div.innerHTML = "
      ";
+          if (div.querySelectorAll("[test^='']").length) {
+            rbuggyQSA.push(`[*^$]=${whitespace}*(?:""|'')`);
+          }
+
+          // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+          // IE8 throws error here (do not put tests after this one)
+          div.innerHTML = "";
+          if (!div.querySelectorAll(':enabled').length) {
+            rbuggyQSA.push(':enabled', ':disabled');
+          }
+        });
+
+        // rbuggyQSA always contains :focus, so no need for a length check
+        rbuggyQSA = /* rbuggyQSA.length && */ new RegExp(rbuggyQSA.join('|'));
+
+        select = function (selector, context, results, seed, xml) {
+          // Only use querySelectorAll when not filtering,
+          // when this is not xml,
+          // and when no QSA bugs apply
+          if (!seed && !xml && (!rbuggyQSA || !rbuggyQSA.test(selector))) {
+            let groups; let i;
+            let old = true;
+            let nid = expando;
+            let newContext = context;
+            let newSelector = context.nodeType === 9 && selector;
+
+            // qSA works strangely on Element-rooted queries
+            // We can work around this by specifying an extra ID on the root
+            // and working up from there (Thanks to Andrew Dupont for the technique)
+            // IE 8 doesn't work on object elements
+            if (context.nodeType === 1 && context.nodeName.toLowerCase() !== 'object') {
+              groups = tokenize(selector);
+
+              if ((old = context.getAttribute('id'))) {
+                nid = old.replace(rescape, '\\$&');
+              } else {
+                context.setAttribute('id', nid);
+              }
+              nid = `[id='${nid}'] `;
+
+              i = groups.length;
+              while (i--) {
+                groups[i] = nid + groups[i].join('');
+              }
+              newContext = rsibling.test(selector) && context.parentNode || context;
+              newSelector = groups.join(',');
+            }
+
+            if (newSelector) {
+              try {
+                push.apply(results, slice.call(newContext.querySelectorAll(
+                  newSelector,
+                ), 0));
+                return results;
+              } catch (qsaError) {
+              } finally {
+                if (!old) {
+                  context.removeAttribute('id');
+                }
+              }
+            }
+          }
+
+          return oldSelect(selector, context, results, seed, xml);
+        };
+
+        if (matches) {
+          assert((div) => {
+            // Check to see if it's possible to do matchesSelector
+            // on a disconnected node (IE 9)
+            disconnectedMatch = matches.call(div, 'div');
+
+            // This should fail with an exception
+            // Gecko does not error, returns false instead
+            try {
+              matches.call(div, "[test!='']:sizzle");
+              rbuggyMatches.push('!=', pseudos);
+            } catch (e) {}
+          });
+
+          // rbuggyMatches always contains :active and :focus, so no need for a length check
+          rbuggyMatches = /* rbuggyMatches.length && */ new RegExp(rbuggyMatches.join('|'));
+
+          Sizzle.matchesSelector = function (elem, expr) {
+            // Make sure that attribute selectors are quoted
+            expr = expr.replace(rattributeQuotes, "='$1']");
+
+            // rbuggyMatches always contains :active, so no need for an existence check
+            if (!isXML(elem) && !rbuggyMatches.test(expr) && (!rbuggyQSA || !rbuggyQSA.test(expr))) {
+              try {
+                const ret = matches.call(elem, expr);
+
+                // IE 9's matchesSelector returns false on disconnected nodes
+                if (ret || disconnectedMatch
 								// As well, disconnected nodes are said to be in a document
 								// fragment in IE 9
-								elem.document && elem.document.nodeType !== 11 ) {
-							return ret;
-						}
-					} catch(e) {}
-				}
-
-				return Sizzle( expr, null, null, [ elem ] ).length > 0;
-			};
-		}
-	})();
-}
-
-// Deprecated
-Expr.pseudos["nth"] = Expr.pseudos["eq"];
-
-// Back-compat
-function setFilters() {}
-Expr.filters = setFilters.prototype = Expr.pseudos;
-Expr.setFilters = new setFilters();
-
-// Override sizzle attribute retrieval
-Sizzle.attr = jQuery.attr;
-jQuery.find = Sizzle;
-jQuery.expr = Sizzle.selectors;
-jQuery.expr[":"] = jQuery.expr.pseudos;
-jQuery.unique = Sizzle.uniqueSort;
-jQuery.text = Sizzle.getText;
-jQuery.isXMLDoc = Sizzle.isXML;
-jQuery.contains = Sizzle.contains;
-
-
-})( window );
-var runtil = /Until$/,
-	rparentsprev = /^(?:parents|prev(?:Until|All))/,
-	isSimple = /^.[^:#\[\.,]*$/,
-	rneedsContext = jQuery.expr.match.needsContext,
-	// methods guaranteed to produce a unique set when starting from a unique set
-	guaranteedUnique = {
-		children: true,
-		contents: true,
-		next: true,
-		prev: true
-	};
-
-jQuery.fn.extend({
-	find: function( selector ) {
-		var i, l, length, n, r, ret,
-			self = this;
-
-		if ( typeof selector !== "string" ) {
-			return jQuery( selector ).filter(function() {
-				for ( i = 0, l = self.length; i < l; i++ ) {
-					if ( jQuery.contains( self[ i ], this ) ) {
-						return true;
-					}
-				}
-			});
-		}
-
-		ret = this.pushStack( "", "find", selector );
-
-		for ( i = 0, l = this.length; i < l; i++ ) {
-			length = ret.length;
-			jQuery.find( selector, this[i], ret );
-
-			if ( i > 0 ) {
-				// Make sure that the results are unique
-				for ( n = length; n < ret.length; n++ ) {
-					for ( r = 0; r < length; r++ ) {
-						if ( ret[r] === ret[n] ) {
-							ret.splice(n--, 1);
-							break;
-						}
-					}
-				}
-			}
-		}
-
-		return ret;
-	},
-
-	has: function( target ) {
-		var i,
-			targets = jQuery( target, this ),
-			len = targets.length;
-
-		return this.filter(function() {
-			for ( i = 0; i < len; i++ ) {
-				if ( jQuery.contains( this, targets[i] ) ) {
-					return true;
-				}
-			}
-		});
-	},
-
-	not: function( selector ) {
-		return this.pushStack( winnow(this, selector, false), "not", selector);
-	},
-
-	filter: function( selector ) {
-		return this.pushStack( winnow(this, selector, true), "filter", selector );
-	},
-
-	is: function( selector ) {
-		return !!selector && (
-			typeof selector === "string" ?
-				// If this is a positional/relative selector, check membership in the returned set
-				// so $("p:first").is("p:last") won't return true for a doc with two "p".
-				rneedsContext.test( selector ) ?
-					jQuery( selector, this.context ).index( this[0] ) >= 0 :
-					jQuery.filter( selector, this ).length > 0 :
-				this.filter( selector ).length > 0 );
-	},
-
-	closest: function( selectors, context ) {
-		var cur,
-			i = 0,
-			l = this.length,
-			ret = [],
-			pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
-				jQuery( selectors, context || this.context ) :
-				0;
-
-		for ( ; i < l; i++ ) {
-			cur = this[i];
-
-			while ( cur && cur.ownerDocument && cur !== context && cur.nodeType !== 11 ) {
-				if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
-					ret.push( cur );
-					break;
-				}
-				cur = cur.parentNode;
-			}
-		}
-
-		ret = ret.length > 1 ? jQuery.unique( ret ) : ret;
-
-		return this.pushStack( ret, "closest", selectors );
-	},
-
-	// Determine the position of an element within
-	// the matched set of elements
-	index: function( elem ) {
-
-		// No argument, return index in parent
-		if ( !elem ) {
-			return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1;
-		}
-
-		// index in selector
-		if ( typeof elem === "string" ) {
-			return jQuery.inArray( this[0], jQuery( elem ) );
-		}
-
-		// Locate the position of the desired element
-		return jQuery.inArray(
-			// If it receives a jQuery object, the first element is used
-			elem.jquery ? elem[0] : elem, this );
-	},
-
-	add: function( selector, context ) {
-		var set = typeof selector === "string" ?
-				jQuery( selector, context ) :
-				jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
-			all = jQuery.merge( this.get(), set );
-
-		return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
-			all :
-			jQuery.unique( all ) );
-	},
-
-	addBack: function( selector ) {
-		return this.add( selector == null ?
-			this.prevObject : this.prevObject.filter(selector)
-		);
-	}
-});
-
-jQuery.fn.andSelf = jQuery.fn.addBack;
-
-// A painfully simple check to see if an element is disconnected
-// from a document (should be improved, where feasible).
-function isDisconnected( node ) {
-	return !node || !node.parentNode || node.parentNode.nodeType === 11;
-}
-
-function sibling( cur, dir ) {
-	do {
-		cur = cur[ dir ];
-	} while ( cur && cur.nodeType !== 1 );
-
-	return cur;
-}
-
-jQuery.each({
-	parent: function( elem ) {
-		var parent = elem.parentNode;
-		return parent && parent.nodeType !== 11 ? parent : null;
-	},
-	parents: function( elem ) {
-		return jQuery.dir( elem, "parentNode" );
-	},
-	parentsUntil: function( elem, i, until ) {
-		return jQuery.dir( elem, "parentNode", until );
-	},
-	next: function( elem ) {
-		return sibling( elem, "nextSibling" );
-	},
-	prev: function( elem ) {
-		return sibling( elem, "previousSibling" );
-	},
-	nextAll: function( elem ) {
-		return jQuery.dir( elem, "nextSibling" );
-	},
-	prevAll: function( elem ) {
-		return jQuery.dir( elem, "previousSibling" );
-	},
-	nextUntil: function( elem, i, until ) {
-		return jQuery.dir( elem, "nextSibling", until );
-	},
-	prevUntil: function( elem, i, until ) {
-		return jQuery.dir( elem, "previousSibling", until );
-	},
-	siblings: function( elem ) {
-		return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
-	},
-	children: function( elem ) {
-		return jQuery.sibling( elem.firstChild );
-	},
-	contents: function( elem ) {
-		return jQuery.nodeName( elem, "iframe" ) ?
-			elem.contentDocument || elem.contentWindow.document :
-			jQuery.merge( [], elem.childNodes );
-	}
-}, function( name, fn ) {
-	jQuery.fn[ name ] = function( until, selector ) {
-		var ret = jQuery.map( this, fn, until );
-
-		if ( !runtil.test( name ) ) {
-			selector = until;
-		}
-
-		if ( selector && typeof selector === "string" ) {
-			ret = jQuery.filter( selector, ret );
-		}
-
-		ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
-
-		if ( this.length > 1 && rparentsprev.test( name ) ) {
-			ret = ret.reverse();
-		}
-
-		return this.pushStack( ret, name, core_slice.call( arguments ).join(",") );
-	};
-});
-
-jQuery.extend({
-	filter: function( expr, elems, not ) {
-		if ( not ) {
-			expr = ":not(" + expr + ")";
-		}
-
-		return elems.length === 1 ?
-			jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
-			jQuery.find.matches(expr, elems);
-	},
-
-	dir: function( elem, dir, until ) {
-		var matched = [],
-			cur = elem[ dir ];
-
-		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
-			if ( cur.nodeType === 1 ) {
-				matched.push( cur );
-			}
-			cur = cur[dir];
-		}
-		return matched;
-	},
-
-	sibling: function( n, elem ) {
-		var r = [];
-
-		for ( ; n; n = n.nextSibling ) {
-			if ( n.nodeType === 1 && n !== elem ) {
-				r.push( n );
-			}
-		}
-
-		return r;
-	}
-});
-
-// Implement the identical functionality for filter and not
-function winnow( elements, qualifier, keep ) {
-
-	// Can't pass null or undefined to indexOf in Firefox 4
-	// Set to 0 to skip string check
-	qualifier = qualifier || 0;
-
-	if ( jQuery.isFunction( qualifier ) ) {
-		return jQuery.grep(elements, function( elem, i ) {
-			var retVal = !!qualifier.call( elem, i, elem );
-			return retVal === keep;
-		});
-
-	} else if ( qualifier.nodeType ) {
-		return jQuery.grep(elements, function( elem, i ) {
-			return ( elem === qualifier ) === keep;
-		});
-
-	} else if ( typeof qualifier === "string" ) {
-		var filtered = jQuery.grep(elements, function( elem ) {
-			return elem.nodeType === 1;
-		});
-
-		if ( isSimple.test( qualifier ) ) {
-			return jQuery.filter(qualifier, filtered, !keep);
-		} else {
-			qualifier = jQuery.filter( qualifier, filtered );
-		}
-	}
-
-	return jQuery.grep(elements, function( elem, i ) {
-		return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep;
-	});
-}
-function createSafeFragment( document ) {
-	var list = nodeNames.split( "|" ),
-	safeFrag = document.createDocumentFragment();
-
-	if ( safeFrag.createElement ) {
-		while ( list.length ) {
-			safeFrag.createElement(
-				list.pop()
-			);
-		}
-	}
-	return safeFrag;
-}
-
-var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" +
-		"header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
-	rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
-	rleadingWhitespace = /^\s+/,
-	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
-	rtagName = /<([\w:]+)/,
-	rtbody = /]", "i"),
-	rcheckableType = /^(?:checkbox|radio)$/,
-	// checked="checked" or checked
-	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
-	rscriptType = /\/(java|ecma)script/i,
-	rcleanScript = /^\s*\s*$/g,
-	wrapMap = {
-		option: [ 1, "" ],
-		legend: [ 1, "
      ", "
      " ],
-		thead: [ 1, "", "
      " ],
-		tr: [ 2, "", "
      " ],
-		td: [ 3, "", "
      " ],
-		col: [ 2, "", "
      " ],
-		area: [ 1, "", "" ],
-		_default: [ 0, "", "" ]
-	},
-	safeFragment = createSafeFragment( document ),
-	fragmentDiv = safeFragment.appendChild( document.createElement("div") );
-
-wrapMap.optgroup = wrapMap.option;
-wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
-wrapMap.th = wrapMap.td;
-
-// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
-// unless wrapped in a div with non-breaking characters in front of it.
-if ( !jQuery.support.htmlSerialize ) {
-	wrapMap._default = [ 1, "X
      ", "
      " ];
-}
-
-jQuery.fn.extend({
-	text: function( value ) {
-		return jQuery.access( this, function( value ) {
-			return value === undefined ?
-				jQuery.text( this ) :
-				this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
-		}, null, value, arguments.length );
-	},
-
-	wrapAll: function( html ) {
-		if ( jQuery.isFunction( html ) ) {
-			return this.each(function(i) {
-				jQuery(this).wrapAll( html.call(this, i) );
-			});
-		}
-
-		if ( this[0] ) {
-			// The elements to wrap the target around
-			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
-
-			if ( this[0].parentNode ) {
-				wrap.insertBefore( this[0] );
-			}
-
-			wrap.map(function() {
-				var elem = this;
-
-				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
-					elem = elem.firstChild;
-				}
-
-				return elem;
-			}).append( this );
-		}
-
-		return this;
-	},
-
-	wrapInner: function( html ) {
-		if ( jQuery.isFunction( html ) ) {
-			return this.each(function(i) {
-				jQuery(this).wrapInner( html.call(this, i) );
-			});
-		}
-
-		return this.each(function() {
-			var self = jQuery( this ),
-				contents = self.contents();
-
-			if ( contents.length ) {
-				contents.wrapAll( html );
-
-			} else {
-				self.append( html );
-			}
-		});
-	},
-
-	wrap: function( html ) {
-		var isFunction = jQuery.isFunction( html );
-
-		return this.each(function(i) {
-			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
-		});
-	},
-
-	unwrap: function() {
-		return this.parent().each(function() {
-			if ( !jQuery.nodeName( this, "body" ) ) {
-				jQuery( this ).replaceWith( this.childNodes );
-			}
-		}).end();
-	},
-
-	append: function() {
-		return this.domManip(arguments, true, function( elem ) {
-			if ( this.nodeType === 1 || this.nodeType === 11 ) {
-				this.appendChild( elem );
-			}
-		});
-	},
-
-	prepend: function() {
-		return this.domManip(arguments, true, function( elem ) {
-			if ( this.nodeType === 1 || this.nodeType === 11 ) {
-				this.insertBefore( elem, this.firstChild );
-			}
-		});
-	},
-
-	before: function() {
-		if ( !isDisconnected( this[0] ) ) {
-			return this.domManip(arguments, false, function( elem ) {
-				this.parentNode.insertBefore( elem, this );
-			});
-		}
-
-		if ( arguments.length ) {
-			var set = jQuery.clean( arguments );
-			return this.pushStack( jQuery.merge( set, this ), "before", this.selector );
-		}
-	},
-
-	after: function() {
-		if ( !isDisconnected( this[0] ) ) {
-			return this.domManip(arguments, false, function( elem ) {
-				this.parentNode.insertBefore( elem, this.nextSibling );
-			});
-		}
-
-		if ( arguments.length ) {
-			var set = jQuery.clean( arguments );
-			return this.pushStack( jQuery.merge( this, set ), "after", this.selector );
-		}
-	},
-
-	// keepData is for internal use only--do not document
-	remove: function( selector, keepData ) {
-		var elem,
-			i = 0;
-
-		for ( ; (elem = this[i]) != null; i++ ) {
-			if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
-				if ( !keepData && elem.nodeType === 1 ) {
-					jQuery.cleanData( elem.getElementsByTagName("*") );
-					jQuery.cleanData( [ elem ] );
-				}
-
-				if ( elem.parentNode ) {
-					elem.parentNode.removeChild( elem );
-				}
-			}
-		}
-
-		return this;
-	},
-
-	empty: function() {
-		var elem,
-			i = 0;
-
-		for ( ; (elem = this[i]) != null; i++ ) {
-			// Remove element nodes and prevent memory leaks
-			if ( elem.nodeType === 1 ) {
-				jQuery.cleanData( elem.getElementsByTagName("*") );
-			}
-
-			// Remove any remaining nodes
-			while ( elem.firstChild ) {
-				elem.removeChild( elem.firstChild );
-			}
-		}
-
-		return this;
-	},
-
-	clone: function( dataAndEvents, deepDataAndEvents ) {
-		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
-		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
-
-		return this.map( function () {
-			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
-		});
-	},
-
-	html: function( value ) {
-		return jQuery.access( this, function( value ) {
-			var elem = this[0] || {},
-				i = 0,
-				l = this.length;
-
-			if ( value === undefined ) {
-				return elem.nodeType === 1 ?
-					elem.innerHTML.replace( rinlinejQuery, "" ) :
-					undefined;
-			}
-
-			// See if we can take a shortcut and just use innerHTML
-			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
-				( jQuery.support.htmlSerialize || !rnoshimcache.test( value )  ) &&
-				( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
-				!wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) {
-
-				value = value.replace( rxhtmlTag, "<$1>" );
-
-				try {
-					for (; i < l; i++ ) {
-						// Remove element nodes and prevent memory leaks
-						elem = this[i] || {};
-						if ( elem.nodeType === 1 ) {
-							jQuery.cleanData( elem.getElementsByTagName( "*" ) );
-							elem.innerHTML = value;
-						}
-					}
-
-					elem = 0;
-
-				// If using innerHTML throws an exception, use the fallback method
-				} catch(e) {}
-			}
-
-			if ( elem ) {
-				this.empty().append( value );
-			}
-		}, null, value, arguments.length );
-	},
-
-	replaceWith: function( value ) {
-		if ( !isDisconnected( this[0] ) ) {
-			// Make sure that the elements are removed from the DOM before they are inserted
-			// this can help fix replacing a parent with child elements
-			if ( jQuery.isFunction( value ) ) {
-				return this.each(function(i) {
-					var self = jQuery(this), old = self.html();
-					self.replaceWith( value.call( this, i, old ) );
-				});
-			}
-
-			if ( typeof value !== "string" ) {
-				value = jQuery( value ).detach();
-			}
-
-			return this.each(function() {
-				var next = this.nextSibling,
-					parent = this.parentNode;
-
-				jQuery( this ).remove();
-
-				if ( next ) {
-					jQuery(next).before( value );
-				} else {
-					jQuery(parent).append( value );
-				}
-			});
-		}
-
-		return this.length ?
-			this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) :
-			this;
-	},
-
-	detach: function( selector ) {
-		return this.remove( selector, true );
-	},
-
-	domManip: function( args, table, callback ) {
-
-		// Flatten any nested arrays
-		args = [].concat.apply( [], args );
-
-		var results, first, fragment, iNoClone,
-			i = 0,
-			value = args[0],
-			scripts = [],
-			l = this.length;
-
-		// We can't cloneNode fragments that contain checked, in WebKit
-		if ( !jQuery.support.checkClone && l > 1 && typeof value === "string" && rchecked.test( value ) ) {
-			return this.each(function() {
-				jQuery(this).domManip( args, table, callback );
-			});
-		}
-
-		if ( jQuery.isFunction(value) ) {
-			return this.each(function(i) {
-				var self = jQuery(this);
-				args[0] = value.call( this, i, table ? self.html() : undefined );
-				self.domManip( args, table, callback );
-			});
-		}
-
-		if ( this[0] ) {
-			results = jQuery.buildFragment( args, this, scripts );
-			fragment = results.fragment;
-			first = fragment.firstChild;
-
-			if ( fragment.childNodes.length === 1 ) {
-				fragment = first;
-			}
-
-			if ( first ) {
-				table = table && jQuery.nodeName( first, "tr" );
-
-				// Use the original fragment for the last item instead of the first because it can end up
-				// being emptied incorrectly in certain situations (#8070).
-				// Fragments from the fragment cache must always be cloned and never used in place.
-				for ( iNoClone = results.cacheable || l - 1; i < l; i++ ) {
-					callback.call(
-						table && jQuery.nodeName( this[i], "table" ) ?
-							findOrAppend( this[i], "tbody" ) :
-							this[i],
-						i === iNoClone ?
-							fragment :
-							jQuery.clone( fragment, true, true )
-					);
-				}
-			}
-
-			// Fix #11809: Avoid leaking memory
-			fragment = first = null;
-
-			if ( scripts.length ) {
-				jQuery.each( scripts, function( i, elem ) {
-					if ( elem.src ) {
-						if ( jQuery.ajax ) {
-							jQuery.ajax({
-								url: elem.src,
-								type: "GET",
-								dataType: "script",
-								async: false,
-								global: false,
-								"throws": true
-							});
-						} else {
-							jQuery.error("no ajax");
-						}
-					} else {
-						jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "" ) );
-					}
-
-					if ( elem.parentNode ) {
-						elem.parentNode.removeChild( elem );
-					}
-				});
-			}
-		}
-
-		return this;
-	}
-});
-
-function findOrAppend( elem, tag ) {
-	return elem.getElementsByTagName( tag )[0] || elem.appendChild( elem.ownerDocument.createElement( tag ) );
-}
-
-function cloneCopyEvent( src, dest ) {
-
-	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
-		return;
-	}
-
-	var type, i, l,
-		oldData = jQuery._data( src ),
-		curData = jQuery._data( dest, oldData ),
-		events = oldData.events;
-
-	if ( events ) {
-		delete curData.handle;
-		curData.events = {};
-
-		for ( type in events ) {
-			for ( i = 0, l = events[ type ].length; i < l; i++ ) {
-				jQuery.event.add( dest, type, events[ type ][ i ] );
-			}
-		}
-	}
-
-	// make the cloned public data object a copy from the original
-	if ( curData.data ) {
-		curData.data = jQuery.extend( {}, curData.data );
-	}
-}
-
-function cloneFixAttributes( src, dest ) {
-	var nodeName;
-
-	// We do not need to do anything for non-Elements
-	if ( dest.nodeType !== 1 ) {
-		return;
-	}
-
-	// clearAttributes removes the attributes, which we don't want,
-	// but also removes the attachEvent events, which we *do* want
-	if ( dest.clearAttributes ) {
-		dest.clearAttributes();
-	}
-
-	// mergeAttributes, in contrast, only merges back on the
-	// original attributes, not the events
-	if ( dest.mergeAttributes ) {
-		dest.mergeAttributes( src );
-	}
-
-	nodeName = dest.nodeName.toLowerCase();
-
-	if ( nodeName === "object" ) {
-		// IE6-10 improperly clones children of object elements using classid.
-		// IE10 throws NoModificationAllowedError if parent is null, #12132.
-		if ( dest.parentNode ) {
-			dest.outerHTML = src.outerHTML;
-		}
-
-		// This path appears unavoidable for IE9. When cloning an object
-		// element in IE9, the outerHTML strategy above is not sufficient.
-		// If the src has innerHTML and the destination does not,
-		// copy the src.innerHTML into the dest.innerHTML. #10324
-		if ( jQuery.support.html5Clone && (src.innerHTML && !jQuery.trim(dest.innerHTML)) ) {
-			dest.innerHTML = src.innerHTML;
-		}
-
-	} else if ( nodeName === "input" && rcheckableType.test( src.type ) ) {
-		// IE6-8 fails to persist the checked state of a cloned checkbox
-		// or radio button. Worse, IE6-7 fail to give the cloned element
-		// a checked appearance if the defaultChecked value isn't also set
-
-		dest.defaultChecked = dest.checked = src.checked;
-
-		// IE6-7 get confused and end up setting the value of a cloned
-		// checkbox/radio button to an empty string instead of "on"
-		if ( dest.value !== src.value ) {
-			dest.value = src.value;
-		}
-
-	// IE6-8 fails to return the selected option to the default selected
-	// state when cloning options
-	} else if ( nodeName === "option" ) {
-		dest.selected = src.defaultSelected;
-
-	// IE6-8 fails to set the defaultValue to the correct value when
-	// cloning other types of input fields
-	} else if ( nodeName === "input" || nodeName === "textarea" ) {
-		dest.defaultValue = src.defaultValue;
-
-	// IE blanks contents when cloning scripts
-	} else if ( nodeName === "script" && dest.text !== src.text ) {
-		dest.text = src.text;
-	}
-
-	// Event data gets referenced instead of copied if the expando
-	// gets copied too
-	dest.removeAttribute( jQuery.expando );
-}
-
-jQuery.buildFragment = function( args, context, scripts ) {
-	var fragment, cacheable, cachehit,
-		first = args[ 0 ];
-
-	// Set context from what may come in as undefined or a jQuery collection or a node
-	// Updated to fix #12266 where accessing context[0] could throw an exception in IE9/10 &
-	// also doubles as fix for #8950 where plain objects caused createDocumentFragment exception
-	context = context || document;
-	context = !context.nodeType && context[0] || context;
-	context = context.ownerDocument || context;
-
-	// Only cache "small" (1/2 KB) HTML strings that are associated with the main document
-	// Cloning options loses the selected state, so don't cache them
-	// IE 6 doesn't like it when you put  or  elements in a fragment
-	// Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
-	// Lastly, IE6,7,8 will not correctly reuse cached fragments that were created from unknown elems #10501
-	if ( args.length === 1 && typeof first === "string" && first.length < 512 && context === document &&
-		first.charAt(0) === "<" && !rnocache.test( first ) &&
-		(jQuery.support.checkClone || !rchecked.test( first )) &&
-		(jQuery.support.html5Clone || !rnoshimcache.test( first )) ) {
-
-		// Mark cacheable and look for a hit
-		cacheable = true;
-		fragment = jQuery.fragments[ first ];
-		cachehit = fragment !== undefined;
-	}
-
-	if ( !fragment ) {
-		fragment = context.createDocumentFragment();
-		jQuery.clean( args, context, fragment, scripts );
-
-		// Update the cache, but only store false
-		// unless this is a second parsing of the same content
-		if ( cacheable ) {
-			jQuery.fragments[ first ] = cachehit && fragment;
-		}
-	}
-
-	return { fragment: fragment, cacheable: cacheable };
-};
-
-jQuery.fragments = {};
-
-jQuery.each({
-	appendTo: "append",
-	prependTo: "prepend",
-	insertBefore: "before",
-	insertAfter: "after",
-	replaceAll: "replaceWith"
-}, function( name, original ) {
-	jQuery.fn[ name ] = function( selector ) {
-		var elems,
-			i = 0,
-			ret = [],
-			insert = jQuery( selector ),
-			l = insert.length,
-			parent = this.length === 1 && this[0].parentNode;
-
-		if ( (parent == null || parent && parent.nodeType === 11 && parent.childNodes.length === 1) && l === 1 ) {
-			insert[ original ]( this[0] );
-			return this;
-		} else {
-			for ( ; i < l; i++ ) {
-				elems = ( i > 0 ? this.clone(true) : this ).get();
-				jQuery( insert[i] )[ original ]( elems );
-				ret = ret.concat( elems );
-			}
-
-			return this.pushStack( ret, name, insert.selector );
-		}
-	};
-});
-
-function getAll( elem ) {
-	if ( typeof elem.getElementsByTagName !== "undefined" ) {
-		return elem.getElementsByTagName( "*" );
-
-	} else if ( typeof elem.querySelectorAll !== "undefined" ) {
-		return elem.querySelectorAll( "*" );
-
-	} else {
-		return [];
-	}
-}
-
-// Used in clean, fixes the defaultChecked property
-function fixDefaultChecked( elem ) {
-	if ( rcheckableType.test( elem.type ) ) {
-		elem.defaultChecked = elem.checked;
-	}
-}
-
-jQuery.extend({
-	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
-		var srcElements,
-			destElements,
-			i,
-			clone;
-
-		if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
-			clone = elem.cloneNode( true );
-
-		// IE<=8 does not properly clone detached, unknown element nodes
-		} else {
-			fragmentDiv.innerHTML = elem.outerHTML;
-			fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
-		}
-
-		if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
-				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
-			// IE copies events bound via attachEvent when using cloneNode.
-			// Calling detachEvent on the clone will also remove the events
-			// from the original. In order to get around this, we use some
-			// proprietary methods to clear the events. Thanks to MooTools
-			// guys for this hotness.
-
-			cloneFixAttributes( elem, clone );
-
-			// Using Sizzle here is crazy slow, so we use getElementsByTagName instead
-			srcElements = getAll( elem );
-			destElements = getAll( clone );
-
-			// Weird iteration because IE will replace the length property
-			// with an element if you are cloning the body and one of the
-			// elements on the page has a name or id of "length"
-			for ( i = 0; srcElements[i]; ++i ) {
-				// Ensure that the destination node is not null; Fixes #9587
-				if ( destElements[i] ) {
-					cloneFixAttributes( srcElements[i], destElements[i] );
-				}
-			}
-		}
-
-		// Copy the events from the original to the clone
-		if ( dataAndEvents ) {
-			cloneCopyEvent( elem, clone );
-
-			if ( deepDataAndEvents ) {
-				srcElements = getAll( elem );
-				destElements = getAll( clone );
-
-				for ( i = 0; srcElements[i]; ++i ) {
-					cloneCopyEvent( srcElements[i], destElements[i] );
-				}
-			}
-		}
-
-		srcElements = destElements = null;
-
-		// Return the cloned set
-		return clone;
-	},
-
-	clean: function( elems, context, fragment, scripts ) {
-		var i, j, elem, tag, wrap, depth, div, hasBody, tbody, len, handleScript, jsTags,
-			safe = context === document && safeFragment,
-			ret = [];
-
-		// Ensure that context is a document
-		if ( !context || typeof context.createDocumentFragment === "undefined" ) {
-			context = document;
-		}
-
-		// Use the already-created safe fragment if context permits
-		for ( i = 0; (elem = elems[i]) != null; i++ ) {
-			if ( typeof elem === "number" ) {
-				elem += "";
-			}
-
-			if ( !elem ) {
-				continue;
-			}
-
-			// Convert html string into DOM nodes
-			if ( typeof elem === "string" ) {
-				if ( !rhtml.test( elem ) ) {
-					elem = context.createTextNode( elem );
-				} else {
-					// Ensure a safe container in which to render the html
-					safe = safe || createSafeFragment( context );
-					div = context.createElement("div");
-					safe.appendChild( div );
-
-					// Fix "XHTML"-style tags in all browsers
-					elem = elem.replace(rxhtmlTag, "<$1>");
-
-					// Go to html and back, then peel off extra wrappers
-					tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase();
-					wrap = wrapMap[ tag ] || wrapMap._default;
-					depth = wrap[0];
-					div.innerHTML = wrap[1] + elem + wrap[2];
-
-					// Move to the right depth
-					while ( depth-- ) {
-						div = div.lastChild;
-					}
-
-					// Remove IE's autoinserted  from table fragments
-					if ( !jQuery.support.tbody ) {
-
-						// String was a , *may* have spurious 
-						hasBody = rtbody.test(elem);
-							tbody = tag === "table" && !hasBody ?
-								div.firstChild && div.firstChild.childNodes :
-
-								// String was a bare  or 
-								wrap[1] === "
      " && !hasBody ?
-									div.childNodes :
-									[];
-
-						for ( j = tbody.length - 1; j >= 0 ; --j ) {
-							if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
-								tbody[ j ].parentNode.removeChild( tbody[ j ] );
-							}
-						}
-					}
-
-					// IE completely kills leading whitespace when innerHTML is used
-					if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
-						div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
-					}
-
-					elem = div.childNodes;
-
-					// Take out of fragment container (we need a fresh div each time)
-					div.parentNode.removeChild( div );
-				}
-			}
-
-			if ( elem.nodeType ) {
-				ret.push( elem );
-			} else {
-				jQuery.merge( ret, elem );
-			}
-		}
-
-		// Fix #11356: Clear elements from safeFragment
-		if ( div ) {
-			elem = div = safe = null;
-		}
-
-		// Reset defaultChecked for any radios and checkboxes
-		// about to be appended to the DOM in IE 6/7 (#8060)
-		if ( !jQuery.support.appendChecked ) {
-			for ( i = 0; (elem = ret[i]) != null; i++ ) {
-				if ( jQuery.nodeName( elem, "input" ) ) {
-					fixDefaultChecked( elem );
-				} else if ( typeof elem.getElementsByTagName !== "undefined" ) {
-					jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked );
-				}
-			}
-		}
-
-		// Append elements to a provided document fragment
-		if ( fragment ) {
-			// Special handling of each script element
-			handleScript = function( elem ) {
-				// Check if we consider it executable
-				if ( !elem.type || rscriptType.test( elem.type ) ) {
-					// Detach the script and store it in the scripts array (if provided) or the fragment
-					// Return truthy to indicate that it has been handled
-					return scripts ?
-						scripts.push( elem.parentNode ? elem.parentNode.removeChild( elem ) : elem ) :
-						fragment.appendChild( elem );
-				}
-			};
-
-			for ( i = 0; (elem = ret[i]) != null; i++ ) {
-				// Check if we're done after handling an executable script
-				if ( !( jQuery.nodeName( elem, "script" ) && handleScript( elem ) ) ) {
-					// Append to fragment and handle embedded scripts
-					fragment.appendChild( elem );
-					if ( typeof elem.getElementsByTagName !== "undefined" ) {
-						// handleScript alters the DOM, so use jQuery.merge to ensure snapshot iteration
-						jsTags = jQuery.grep( jQuery.merge( [], elem.getElementsByTagName("script") ), handleScript );
-
-						// Splice the scripts into ret after their former ancestor and advance our index beyond them
-						ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
-						i += jsTags.length;
-					}
-				}
-			}
-		}
-
-		return ret;
-	},
-
-	cleanData: function( elems, /* internal */ acceptData ) {
-		var data, id, elem, type,
-			i = 0,
-			internalKey = jQuery.expando,
-			cache = jQuery.cache,
-			deleteExpando = jQuery.support.deleteExpando,
-			special = jQuery.event.special;
-
-		for ( ; (elem = elems[i]) != null; i++ ) {
-
-			if ( acceptData || jQuery.acceptData( elem ) ) {
-
-				id = elem[ internalKey ];
-				data = id && cache[ id ];
-
-				if ( data ) {
-					if ( data.events ) {
-						for ( type in data.events ) {
-							if ( special[ type ] ) {
-								jQuery.event.remove( elem, type );
-
-							// This is a shortcut to avoid jQuery.event.remove's overhead
-							} else {
-								jQuery.removeEvent( elem, type, data.handle );
-							}
-						}
-					}
-
-					// Remove cache only if it was not already removed by jQuery.event.remove
-					if ( cache[ id ] ) {
-
-						delete cache[ id ];
-
-						// IE does not allow us to delete expando properties from nodes,
-						// nor does it have a removeAttribute function on Document nodes;
-						// we must handle all of these cases
-						if ( deleteExpando ) {
-							delete elem[ internalKey ];
-
-						} else if ( elem.removeAttribute ) {
-							elem.removeAttribute( internalKey );
-
-						} else {
-							elem[ internalKey ] = null;
-						}
-
-						jQuery.deletedIds.push( id );
-					}
-				}
-			}
-		}
-	}
-});
-// Limit scope pollution from any deprecated API
-(function() {
-
-var matched, browser;
-
-// Use of jQuery.browser is frowned upon.
-// More details: http://api.jquery.com/jQuery.browser
-// jQuery.uaMatch maintained for back-compat
-jQuery.uaMatch = function( ua ) {
-	ua = ua.toLowerCase();
-
-	var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
-		/(webkit)[ \/]([\w.]+)/.exec( ua ) ||
-		/(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
-		/(msie) ([\w.]+)/.exec( ua ) ||
-		ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
-		[];
-
-	return {
-		browser: match[ 1 ] || "",
-		version: match[ 2 ] || "0"
-	};
-};
-
-matched = jQuery.uaMatch( navigator.userAgent );
-browser = {};
-
-if ( matched.browser ) {
-	browser[ matched.browser ] = true;
-	browser.version = matched.version;
-}
-
-// Chrome is Webkit, but Webkit is also Safari.
-if ( browser.chrome ) {
-	browser.webkit = true;
-} else if ( browser.webkit ) {
-	browser.safari = true;
-}
-
-jQuery.browser = browser;
-
-jQuery.sub = function() {
-	function jQuerySub( selector, context ) {
-		return new jQuerySub.fn.init( selector, context );
-	}
-	jQuery.extend( true, jQuerySub, this );
-	jQuerySub.superclass = this;
-	jQuerySub.fn = jQuerySub.prototype = this();
-	jQuerySub.fn.constructor = jQuerySub;
-	jQuerySub.sub = this.sub;
-	jQuerySub.fn.init = function init( selector, context ) {
-		if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
-			context = jQuerySub( context );
-		}
-
-		return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
-	};
-	jQuerySub.fn.init.prototype = jQuerySub.fn;
-	var rootjQuerySub = jQuerySub(document);
-	return jQuerySub;
-};
-
-})();
-var curCSS, iframe, iframeDoc,
-	ralpha = /alpha\([^)]*\)/i,
-	ropacity = /opacity=([^)]*)/,
-	rposition = /^(top|right|bottom|left)$/,
-	// swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
-	// see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
-	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
-	rmargin = /^margin/,
-	rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ),
-	rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ),
-	rrelNum = new RegExp( "^([-+])=(" + core_pnum + ")", "i" ),
-	elemdisplay = {},
-
-	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
-	cssNormalTransform = {
-		letterSpacing: 0,
-		fontWeight: 400
-	},
-
-	cssExpand = [ "Top", "Right", "Bottom", "Left" ],
-	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ],
-
-	eventsToggle = jQuery.fn.toggle;
-
-// return a css property mapped to a potentially vendor prefixed property
-function vendorPropName( style, name ) {
-
-	// shortcut for names that are not vendor prefixed
-	if ( name in style ) {
-		return name;
-	}
-
-	// check for vendor prefixed names
-	var capName = name.charAt(0).toUpperCase() + name.slice(1),
-		origName = name,
-		i = cssPrefixes.length;
-
-	while ( i-- ) {
-		name = cssPrefixes[ i ] + capName;
-		if ( name in style ) {
-			return name;
-		}
-	}
-
-	return origName;
-}
-
-function isHidden( elem, el ) {
-	elem = el || elem;
-	return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
-}
-
-function showHide( elements, show ) {
-	var elem, display,
-		values = [],
-		index = 0,
-		length = elements.length;
-
-	for ( ; index < length; index++ ) {
-		elem = elements[ index ];
-		if ( !elem.style ) {
-			continue;
-		}
-		values[ index ] = jQuery._data( elem, "olddisplay" );
-		if ( show ) {
-			// Reset the inline display of this element to learn if it is
-			// being hidden by cascaded rules or not
-			if ( !values[ index ] && elem.style.display === "none" ) {
-				elem.style.display = "";
-			}
-
-			// Set elements which have been overridden with display: none
-			// in a stylesheet to whatever the default browser style is
-			// for such an element
-			if ( elem.style.display === "" && isHidden( elem ) ) {
-				values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) );
-			}
-		} else {
-			display = curCSS( elem, "display" );
-
-			if ( !values[ index ] && display !== "none" ) {
-				jQuery._data( elem, "olddisplay", display );
-			}
-		}
-	}
-
-	// Set the display of most of the elements in a second loop
-	// to avoid the constant reflow
-	for ( index = 0; index < length; index++ ) {
-		elem = elements[ index ];
-		if ( !elem.style ) {
-			continue;
-		}
-		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
-			elem.style.display = show ? values[ index ] || "" : "none";
-		}
-	}
-
-	return elements;
-}
-
-jQuery.fn.extend({
-	css: function( name, value ) {
-		return jQuery.access( this, function( elem, name, value ) {
-			return value !== undefined ?
-				jQuery.style( elem, name, value ) :
-				jQuery.css( elem, name );
-		}, name, value, arguments.length > 1 );
-	},
-	show: function() {
-		return showHide( this, true );
-	},
-	hide: function() {
-		return showHide( this );
-	},
-	toggle: function( state, fn2 ) {
-		var bool = typeof state === "boolean";
-
-		if ( jQuery.isFunction( state ) && jQuery.isFunction( fn2 ) ) {
-			return eventsToggle.apply( this, arguments );
-		}
-
-		return this.each(function() {
-			if ( bool ? state : isHidden( this ) ) {
-				jQuery( this ).show();
-			} else {
-				jQuery( this ).hide();
-			}
-		});
-	}
-});
-
-jQuery.extend({
-	// Add in style property hooks for overriding the default
-	// behavior of getting and setting a style property
-	cssHooks: {
-		opacity: {
-			get: function( elem, computed ) {
-				if ( computed ) {
-					// We should always get a number back from opacity
-					var ret = curCSS( elem, "opacity" );
-					return ret === "" ? "1" : ret;
-
-				}
-			}
-		}
-	},
-
-	// Exclude the following css properties to add px
-	cssNumber: {
-		"fillOpacity": true,
-		"fontWeight": true,
-		"lineHeight": true,
-		"opacity": true,
-		"orphans": true,
-		"widows": true,
-		"zIndex": true,
-		"zoom": true
-	},
-
-	// Add in properties whose names you wish to fix before
-	// setting or getting the value
-	cssProps: {
-		// normalize float css property
-		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
-	},
-
-	// Get and set the style property on a DOM Node
-	style: function( elem, name, value, extra ) {
-		// Don't set styles on text and comment nodes
-		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
-			return;
-		}
-
-		// Make sure that we're working with the right name
-		var ret, type, hooks,
-			origName = jQuery.camelCase( name ),
-			style = elem.style;
-
-		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
-
-		// gets hook for the prefixed version
-		// followed by the unprefixed version
-		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
-
-		// Check if we're setting a value
-		if ( value !== undefined ) {
-			type = typeof value;
-
-			// convert relative number strings (+= or -=) to relative numbers. #7345
-			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
-				value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
-				// Fixes bug #9237
-				type = "number";
-			}
-
-			// Make sure that NaN and null values aren't set. See: #7116
-			if ( value == null || type === "number" && isNaN( value ) ) {
-				return;
-			}
-
-			// If a number was passed in, add 'px' to the (except for certain CSS properties)
-			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
-				value += "px";
-			}
-
-			// If a hook was provided, use that value, otherwise just set the specified value
-			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
-				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
-				// Fixes bug #5509
-				try {
-					style[ name ] = value;
-				} catch(e) {}
-			}
-
-		} else {
-			// If a hook was provided get the non-computed value from there
-			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
-				return ret;
-			}
-
-			// Otherwise just get the value from the style object
-			return style[ name ];
-		}
-	},
-
-	css: function( elem, name, numeric, extra ) {
-		var val, num, hooks,
-			origName = jQuery.camelCase( name );
-
-		// Make sure that we're working with the right name
-		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
-
-		// gets hook for the prefixed version
-		// followed by the unprefixed version
-		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
-
-		// If a hook was provided get the computed value from there
-		if ( hooks && "get" in hooks ) {
-			val = hooks.get( elem, true, extra );
-		}
-
-		// Otherwise, if a way to get the computed value exists, use that
-		if ( val === undefined ) {
-			val = curCSS( elem, name );
-		}
-
-		//convert "normal" to computed value
-		if ( val === "normal" && name in cssNormalTransform ) {
-			val = cssNormalTransform[ name ];
-		}
-
-		// Return, converting to number if forced or a qualifier was provided and val looks numeric
-		if ( numeric || extra !== undefined ) {
-			num = parseFloat( val );
-			return numeric || jQuery.isNumeric( num ) ? num || 0 : val;
-		}
-		return val;
-	},
-
-	// A method for quickly swapping in/out CSS properties to get correct calculations
-	swap: function( elem, options, callback ) {
-		var ret, name,
-			old = {};
-
-		// Remember the old values, and insert the new ones
-		for ( name in options ) {
-			old[ name ] = elem.style[ name ];
-			elem.style[ name ] = options[ name ];
-		}
-
-		ret = callback.call( elem );
-
-		// Revert the old values
-		for ( name in options ) {
-			elem.style[ name ] = old[ name ];
-		}
-
-		return ret;
-	}
-});
-
-// NOTE: To any future maintainer, we've window.getComputedStyle
-// because jsdom on node.js will break without it.
-if ( window.getComputedStyle ) {
-	curCSS = function( elem, name ) {
-		var ret, width, minWidth, maxWidth,
-			computed = window.getComputedStyle( elem, null ),
-			style = elem.style;
-
-		if ( computed ) {
-
-			ret = computed[ name ];
-			if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
-				ret = jQuery.style( elem, name );
-			}
-
-			// A tribute to the "awesome hack by Dean Edwards"
-			// Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
-			// Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
-			// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
-			if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
-				width = style.width;
-				minWidth = style.minWidth;
-				maxWidth = style.maxWidth;
-
-				style.minWidth = style.maxWidth = style.width = ret;
-				ret = computed.width;
-
-				style.width = width;
-				style.minWidth = minWidth;
-				style.maxWidth = maxWidth;
-			}
-		}
-
-		return ret;
-	};
-} else if ( document.documentElement.currentStyle ) {
-	curCSS = function( elem, name ) {
-		var left, rsLeft,
-			ret = elem.currentStyle && elem.currentStyle[ name ],
-			style = elem.style;
-
-		// Avoid setting ret to empty string here
-		// so we don't default to auto
-		if ( ret == null && style && style[ name ] ) {
-			ret = style[ name ];
-		}
-
-		// From the awesome hack by Dean Edwards
-		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
-
-		// If we're not dealing with a regular pixel number
-		// but a number that has a weird ending, we need to convert it to pixels
-		// but not position css attributes, as those are proportional to the parent element instead
-		// and we can't measure the parent instead because it might trigger a "stacking dolls" problem
-		if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
-
-			// Remember the original values
-			left = style.left;
-			rsLeft = elem.runtimeStyle && elem.runtimeStyle.left;
-
-			// Put in the new values to get a computed value out
-			if ( rsLeft ) {
-				elem.runtimeStyle.left = elem.currentStyle.left;
-			}
-			style.left = name === "fontSize" ? "1em" : ret;
-			ret = style.pixelLeft + "px";
-
-			// Revert the changed values
-			style.left = left;
-			if ( rsLeft ) {
-				elem.runtimeStyle.left = rsLeft;
-			}
-		}
-
-		return ret === "" ? "auto" : ret;
-	};
-}
-
-function setPositiveNumber( elem, value, subtract ) {
-	var matches = rnumsplit.exec( value );
-	return matches ?
-			Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
-			value;
-}
-
-function augmentWidthOrHeight( elem, name, extra, isBorderBox ) {
-	var i = extra === ( isBorderBox ? "border" : "content" ) ?
-		// If we already have the right measurement, avoid augmentation
-		4 :
-		// Otherwise initialize for horizontal or vertical properties
-		name === "width" ? 1 : 0,
-
-		val = 0;
-
-	for ( ; i < 4; i += 2 ) {
-		// both box models exclude margin, so add it if we want it
-		if ( extra === "margin" ) {
-			// we use jQuery.css instead of curCSS here
-			// because of the reliableMarginRight CSS hook!
-			val += jQuery.css( elem, extra + cssExpand[ i ], true );
-		}
-
-		// From this point on we use curCSS for maximum performance (relevant in animations)
-		if ( isBorderBox ) {
-			// border-box includes padding, so remove it if we want content
-			if ( extra === "content" ) {
-				val -= parseFloat( curCSS( elem, "padding" + cssExpand[ i ] ) ) || 0;
-			}
-
-			// at this point, extra isn't border nor margin, so remove border
-			if ( extra !== "margin" ) {
-				val -= parseFloat( curCSS( elem, "border" + cssExpand[ i ] + "Width" ) ) || 0;
-			}
-		} else {
-			// at this point, extra isn't content, so add padding
-			val += parseFloat( curCSS( elem, "padding" + cssExpand[ i ] ) ) || 0;
-
-			// at this point, extra isn't content nor padding, so add border
-			if ( extra !== "padding" ) {
-				val += parseFloat( curCSS( elem, "border" + cssExpand[ i ] + "Width" ) ) || 0;
-			}
-		}
-	}
-
-	return val;
-}
-
-function getWidthOrHeight( elem, name, extra ) {
-
-	// Start with offset property, which is equivalent to the border-box value
-	var val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
-		valueIsBorderBox = true,
-		isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing" ) === "border-box";
-
-	// some non-html elements return undefined for offsetWidth, so check for null/undefined
-	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
-	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
-	if ( val <= 0 || val == null ) {
-		// Fall back to computed then uncomputed css if necessary
-		val = curCSS( elem, name );
-		if ( val < 0 || val == null ) {
-			val = elem.style[ name ];
-		}
-
-		// Computed unit is not pixels. Stop here and return.
-		if ( rnumnonpx.test(val) ) {
-			return val;
-		}
-
-		// we need the check for style in case a browser which returns unreliable values
-		// for getComputedStyle silently falls back to the reliable elem.style
-		valueIsBorderBox = isBorderBox && ( jQuery.support.boxSizingReliable || val === elem.style[ name ] );
-
-		// Normalize "", auto, and prepare for extra
-		val = parseFloat( val ) || 0;
-	}
-
-	// use the active box-sizing model to add/subtract irrelevant styles
-	return ( val +
-		augmentWidthOrHeight(
-			elem,
-			name,
-			extra || ( isBorderBox ? "border" : "content" ),
-			valueIsBorderBox
+								|| elem.document && elem.document.nodeType !== 11) {
+                  return ret;
+                }
+              } catch (e) {}
+            }
+
+            return Sizzle(expr, null, null, [elem]).length > 0;
+          };
+        }
+      }());
+    }
+
+    // Deprecated
+    Expr.pseudos.nth = Expr.pseudos.eq;
+
+    // Back-compat
+    function setFilters() {}
+    Expr.filters = setFilters.prototype = Expr.pseudos;
+    Expr.setFilters = new setFilters();
+
+    // Override sizzle attribute retrieval
+    Sizzle.attr = jQuery.attr;
+    jQuery.find = Sizzle;
+    jQuery.expr = Sizzle.selectors;
+    jQuery.expr[':'] = jQuery.expr.pseudos;
+    jQuery.unique = Sizzle.uniqueSort;
+    jQuery.text = Sizzle.getText;
+    jQuery.isXMLDoc = Sizzle.isXML;
+    jQuery.contains = Sizzle.contains;
+  }(window));
+  const runtil = /Until$/;
+  const rparentsprev = /^(?:parents|prev(?:Until|All))/;
+  const isSimple = /^.[^:#\[\.,]*$/;
+  const rneedsContext = jQuery.expr.match.needsContext;
+  // methods guaranteed to produce a unique set when starting from a unique set
+  const guaranteedUnique = {
+    children: true,
+    contents: true,
+    next: true,
+    prev: true,
+  };
+
+  jQuery.fn.extend({
+    find(selector) {
+      let i; let l; let length; let n; let r; let ret;
+      const self = this;
+
+      if (typeof selector !== 'string') {
+        return jQuery(selector).filter(function () {
+          for (i = 0, l = self.length; i < l; i++) {
+            if (jQuery.contains(self[i], this)) {
+              return true;
+            }
+          }
+        });
+      }
+
+      ret = this.pushStack('', 'find', selector);
+
+      for (i = 0, l = this.length; i < l; i++) {
+        length = ret.length;
+        jQuery.find(selector, this[i], ret);
+
+        if (i > 0) {
+          // Make sure that the results are unique
+          for (n = length; n < ret.length; n++) {
+            for (r = 0; r < length; r++) {
+              if (ret[r] === ret[n]) {
+                ret.splice(n--, 1);
+                break;
+              }
+            }
+          }
+        }
+      }
+
+      return ret;
+    },
+
+    has(target) {
+      let i;
+      const targets = jQuery(target, this);
+      const len = targets.length;
+
+      return this.filter(function () {
+        for (i = 0; i < len; i++) {
+          if (jQuery.contains(this, targets[i])) {
+            return true;
+          }
+        }
+      });
+    },
+
+    not(selector) {
+      return this.pushStack(winnow(this, selector, false), 'not', selector);
+    },
+
+    filter(selector) {
+      return this.pushStack(winnow(this, selector, true), 'filter', selector);
+    },
+
+    is(selector) {
+      return !!selector && (
+        typeof selector === 'string'
+        // If this is a positional/relative selector, check membership in the returned set
+        // so $("p:first").is("p:last") won't return true for a doc with two "p".
+          ? rneedsContext.test(selector)
+            ? jQuery(selector, this.context).index(this[0]) >= 0
+            : jQuery.filter(selector, this).length > 0
+          : this.filter(selector).length > 0);
+    },
+
+    closest(selectors, context) {
+      let cur;
+      let i = 0;
+      const l = this.length;
+      let ret = [];
+      const pos = rneedsContext.test(selectors) || typeof selectors !== 'string'
+        ? jQuery(selectors, context || this.context)
+        : 0;
+
+      for (; i < l; i++) {
+        cur = this[i];
+
+        while (cur && cur.ownerDocument && cur !== context && cur.nodeType !== 11) {
+          if (pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors)) {
+            ret.push(cur);
+            break;
+          }
+          cur = cur.parentNode;
+        }
+      }
+
+      ret = ret.length > 1 ? jQuery.unique(ret) : ret;
+
+      return this.pushStack(ret, 'closest', selectors);
+    },
+
+    // Determine the position of an element within
+    // the matched set of elements
+    index(elem) {
+      // No argument, return index in parent
+      if (!elem) {
+        return (this[0] && this[0].parentNode) ? this.prevAll().length : -1;
+      }
+
+      // index in selector
+      if (typeof elem === 'string') {
+        return jQuery.inArray(this[0], jQuery(elem));
+      }
+
+      // Locate the position of the desired element
+      return jQuery.inArray(
+        // If it receives a jQuery object, the first element is used
+        elem.jquery ? elem[0] : elem, this,
+      );
+    },
+
+    add(selector, context) {
+      const set = typeof selector === 'string'
+        ? jQuery(selector, context)
+        : jQuery.makeArray(selector && selector.nodeType ? [selector] : selector);
+      const all = jQuery.merge(this.get(), set);
+
+      return this.pushStack(isDisconnected(set[0]) || isDisconnected(all[0])
+        ? all
+        : jQuery.unique(all));
+    },
+
+    addBack(selector) {
+      return this.add(selector == null
+        ? this.prevObject : this.prevObject.filter(selector));
+    },
+  });
+
+  jQuery.fn.andSelf = jQuery.fn.addBack;
+
+  // A painfully simple check to see if an element is disconnected
+  // from a document (should be improved, where feasible).
+  function isDisconnected(node) {
+    return !node || !node.parentNode || node.parentNode.nodeType === 11;
+  }
+
+  function sibling(cur, dir) {
+    do {
+      cur = cur[dir];
+    } while (cur && cur.nodeType !== 1);
+
+    return cur;
+  }
+
+  jQuery.each({
+    parent(elem) {
+      const parent = elem.parentNode;
+      return parent && parent.nodeType !== 11 ? parent : null;
+    },
+    parents(elem) {
+      return jQuery.dir(elem, 'parentNode');
+    },
+    parentsUntil(elem, i, until) {
+      return jQuery.dir(elem, 'parentNode', until);
+    },
+    next(elem) {
+      return sibling(elem, 'nextSibling');
+    },
+    prev(elem) {
+      return sibling(elem, 'previousSibling');
+    },
+    nextAll(elem) {
+      return jQuery.dir(elem, 'nextSibling');
+    },
+    prevAll(elem) {
+      return jQuery.dir(elem, 'previousSibling');
+    },
+    nextUntil(elem, i, until) {
+      return jQuery.dir(elem, 'nextSibling', until);
+    },
+    prevUntil(elem, i, until) {
+      return jQuery.dir(elem, 'previousSibling', until);
+    },
+    siblings(elem) {
+      return jQuery.sibling((elem.parentNode || {}).firstChild, elem);
+    },
+    children(elem) {
+      return jQuery.sibling(elem.firstChild);
+    },
+    contents(elem) {
+      return jQuery.nodeName(elem, 'iframe')
+        ? elem.contentDocument || elem.contentWindow.document
+        : jQuery.merge([], elem.childNodes);
+    },
+  }, (name, fn) => {
+    jQuery.fn[name] = function (until, selector) {
+      let ret = jQuery.map(this, fn, until);
+
+      if (!runtil.test(name)) {
+        selector = until;
+      }
+
+      if (selector && typeof selector === 'string') {
+        ret = jQuery.filter(selector, ret);
+      }
+
+      ret = this.length > 1 && !guaranteedUnique[name] ? jQuery.unique(ret) : ret;
+
+      if (this.length > 1 && rparentsprev.test(name)) {
+        ret = ret.reverse();
+      }
+
+      return this.pushStack(ret, name, core_slice.call(arguments).join(','));
+    };
+  });
+
+  jQuery.extend({
+    filter(expr, elems, not) {
+      if (not) {
+        expr = `:not(${expr})`;
+      }
+
+      return elems.length === 1
+        ? jQuery.find.matchesSelector(elems[0], expr) ? [elems[0]] : []
+        : jQuery.find.matches(expr, elems);
+    },
+
+    dir(elem, dir, until) {
+      const matched = [];
+      let cur = elem[dir];
+
+      while (cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery(cur).is(until))) {
+        if (cur.nodeType === 1) {
+          matched.push(cur);
+        }
+        cur = cur[dir];
+      }
+      return matched;
+    },
+
+    sibling(n, elem) {
+      const r = [];
+
+      for (; n; n = n.nextSibling) {
+        if (n.nodeType === 1 && n !== elem) {
+          r.push(n);
+        }
+      }
+
+      return r;
+    },
+  });
+
+  // Implement the identical functionality for filter and not
+  function winnow(elements, qualifier, keep) {
+    // Can't pass null or undefined to indexOf in Firefox 4
+    // Set to 0 to skip string check
+    qualifier = qualifier || 0;
+
+    if (jQuery.isFunction(qualifier)) {
+      return jQuery.grep(elements, (elem, i) => {
+        const retVal = !!qualifier.call(elem, i, elem);
+        return retVal === keep;
+      });
+    } if (qualifier.nodeType) {
+      return jQuery.grep(elements, (elem, i) => (elem === qualifier) === keep);
+    } if (typeof qualifier === 'string') {
+      const filtered = jQuery.grep(elements, (elem) => elem.nodeType === 1);
+
+      if (isSimple.test(qualifier)) {
+        return jQuery.filter(qualifier, filtered, !keep);
+      }
+      qualifier = jQuery.filter(qualifier, filtered);
+    }
+
+    return jQuery.grep(elements, (elem, i) => (jQuery.inArray(elem, qualifier) >= 0) === keep);
+  }
+  function createSafeFragment(document) {
+    const list = nodeNames.split('|');
+    const safeFrag = document.createDocumentFragment();
+
+    if (safeFrag.createElement) {
+      while (list.length) {
+        safeFrag.createElement(
+          list.pop(),
+        );
+      }
+    }
+    return safeFrag;
+  }
+
+  var nodeNames = 'abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|'
+		+ 'header|hgroup|mark|meter|nav|output|progress|section|summary|time|video';
+  const rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g;
+  const rleadingWhitespace = /^\s+/;
+  const rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi;
+  const rtagName = /<([\w:]+)/;
+  const rtbody = /]`, 'i');
+  const rcheckableType = /^(?:checkbox|radio)$/;
+  // checked="checked" or checked
+  const rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i;
+  const rscriptType = /\/(java|ecma)script/i;
+  const rcleanScript = /^\s*\s*$/g;
+  const wrapMap = {
+    option: [1, "'],
+    legend: [1, '
      ', '
      '],
+    thead: [1, '
      ', '
      '],
+    tr: [2, '', '
      '],
+    td: [3, '', '
      '],
+    col: [2, '', '
      '],
+    area: [1, '', ''],
+    _default: [0, '', ''],
+  };
+  const safeFragment = createSafeFragment(document);
+  const fragmentDiv = safeFragment.appendChild(document.createElement('div'));
+
+  wrapMap.optgroup = wrapMap.option;
+  wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+  wrapMap.th = wrapMap.td;
+
+  // IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
+  // unless wrapped in a div with non-breaking characters in front of it.
+  if (!jQuery.support.htmlSerialize) {
+    wrapMap._default = [1, 'X
      ', '
      '];
+  }
+
+  jQuery.fn.extend({
+    text(value) {
+      return jQuery.access(this, function (value) {
+        return value === undefined
+          ? jQuery.text(this)
+          : this.empty().append((this[0] && this[0].ownerDocument || document).createTextNode(value));
+      }, null, value, arguments.length);
+    },
+
+    wrapAll(html) {
+      if (jQuery.isFunction(html)) {
+        return this.each(function (i) {
+          jQuery(this).wrapAll(html.call(this, i));
+        });
+      }
+
+      if (this[0]) {
+        // The elements to wrap the target around
+        const wrap = jQuery(html, this[0].ownerDocument).eq(0).clone(true);
+
+        if (this[0].parentNode) {
+          wrap.insertBefore(this[0]);
+        }
+
+        wrap.map(function () {
+          let elem = this;
+
+          while (elem.firstChild && elem.firstChild.nodeType === 1) {
+            elem = elem.firstChild;
+          }
+
+          return elem;
+        }).append(this);
+      }
+
+      return this;
+    },
+
+    wrapInner(html) {
+      if (jQuery.isFunction(html)) {
+        return this.each(function (i) {
+          jQuery(this).wrapInner(html.call(this, i));
+        });
+      }
+
+      return this.each(function () {
+        const self = jQuery(this);
+        const contents = self.contents();
+
+        if (contents.length) {
+          contents.wrapAll(html);
+        } else {
+          self.append(html);
+        }
+      });
+    },
+
+    wrap(html) {
+      const isFunction = jQuery.isFunction(html);
+
+      return this.each(function (i) {
+        jQuery(this).wrapAll(isFunction ? html.call(this, i) : html);
+      });
+    },
+
+    unwrap() {
+      return this.parent().each(function () {
+        if (!jQuery.nodeName(this, 'body')) {
+          jQuery(this).replaceWith(this.childNodes);
+        }
+      }).end();
+    },
+
+    append() {
+      return this.domManip(arguments, true, function (elem) {
+        if (this.nodeType === 1 || this.nodeType === 11) {
+          this.appendChild(elem);
+        }
+      });
+    },
+
+    prepend() {
+      return this.domManip(arguments, true, function (elem) {
+        if (this.nodeType === 1 || this.nodeType === 11) {
+          this.insertBefore(elem, this.firstChild);
+        }
+      });
+    },
+
+    before() {
+      if (!isDisconnected(this[0])) {
+        return this.domManip(arguments, false, function (elem) {
+          this.parentNode.insertBefore(elem, this);
+        });
+      }
+
+      if (arguments.length) {
+        const set = jQuery.clean(arguments);
+        return this.pushStack(jQuery.merge(set, this), 'before', this.selector);
+      }
+    },
+
+    after() {
+      if (!isDisconnected(this[0])) {
+        return this.domManip(arguments, false, function (elem) {
+          this.parentNode.insertBefore(elem, this.nextSibling);
+        });
+      }
+
+      if (arguments.length) {
+        const set = jQuery.clean(arguments);
+        return this.pushStack(jQuery.merge(this, set), 'after', this.selector);
+      }
+    },
+
+    // keepData is for internal use only--do not document
+    remove(selector, keepData) {
+      let elem;
+      let i = 0;
+
+      for (; (elem = this[i]) != null; i++) {
+        if (!selector || jQuery.filter(selector, [elem]).length) {
+          if (!keepData && elem.nodeType === 1) {
+            jQuery.cleanData(elem.getElementsByTagName('*'));
+            jQuery.cleanData([elem]);
+          }
+
+          if (elem.parentNode) {
+            elem.parentNode.removeChild(elem);
+          }
+        }
+      }
+
+      return this;
+    },
+
+    empty() {
+      let elem;
+      let i = 0;
+
+      for (; (elem = this[i]) != null; i++) {
+        // Remove element nodes and prevent memory leaks
+        if (elem.nodeType === 1) {
+          jQuery.cleanData(elem.getElementsByTagName('*'));
+        }
+
+        // Remove any remaining nodes
+        while (elem.firstChild) {
+          elem.removeChild(elem.firstChild);
+        }
+      }
+
+      return this;
+    },
+
+    clone(dataAndEvents, deepDataAndEvents) {
+      dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+      deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+      return this.map(function () {
+        return jQuery.clone(this, dataAndEvents, deepDataAndEvents);
+      });
+    },
+
+    html(value) {
+      return jQuery.access(this, function (value) {
+        let elem = this[0] || {};
+        let i = 0;
+        const l = this.length;
+
+        if (value === undefined) {
+          return elem.nodeType === 1
+            ? elem.innerHTML.replace(rinlinejQuery, '')
+            : undefined;
+        }
+
+        // See if we can take a shortcut and just use innerHTML
+        if (typeof value === 'string' && !rnoInnerhtml.test(value)
+				&& (jQuery.support.htmlSerialize || !rnoshimcache.test(value))
+				&& (jQuery.support.leadingWhitespace || !rleadingWhitespace.test(value))
+				&& !wrapMap[(rtagName.exec(value) || ['', ''])[1].toLowerCase()]) {
+          value = value.replace(rxhtmlTag, '<$1>');
+
+          try {
+            for (; i < l; i++) {
+              // Remove element nodes and prevent memory leaks
+              elem = this[i] || {};
+              if (elem.nodeType === 1) {
+                jQuery.cleanData(elem.getElementsByTagName('*'));
+                elem.innerHTML = value;
+              }
+            }
+
+            elem = 0;
+
+            // If using innerHTML throws an exception, use the fallback method
+          } catch (e) {}
+        }
+
+        if (elem) {
+          this.empty().append(value);
+        }
+      }, null, value, arguments.length);
+    },
+
+    replaceWith(value) {
+      if (!isDisconnected(this[0])) {
+        // Make sure that the elements are removed from the DOM before they are inserted
+        // this can help fix replacing a parent with child elements
+        if (jQuery.isFunction(value)) {
+          return this.each(function (i) {
+            const self = jQuery(this); const
+              old = self.html();
+            self.replaceWith(value.call(this, i, old));
+          });
+        }
+
+        if (typeof value !== 'string') {
+          value = jQuery(value).detach();
+        }
+
+        return this.each(function () {
+          const next = this.nextSibling;
+          const parent = this.parentNode;
+
+          jQuery(this).remove();
+
+          if (next) {
+            jQuery(next).before(value);
+          } else {
+            jQuery(parent).append(value);
+          }
+        });
+      }
+
+      return this.length
+        ? this.pushStack(jQuery(jQuery.isFunction(value) ? value() : value), 'replaceWith', value)
+        : this;
+    },
+
+    detach(selector) {
+      return this.remove(selector, true);
+    },
+
+    domManip(args, table, callback) {
+      // Flatten any nested arrays
+      args = [].concat.apply([], args);
+
+      let results; let first; let fragment; let iNoClone;
+      let i = 0;
+      const value = args[0];
+      const scripts = [];
+      const l = this.length;
+
+      // We can't cloneNode fragments that contain checked, in WebKit
+      if (!jQuery.support.checkClone && l > 1 && typeof value === 'string' && rchecked.test(value)) {
+        return this.each(function () {
+          jQuery(this).domManip(args, table, callback);
+        });
+      }
+
+      if (jQuery.isFunction(value)) {
+        return this.each(function (i) {
+          const self = jQuery(this);
+          args[0] = value.call(this, i, table ? self.html() : undefined);
+          self.domManip(args, table, callback);
+        });
+      }
+
+      if (this[0]) {
+        results = jQuery.buildFragment(args, this, scripts);
+        fragment = results.fragment;
+        first = fragment.firstChild;
+
+        if (fragment.childNodes.length === 1) {
+          fragment = first;
+        }
+
+        if (first) {
+          table = table && jQuery.nodeName(first, 'tr');
+
+          // Use the original fragment for the last item instead of the first because it can end up
+          // being emptied incorrectly in certain situations (#8070).
+          // Fragments from the fragment cache must always be cloned and never used in place.
+          for (iNoClone = results.cacheable || l - 1; i < l; i++) {
+            callback.call(
+              table && jQuery.nodeName(this[i], 'table')
+                ? findOrAppend(this[i], 'tbody')
+                : this[i],
+              i === iNoClone
+                ? fragment
+                : jQuery.clone(fragment, true, true),
+            );
+          }
+        }
+
+        // Fix #11809: Avoid leaking memory
+        fragment = first = null;
+
+        if (scripts.length) {
+          jQuery.each(scripts, (i, elem) => {
+            if (elem.src) {
+              if (jQuery.ajax) {
+                jQuery.ajax({
+                  url: elem.src,
+                  type: 'GET',
+                  dataType: 'script',
+                  async: false,
+                  global: false,
+                  throws: true,
+                });
+              } else {
+                jQuery.error('no ajax');
+              }
+            } else {
+              jQuery.globalEval((elem.text || elem.textContent || elem.innerHTML || '').replace(rcleanScript, ''));
+            }
+
+            if (elem.parentNode) {
+              elem.parentNode.removeChild(elem);
+            }
+          });
+        }
+      }
+
+      return this;
+    },
+  });
+
+  function findOrAppend(elem, tag) {
+    return elem.getElementsByTagName(tag)[0] || elem.appendChild(elem.ownerDocument.createElement(tag));
+  }
+
+  function cloneCopyEvent(src, dest) {
+    if (dest.nodeType !== 1 || !jQuery.hasData(src)) {
+      return;
+    }
+
+    let type; let i; let l;
+    const oldData = jQuery._data(src);
+    const curData = jQuery._data(dest, oldData);
+    const { events } = oldData;
+
+    if (events) {
+      delete curData.handle;
+      curData.events = {};
+
+      for (type in events) {
+        for (i = 0, l = events[type].length; i < l; i++) {
+          jQuery.event.add(dest, type, events[type][i]);
+        }
+      }
+    }
+
+    // make the cloned public data object a copy from the original
+    if (curData.data) {
+      curData.data = jQuery.extend({}, curData.data);
+    }
+  }
+
+  function cloneFixAttributes(src, dest) {
+    let nodeName;
+
+    // We do not need to do anything for non-Elements
+    if (dest.nodeType !== 1) {
+      return;
+    }
+
+    // clearAttributes removes the attributes, which we don't want,
+    // but also removes the attachEvent events, which we *do* want
+    if (dest.clearAttributes) {
+      dest.clearAttributes();
+    }
+
+    // mergeAttributes, in contrast, only merges back on the
+    // original attributes, not the events
+    if (dest.mergeAttributes) {
+      dest.mergeAttributes(src);
+    }
+
+    nodeName = dest.nodeName.toLowerCase();
+
+    if (nodeName === 'object') {
+      // IE6-10 improperly clones children of object elements using classid.
+      // IE10 throws NoModificationAllowedError if parent is null, #12132.
+      if (dest.parentNode) {
+        dest.outerHTML = src.outerHTML;
+      }
+
+      // This path appears unavoidable for IE9. When cloning an object
+      // element in IE9, the outerHTML strategy above is not sufficient.
+      // If the src has innerHTML and the destination does not,
+      // copy the src.innerHTML into the dest.innerHTML. #10324
+      if (jQuery.support.html5Clone && (src.innerHTML && !jQuery.trim(dest.innerHTML))) {
+        dest.innerHTML = src.innerHTML;
+      }
+    } else if (nodeName === 'input' && rcheckableType.test(src.type)) {
+      // IE6-8 fails to persist the checked state of a cloned checkbox
+      // or radio button. Worse, IE6-7 fail to give the cloned element
+      // a checked appearance if the defaultChecked value isn't also set
+
+      dest.defaultChecked = dest.checked = src.checked;
+
+      // IE6-7 get confused and end up setting the value of a cloned
+      // checkbox/radio button to an empty string instead of "on"
+      if (dest.value !== src.value) {
+        dest.value = src.value;
+      }
+
+      // IE6-8 fails to return the selected option to the default selected
+      // state when cloning options
+    } else if (nodeName === 'option') {
+      dest.selected = src.defaultSelected;
+
+      // IE6-8 fails to set the defaultValue to the correct value when
+      // cloning other types of input fields
+    } else if (nodeName === 'input' || nodeName === 'textarea') {
+      dest.defaultValue = src.defaultValue;
+
+      // IE blanks contents when cloning scripts
+    } else if (nodeName === 'script' && dest.text !== src.text) {
+      dest.text = src.text;
+    }
+
+    // Event data gets referenced instead of copied if the expando
+    // gets copied too
+    dest.removeAttribute(jQuery.expando);
+  }
+
+  jQuery.buildFragment = function (args, context, scripts) {
+    let fragment; let cacheable; let cachehit;
+    const first = args[0];
+
+    // Set context from what may come in as undefined or a jQuery collection or a node
+    // Updated to fix #12266 where accessing context[0] could throw an exception in IE9/10 &
+    // also doubles as fix for #8950 where plain objects caused createDocumentFragment exception
+    context = context || document;
+    context = !context.nodeType && context[0] || context;
+    context = context.ownerDocument || context;
+
+    // Only cache "small" (1/2 KB) HTML strings that are associated with the main document
+    // Cloning options loses the selected state, so don't cache them
+    // IE 6 doesn't like it when you put  or  elements in a fragment
+    // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
+    // Lastly, IE6,7,8 will not correctly reuse cached fragments that were created from unknown elems #10501
+    if (args.length === 1 && typeof first === 'string' && first.length < 512 && context === document
+		&& first.charAt(0) === '<' && !rnocache.test(first)
+		&& (jQuery.support.checkClone || !rchecked.test(first))
+		&& (jQuery.support.html5Clone || !rnoshimcache.test(first))) {
+      // Mark cacheable and look for a hit
+      cacheable = true;
+      fragment = jQuery.fragments[first];
+      cachehit = fragment !== undefined;
+    }
+
+    if (!fragment) {
+      fragment = context.createDocumentFragment();
+      jQuery.clean(args, context, fragment, scripts);
+
+      // Update the cache, but only store false
+      // unless this is a second parsing of the same content
+      if (cacheable) {
+        jQuery.fragments[first] = cachehit && fragment;
+      }
+    }
+
+    return { fragment, cacheable };
+  };
+
+  jQuery.fragments = {};
+
+  jQuery.each({
+    appendTo: 'append',
+    prependTo: 'prepend',
+    insertBefore: 'before',
+    insertAfter: 'after',
+    replaceAll: 'replaceWith',
+  }, (name, original) => {
+    jQuery.fn[name] = function (selector) {
+      let elems;
+      let i = 0;
+      let ret = [];
+      const insert = jQuery(selector);
+      const l = insert.length;
+      const parent = this.length === 1 && this[0].parentNode;
+
+      if ((parent == null || parent && parent.nodeType === 11 && parent.childNodes.length === 1) && l === 1) {
+        insert[original](this[0]);
+        return this;
+      }
+      for (; i < l; i++) {
+        elems = (i > 0 ? this.clone(true) : this).get();
+        jQuery(insert[i])[original](elems);
+        ret = ret.concat(elems);
+      }
+
+      return this.pushStack(ret, name, insert.selector);
+    };
+  });
+
+  function getAll(elem) {
+    if (typeof elem.getElementsByTagName !== 'undefined') {
+      return elem.getElementsByTagName('*');
+    } if (typeof elem.querySelectorAll !== 'undefined') {
+      return elem.querySelectorAll('*');
+    }
+    return [];
+  }
+
+  // Used in clean, fixes the defaultChecked property
+  function fixDefaultChecked(elem) {
+    if (rcheckableType.test(elem.type)) {
+      elem.defaultChecked = elem.checked;
+    }
+  }
+
+  jQuery.extend({
+    clone(elem, dataAndEvents, deepDataAndEvents) {
+      let srcElements;
+      let destElements;
+      let i;
+      let clone;
+
+      if (jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test(`<${elem.nodeName}>`)) {
+        clone = elem.cloneNode(true);
+
+        // IE<=8 does not properly clone detached, unknown element nodes
+      } else {
+        fragmentDiv.innerHTML = elem.outerHTML;
+        fragmentDiv.removeChild(clone = fragmentDiv.firstChild);
+      }
+
+      if ((!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked)
+				&& (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem)) {
+        // IE copies events bound via attachEvent when using cloneNode.
+        // Calling detachEvent on the clone will also remove the events
+        // from the original. In order to get around this, we use some
+        // proprietary methods to clear the events. Thanks to MooTools
+        // guys for this hotness.
+
+        cloneFixAttributes(elem, clone);
+
+        // Using Sizzle here is crazy slow, so we use getElementsByTagName instead
+        srcElements = getAll(elem);
+        destElements = getAll(clone);
+
+        // Weird iteration because IE will replace the length property
+        // with an element if you are cloning the body and one of the
+        // elements on the page has a name or id of "length"
+        for (i = 0; srcElements[i]; ++i) {
+          // Ensure that the destination node is not null; Fixes #9587
+          if (destElements[i]) {
+            cloneFixAttributes(srcElements[i], destElements[i]);
+          }
+        }
+      }
+
+      // Copy the events from the original to the clone
+      if (dataAndEvents) {
+        cloneCopyEvent(elem, clone);
+
+        if (deepDataAndEvents) {
+          srcElements = getAll(elem);
+          destElements = getAll(clone);
+
+          for (i = 0; srcElements[i]; ++i) {
+            cloneCopyEvent(srcElements[i], destElements[i]);
+          }
+        }
+      }
+
+      srcElements = destElements = null;
+
+      // Return the cloned set
+      return clone;
+    },
+
+    clean(elems, context, fragment, scripts) {
+      let i; let j; let elem; let tag; let wrap; let depth; let div; let hasBody; let tbody; let len; let handleScript; let jsTags;
+      let safe = context === document && safeFragment;
+      const ret = [];
+
+      // Ensure that context is a document
+      if (!context || typeof context.createDocumentFragment === 'undefined') {
+        context = document;
+      }
+
+      // Use the already-created safe fragment if context permits
+      for (i = 0; (elem = elems[i]) != null; i++) {
+        if (typeof elem === 'number') {
+          elem += '';
+        }
+
+        if (!elem) {
+          continue;
+        }
+
+        // Convert html string into DOM nodes
+        if (typeof elem === 'string') {
+          if (!rhtml.test(elem)) {
+            elem = context.createTextNode(elem);
+          } else {
+            // Ensure a safe container in which to render the html
+            safe = safe || createSafeFragment(context);
+            div = context.createElement('div');
+            safe.appendChild(div);
+
+            // Fix "XHTML"-style tags in all browsers
+            elem = elem.replace(rxhtmlTag, '<$1>');
+
+            // Go to html and back, then peel off extra wrappers
+            tag = (rtagName.exec(elem) || ['', ''])[1].toLowerCase();
+            wrap = wrapMap[tag] || wrapMap._default;
+            depth = wrap[0];
+            div.innerHTML = wrap[1] + elem + wrap[2];
+
+            // Move to the right depth
+            while (depth--) {
+              div = div.lastChild;
+            }
+
+            // Remove IE's autoinserted  from table fragments
+            if (!jQuery.support.tbody) {
+              // String was a , *may* have spurious 
+              hasBody = rtbody.test(elem);
+              tbody = tag === 'table' && !hasBody
+                ? div.firstChild && div.firstChild.childNodes
+
+              // String was a bare  or 
+                : wrap[1] === '
      ' && !hasBody
+                  ? div.childNodes
+                  : [];
+
+              for (j = tbody.length - 1; j >= 0; --j) {
+                if (jQuery.nodeName(tbody[j], 'tbody') && !tbody[j].childNodes.length) {
+                  tbody[j].parentNode.removeChild(tbody[j]);
+                }
+              }
+            }
+
+            // IE completely kills leading whitespace when innerHTML is used
+            if (!jQuery.support.leadingWhitespace && rleadingWhitespace.test(elem)) {
+              div.insertBefore(context.createTextNode(rleadingWhitespace.exec(elem)[0]), div.firstChild);
+            }
+
+            elem = div.childNodes;
+
+            // Take out of fragment container (we need a fresh div each time)
+            div.parentNode.removeChild(div);
+          }
+        }
+
+        if (elem.nodeType) {
+          ret.push(elem);
+        } else {
+          jQuery.merge(ret, elem);
+        }
+      }
+
+      // Fix #11356: Clear elements from safeFragment
+      if (div) {
+        elem = div = safe = null;
+      }
+
+      // Reset defaultChecked for any radios and checkboxes
+      // about to be appended to the DOM in IE 6/7 (#8060)
+      if (!jQuery.support.appendChecked) {
+        for (i = 0; (elem = ret[i]) != null; i++) {
+          if (jQuery.nodeName(elem, 'input')) {
+            fixDefaultChecked(elem);
+          } else if (typeof elem.getElementsByTagName !== 'undefined') {
+            jQuery.grep(elem.getElementsByTagName('input'), fixDefaultChecked);
+          }
+        }
+      }
+
+      // Append elements to a provided document fragment
+      if (fragment) {
+        // Special handling of each script element
+        handleScript = function (elem) {
+          // Check if we consider it executable
+          if (!elem.type || rscriptType.test(elem.type)) {
+            // Detach the script and store it in the scripts array (if provided) or the fragment
+            // Return truthy to indicate that it has been handled
+            return scripts
+              ? scripts.push(elem.parentNode ? elem.parentNode.removeChild(elem) : elem)
+              : fragment.appendChild(elem);
+          }
+        };
+
+        for (i = 0; (elem = ret[i]) != null; i++) {
+          // Check if we're done after handling an executable script
+          if (!(jQuery.nodeName(elem, 'script') && handleScript(elem))) {
+            // Append to fragment and handle embedded scripts
+            fragment.appendChild(elem);
+            if (typeof elem.getElementsByTagName !== 'undefined') {
+              // handleScript alters the DOM, so use jQuery.merge to ensure snapshot iteration
+              jsTags = jQuery.grep(jQuery.merge([], elem.getElementsByTagName('script')), handleScript);
+
+              // Splice the scripts into ret after their former ancestor and advance our index beyond them
+              ret.splice.apply(ret, [i + 1, 0].concat(jsTags));
+              i += jsTags.length;
+            }
+          }
+        }
+      }
+
+      return ret;
+    },
+
+    cleanData(elems, /* internal */ acceptData) {
+      let data; let id; let elem; let type;
+      let i = 0;
+      const internalKey = jQuery.expando;
+      const { cache } = jQuery;
+      const { deleteExpando } = jQuery.support;
+      const { special } = jQuery.event;
+
+      for (; (elem = elems[i]) != null; i++) {
+        if (acceptData || jQuery.acceptData(elem)) {
+          id = elem[internalKey];
+          data = id && cache[id];
+
+          if (data) {
+            if (data.events) {
+              for (type in data.events) {
+                if (special[type]) {
+                  jQuery.event.remove(elem, type);
+
+                  // This is a shortcut to avoid jQuery.event.remove's overhead
+                } else {
+                  jQuery.removeEvent(elem, type, data.handle);
+                }
+              }
+            }
+
+            // Remove cache only if it was not already removed by jQuery.event.remove
+            if (cache[id]) {
+              delete cache[id];
+
+              // IE does not allow us to delete expando properties from nodes,
+              // nor does it have a removeAttribute function on Document nodes;
+              // we must handle all of these cases
+              if (deleteExpando) {
+                delete elem[internalKey];
+              } else if (elem.removeAttribute) {
+                elem.removeAttribute(internalKey);
+              } else {
+                elem[internalKey] = null;
+              }
+
+              jQuery.deletedIds.push(id);
+            }
+          }
+        }
+      }
+    },
+  });
+  // Limit scope pollution from any deprecated API
+  (function () {
+    let matched; let
+      browser;
+
+    // Use of jQuery.browser is frowned upon.
+    // More details: http://api.jquery.com/jQuery.browser
+    // jQuery.uaMatch maintained for back-compat
+    jQuery.uaMatch = function (ua) {
+      ua = ua.toLowerCase();
+
+      const match = /(chrome)[ \/]([\w.]+)/.exec(ua)
+		|| /(webkit)[ \/]([\w.]+)/.exec(ua)
+		|| /(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua)
+		|| /(msie) ([\w.]+)/.exec(ua)
+		|| ua.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua)
+		|| [];
+
+      return {
+        browser: match[1] || '',
+        version: match[2] || '0',
+      };
+    };
+
+    matched = jQuery.uaMatch(navigator.userAgent);
+    browser = {};
+
+    if (matched.browser) {
+      browser[matched.browser] = true;
+      browser.version = matched.version;
+    }
+
+    // Chrome is Webkit, but Webkit is also Safari.
+    if (browser.chrome) {
+      browser.webkit = true;
+    } else if (browser.webkit) {
+      browser.safari = true;
+    }
+
+    jQuery.browser = browser;
+
+    jQuery.sub = function () {
+      function jQuerySub(selector, context) {
+        return new jQuerySub.fn.init(selector, context);
+      }
+      jQuery.extend(true, jQuerySub, this);
+      jQuerySub.superclass = this;
+      jQuerySub.fn = jQuerySub.prototype = this();
+      jQuerySub.fn.constructor = jQuerySub;
+      jQuerySub.sub = this.sub;
+      jQuerySub.fn.init = function init(selector, context) {
+        if (context && context instanceof jQuery && !(context instanceof jQuerySub)) {
+          context = jQuerySub(context);
+        }
+
+        return jQuery.fn.init.call(this, selector, context, rootjQuerySub);
+      };
+      jQuerySub.fn.init.prototype = jQuerySub.fn;
+      var rootjQuerySub = jQuerySub(document);
+      return jQuerySub;
+    };
+  }());
+  let curCSS; let iframe; let iframeDoc;
+  const ralpha = /alpha\([^)]*\)/i;
+  const ropacity = /opacity=([^)]*)/;
+  const rposition = /^(top|right|bottom|left)$/;
+  // swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+  // see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+  const rdisplayswap = /^(none|table(?!-c[ea]).+)/;
+  const rmargin = /^margin/;
+  const rnumsplit = new RegExp(`^(${core_pnum})(.*)$`, 'i');
+  const rnumnonpx = new RegExp(`^(${core_pnum})(?!px)[a-z%]+$`, 'i');
+  const rrelNum = new RegExp(`^([-+])=(${core_pnum})`, 'i');
+  const elemdisplay = {};
+
+  const cssShow = { position: 'absolute', visibility: 'hidden', display: 'block' };
+  const cssNormalTransform = {
+    letterSpacing: 0,
+    fontWeight: 400,
+  };
+
+  const cssExpand = ['Top', 'Right', 'Bottom', 'Left'];
+  const cssPrefixes = ['Webkit', 'O', 'Moz', 'ms'];
+
+  const eventsToggle = jQuery.fn.toggle;
+
+  // return a css property mapped to a potentially vendor prefixed property
+  function vendorPropName(style, name) {
+    // shortcut for names that are not vendor prefixed
+    if (name in style) {
+      return name;
+    }
+
+    // check for vendor prefixed names
+    const capName = name.charAt(0).toUpperCase() + name.slice(1);
+    const origName = name;
+    let i = cssPrefixes.length;
+
+    while (i--) {
+      name = cssPrefixes[i] + capName;
+      if (name in style) {
+        return name;
+      }
+    }
+
+    return origName;
+  }
+
+  function isHidden(elem, el) {
+    elem = el || elem;
+    return jQuery.css(elem, 'display') === 'none' || !jQuery.contains(elem.ownerDocument, elem);
+  }
+
+  function showHide(elements, show) {
+    let elem; let display;
+    const values = [];
+    let index = 0;
+    const { length } = elements;
+
+    for (; index < length; index++) {
+      elem = elements[index];
+      if (!elem.style) {
+        continue;
+      }
+      values[index] = jQuery._data(elem, 'olddisplay');
+      if (show) {
+        // Reset the inline display of this element to learn if it is
+        // being hidden by cascaded rules or not
+        if (!values[index] && elem.style.display === 'none') {
+          elem.style.display = '';
+        }
+
+        // Set elements which have been overridden with display: none
+        // in a stylesheet to whatever the default browser style is
+        // for such an element
+        if (elem.style.display === '' && isHidden(elem)) {
+          values[index] = jQuery._data(elem, 'olddisplay', css_defaultDisplay(elem.nodeName));
+        }
+      } else {
+        display = curCSS(elem, 'display');
+
+        if (!values[index] && display !== 'none') {
+          jQuery._data(elem, 'olddisplay', display);
+        }
+      }
+    }
+
+    // Set the display of most of the elements in a second loop
+    // to avoid the constant reflow
+    for (index = 0; index < length; index++) {
+      elem = elements[index];
+      if (!elem.style) {
+        continue;
+      }
+      if (!show || elem.style.display === 'none' || elem.style.display === '') {
+        elem.style.display = show ? values[index] || '' : 'none';
+      }
+    }
+
+    return elements;
+  }
+
+  jQuery.fn.extend({
+    css(name, value) {
+      return jQuery.access(this, (elem, name, value) => (value !== undefined
+        ? jQuery.style(elem, name, value)
+        : jQuery.css(elem, name)), name, value, arguments.length > 1);
+    },
+    show() {
+      return showHide(this, true);
+    },
+    hide() {
+      return showHide(this);
+    },
+    toggle(state, fn2) {
+      const bool = typeof state === 'boolean';
+
+      if (jQuery.isFunction(state) && jQuery.isFunction(fn2)) {
+        return eventsToggle.apply(this, arguments);
+      }
+
+      return this.each(function () {
+        if (bool ? state : isHidden(this)) {
+          jQuery(this).show();
+        } else {
+          jQuery(this).hide();
+        }
+      });
+    },
+  });
+
+  jQuery.extend({
+    // Add in style property hooks for overriding the default
+    // behavior of getting and setting a style property
+    cssHooks: {
+      opacity: {
+        get(elem, computed) {
+          if (computed) {
+            // We should always get a number back from opacity
+            const ret = curCSS(elem, 'opacity');
+            return ret === '' ? '1' : ret;
+          }
+        },
+      },
+    },
+
+    // Exclude the following css properties to add px
+    cssNumber: {
+      fillOpacity: true,
+      fontWeight: true,
+      lineHeight: true,
+      opacity: true,
+      orphans: true,
+      widows: true,
+      zIndex: true,
+      zoom: true,
+    },
+
+    // Add in properties whose names you wish to fix before
+    // setting or getting the value
+    cssProps: {
+      // normalize float css property
+      float: jQuery.support.cssFloat ? 'cssFloat' : 'styleFloat',
+    },
+
+    // Get and set the style property on a DOM Node
+    style(elem, name, value, extra) {
+      // Don't set styles on text and comment nodes
+      if (!elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style) {
+        return;
+      }
+
+      // Make sure that we're working with the right name
+      let ret; let type; let hooks;
+      const origName = jQuery.camelCase(name);
+      const { style } = elem;
+
+      name = jQuery.cssProps[origName] || (jQuery.cssProps[origName] = vendorPropName(style, origName));
+
+      // gets hook for the prefixed version
+      // followed by the unprefixed version
+      hooks = jQuery.cssHooks[name] || jQuery.cssHooks[origName];
+
+      // Check if we're setting a value
+      if (value !== undefined) {
+        type = typeof value;
+
+        // convert relative number strings (+= or -=) to relative numbers. #7345
+        if (type === 'string' && (ret = rrelNum.exec(value))) {
+          value = (ret[1] + 1) * ret[2] + parseFloat(jQuery.css(elem, name));
+          // Fixes bug #9237
+          type = 'number';
+        }
+
+        // Make sure that NaN and null values aren't set. See: #7116
+        if (value == null || type === 'number' && isNaN(value)) {
+          return;
+        }
+
+        // If a number was passed in, add 'px' to the (except for certain CSS properties)
+        if (type === 'number' && !jQuery.cssNumber[origName]) {
+          value += 'px';
+        }
+
+        // If a hook was provided, use that value, otherwise just set the specified value
+        if (!hooks || !('set' in hooks) || (value = hooks.set(elem, value, extra)) !== undefined) {
+          // Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+          // Fixes bug #5509
+          try {
+            style[name] = value;
+          } catch (e) {}
+        }
+      } else {
+        // If a hook was provided get the non-computed value from there
+        if (hooks && 'get' in hooks && (ret = hooks.get(elem, false, extra)) !== undefined) {
+          return ret;
+        }
+
+        // Otherwise just get the value from the style object
+        return style[name];
+      }
+    },
+
+    css(elem, name, numeric, extra) {
+      let val; let num; let hooks;
+      const origName = jQuery.camelCase(name);
+
+      // Make sure that we're working with the right name
+      name = jQuery.cssProps[origName] || (jQuery.cssProps[origName] = vendorPropName(elem.style, origName));
+
+      // gets hook for the prefixed version
+      // followed by the unprefixed version
+      hooks = jQuery.cssHooks[name] || jQuery.cssHooks[origName];
+
+      // If a hook was provided get the computed value from there
+      if (hooks && 'get' in hooks) {
+        val = hooks.get(elem, true, extra);
+      }
+
+      // Otherwise, if a way to get the computed value exists, use that
+      if (val === undefined) {
+        val = curCSS(elem, name);
+      }
+
+      // convert "normal" to computed value
+      if (val === 'normal' && name in cssNormalTransform) {
+        val = cssNormalTransform[name];
+      }
+
+      // Return, converting to number if forced or a qualifier was provided and val looks numeric
+      if (numeric || extra !== undefined) {
+        num = parseFloat(val);
+        return numeric || jQuery.isNumeric(num) ? num || 0 : val;
+      }
+      return val;
+    },
+
+    // A method for quickly swapping in/out CSS properties to get correct calculations
+    swap(elem, options, callback) {
+      let ret; let name;
+      const old = {};
+
+      // Remember the old values, and insert the new ones
+      for (name in options) {
+        old[name] = elem.style[name];
+        elem.style[name] = options[name];
+      }
+
+      ret = callback.call(elem);
+
+      // Revert the old values
+      for (name in options) {
+        elem.style[name] = old[name];
+      }
+
+      return ret;
+    },
+  });
+
+  // NOTE: To any future maintainer, we've window.getComputedStyle
+  // because jsdom on node.js will break without it.
+  if (window.getComputedStyle) {
+    curCSS = function (elem, name) {
+      let ret; let width; let minWidth; let maxWidth;
+      const computed = window.getComputedStyle(elem, null);
+      const { style } = elem;
+
+      if (computed) {
+        ret = computed[name];
+        if (ret === '' && !jQuery.contains(elem.ownerDocument, elem)) {
+          ret = jQuery.style(elem, name);
+        }
+
+        // A tribute to the "awesome hack by Dean Edwards"
+        // Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
+        // Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+        // this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+        if (rnumnonpx.test(ret) && rmargin.test(name)) {
+          width = style.width;
+          minWidth = style.minWidth;
+          maxWidth = style.maxWidth;
+
+          style.minWidth = style.maxWidth = style.width = ret;
+          ret = computed.width;
+
+          style.width = width;
+          style.minWidth = minWidth;
+          style.maxWidth = maxWidth;
+        }
+      }
+
+      return ret;
+    };
+  } else if (document.documentElement.currentStyle) {
+    curCSS = function (elem, name) {
+      let left; let rsLeft;
+      let ret = elem.currentStyle && elem.currentStyle[name];
+      const { style } = elem;
+
+      // Avoid setting ret to empty string here
+      // so we don't default to auto
+      if (ret == null && style && style[name]) {
+        ret = style[name];
+      }
+
+      // From the awesome hack by Dean Edwards
+      // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+      // If we're not dealing with a regular pixel number
+      // but a number that has a weird ending, we need to convert it to pixels
+      // but not position css attributes, as those are proportional to the parent element instead
+      // and we can't measure the parent instead because it might trigger a "stacking dolls" problem
+      if (rnumnonpx.test(ret) && !rposition.test(name)) {
+        // Remember the original values
+        left = style.left;
+        rsLeft = elem.runtimeStyle && elem.runtimeStyle.left;
+
+        // Put in the new values to get a computed value out
+        if (rsLeft) {
+          elem.runtimeStyle.left = elem.currentStyle.left;
+        }
+        style.left = name === 'fontSize' ? '1em' : ret;
+        ret = `${style.pixelLeft}px`;
+
+        // Revert the changed values
+        style.left = left;
+        if (rsLeft) {
+          elem.runtimeStyle.left = rsLeft;
+        }
+      }
+
+      return ret === '' ? 'auto' : ret;
+    };
+  }
+
+  function setPositiveNumber(elem, value, subtract) {
+    const matches = rnumsplit.exec(value);
+    return matches
+      ? Math.max(0, matches[1] - (subtract || 0)) + (matches[2] || 'px')
+      : value;
+  }
+
+  function augmentWidthOrHeight(elem, name, extra, isBorderBox) {
+    let i = extra === (isBorderBox ? 'border' : 'content')
+    // If we already have the right measurement, avoid augmentation
+      ? 4
+    // Otherwise initialize for horizontal or vertical properties
+      : name === 'width' ? 1 : 0;
+
+    let val = 0;
+
+    for (; i < 4; i += 2) {
+      // both box models exclude margin, so add it if we want it
+      if (extra === 'margin') {
+        // we use jQuery.css instead of curCSS here
+        // because of the reliableMarginRight CSS hook!
+        val += jQuery.css(elem, extra + cssExpand[i], true);
+      }
+
+      // From this point on we use curCSS for maximum performance (relevant in animations)
+      if (isBorderBox) {
+        // border-box includes padding, so remove it if we want content
+        if (extra === 'content') {
+          val -= parseFloat(curCSS(elem, `padding${cssExpand[i]}`)) || 0;
+        }
+
+        // at this point, extra isn't border nor margin, so remove border
+        if (extra !== 'margin') {
+          val -= parseFloat(curCSS(elem, `border${cssExpand[i]}Width`)) || 0;
+        }
+      } else {
+        // at this point, extra isn't content, so add padding
+        val += parseFloat(curCSS(elem, `padding${cssExpand[i]}`)) || 0;
+
+        // at this point, extra isn't content nor padding, so add border
+        if (extra !== 'padding') {
+          val += parseFloat(curCSS(elem, `border${cssExpand[i]}Width`)) || 0;
+        }
+      }
+    }
+
+    return val;
+  }
+
+  function getWidthOrHeight(elem, name, extra) {
+    // Start with offset property, which is equivalent to the border-box value
+    let val = name === 'width' ? elem.offsetWidth : elem.offsetHeight;
+    let valueIsBorderBox = true;
+    const isBorderBox = jQuery.support.boxSizing && jQuery.css(elem, 'boxSizing') === 'border-box';
+
+    // some non-html elements return undefined for offsetWidth, so check for null/undefined
+    // svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+    // MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+    if (val <= 0 || val == null) {
+      // Fall back to computed then uncomputed css if necessary
+      val = curCSS(elem, name);
+      if (val < 0 || val == null) {
+        val = elem.style[name];
+      }
+
+      // Computed unit is not pixels. Stop here and return.
+      if (rnumnonpx.test(val)) {
+        return val;
+      }
+
+      // we need the check for style in case a browser which returns unreliable values
+      // for getComputedStyle silently falls back to the reliable elem.style
+      valueIsBorderBox = isBorderBox && (jQuery.support.boxSizingReliable || val === elem.style[name]);
+
+      // Normalize "", auto, and prepare for extra
+      val = parseFloat(val) || 0;
+    }
+
+    // use the active box-sizing model to add/subtract irrelevant styles
+    return `${val
+		+ augmentWidthOrHeight(
+		  elem,
+		  name,
+		  extra || (isBorderBox ? 'border' : 'content'),
+		  valueIsBorderBox,
 		)
-	) + "px";
-}
+	  }px`;
+  }
 
+  // Try to determine the default display value of an element
+  function css_defaultDisplay(nodeName) {
+    if (elemdisplay[nodeName]) {
+      return elemdisplay[nodeName];
+    }
 
-// Try to determine the default display value of an element
-function css_defaultDisplay( nodeName ) {
-	if ( elemdisplay[ nodeName ] ) {
-		return elemdisplay[ nodeName ];
-	}
+    let elem = jQuery(`<${nodeName}>`).appendTo(document.body);
+    let display = elem.css('display');
+    elem.remove();
 
-	var elem = jQuery( "<" + nodeName + ">" ).appendTo( document.body ),
-		display = elem.css("display");
-	elem.remove();
+    // If the simple way fails,
+    // get element's real default display by attaching it to a temp iframe
+    if (display === 'none' || display === '') {
+      // Use the already-created iframe if possible
+      iframe = document.body.appendChild(
+        iframe || jQuery.extend(document.createElement('iframe'), {
+          frameBorder: 0,
+          width: 0,
+          height: 0,
+        }),
+      );
 
-	// If the simple way fails,
-	// get element's real default display by attaching it to a temp iframe
-	if ( display === "none" || display === "" ) {
-		// Use the already-created iframe if possible
-		iframe = document.body.appendChild(
-			iframe || jQuery.extend( document.createElement("iframe"), {
-				frameBorder: 0,
-				width: 0,
-				height: 0
-			})
-		);
+      // Create a cacheable copy of the iframe document on first call.
+      // IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML
+      // document to it; WebKit & Firefox won't allow reusing the iframe document.
+      if (!iframeDoc || !iframe.createElement) {
+        iframeDoc = (iframe.contentWindow || iframe.contentDocument).document;
+        iframeDoc.write('');
+        iframeDoc.close();
+      }
 
-		// Create a cacheable copy of the iframe document on first call.
-		// IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML
-		// document to it; WebKit & Firefox won't allow reusing the iframe document.
-		if ( !iframeDoc || !iframe.createElement ) {
-			iframeDoc = ( iframe.contentWindow || iframe.contentDocument ).document;
-			iframeDoc.write("");
-			iframeDoc.close();
-		}
+      elem = iframeDoc.body.appendChild(iframeDoc.createElement(nodeName));
 
-		elem = iframeDoc.body.appendChild( iframeDoc.createElement(nodeName) );
+      display = curCSS(elem, 'display');
+      document.body.removeChild(iframe);
+    }
 
-		display = curCSS( elem, "display" );
-		document.body.removeChild( iframe );
-	}
+    // Store the correct default display
+    elemdisplay[nodeName] = display;
 
-	// Store the correct default display
-	elemdisplay[ nodeName ] = display;
+    return display;
+  }
 
-	return display;
-}
+  jQuery.each(['height', 'width'], (i, name) => {
+    jQuery.cssHooks[name] = {
+      get(elem, computed, extra) {
+        if (computed) {
+          // certain elements can have dimension info if we invisibly show them
+          // however, it must have a current display style that would benefit from this
+          if (elem.offsetWidth === 0 && rdisplayswap.test(curCSS(elem, 'display'))) {
+            return jQuery.swap(elem, cssShow, () => getWidthOrHeight(elem, name, extra));
+          }
+          return getWidthOrHeight(elem, name, extra);
+        }
+      },
 
-jQuery.each([ "height", "width" ], function( i, name ) {
-	jQuery.cssHooks[ name ] = {
-		get: function( elem, computed, extra ) {
-			if ( computed ) {
-				// certain elements can have dimension info if we invisibly show them
-				// however, it must have a current display style that would benefit from this
-				if ( elem.offsetWidth === 0 && rdisplayswap.test( curCSS( elem, "display" ) ) ) {
-					return jQuery.swap( elem, cssShow, function() {
-						return getWidthOrHeight( elem, name, extra );
-					});
-				} else {
-					return getWidthOrHeight( elem, name, extra );
-				}
-			}
-		},
+      set(elem, value, extra) {
+        return setPositiveNumber(elem, value, extra
+          ? augmentWidthOrHeight(
+            elem,
+            name,
+            extra,
+            jQuery.support.boxSizing && jQuery.css(elem, 'boxSizing') === 'border-box',
+          ) : 0);
+      },
+    };
+  });
 
-		set: function( elem, value, extra ) {
-			return setPositiveNumber( elem, value, extra ?
-				augmentWidthOrHeight(
-					elem,
-					name,
-					extra,
-					jQuery.support.boxSizing && jQuery.css( elem, "boxSizing" ) === "border-box"
-				) : 0
-			);
-		}
-	};
-});
+  if (!jQuery.support.opacity) {
+    jQuery.cssHooks.opacity = {
+      get(elem, computed) {
+        // IE uses filters for opacity
+        return ropacity.test((computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || '')
+          ? `${0.01 * parseFloat(RegExp.$1)}`
+          : computed ? '1' : '';
+      },
 
-if ( !jQuery.support.opacity ) {
-	jQuery.cssHooks.opacity = {
-		get: function( elem, computed ) {
-			// IE uses filters for opacity
-			return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
-				( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
-				computed ? "1" : "";
-		},
+      set(elem, value) {
+        const { style } = elem;
+        const { currentStyle } = elem;
+        const opacity = jQuery.isNumeric(value) ? `alpha(opacity=${value * 100})` : '';
+        const filter = currentStyle && currentStyle.filter || style.filter || '';
 
-		set: function( elem, value ) {
-			var style = elem.style,
-				currentStyle = elem.currentStyle,
-				opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
-				filter = currentStyle && currentStyle.filter || style.filter || "";
+        // IE has trouble with opacity if it does not have layout
+        // Force it by setting the zoom level
+        style.zoom = 1;
 
-			// IE has trouble with opacity if it does not have layout
-			// Force it by setting the zoom level
-			style.zoom = 1;
+        // if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
+        if (value >= 1 && jQuery.trim(filter.replace(ralpha, '')) === ''
+				&& style.removeAttribute) {
+          // Setting style.filter to null, "" & " " still leave "filter:" in the cssText
+          // if "filter:" is present at all, clearType is disabled, we want to avoid this
+          // style.removeAttribute is IE Only, but so apparently is this code path...
+          style.removeAttribute('filter');
 
-			// if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
-			if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
-				style.removeAttribute ) {
+          // if there there is no filter style applied in a css rule, we are done
+          if (currentStyle && !currentStyle.filter) {
+            return;
+          }
+        }
 
-				// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
-				// if "filter:" is present at all, clearType is disabled, we want to avoid this
-				// style.removeAttribute is IE Only, but so apparently is this code path...
-				style.removeAttribute( "filter" );
+        // otherwise, set new filter values
+        style.filter = ralpha.test(filter)
+          ? filter.replace(ralpha, opacity)
+          : `${filter} ${opacity}`;
+      },
+    };
+  }
 
-				// if there there is no filter style applied in a css rule, we are done
-				if ( currentStyle && !currentStyle.filter ) {
-					return;
-				}
-			}
+  // These hooks cannot be added until DOM ready because the support test
+  // for it is not run until after DOM ready
+  jQuery(() => {
+    if (!jQuery.support.reliableMarginRight) {
+      jQuery.cssHooks.marginRight = {
+        get(elem, computed) {
+          // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+          // Work around by temporarily setting element display to inline-block
+          return jQuery.swap(elem, { display: 'inline-block' }, () => {
+            if (computed) {
+              return curCSS(elem, 'marginRight');
+            }
+          });
+        },
+      };
+    }
 
-			// otherwise, set new filter values
-			style.filter = ralpha.test( filter ) ?
-				filter.replace( ralpha, opacity ) :
-				filter + " " + opacity;
-		}
-	};
-}
+    // Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+    // getComputedStyle returns percent when specified for top/left/bottom/right
+    // rather than make the css module depend on the offset module, we just check for it here
+    if (!jQuery.support.pixelPosition && jQuery.fn.position) {
+      jQuery.each(['top', 'left'], (i, prop) => {
+        jQuery.cssHooks[prop] = {
+          get(elem, computed) {
+            if (computed) {
+              const ret = curCSS(elem, prop);
+              // if curCSS returns percentage, fallback to offset
+              return rnumnonpx.test(ret) ? `${jQuery(elem).position()[prop]}px` : ret;
+            }
+          },
+        };
+      });
+    }
+  });
 
-// These hooks cannot be added until DOM ready because the support test
-// for it is not run until after DOM ready
-jQuery(function() {
-	if ( !jQuery.support.reliableMarginRight ) {
-		jQuery.cssHooks.marginRight = {
-			get: function( elem, computed ) {
-				// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
-				// Work around by temporarily setting element display to inline-block
-				return jQuery.swap( elem, { "display": "inline-block" }, function() {
-					if ( computed ) {
-						return curCSS( elem, "marginRight" );
-					}
-				});
-			}
-		};
-	}
+  if (jQuery.expr && jQuery.expr.filters) {
+    jQuery.expr.filters.hidden = function (elem) {
+      return (elem.offsetWidth === 0 && elem.offsetHeight === 0) || (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || curCSS(elem, 'display')) === 'none');
+    };
 
-	// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
-	// getComputedStyle returns percent when specified for top/left/bottom/right
-	// rather than make the css module depend on the offset module, we just check for it here
-	if ( !jQuery.support.pixelPosition && jQuery.fn.position ) {
-		jQuery.each( [ "top", "left" ], function( i, prop ) {
-			jQuery.cssHooks[ prop ] = {
-				get: function( elem, computed ) {
-					if ( computed ) {
-						var ret = curCSS( elem, prop );
-						// if curCSS returns percentage, fallback to offset
-						return rnumnonpx.test( ret ) ? jQuery( elem ).position()[ prop ] + "px" : ret;
-					}
-				}
-			};
-		});
-	}
+    jQuery.expr.filters.visible = function (elem) {
+      return !jQuery.expr.filters.hidden(elem);
+    };
+  }
 
-});
+  // These hooks are used by animate to expand properties
+  jQuery.each({
+    margin: '',
+    padding: '',
+    border: 'Width',
+  }, (prefix, suffix) => {
+    jQuery.cssHooks[prefix + suffix] = {
+      expand(value) {
+        let i;
 
-if ( jQuery.expr && jQuery.expr.filters ) {
-	jQuery.expr.filters.hidden = function( elem ) {
-		return ( elem.offsetWidth === 0 && elem.offsetHeight === 0 ) || (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || curCSS( elem, "display" )) === "none");
-	};
+        // assumes a single number if not a string
+        const parts = typeof value === 'string' ? value.split(' ') : [value];
+        const expanded = {};
 
-	jQuery.expr.filters.visible = function( elem ) {
-		return !jQuery.expr.filters.hidden( elem );
-	};
-}
+        for (i = 0; i < 4; i++) {
+          expanded[prefix + cssExpand[i] + suffix] =					parts[i] || parts[i - 2] || parts[0];
+        }
 
-// These hooks are used by animate to expand properties
-jQuery.each({
-	margin: "",
-	padding: "",
-	border: "Width"
-}, function( prefix, suffix ) {
-	jQuery.cssHooks[ prefix + suffix ] = {
-		expand: function( value ) {
-			var i,
+        return expanded;
+      },
+    };
 
-				// assumes a single number if not a string
-				parts = typeof value === "string" ? value.split(" ") : [ value ],
-				expanded = {};
+    if (!rmargin.test(prefix)) {
+      jQuery.cssHooks[prefix + suffix].set = setPositiveNumber;
+    }
+  });
+  const r20 = /%20/g;
+  const rbracket = /\[\]$/;
+  const rCRLF = /\r?\n/g;
+  const rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i;
+  const rselectTextarea = /^(?:select|textarea)/i;
 
-			for ( i = 0; i < 4; i++ ) {
-				expanded[ prefix + cssExpand[ i ] + suffix ] =
-					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
-			}
+  jQuery.fn.extend({
+    serialize() {
+      return jQuery.param(this.serializeArray());
+    },
+    serializeArray() {
+      return this.map(function () {
+        return this.elements ? jQuery.makeArray(this.elements) : this;
+      })
+        .filter(function () {
+          return this.name && !this.disabled
+				&& (this.checked || rselectTextarea.test(this.nodeName)
+					|| rinput.test(this.type));
+        })
+        .map(function (i, elem) {
+          const val = jQuery(this).val();
 
-			return expanded;
-		}
-	};
+          return val == null
+            ? null
+            : jQuery.isArray(val)
+              ? jQuery.map(val, (val, i) => ({ name: elem.name, value: val.replace(rCRLF, '\r\n') }))
+              : { name: elem.name, value: val.replace(rCRLF, '\r\n') };
+        }).get();
+    },
+  });
 
-	if ( !rmargin.test( prefix ) ) {
-		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
-	}
-});
-var r20 = /%20/g,
-	rbracket = /\[\]$/,
-	rCRLF = /\r?\n/g,
-	rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
-	rselectTextarea = /^(?:select|textarea)/i;
+  // Serialize an array of form elements or a set of
+  // key/values into a query string
+  jQuery.param = function (a, traditional) {
+    let prefix;
+    const s = [];
+    const add = function (key, value) {
+      // If value is a function, invoke it and return its value
+      value = jQuery.isFunction(value) ? value() : (value == null ? '' : value);
+      s[s.length] = `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+    };
 
-jQuery.fn.extend({
-	serialize: function() {
-		return jQuery.param( this.serializeArray() );
-	},
-	serializeArray: function() {
-		return this.map(function(){
-			return this.elements ? jQuery.makeArray( this.elements ) : this;
-		})
-		.filter(function(){
-			return this.name && !this.disabled &&
-				( this.checked || rselectTextarea.test( this.nodeName ) ||
-					rinput.test( this.type ) );
-		})
-		.map(function( i, elem ){
-			var val = jQuery( this ).val();
+    // Set traditional to true for jQuery <= 1.3.2 behavior.
+    if (traditional === undefined) {
+      traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+    }
 
-			return val == null ?
-				null :
-				jQuery.isArray( val ) ?
-					jQuery.map( val, function( val, i ){
-						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
-					}) :
-					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
-		}).get();
-	}
-});
+    // If an array was passed in, assume that it is an array of form elements.
+    if (jQuery.isArray(a) || (a.jquery && !jQuery.isPlainObject(a))) {
+      // Serialize the form elements
+      jQuery.each(a, function () {
+        add(this.name, this.value);
+      });
+    } else {
+      // If traditional, encode the "old" way (the way 1.3.2 or older
+      // did it), otherwise encode params recursively.
+      for (prefix in a) {
+        buildParams(prefix, a[prefix], traditional, add);
+      }
+    }
 
-//Serialize an array of form elements or a set of
-//key/values into a query string
-jQuery.param = function( a, traditional ) {
-	var prefix,
-		s = [],
-		add = function( key, value ) {
-			// If value is a function, invoke it and return its value
-			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
-			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
-		};
+    // Return the resulting serialization
+    return s.join('&').replace(r20, '+');
+  };
 
-	// Set traditional to true for jQuery <= 1.3.2 behavior.
-	if ( traditional === undefined ) {
-		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
-	}
+  function buildParams(prefix, obj, traditional, add) {
+    let name;
 
-	// If an array was passed in, assume that it is an array of form elements.
-	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
-		// Serialize the form elements
-		jQuery.each( a, function() {
-			add( this.name, this.value );
-		});
+    if (jQuery.isArray(obj)) {
+      // Serialize array item.
+      jQuery.each(obj, (i, v) => {
+        if (traditional || rbracket.test(prefix)) {
+          // Treat each array item as a scalar.
+          add(prefix, v);
+        } else {
+          // If array item is non-scalar (array or object), encode its
+          // numeric index to resolve deserialization ambiguity issues.
+          // Note that rack (as of 1.0.0) can't currently deserialize
+          // nested arrays properly, and attempting to do so may cause
+          // a server error. Possible fixes are to modify rack's
+          // deserialization algorithm or to provide an option or flag
+          // to force array serialization to be shallow.
+          buildParams(`${prefix}[${typeof v === 'object' ? i : ''}]`, v, traditional, add);
+        }
+      });
+    } else if (!traditional && jQuery.type(obj) === 'object') {
+      // Serialize object item.
+      for (name in obj) {
+        buildParams(`${prefix}[${name}]`, obj[name], traditional, add);
+      }
+    } else {
+      // Serialize scalar item.
+      add(prefix, obj);
+    }
+  }
+  let
+    // Document location
+    ajaxLocParts;
+  let ajaxLocation;
 
-	} else {
-		// If traditional, encode the "old" way (the way 1.3.2 or older
-		// did it), otherwise encode params recursively.
-		for ( prefix in a ) {
-			buildParams( prefix, a[ prefix ], traditional, add );
-		}
-	}
+  const rhash = /#.*$/;
+  const rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg; // IE leaves an \r character at EOL
+  // #7653, #8125, #8152: local protocol detection
+  const rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/;
+  const rnoContent = /^(?:GET|HEAD)$/;
+  const rprotocol = /^\/\//;
+  const rquery = /\?/;
+  const rscript = /)<[^<]*)*<\/script>/gi;
+  const rts = /([?&])_=[^&]*/;
+  const rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/;
 
-	// Return the resulting serialization
-	return s.join( "&" ).replace( r20, "+" );
-};
+  // Keep a copy of the old load method
+  const _load = jQuery.fn.load;
 
-function buildParams( prefix, obj, traditional, add ) {
-	var name;
-
-	if ( jQuery.isArray( obj ) ) {
-		// Serialize array item.
-		jQuery.each( obj, function( i, v ) {
-			if ( traditional || rbracket.test( prefix ) ) {
-				// Treat each array item as a scalar.
-				add( prefix, v );
-
-			} else {
-				// If array item is non-scalar (array or object), encode its
-				// numeric index to resolve deserialization ambiguity issues.
-				// Note that rack (as of 1.0.0) can't currently deserialize
-				// nested arrays properly, and attempting to do so may cause
-				// a server error. Possible fixes are to modify rack's
-				// deserialization algorithm or to provide an option or flag
-				// to force array serialization to be shallow.
-				buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
-			}
-		});
-
-	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
-		// Serialize object item.
-		for ( name in obj ) {
-			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
-		}
-
-	} else {
-		// Serialize scalar item.
-		add( prefix, obj );
-	}
-}
-var
-	// Document location
-	ajaxLocParts,
-	ajaxLocation,
-
-	rhash = /#.*$/,
-	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
-	// #7653, #8125, #8152: local protocol detection
-	rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,
-	rnoContent = /^(?:GET|HEAD)$/,
-	rprotocol = /^\/\//,
-	rquery = /\?/,
-	rscript = /)<[^<]*)*<\/script>/gi,
-	rts = /([?&])_=[^&]*/,
-	rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,
-
-	// Keep a copy of the old load method
-	_load = jQuery.fn.load,
-
-	/* Prefilters
+  /* Prefilters
 	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
 	 * 2) These are called:
 	 *    - BEFORE asking for a transport
@@ -7289,254 +7149,250 @@ var
 	 * 4) the catchall symbol "*" can be used
 	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
 	 */
-	prefilters = {},
+  const prefilters = {};
 
-	/* Transports bindings
+  /* Transports bindings
 	 * 1) key is the dataType
 	 * 2) the catchall symbol "*" can be used
 	 * 3) selection will start with transport dataType and THEN go to "*" if needed
 	 */
-	transports = {},
+  const transports = {};
 
-	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
-	allTypes = ["*/"] + ["*"];
+  // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+  const allTypes = ['*/'] + ['*'];
 
-// #8138, IE may throw an exception when accessing
-// a field from window.location if document.domain has been set
-try {
-	ajaxLocation = location.href;
-} catch( e ) {
-	// Use the href attribute of an A element
-	// since IE will modify it given document.location
-	ajaxLocation = document.createElement( "a" );
-	ajaxLocation.href = "";
-	ajaxLocation = ajaxLocation.href;
-}
+  // #8138, IE may throw an exception when accessing
+  // a field from window.location if document.domain has been set
+  try {
+    ajaxLocation = location.href;
+  } catch (e) {
+    // Use the href attribute of an A element
+    // since IE will modify it given document.location
+    ajaxLocation = document.createElement('a');
+    ajaxLocation.href = '';
+    ajaxLocation = ajaxLocation.href;
+  }
 
-// Segment location into parts
-ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+  // Segment location into parts
+  ajaxLocParts = rurl.exec(ajaxLocation.toLowerCase()) || [];
 
-// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
-function addToPrefiltersOrTransports( structure ) {
+  // Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+  function addToPrefiltersOrTransports(structure) {
+    // dataTypeExpression is optional and defaults to "*"
+    return function (dataTypeExpression, func) {
+      if (typeof dataTypeExpression !== 'string') {
+        func = dataTypeExpression;
+        dataTypeExpression = '*';
+      }
 
-	// dataTypeExpression is optional and defaults to "*"
-	return function( dataTypeExpression, func ) {
+      let dataType; let list; let placeBefore;
+      const dataTypes = dataTypeExpression.toLowerCase().split(core_rspace);
+      let i = 0;
+      const { length } = dataTypes;
 
-		if ( typeof dataTypeExpression !== "string" ) {
-			func = dataTypeExpression;
-			dataTypeExpression = "*";
-		}
+      if (jQuery.isFunction(func)) {
+        // For each dataType in the dataTypeExpression
+        for (; i < length; i++) {
+          dataType = dataTypes[i];
+          // We control if we're asked to add before
+          // any existing element
+          placeBefore = /^\+/.test(dataType);
+          if (placeBefore) {
+            dataType = dataType.substr(1) || '*';
+          }
+          list = structure[dataType] = structure[dataType] || [];
+          // then we add to the structure accordingly
+          list[placeBefore ? 'unshift' : 'push'](func);
+        }
+      }
+    };
+  }
 
-		var dataType, list, placeBefore,
-			dataTypes = dataTypeExpression.toLowerCase().split( core_rspace ),
-			i = 0,
-			length = dataTypes.length;
+  // Base inspection function for prefilters and transports
+  function inspectPrefiltersOrTransports(structure, options, originalOptions, jqXHR,
+    dataType /* internal */, inspected /* internal */) {
+    dataType = dataType || options.dataTypes[0];
+    inspected = inspected || {};
 
-		if ( jQuery.isFunction( func ) ) {
-			// For each dataType in the dataTypeExpression
-			for ( ; i < length; i++ ) {
-				dataType = dataTypes[ i ];
-				// We control if we're asked to add before
-				// any existing element
-				placeBefore = /^\+/.test( dataType );
-				if ( placeBefore ) {
-					dataType = dataType.substr( 1 ) || "*";
-				}
-				list = structure[ dataType ] = structure[ dataType ] || [];
-				// then we add to the structure accordingly
-				list[ placeBefore ? "unshift" : "push" ]( func );
-			}
-		}
-	};
-}
+    inspected[dataType] = true;
 
-// Base inspection function for prefilters and transports
-function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
-		dataType /* internal */, inspected /* internal */ ) {
+    let selection;
+    const list = structure[dataType];
+    let i = 0;
+    const length = list ? list.length : 0;
+    const executeOnly = (structure === prefilters);
 
-	dataType = dataType || options.dataTypes[ 0 ];
-	inspected = inspected || {};
+    for (; i < length && (executeOnly || !selection); i++) {
+      selection = list[i](options, originalOptions, jqXHR);
+      // If we got redirected to another dataType
+      // we try there if executing only and not done already
+      if (typeof selection === 'string') {
+        if (!executeOnly || inspected[selection]) {
+          selection = undefined;
+        } else {
+          options.dataTypes.unshift(selection);
+          selection = inspectPrefiltersOrTransports(
+            structure, options, originalOptions, jqXHR, selection, inspected,
+          );
+        }
+      }
+    }
+    // If we're only executing or nothing was selected
+    // we try the catchall dataType if not done already
+    if ((executeOnly || !selection) && !inspected['*']) {
+      selection = inspectPrefiltersOrTransports(
+        structure, options, originalOptions, jqXHR, '*', inspected,
+      );
+    }
+    // unnecessary when only executing (prefilters)
+    // but it'll be ignored by the caller in that case
+    return selection;
+  }
 
-	inspected[ dataType ] = true;
+  // A special extend for ajax options
+  // that takes "flat" options (not to be deep extended)
+  // Fixes #9887
+  function ajaxExtend(target, src) {
+    let key; let deep;
+    const flatOptions = jQuery.ajaxSettings.flatOptions || {};
+    for (key in src) {
+      if (src[key] !== undefined) {
+        (flatOptions[key] ? target : (deep || (deep = {})))[key] = src[key];
+      }
+    }
+    if (deep) {
+      jQuery.extend(true, target, deep);
+    }
+  }
 
-	var selection,
-		list = structure[ dataType ],
-		i = 0,
-		length = list ? list.length : 0,
-		executeOnly = ( structure === prefilters );
+  jQuery.fn.load = function (url, params, callback) {
+    if (typeof url !== 'string' && _load) {
+      return _load.apply(this, arguments);
+    }
 
-	for ( ; i < length && ( executeOnly || !selection ); i++ ) {
-		selection = list[ i ]( options, originalOptions, jqXHR );
-		// If we got redirected to another dataType
-		// we try there if executing only and not done already
-		if ( typeof selection === "string" ) {
-			if ( !executeOnly || inspected[ selection ] ) {
-				selection = undefined;
-			} else {
-				options.dataTypes.unshift( selection );
-				selection = inspectPrefiltersOrTransports(
-						structure, options, originalOptions, jqXHR, selection, inspected );
-			}
-		}
-	}
-	// If we're only executing or nothing was selected
-	// we try the catchall dataType if not done already
-	if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
-		selection = inspectPrefiltersOrTransports(
-				structure, options, originalOptions, jqXHR, "*", inspected );
-	}
-	// unnecessary when only executing (prefilters)
-	// but it'll be ignored by the caller in that case
-	return selection;
-}
+    // Don't do a request if no elements are being requested
+    if (!this.length) {
+      return this;
+    }
 
-// A special extend for ajax options
-// that takes "flat" options (not to be deep extended)
-// Fixes #9887
-function ajaxExtend( target, src ) {
-	var key, deep,
-		flatOptions = jQuery.ajaxSettings.flatOptions || {};
-	for ( key in src ) {
-		if ( src[ key ] !== undefined ) {
-			( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
-		}
-	}
-	if ( deep ) {
-		jQuery.extend( true, target, deep );
-	}
-}
+    let selector; let type; let response;
+    const self = this;
+    const off = url.indexOf(' ');
 
-jQuery.fn.load = function( url, params, callback ) {
-	if ( typeof url !== "string" && _load ) {
-		return _load.apply( this, arguments );
-	}
+    if (off >= 0) {
+      selector = url.slice(off, url.length);
+      url = url.slice(0, off);
+    }
 
-	// Don't do a request if no elements are being requested
-	if ( !this.length ) {
-		return this;
-	}
+    // If it's a function
+    if (jQuery.isFunction(params)) {
+      // We assume that it's the callback
+      callback = params;
+      params = undefined;
 
-	var selector, type, response,
-		self = this,
-		off = url.indexOf(" ");
+      // Otherwise, build a param string
+    } else if (params && typeof params === 'object') {
+      type = 'POST';
+    }
 
-	if ( off >= 0 ) {
-		selector = url.slice( off, url.length );
-		url = url.slice( 0, off );
-	}
+    // Request the remote document
+    jQuery.ajax({
+      url,
 
-	// If it's a function
-	if ( jQuery.isFunction( params ) ) {
+      // if "type" variable is undefined, then "GET" method will be used
+      type,
+      dataType: 'html',
+      data: params,
+      complete(jqXHR, status) {
+        if (callback) {
+          self.each(callback, response || [jqXHR.responseText, status, jqXHR]);
+        }
+      },
+    }).done(function (responseText) {
+      // Save response for use in complete callback
+      response = arguments;
 
-		// We assume that it's the callback
-		callback = params;
-		params = undefined;
+      // See if a selector was specified
+      self.html(selector
 
-	// Otherwise, build a param string
-	} else if ( params && typeof params === "object" ) {
-		type = "POST";
-	}
+      // Create a dummy div to hold the results
+        ? jQuery('
      ')
 
-	// Request the remote document
-	jQuery.ajax({
-		url: url,
+        // inject the contents of the document in, removing the scripts
+        // to avoid any 'Permission Denied' errors in IE
+          .append(responseText.replace(rscript, ''))
 
-		// if "type" variable is undefined, then "GET" method will be used
-		type: type,
-		dataType: "html",
-		data: params,
-		complete: function( jqXHR, status ) {
-			if ( callback ) {
-				self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
-			}
-		}
-	}).done(function( responseText ) {
+        // Locate the specified elements
+          .find(selector)
 
-		// Save response for use in complete callback
-		response = arguments;
+      // If not, just inject the full result
+        : responseText);
+    });
 
-		// See if a selector was specified
-		self.html( selector ?
+    return this;
+  };
 
-			// Create a dummy div to hold the results
-			jQuery("
      ")
+  // Attach a bunch of functions for handling common AJAX events
+  jQuery.each('ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend'.split(' '), (i, o) => {
+    jQuery.fn[o] = function (f) {
+      return this.on(o, f);
+    };
+  });
 
-				// inject the contents of the document in, removing the scripts
-				// to avoid any 'Permission Denied' errors in IE
-				.append( responseText.replace( rscript, "" ) )
+  jQuery.each(['get', 'post'], (i, method) => {
+    jQuery[method] = function (url, data, callback, type) {
+      // shift arguments if data argument was omitted
+      if (jQuery.isFunction(data)) {
+        type = type || callback;
+        callback = data;
+        data = undefined;
+      }
 
-				// Locate the specified elements
-				.find( selector ) :
+      return jQuery.ajax({
+        type: method,
+        url,
+        data,
+        success: callback,
+        dataType: type,
+      });
+    };
+  });
 
-			// If not, just inject the full result
-			responseText );
+  jQuery.extend({
 
-	});
+    getScript(url, callback) {
+      return jQuery.get(url, undefined, callback, 'script');
+    },
 
-	return this;
-};
+    getJSON(url, data, callback) {
+      return jQuery.get(url, data, callback, 'json');
+    },
 
-// Attach a bunch of functions for handling common AJAX events
-jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
-	jQuery.fn[ o ] = function( f ){
-		return this.on( o, f );
-	};
-});
+    // Creates a full fledged settings object into target
+    // with both ajaxSettings and settings fields.
+    // If target is omitted, writes into ajaxSettings.
+    ajaxSetup(target, settings) {
+      if (settings) {
+        // Building a settings object
+        ajaxExtend(target, jQuery.ajaxSettings);
+      } else {
+        // Extending ajaxSettings
+        settings = target;
+        target = jQuery.ajaxSettings;
+      }
+      ajaxExtend(target, settings);
+      return target;
+    },
 
-jQuery.each( [ "get", "post" ], function( i, method ) {
-	jQuery[ method ] = function( url, data, callback, type ) {
-		// shift arguments if data argument was omitted
-		if ( jQuery.isFunction( data ) ) {
-			type = type || callback;
-			callback = data;
-			data = undefined;
-		}
-
-		return jQuery.ajax({
-			type: method,
-			url: url,
-			data: data,
-			success: callback,
-			dataType: type
-		});
-	};
-});
-
-jQuery.extend({
-
-	getScript: function( url, callback ) {
-		return jQuery.get( url, undefined, callback, "script" );
-	},
-
-	getJSON: function( url, data, callback ) {
-		return jQuery.get( url, data, callback, "json" );
-	},
-
-	// Creates a full fledged settings object into target
-	// with both ajaxSettings and settings fields.
-	// If target is omitted, writes into ajaxSettings.
-	ajaxSetup: function( target, settings ) {
-		if ( settings ) {
-			// Building a settings object
-			ajaxExtend( target, jQuery.ajaxSettings );
-		} else {
-			// Extending ajaxSettings
-			settings = target;
-			target = jQuery.ajaxSettings;
-		}
-		ajaxExtend( target, settings );
-		return target;
-	},
-
-	ajaxSettings: {
-		url: ajaxLocation,
-		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
-		global: true,
-		type: "GET",
-		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
-		processData: true,
-		async: true,
-		/*
+    ajaxSettings: {
+      url: ajaxLocation,
+      isLocal: rlocalProtocol.test(ajaxLocParts[1]),
+      global: true,
+      type: 'GET',
+      contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
+      processData: true,
+      async: true,
+      /*
 		timeout: 0,
 		data: null,
 		dataType: null,
@@ -7548,1893 +7404,1855 @@ jQuery.extend({
 		headers: {},
 		*/
 
-		accepts: {
-			xml: "application/xml, text/xml",
-			html: "text/html",
-			text: "text/plain",
-			json: "application/json, text/javascript",
-			"*": allTypes
-		},
-
-		contents: {
-			xml: /xml/,
-			html: /html/,
-			json: /json/
-		},
-
-		responseFields: {
-			xml: "responseXML",
-			text: "responseText"
-		},
-
-		// List of data converters
-		// 1) key format is "source_type destination_type" (a single space in-between)
-		// 2) the catchall symbol "*" can be used for source_type
-		converters: {
-
-			// Convert anything to text
-			"* text": window.String,
-
-			// Text to html (true = no transformation)
-			"text html": true,
-
-			// Evaluate text as a json expression
-			"text json": jQuery.parseJSON,
-
-			// Parse text as xml
-			"text xml": jQuery.parseXML
-		},
-
-		// For options that shouldn't be deep extended:
-		// you can add your own custom options here if
-		// and when you create one that shouldn't be
-		// deep extended (see ajaxExtend)
-		flatOptions: {
-			context: true,
-			url: true
-		}
-	},
-
-	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
-	ajaxTransport: addToPrefiltersOrTransports( transports ),
-
-	// Main method
-	ajax: function( url, options ) {
-
-		// If url is an object, simulate pre-1.5 signature
-		if ( typeof url === "object" ) {
-			options = url;
-			url = undefined;
-		}
-
-		// Force options to be an object
-		options = options || {};
-
-		var // ifModified key
-			ifModifiedKey,
-			// Response headers
-			responseHeadersString,
-			responseHeaders,
-			// transport
-			transport,
-			// timeout handle
-			timeoutTimer,
-			// Cross-domain detection vars
-			parts,
-			// To know if global events are to be dispatched
-			fireGlobals,
-			// Loop variable
-			i,
-			// Create the final options object
-			s = jQuery.ajaxSetup( {}, options ),
-			// Callbacks context
-			callbackContext = s.context || s,
-			// Context for global events
-			// It's the callbackContext if one was provided in the options
-			// and if it's a DOM node or a jQuery collection
-			globalEventContext = callbackContext !== s &&
-				( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
-						jQuery( callbackContext ) : jQuery.event,
-			// Deferreds
-			deferred = jQuery.Deferred(),
-			completeDeferred = jQuery.Callbacks( "once memory" ),
-			// Status-dependent callbacks
-			statusCode = s.statusCode || {},
-			// Headers (they are sent all at once)
-			requestHeaders = {},
-			requestHeadersNames = {},
-			// The jqXHR state
-			state = 0,
-			// Default abort message
-			strAbort = "canceled",
-			// Fake xhr
-			jqXHR = {
-
-				readyState: 0,
-
-				// Caches the header
-				setRequestHeader: function( name, value ) {
-					if ( !state ) {
-						var lname = name.toLowerCase();
-						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
-						requestHeaders[ name ] = value;
-					}
-					return this;
-				},
-
-				// Raw string
-				getAllResponseHeaders: function() {
-					return state === 2 ? responseHeadersString : null;
-				},
-
-				// Builds headers hashtable if needed
-				getResponseHeader: function( key ) {
-					var match;
-					if ( state === 2 ) {
-						if ( !responseHeaders ) {
-							responseHeaders = {};
-							while( ( match = rheaders.exec( responseHeadersString ) ) ) {
-								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
-							}
-						}
-						match = responseHeaders[ key.toLowerCase() ];
-					}
-					return match === undefined ? null : match;
-				},
-
-				// Overrides response content-type header
-				overrideMimeType: function( type ) {
-					if ( !state ) {
-						s.mimeType = type;
-					}
-					return this;
-				},
-
-				// Cancel the request
-				abort: function( statusText ) {
-					statusText = statusText || strAbort;
-					if ( transport ) {
-						transport.abort( statusText );
-					}
-					done( 0, statusText );
-					return this;
-				}
-			};
-
-		// Callback for when everything is done
-		// It is defined here because jslint complains if it is declared
-		// at the end of the function (which would be more logical and readable)
-		function done( status, nativeStatusText, responses, headers ) {
-			var isSuccess, success, error, response, modified,
-				statusText = nativeStatusText;
-
-			// Called once
-			if ( state === 2 ) {
-				return;
-			}
-
-			// State is "done" now
-			state = 2;
-
-			// Clear timeout if it exists
-			if ( timeoutTimer ) {
-				clearTimeout( timeoutTimer );
-			}
-
-			// Dereference transport for early garbage collection
-			// (no matter how long the jqXHR object will be used)
-			transport = undefined;
-
-			// Cache response headers
-			responseHeadersString = headers || "";
-
-			// Set readyState
-			jqXHR.readyState = status > 0 ? 4 : 0;
-
-			// Get response data
-			if ( responses ) {
-				response = ajaxHandleResponses( s, jqXHR, responses );
-			}
-
-			// If successful, handle type chaining
-			if ( status >= 200 && status < 300 || status === 304 ) {
-
-				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
-				if ( s.ifModified ) {
-
-					modified = jqXHR.getResponseHeader("Last-Modified");
-					if ( modified ) {
-						jQuery.lastModified[ ifModifiedKey ] = modified;
-					}
-					modified = jqXHR.getResponseHeader("Etag");
-					if ( modified ) {
-						jQuery.etag[ ifModifiedKey ] = modified;
-					}
-				}
-
-				// If not modified
-				if ( status === 304 ) {
-
-					statusText = "notmodified";
-					isSuccess = true;
-
-				// If we have data
-				} else {
-
-					isSuccess = ajaxConvert( s, response );
-					statusText = isSuccess.state;
-					success = isSuccess.data;
-					error = isSuccess.error;
-					isSuccess = !error;
-				}
-			} else {
-				// We extract error from statusText
-				// then normalize statusText and status for non-aborts
-				error = statusText;
-				if ( !statusText || status ) {
-					statusText = "error";
-					if ( status < 0 ) {
-						status = 0;
-					}
-				}
-			}
-
-			// Set data for the fake xhr object
-			jqXHR.status = status;
-			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
-
-			// Success/Error
-			if ( isSuccess ) {
-				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
-			} else {
-				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
-			}
-
-			// Status-dependent callbacks
-			jqXHR.statusCode( statusCode );
-			statusCode = undefined;
-
-			if ( fireGlobals ) {
-				globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
-						[ jqXHR, s, isSuccess ? success : error ] );
-			}
-
-			// Complete
-			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
-
-			if ( fireGlobals ) {
-				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
-				// Handle the global AJAX counter
-				if ( !( --jQuery.active ) ) {
-					jQuery.event.trigger( "ajaxStop" );
-				}
-			}
-		}
-
-		// Attach deferreds
-		deferred.promise( jqXHR );
-		jqXHR.success = jqXHR.done;
-		jqXHR.error = jqXHR.fail;
-		jqXHR.complete = completeDeferred.add;
-
-		// Status-dependent callbacks
-		jqXHR.statusCode = function( map ) {
-			if ( map ) {
-				var tmp;
-				if ( state < 2 ) {
-					for ( tmp in map ) {
-						statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
-					}
-				} else {
-					tmp = map[ jqXHR.status ];
-					jqXHR.always( tmp );
-				}
-			}
-			return this;
-		};
-
-		// Remove hash character (#7531: and string promotion)
-		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
-		// We also use the url parameter if available
-		s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
-
-		// Extract dataTypes list
-		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( core_rspace );
-
-		// A cross-domain request is in order when we have a protocol:host:port mismatch
-		if ( s.crossDomain == null ) {
-			parts = rurl.exec( s.url.toLowerCase() ) || false;
-			s.crossDomain = parts && ( parts.join(":") + ( parts[ 3 ] ? "" : parts[ 1 ] === "http:" ? 80 : 443 ) ) !==
-				( ajaxLocParts.join(":") + ( ajaxLocParts[ 3 ] ? "" : ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) );
-		}
-
-		// Convert data if not already a string
-		if ( s.data && s.processData && typeof s.data !== "string" ) {
-			s.data = jQuery.param( s.data, s.traditional );
-		}
-
-		// Apply prefilters
-		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
-
-		// If request was aborted inside a prefilter, stop there
-		if ( state === 2 ) {
-			return jqXHR;
-		}
-
-		// We can fire global events as of now if asked to
-		fireGlobals = s.global;
-
-		// Uppercase the type
-		s.type = s.type.toUpperCase();
-
-		// Determine if request has content
-		s.hasContent = !rnoContent.test( s.type );
-
-		// Watch for a new set of requests
-		if ( fireGlobals && jQuery.active++ === 0 ) {
-			jQuery.event.trigger( "ajaxStart" );
-		}
-
-		// More options handling for requests with no content
-		if ( !s.hasContent ) {
-
-			// If data is available, append data to url
-			if ( s.data ) {
-				s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
-				// #9682: remove data so that it's not used in an eventual retry
-				delete s.data;
-			}
-
-			// Get ifModifiedKey before adding the anti-cache parameter
-			ifModifiedKey = s.url;
-
-			// Add anti-cache in url if needed
-			if ( s.cache === false ) {
-
-				var ts = jQuery.now(),
-					// try replacing _= if it is there
-					ret = s.url.replace( rts, "$1_=" + ts );
-
-				// if nothing was replaced, add timestamp to the end
-				s.url = ret + ( ( ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
-			}
-		}
-
-		// Set the correct header, if data is being sent
-		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
-			jqXHR.setRequestHeader( "Content-Type", s.contentType );
-		}
-
-		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
-		if ( s.ifModified ) {
-			ifModifiedKey = ifModifiedKey || s.url;
-			if ( jQuery.lastModified[ ifModifiedKey ] ) {
-				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ ifModifiedKey ] );
-			}
-			if ( jQuery.etag[ ifModifiedKey ] ) {
-				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ ifModifiedKey ] );
-			}
-		}
-
-		// Set the Accepts header for the server, depending on the dataType
-		jqXHR.setRequestHeader(
-			"Accept",
-			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
-				s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
-				s.accepts[ "*" ]
-		);
-
-		// Check for headers option
-		for ( i in s.headers ) {
-			jqXHR.setRequestHeader( i, s.headers[ i ] );
-		}
-
-		// Allow custom headers/mimetypes and early abort
-		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
-				// Abort if not done already and return
-				return jqXHR.abort();
-
-		}
-
-		// aborting is no longer a cancellation
-		strAbort = "abort";
-
-		// Install callbacks on deferreds
-		for ( i in { success: 1, error: 1, complete: 1 } ) {
-			jqXHR[ i ]( s[ i ] );
-		}
-
-		// Get transport
-		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
-
-		// If no transport, we auto-abort
-		if ( !transport ) {
-			done( -1, "No Transport" );
-		} else {
-			jqXHR.readyState = 1;
-			// Send global event
-			if ( fireGlobals ) {
-				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
-			}
-			// Timeout
-			if ( s.async && s.timeout > 0 ) {
-				timeoutTimer = setTimeout( function(){
-					jqXHR.abort( "timeout" );
-				}, s.timeout );
-			}
-
-			try {
-				state = 1;
-				transport.send( requestHeaders, done );
-			} catch (e) {
-				// Propagate exception as error if not done
-				if ( state < 2 ) {
-					done( -1, e );
-				// Simply rethrow otherwise
-				} else {
-					throw e;
-				}
-			}
-		}
-
-		return jqXHR;
-	},
-
-	// Counter for holding the number of active queries
-	active: 0,
-
-	// Last-Modified header cache for next request
-	lastModified: {},
-	etag: {}
-
-});
-
-/* Handles responses to an ajax request:
+      accepts: {
+        xml: 'application/xml, text/xml',
+        html: 'text/html',
+        text: 'text/plain',
+        json: 'application/json, text/javascript',
+        '*': allTypes,
+      },
+
+      contents: {
+        xml: /xml/,
+        html: /html/,
+        json: /json/,
+      },
+
+      responseFields: {
+        xml: 'responseXML',
+        text: 'responseText',
+      },
+
+      // List of data converters
+      // 1) key format is "source_type destination_type" (a single space in-between)
+      // 2) the catchall symbol "*" can be used for source_type
+      converters: {
+
+        // Convert anything to text
+        '* text': window.String,
+
+        // Text to html (true = no transformation)
+        'text html': true,
+
+        // Evaluate text as a json expression
+        'text json': jQuery.parseJSON,
+
+        // Parse text as xml
+        'text xml': jQuery.parseXML,
+      },
+
+      // For options that shouldn't be deep extended:
+      // you can add your own custom options here if
+      // and when you create one that shouldn't be
+      // deep extended (see ajaxExtend)
+      flatOptions: {
+        context: true,
+        url: true,
+      },
+    },
+
+    ajaxPrefilter: addToPrefiltersOrTransports(prefilters),
+    ajaxTransport: addToPrefiltersOrTransports(transports),
+
+    // Main method
+    ajax(url, options) {
+      // If url is an object, simulate pre-1.5 signature
+      if (typeof url === 'object') {
+        options = url;
+        url = undefined;
+      }
+
+      // Force options to be an object
+      options = options || {};
+
+      let // ifModified key
+        ifModifiedKey;
+      // Response headers
+      let responseHeadersString;
+      let responseHeaders;
+      // transport
+      let transport;
+      // timeout handle
+      let timeoutTimer;
+      // Cross-domain detection vars
+      let parts;
+      // To know if global events are to be dispatched
+      let fireGlobals;
+      // Loop variable
+      let i;
+      // Create the final options object
+      const s = jQuery.ajaxSetup({}, options);
+      // Callbacks context
+      const callbackContext = s.context || s;
+      // Context for global events
+      // It's the callbackContext if one was provided in the options
+      // and if it's a DOM node or a jQuery collection
+      const globalEventContext = callbackContext !== s
+				&& (callbackContext.nodeType || callbackContext instanceof jQuery)
+        ? jQuery(callbackContext) : jQuery.event;
+      // Deferreds
+      const deferred = jQuery.Deferred();
+      const completeDeferred = jQuery.Callbacks('once memory');
+      // Status-dependent callbacks
+      let statusCode = s.statusCode || {};
+      // Headers (they are sent all at once)
+      const requestHeaders = {};
+      const requestHeadersNames = {};
+      // The jqXHR state
+      let state = 0;
+      // Default abort message
+      let strAbort = 'canceled';
+      // Fake xhr
+      const jqXHR = {
+
+        readyState: 0,
+
+        // Caches the header
+        setRequestHeader(name, value) {
+          if (!state) {
+            const lname = name.toLowerCase();
+            name = requestHeadersNames[lname] = requestHeadersNames[lname] || name;
+            requestHeaders[name] = value;
+          }
+          return this;
+        },
+
+        // Raw string
+        getAllResponseHeaders() {
+          return state === 2 ? responseHeadersString : null;
+        },
+
+        // Builds headers hashtable if needed
+        getResponseHeader(key) {
+          let match;
+          if (state === 2) {
+            if (!responseHeaders) {
+              responseHeaders = {};
+              while ((match = rheaders.exec(responseHeadersString))) {
+                responseHeaders[match[1].toLowerCase()] = match[2];
+              }
+            }
+            match = responseHeaders[key.toLowerCase()];
+          }
+          return match === undefined ? null : match;
+        },
+
+        // Overrides response content-type header
+        overrideMimeType(type) {
+          if (!state) {
+            s.mimeType = type;
+          }
+          return this;
+        },
+
+        // Cancel the request
+        abort(statusText) {
+          statusText = statusText || strAbort;
+          if (transport) {
+            transport.abort(statusText);
+          }
+          done(0, statusText);
+          return this;
+        },
+      };
+
+      // Callback for when everything is done
+      // It is defined here because jslint complains if it is declared
+      // at the end of the function (which would be more logical and readable)
+      function done(status, nativeStatusText, responses, headers) {
+        let isSuccess; let success; let error; let response; let modified;
+        let statusText = nativeStatusText;
+
+        // Called once
+        if (state === 2) {
+          return;
+        }
+
+        // State is "done" now
+        state = 2;
+
+        // Clear timeout if it exists
+        if (timeoutTimer) {
+          clearTimeout(timeoutTimer);
+        }
+
+        // Dereference transport for early garbage collection
+        // (no matter how long the jqXHR object will be used)
+        transport = undefined;
+
+        // Cache response headers
+        responseHeadersString = headers || '';
+
+        // Set readyState
+        jqXHR.readyState = status > 0 ? 4 : 0;
+
+        // Get response data
+        if (responses) {
+          response = ajaxHandleResponses(s, jqXHR, responses);
+        }
+
+        // If successful, handle type chaining
+        if (status >= 200 && status < 300 || status === 304) {
+          // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+          if (s.ifModified) {
+            modified = jqXHR.getResponseHeader('Last-Modified');
+            if (modified) {
+              jQuery.lastModified[ifModifiedKey] = modified;
+            }
+            modified = jqXHR.getResponseHeader('Etag');
+            if (modified) {
+              jQuery.etag[ifModifiedKey] = modified;
+            }
+          }
+
+          // If not modified
+          if (status === 304) {
+            statusText = 'notmodified';
+            isSuccess = true;
+
+            // If we have data
+          } else {
+            isSuccess = ajaxConvert(s, response);
+            statusText = isSuccess.state;
+            success = isSuccess.data;
+            error = isSuccess.error;
+            isSuccess = !error;
+          }
+        } else {
+          // We extract error from statusText
+          // then normalize statusText and status for non-aborts
+          error = statusText;
+          if (!statusText || status) {
+            statusText = 'error';
+            if (status < 0) {
+              status = 0;
+            }
+          }
+        }
+
+        // Set data for the fake xhr object
+        jqXHR.status = status;
+        jqXHR.statusText = `${nativeStatusText || statusText}`;
+
+        // Success/Error
+        if (isSuccess) {
+          deferred.resolveWith(callbackContext, [success, statusText, jqXHR]);
+        } else {
+          deferred.rejectWith(callbackContext, [jqXHR, statusText, error]);
+        }
+
+        // Status-dependent callbacks
+        jqXHR.statusCode(statusCode);
+        statusCode = undefined;
+
+        if (fireGlobals) {
+          globalEventContext.trigger(`ajax${isSuccess ? 'Success' : 'Error'}`,
+            [jqXHR, s, isSuccess ? success : error]);
+        }
+
+        // Complete
+        completeDeferred.fireWith(callbackContext, [jqXHR, statusText]);
+
+        if (fireGlobals) {
+          globalEventContext.trigger('ajaxComplete', [jqXHR, s]);
+          // Handle the global AJAX counter
+          if (!(--jQuery.active)) {
+            jQuery.event.trigger('ajaxStop');
+          }
+        }
+      }
+
+      // Attach deferreds
+      deferred.promise(jqXHR);
+      jqXHR.success = jqXHR.done;
+      jqXHR.error = jqXHR.fail;
+      jqXHR.complete = completeDeferred.add;
+
+      // Status-dependent callbacks
+      jqXHR.statusCode = function (map) {
+        if (map) {
+          let tmp;
+          if (state < 2) {
+            for (tmp in map) {
+              statusCode[tmp] = [statusCode[tmp], map[tmp]];
+            }
+          } else {
+            tmp = map[jqXHR.status];
+            jqXHR.always(tmp);
+          }
+        }
+        return this;
+      };
+
+      // Remove hash character (#7531: and string promotion)
+      // Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+      // We also use the url parameter if available
+      s.url = (`${url || s.url}`).replace(rhash, '').replace(rprotocol, `${ajaxLocParts[1]}//`);
+
+      // Extract dataTypes list
+      s.dataTypes = jQuery.trim(s.dataType || '*').toLowerCase().split(core_rspace);
+
+      // A cross-domain request is in order when we have a protocol:host:port mismatch
+      if (s.crossDomain == null) {
+        parts = rurl.exec(s.url.toLowerCase()) || false;
+        s.crossDomain = parts && (parts.join(':') + (parts[3] ? '' : parts[1] === 'http:' ? 80 : 443))
+				!== (ajaxLocParts.join(':') + (ajaxLocParts[3] ? '' : ajaxLocParts[1] === 'http:' ? 80 : 443));
+      }
+
+      // Convert data if not already a string
+      if (s.data && s.processData && typeof s.data !== 'string') {
+        s.data = jQuery.param(s.data, s.traditional);
+      }
+
+      // Apply prefilters
+      inspectPrefiltersOrTransports(prefilters, s, options, jqXHR);
+
+      // If request was aborted inside a prefilter, stop there
+      if (state === 2) {
+        return jqXHR;
+      }
+
+      // We can fire global events as of now if asked to
+      fireGlobals = s.global;
+
+      // Uppercase the type
+      s.type = s.type.toUpperCase();
+
+      // Determine if request has content
+      s.hasContent = !rnoContent.test(s.type);
+
+      // Watch for a new set of requests
+      if (fireGlobals && jQuery.active++ === 0) {
+        jQuery.event.trigger('ajaxStart');
+      }
+
+      // More options handling for requests with no content
+      if (!s.hasContent) {
+        // If data is available, append data to url
+        if (s.data) {
+          s.url += (rquery.test(s.url) ? '&' : '?') + s.data;
+          // #9682: remove data so that it's not used in an eventual retry
+          delete s.data;
+        }
+
+        // Get ifModifiedKey before adding the anti-cache parameter
+        ifModifiedKey = s.url;
+
+        // Add anti-cache in url if needed
+        if (s.cache === false) {
+          const ts = jQuery.now();
+          // try replacing _= if it is there
+          const ret = s.url.replace(rts, `$1_=${ts}`);
+
+          // if nothing was replaced, add timestamp to the end
+          s.url = ret + ((ret === s.url) ? `${rquery.test(s.url) ? '&' : '?'}_=${ts}` : '');
+        }
+      }
+
+      // Set the correct header, if data is being sent
+      if (s.data && s.hasContent && s.contentType !== false || options.contentType) {
+        jqXHR.setRequestHeader('Content-Type', s.contentType);
+      }
+
+      // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+      if (s.ifModified) {
+        ifModifiedKey = ifModifiedKey || s.url;
+        if (jQuery.lastModified[ifModifiedKey]) {
+          jqXHR.setRequestHeader('If-Modified-Since', jQuery.lastModified[ifModifiedKey]);
+        }
+        if (jQuery.etag[ifModifiedKey]) {
+          jqXHR.setRequestHeader('If-None-Match', jQuery.etag[ifModifiedKey]);
+        }
+      }
+
+      // Set the Accepts header for the server, depending on the dataType
+      jqXHR.setRequestHeader(
+        'Accept',
+        s.dataTypes[0] && s.accepts[s.dataTypes[0]]
+          ? s.accepts[s.dataTypes[0]] + (s.dataTypes[0] !== '*' ? `, ${allTypes}; q=0.01` : '')
+          : s.accepts['*'],
+      );
+
+      // Check for headers option
+      for (i in s.headers) {
+        jqXHR.setRequestHeader(i, s.headers[i]);
+      }
+
+      // Allow custom headers/mimetypes and early abort
+      if (s.beforeSend && (s.beforeSend.call(callbackContext, jqXHR, s) === false || state === 2)) {
+        // Abort if not done already and return
+        return jqXHR.abort();
+      }
+
+      // aborting is no longer a cancellation
+      strAbort = 'abort';
+
+      // Install callbacks on deferreds
+      for (i in { success: 1, error: 1, complete: 1 }) {
+        jqXHR[i](s[i]);
+      }
+
+      // Get transport
+      transport = inspectPrefiltersOrTransports(transports, s, options, jqXHR);
+
+      // If no transport, we auto-abort
+      if (!transport) {
+        done(-1, 'No Transport');
+      } else {
+        jqXHR.readyState = 1;
+        // Send global event
+        if (fireGlobals) {
+          globalEventContext.trigger('ajaxSend', [jqXHR, s]);
+        }
+        // Timeout
+        if (s.async && s.timeout > 0) {
+          timeoutTimer = setTimeout(() => {
+            jqXHR.abort('timeout');
+          }, s.timeout);
+        }
+
+        try {
+          state = 1;
+          transport.send(requestHeaders, done);
+        } catch (e) {
+          // Propagate exception as error if not done
+          if (state < 2) {
+            done(-1, e);
+            // Simply rethrow otherwise
+          } else {
+            throw e;
+          }
+        }
+      }
+
+      return jqXHR;
+    },
+
+    // Counter for holding the number of active queries
+    active: 0,
+
+    // Last-Modified header cache for next request
+    lastModified: {},
+    etag: {},
+
+  });
+
+  /* Handles responses to an ajax request:
  * - sets all responseXXX fields accordingly
  * - finds the right dataType (mediates between content-type and expected dataType)
  * - returns the corresponding response
  */
-function ajaxHandleResponses( s, jqXHR, responses ) {
+  function ajaxHandleResponses(s, jqXHR, responses) {
+    let ct; let type; let finalDataType; let firstDataType;
+    const { contents } = s;
+    const { dataTypes } = s;
+    const { responseFields } = s;
 
-	var ct, type, finalDataType, firstDataType,
-		contents = s.contents,
-		dataTypes = s.dataTypes,
-		responseFields = s.responseFields;
+    // Fill responseXXX fields
+    for (type in responseFields) {
+      if (type in responses) {
+        jqXHR[responseFields[type]] = responses[type];
+      }
+    }
 
-	// Fill responseXXX fields
-	for ( type in responseFields ) {
-		if ( type in responses ) {
-			jqXHR[ responseFields[type] ] = responses[ type ];
-		}
-	}
+    // Remove auto dataType and get content-type in the process
+    while (dataTypes[0] === '*') {
+      dataTypes.shift();
+      if (ct === undefined) {
+        ct = s.mimeType || jqXHR.getResponseHeader('content-type');
+      }
+    }
 
-	// Remove auto dataType and get content-type in the process
-	while( dataTypes[ 0 ] === "*" ) {
-		dataTypes.shift();
-		if ( ct === undefined ) {
-			ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
-		}
-	}
+    // Check if we're dealing with a known content-type
+    if (ct) {
+      for (type in contents) {
+        if (contents[type] && contents[type].test(ct)) {
+          dataTypes.unshift(type);
+          break;
+        }
+      }
+    }
 
-	// Check if we're dealing with a known content-type
-	if ( ct ) {
-		for ( type in contents ) {
-			if ( contents[ type ] && contents[ type ].test( ct ) ) {
-				dataTypes.unshift( type );
-				break;
-			}
-		}
-	}
+    // Check to see if we have a response for the expected dataType
+    if (dataTypes[0] in responses) {
+      finalDataType = dataTypes[0];
+    } else {
+      // Try convertible dataTypes
+      for (type in responses) {
+        if (!dataTypes[0] || s.converters[`${type} ${dataTypes[0]}`]) {
+          finalDataType = type;
+          break;
+        }
+        if (!firstDataType) {
+          firstDataType = type;
+        }
+      }
+      // Or just use first one
+      finalDataType = finalDataType || firstDataType;
+    }
 
-	// Check to see if we have a response for the expected dataType
-	if ( dataTypes[ 0 ] in responses ) {
-		finalDataType = dataTypes[ 0 ];
-	} else {
-		// Try convertible dataTypes
-		for ( type in responses ) {
-			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
-				finalDataType = type;
-				break;
-			}
-			if ( !firstDataType ) {
-				firstDataType = type;
-			}
-		}
-		// Or just use first one
-		finalDataType = finalDataType || firstDataType;
-	}
+    // If we found a dataType
+    // We add the dataType to the list if needed
+    // and return the corresponding response
+    if (finalDataType) {
+      if (finalDataType !== dataTypes[0]) {
+        dataTypes.unshift(finalDataType);
+      }
+      return responses[finalDataType];
+    }
+  }
 
-	// If we found a dataType
-	// We add the dataType to the list if needed
-	// and return the corresponding response
-	if ( finalDataType ) {
-		if ( finalDataType !== dataTypes[ 0 ] ) {
-			dataTypes.unshift( finalDataType );
-		}
-		return responses[ finalDataType ];
-	}
-}
+  // Chain conversions given the request and the original response
+  function ajaxConvert(s, response) {
+    let conv; let conv2; let current; let tmp;
+    // Work with a copy of dataTypes in case we need to modify it for conversion
+    const dataTypes = s.dataTypes.slice();
+    let prev = dataTypes[0];
+    const converters = {};
+    let i = 0;
 
-// Chain conversions given the request and the original response
-function ajaxConvert( s, response ) {
+    // Apply the dataFilter if provided
+    if (s.dataFilter) {
+      response = s.dataFilter(response, s.dataType);
+    }
 
-	var conv, conv2, current, tmp,
-		// Work with a copy of dataTypes in case we need to modify it for conversion
-		dataTypes = s.dataTypes.slice(),
-		prev = dataTypes[ 0 ],
-		converters = {},
-		i = 0;
+    // Create converters map with lowercased keys
+    if (dataTypes[1]) {
+      for (conv in s.converters) {
+        converters[conv.toLowerCase()] = s.converters[conv];
+      }
+    }
 
-	// Apply the dataFilter if provided
-	if ( s.dataFilter ) {
-		response = s.dataFilter( response, s.dataType );
-	}
+    // Convert to each sequential dataType, tolerating list modification
+    for (; (current = dataTypes[++i]);) {
+      // There's only work to do if current dataType is non-auto
+      if (current !== '*') {
+        // Convert response if prev dataType is non-auto and differs from current
+        if (prev !== '*' && prev !== current) {
+          // Seek a direct converter
+          conv = converters[`${prev} ${current}`] || converters[`* ${current}`];
 
-	// Create converters map with lowercased keys
-	if ( dataTypes[ 1 ] ) {
-		for ( conv in s.converters ) {
-			converters[ conv.toLowerCase() ] = s.converters[ conv ];
-		}
-	}
+          // If none found, seek a pair
+          if (!conv) {
+            for (conv2 in converters) {
+              // If conv2 outputs current
+              tmp = conv2.split(' ');
+              if (tmp[1] === current) {
+                // If prev can be converted to accepted input
+                conv = converters[`${prev} ${tmp[0]}`]
+								|| converters[`* ${tmp[0]}`];
+                if (conv) {
+                  // Condense equivalence converters
+                  if (conv === true) {
+                    conv = converters[conv2];
 
-	// Convert to each sequential dataType, tolerating list modification
-	for ( ; (current = dataTypes[++i]); ) {
+                    // Otherwise, insert the intermediate dataType
+                  } else if (converters[conv2] !== true) {
+                    current = tmp[0];
+                    dataTypes.splice(i--, 0, current);
+                  }
 
-		// There's only work to do if current dataType is non-auto
-		if ( current !== "*" ) {
+                  break;
+                }
+              }
+            }
+          }
 
-			// Convert response if prev dataType is non-auto and differs from current
-			if ( prev !== "*" && prev !== current ) {
+          // Apply converter (if not an equivalence)
+          if (conv !== true) {
+            // Unless errors are allowed to bubble, catch and return them
+            if (conv && s.throws) {
+              response = conv(response);
+            } else {
+              try {
+                response = conv(response);
+              } catch (e) {
+                return { state: 'parsererror', error: conv ? e : `No conversion from ${prev} to ${current}` };
+              }
+            }
+          }
+        }
 
-				// Seek a direct converter
-				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+        // Update prev for next iteration
+        prev = current;
+      }
+    }
 
-				// If none found, seek a pair
-				if ( !conv ) {
-					for ( conv2 in converters ) {
+    return { state: 'success', data: response };
+  }
+  const oldCallbacks = [];
+  const rquestion = /\?/;
+  const rjsonp = /(=)\?(?=&|$)|\?\?/;
+  let nonce = jQuery.now();
 
-						// If conv2 outputs current
-						tmp = conv2.split(" ");
-						if ( tmp[ 1 ] === current ) {
+  // Default jsonp settings
+  jQuery.ajaxSetup({
+    jsonp: 'callback',
+    jsonpCallback() {
+      const callback = oldCallbacks.pop() || (`${jQuery.expando}_${nonce++}`);
+      this[callback] = true;
+      return callback;
+    },
+  });
 
-							// If prev can be converted to accepted input
-							conv = converters[ prev + " " + tmp[ 0 ] ] ||
-								converters[ "* " + tmp[ 0 ] ];
-							if ( conv ) {
-								// Condense equivalence converters
-								if ( conv === true ) {
-									conv = converters[ conv2 ];
+  // Detect, normalize options and install callbacks for jsonp requests
+  jQuery.ajaxPrefilter('json jsonp', (s, originalSettings, jqXHR) => {
+    let callbackName; let overwritten; let responseContainer;
+    const { data } = s;
+    const { url } = s;
+    const hasCallback = s.jsonp !== false;
+    const replaceInUrl = hasCallback && rjsonp.test(url);
+    const replaceInData = hasCallback && !replaceInUrl && typeof data === 'string'
+			&& !(s.contentType || '').indexOf('application/x-www-form-urlencoded')
+			&& rjsonp.test(data);
 
-								// Otherwise, insert the intermediate dataType
-								} else if ( converters[ conv2 ] !== true ) {
-									current = tmp[ 0 ];
-									dataTypes.splice( i--, 0, current );
-								}
+    // Handle iff the expected data type is "jsonp" or we have a parameter to set
+    if (s.dataTypes[0] === 'jsonp' || replaceInUrl || replaceInData) {
+      // Get callback name, remembering preexisting value associated with it
+      callbackName = s.jsonpCallback = jQuery.isFunction(s.jsonpCallback)
+        ? s.jsonpCallback()
+        : s.jsonpCallback;
+      overwritten = window[callbackName];
 
-								break;
-							}
-						}
-					}
-				}
+      // Insert callback into url or form data
+      if (replaceInUrl) {
+        s.url = url.replace(rjsonp, `$1${callbackName}`);
+      } else if (replaceInData) {
+        s.data = data.replace(rjsonp, `$1${callbackName}`);
+      } else if (hasCallback) {
+        s.url += `${(rquestion.test(url) ? '&' : '?') + s.jsonp}=${callbackName}`;
+      }
 
-				// Apply converter (if not an equivalence)
-				if ( conv !== true ) {
+      // Use data converter to retrieve json after script execution
+      s.converters['script json'] = function () {
+        if (!responseContainer) {
+          jQuery.error(`${callbackName} was not called`);
+        }
+        return responseContainer[0];
+      };
 
-					// Unless errors are allowed to bubble, catch and return them
-					if ( conv && s["throws"] ) {
-						response = conv( response );
-					} else {
-						try {
-							response = conv( response );
-						} catch ( e ) {
-							return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
-						}
-					}
-				}
-			}
+      // force json dataType
+      s.dataTypes[0] = 'json';
 
-			// Update prev for next iteration
-			prev = current;
-		}
-	}
+      // Install callback
+      window[callbackName] = function () {
+        responseContainer = arguments;
+      };
 
-	return { state: "success", data: response };
-}
-var oldCallbacks = [],
-	rquestion = /\?/,
-	rjsonp = /(=)\?(?=&|$)|\?\?/,
-	nonce = jQuery.now();
+      // Clean-up function (fires after converters)
+      jqXHR.always(() => {
+        // Restore preexisting value
+        window[callbackName] = overwritten;
 
-// Default jsonp settings
-jQuery.ajaxSetup({
-	jsonp: "callback",
-	jsonpCallback: function() {
-		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce++ ) );
-		this[ callback ] = true;
-		return callback;
-	}
-});
+        // Save back as free
+        if (s[callbackName]) {
+          // make sure that re-using the options doesn't screw things around
+          s.jsonpCallback = originalSettings.jsonpCallback;
 
-// Detect, normalize options and install callbacks for jsonp requests
-jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+          // save the callback name for future use
+          oldCallbacks.push(callbackName);
+        }
 
-	var callbackName, overwritten, responseContainer,
-		data = s.data,
-		url = s.url,
-		hasCallback = s.jsonp !== false,
-		replaceInUrl = hasCallback && rjsonp.test( url ),
-		replaceInData = hasCallback && !replaceInUrl && typeof data === "string" &&
-			!( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") &&
-			rjsonp.test( data );
+        // Call if it was a function and we have a response
+        if (responseContainer && jQuery.isFunction(overwritten)) {
+          overwritten(responseContainer[0]);
+        }
 
-	// Handle iff the expected data type is "jsonp" or we have a parameter to set
-	if ( s.dataTypes[ 0 ] === "jsonp" || replaceInUrl || replaceInData ) {
+        responseContainer = overwritten = undefined;
+      });
 
-		// Get callback name, remembering preexisting value associated with it
-		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
-			s.jsonpCallback() :
-			s.jsonpCallback;
-		overwritten = window[ callbackName ];
+      // Delegate to script
+      return 'script';
+    }
+  });
+  // Install script dataType
+  jQuery.ajaxSetup({
+    accepts: {
+      script: 'text/javascript, application/javascript, application/ecmascript, application/x-ecmascript',
+    },
+    contents: {
+      script: /javascript|ecmascript/,
+    },
+    converters: {
+      'text script': function (text) {
+        jQuery.globalEval(text);
+        return text;
+      },
+    },
+  });
 
-		// Insert callback into url or form data
-		if ( replaceInUrl ) {
-			s.url = url.replace( rjsonp, "$1" + callbackName );
-		} else if ( replaceInData ) {
-			s.data = data.replace( rjsonp, "$1" + callbackName );
-		} else if ( hasCallback ) {
-			s.url += ( rquestion.test( url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
-		}
+  // Handle cache's special case and global
+  jQuery.ajaxPrefilter('script', (s) => {
+    if (s.cache === undefined) {
+      s.cache = false;
+    }
+    if (s.crossDomain) {
+      s.type = 'GET';
+      s.global = false;
+    }
+  });
 
-		// Use data converter to retrieve json after script execution
-		s.converters["script json"] = function() {
-			if ( !responseContainer ) {
-				jQuery.error( callbackName + " was not called" );
-			}
-			return responseContainer[ 0 ];
-		};
+  // Bind script tag hack transport
+  jQuery.ajaxTransport('script', (s) => {
+    // This transport only deals with cross domain requests
+    if (s.crossDomain) {
+      let script;
+      const head = document.head || document.getElementsByTagName('head')[0] || document.documentElement;
 
-		// force json dataType
-		s.dataTypes[ 0 ] = "json";
+      return {
 
-		// Install callback
-		window[ callbackName ] = function() {
-			responseContainer = arguments;
-		};
+        send(_, callback) {
+          script = document.createElement('script');
 
-		// Clean-up function (fires after converters)
-		jqXHR.always(function() {
-			// Restore preexisting value
-			window[ callbackName ] = overwritten;
+          script.async = 'async';
 
-			// Save back as free
-			if ( s[ callbackName ] ) {
-				// make sure that re-using the options doesn't screw things around
-				s.jsonpCallback = originalSettings.jsonpCallback;
+          if (s.scriptCharset) {
+            script.charset = s.scriptCharset;
+          }
 
-				// save the callback name for future use
-				oldCallbacks.push( callbackName );
-			}
+          script.src = s.url;
 
-			// Call if it was a function and we have a response
-			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
-				overwritten( responseContainer[ 0 ] );
-			}
+          // Attach handlers for all browsers
+          script.onload = script.onreadystatechange = function (_, isAbort) {
+            if (isAbort || !script.readyState || /loaded|complete/.test(script.readyState)) {
+              // Handle memory leak in IE
+              script.onload = script.onreadystatechange = null;
 
-			responseContainer = overwritten = undefined;
-		});
+              // Remove the script
+              if (head && script.parentNode) {
+                head.removeChild(script);
+              }
 
-		// Delegate to script
-		return "script";
-	}
-});
-// Install script dataType
-jQuery.ajaxSetup({
-	accepts: {
-		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
-	},
-	contents: {
-		script: /javascript|ecmascript/
-	},
-	converters: {
-		"text script": function( text ) {
-			jQuery.globalEval( text );
-			return text;
-		}
-	}
-});
+              // Dereference the script
+              script = undefined;
 
-// Handle cache's special case and global
-jQuery.ajaxPrefilter( "script", function( s ) {
-	if ( s.cache === undefined ) {
-		s.cache = false;
-	}
-	if ( s.crossDomain ) {
-		s.type = "GET";
-		s.global = false;
-	}
-});
+              // Callback if not abort
+              if (!isAbort) {
+                callback(200, 'success');
+              }
+            }
+          };
+          // Use insertBefore instead of appendChild  to circumvent an IE6 bug.
+          // This arises when a base node is used (#2709 and #4378).
+          head.insertBefore(script, head.firstChild);
+        },
 
-// Bind script tag hack transport
-jQuery.ajaxTransport( "script", function(s) {
+        abort() {
+          if (script) {
+            script.onload(0, 1);
+          }
+        },
+      };
+    }
+  });
+  let xhrCallbacks;
+  // #5280: Internet Explorer will keep connections alive if we don't abort on unload
+  const xhrOnUnloadAbort = window.ActiveXObject ? function () {
+    // Abort all pending requests
+    for (const key in xhrCallbacks) {
+      xhrCallbacks[key](0, 1);
+    }
+  } : false;
+  let xhrId = 0;
 
-	// This transport only deals with cross domain requests
-	if ( s.crossDomain ) {
+  // Functions to create xhrs
+  function createStandardXHR() {
+    try {
+      return new window.XMLHttpRequest();
+    } catch (e) {}
+  }
 
-		var script,
-			head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
+  function createActiveXHR() {
+    try {
+      return new window.ActiveXObject('Microsoft.XMLHTTP');
+    } catch (e) {}
+  }
 
-		return {
-
-			send: function( _, callback ) {
-
-				script = document.createElement( "script" );
-
-				script.async = "async";
-
-				if ( s.scriptCharset ) {
-					script.charset = s.scriptCharset;
-				}
-
-				script.src = s.url;
-
-				// Attach handlers for all browsers
-				script.onload = script.onreadystatechange = function( _, isAbort ) {
-
-					if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
-
-						// Handle memory leak in IE
-						script.onload = script.onreadystatechange = null;
-
-						// Remove the script
-						if ( head && script.parentNode ) {
-							head.removeChild( script );
-						}
-
-						// Dereference the script
-						script = undefined;
-
-						// Callback if not abort
-						if ( !isAbort ) {
-							callback( 200, "success" );
-						}
-					}
-				};
-				// Use insertBefore instead of appendChild  to circumvent an IE6 bug.
-				// This arises when a base node is used (#2709 and #4378).
-				head.insertBefore( script, head.firstChild );
-			},
-
-			abort: function() {
-				if ( script ) {
-					script.onload( 0, 1 );
-				}
-			}
-		};
-	}
-});
-var xhrCallbacks,
-	// #5280: Internet Explorer will keep connections alive if we don't abort on unload
-	xhrOnUnloadAbort = window.ActiveXObject ? function() {
-		// Abort all pending requests
-		for ( var key in xhrCallbacks ) {
-			xhrCallbacks[ key ]( 0, 1 );
-		}
-	} : false,
-	xhrId = 0;
-
-// Functions to create xhrs
-function createStandardXHR() {
-	try {
-		return new window.XMLHttpRequest();
-	} catch( e ) {}
-}
-
-function createActiveXHR() {
-	try {
-		return new window.ActiveXObject( "Microsoft.XMLHTTP" );
-	} catch( e ) {}
-}
-
-// Create the request object
-// (This is still attached to ajaxSettings for backward compatibility)
-jQuery.ajaxSettings.xhr = window.ActiveXObject ?
-	/* Microsoft failed to properly
+  // Create the request object
+  // (This is still attached to ajaxSettings for backward compatibility)
+  jQuery.ajaxSettings.xhr = window.ActiveXObject
+  /* Microsoft failed to properly
 	 * implement the XMLHttpRequest in IE7 (can't request local files),
 	 * so we use the ActiveXObject when it is available
 	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
 	 * we need a fallback.
 	 */
-	function() {
-		return !this.isLocal && createStandardXHR() || createActiveXHR();
-	} :
-	// For all other browsers, use the standard XMLHttpRequest object
-	createStandardXHR;
-
-// Determine support properties
-(function( xhr ) {
-	jQuery.extend( jQuery.support, {
-		ajax: !!xhr,
-		cors: !!xhr && ( "withCredentials" in xhr )
-	});
-})( jQuery.ajaxSettings.xhr() );
-
-// Create transport if the browser can provide an xhr
-if ( jQuery.support.ajax ) {
-
-	jQuery.ajaxTransport(function( s ) {
-		// Cross domain only allowed if supported through XMLHttpRequest
-		if ( !s.crossDomain || jQuery.support.cors ) {
-
-			var callback;
-
-			return {
-				send: function( headers, complete ) {
-
-					// Get a new xhr
-					var handle, i,
-						xhr = s.xhr();
-
-					// Open the socket
-					// Passing null username, generates a login popup on Opera (#2865)
-					if ( s.username ) {
-						xhr.open( s.type, s.url, s.async, s.username, s.password );
-					} else {
-						xhr.open( s.type, s.url, s.async );
-					}
-
-					// Apply custom fields if provided
-					if ( s.xhrFields ) {
-						for ( i in s.xhrFields ) {
-							xhr[ i ] = s.xhrFields[ i ];
-						}
-					}
-
-					// Override mime type if needed
-					if ( s.mimeType && xhr.overrideMimeType ) {
-						xhr.overrideMimeType( s.mimeType );
-					}
-
-					// X-Requested-With header
-					// For cross-domain requests, seeing as conditions for a preflight are
-					// akin to a jigsaw puzzle, we simply never set it to be sure.
-					// (it can always be set on a per-request basis or even using ajaxSetup)
-					// For same-domain requests, won't change header if already provided.
-					if ( !s.crossDomain && !headers["X-Requested-With"] ) {
-						headers[ "X-Requested-With" ] = "XMLHttpRequest";
-					}
-
-					// Need an extra try/catch for cross domain requests in Firefox 3
-					try {
-						for ( i in headers ) {
-							xhr.setRequestHeader( i, headers[ i ] );
-						}
-					} catch( _ ) {}
-
-					// Do send the request
-					// This may raise an exception which is actually
-					// handled in jQuery.ajax (so no try/catch here)
-					xhr.send( ( s.hasContent && s.data ) || null );
-
-					// Listener
-					callback = function( _, isAbort ) {
-
-						var status,
-							statusText,
-							responseHeaders,
-							responses,
-							xml;
-
-						// Firefox throws exceptions when accessing properties
-						// of an xhr when a network error occurred
-						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
-						try {
-
-							// Was never called and is aborted or complete
-							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
-
-								// Only called once
-								callback = undefined;
-
-								// Do not keep as active anymore
-								if ( handle ) {
-									xhr.onreadystatechange = jQuery.noop;
-									if ( xhrOnUnloadAbort ) {
-										delete xhrCallbacks[ handle ];
-									}
-								}
-
-								// If it's an abort
-								if ( isAbort ) {
-									// Abort it manually if needed
-									if ( xhr.readyState !== 4 ) {
-										xhr.abort();
-									}
-								} else {
-									status = xhr.status;
-									responseHeaders = xhr.getAllResponseHeaders();
-									responses = {};
-									xml = xhr.responseXML;
-
-									// Construct response list
-									if ( xml && xml.documentElement /* #4958 */ ) {
-										responses.xml = xml;
-									}
-
-									// When requesting binary data, IE6-9 will throw an exception
-									// on any attempt to access responseText (#11426)
-									try {
-										responses.text = xhr.responseText;
-									} catch( _ ) {
-									}
-
-									// Firefox throws an exception when accessing
-									// statusText for faulty cross-domain requests
-									try {
-										statusText = xhr.statusText;
-									} catch( e ) {
-										// We normalize with Webkit giving an empty statusText
-										statusText = "";
-									}
-
-									// Filter status for non standard behaviors
-
-									// If the request is local and we have data: assume a success
-									// (success with no data won't get notified, that's the best we
-									// can do given current implementations)
-									if ( !status && s.isLocal && !s.crossDomain ) {
-										status = responses.text ? 200 : 404;
-									// IE - #1450: sometimes returns 1223 when it should be 204
-									} else if ( status === 1223 ) {
-										status = 204;
-									}
-								}
-							}
-						} catch( firefoxAccessException ) {
-							if ( !isAbort ) {
-								complete( -1, firefoxAccessException );
-							}
-						}
-
-						// Call complete if needed
-						if ( responses ) {
-							complete( status, statusText, responses, responseHeaders );
-						}
-					};
-
-					if ( !s.async ) {
-						// if we're in sync mode we fire the callback
-						callback();
-					} else if ( xhr.readyState === 4 ) {
-						// (IE6 & IE7) if it's in cache and has been
-						// retrieved directly we need to fire the callback
-						setTimeout( callback, 0 );
-					} else {
-						handle = ++xhrId;
-						if ( xhrOnUnloadAbort ) {
-							// Create the active xhrs callbacks list if needed
-							// and attach the unload handler
-							if ( !xhrCallbacks ) {
-								xhrCallbacks = {};
-								jQuery( window ).unload( xhrOnUnloadAbort );
-							}
-							// Add to list of active xhrs callbacks
-							xhrCallbacks[ handle ] = callback;
-						}
-						xhr.onreadystatechange = callback;
-					}
-				},
-
-				abort: function() {
-					if ( callback ) {
-						callback(0,1);
-					}
-				}
-			};
-		}
-	});
-}
-var fxNow, timerId,
-	rfxtypes = /^(?:toggle|show|hide)$/,
-	rfxnum = new RegExp( "^(?:([-+])=|)(" + core_pnum + ")([a-z%]*)$", "i" ),
-	rrun = /queueHooks$/,
-	animationPrefilters = [ defaultPrefilter ],
-	tweeners = {
-		"*": [function( prop, value ) {
-			var end, unit,
-				tween = this.createTween( prop, value ),
-				parts = rfxnum.exec( value ),
-				target = tween.cur(),
-				start = +target || 0,
-				scale = 1,
-				maxIterations = 20;
-
-			if ( parts ) {
-				end = +parts[2];
-				unit = parts[3] || ( jQuery.cssNumber[ prop ] ? "" : "px" );
-
-				// We need to compute starting value
-				if ( unit !== "px" && start ) {
-					// Iteratively approximate from a nonzero starting point
-					// Prefer the current property, because this process will be trivial if it uses the same units
-					// Fallback to end or a simple constant
-					start = jQuery.css( tween.elem, prop, true ) || end || 1;
-
-					do {
-						// If previous iteration zeroed out, double until we get *something*
-						// Use a string for doubling factor so we don't accidentally see scale as unchanged below
-						scale = scale || ".5";
-
-						// Adjust and apply
-						start = start / scale;
-						jQuery.style( tween.elem, prop, start + unit );
-
-					// Update scale, tolerating zero or NaN from tween.cur()
-					// And breaking the loop if scale is unchanged or perfect, or if we've just had enough
-					} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
-				}
-
-				tween.unit = unit;
-				tween.start = start;
-				// If a +=/-= token was provided, we're doing a relative animation
-				tween.end = parts[1] ? start + ( parts[1] + 1 ) * end : end;
-			}
-			return tween;
-		}]
-	};
-
-// Animations created synchronously will run synchronously
-function createFxNow() {
-	setTimeout(function() {
-		fxNow = undefined;
-	}, 0 );
-	return ( fxNow = jQuery.now() );
-}
-
-function createTweens( animation, props ) {
-	jQuery.each( props, function( prop, value ) {
-		var collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
-			index = 0,
-			length = collection.length;
-		for ( ; index < length; index++ ) {
-			if ( collection[ index ].call( animation, prop, value ) ) {
-
-				// we're done with this property
-				return;
-			}
-		}
-	});
-}
-
-function Animation( elem, properties, options ) {
-	var result,
-		index = 0,
-		tweenerIndex = 0,
-		length = animationPrefilters.length,
-		deferred = jQuery.Deferred().always( function() {
-			// don't match elem in the :animated selector
-			delete tick.elem;
-		}),
-		tick = function() {
-			var currentTime = fxNow || createFxNow(),
-				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
-				percent = 1 - ( remaining / animation.duration || 0 ),
-				index = 0,
-				length = animation.tweens.length;
-
-			for ( ; index < length ; index++ ) {
-				animation.tweens[ index ].run( percent );
-			}
-
-			deferred.notifyWith( elem, [ animation, percent, remaining ]);
-
-			if ( percent < 1 && length ) {
-				return remaining;
-			} else {
-				deferred.resolveWith( elem, [ animation ] );
-				return false;
-			}
-		},
-		animation = deferred.promise({
-			elem: elem,
-			props: jQuery.extend( {}, properties ),
-			opts: jQuery.extend( true, { specialEasing: {} }, options ),
-			originalProperties: properties,
-			originalOptions: options,
-			startTime: fxNow || createFxNow(),
-			duration: options.duration,
-			tweens: [],
-			createTween: function( prop, end, easing ) {
-				var tween = jQuery.Tween( elem, animation.opts, prop, end,
-						animation.opts.specialEasing[ prop ] || animation.opts.easing );
-				animation.tweens.push( tween );
-				return tween;
-			},
-			stop: function( gotoEnd ) {
-				var index = 0,
-					// if we are going to the end, we want to run all the tweens
-					// otherwise we skip this part
-					length = gotoEnd ? animation.tweens.length : 0;
-
-				for ( ; index < length ; index++ ) {
-					animation.tweens[ index ].run( 1 );
-				}
-
-				// resolve when we played the last frame
-				// otherwise, reject
-				if ( gotoEnd ) {
-					deferred.resolveWith( elem, [ animation, gotoEnd ] );
-				} else {
-					deferred.rejectWith( elem, [ animation, gotoEnd ] );
-				}
-				return this;
-			}
-		}),
-		props = animation.props;
-
-	propFilter( props, animation.opts.specialEasing );
-
-	for ( ; index < length ; index++ ) {
-		result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
-		if ( result ) {
-			return result;
-		}
-	}
-
-	createTweens( animation, props );
-
-	if ( jQuery.isFunction( animation.opts.start ) ) {
-		animation.opts.start.call( elem, animation );
-	}
-
-	jQuery.fx.timer(
-		jQuery.extend( tick, {
-			anim: animation,
-			queue: animation.opts.queue,
-			elem: elem
-		})
-	);
-
-	// attach callbacks from options
-	return animation.progress( animation.opts.progress )
-		.done( animation.opts.done, animation.opts.complete )
-		.fail( animation.opts.fail )
-		.always( animation.opts.always );
-}
-
-function propFilter( props, specialEasing ) {
-	var index, name, easing, value, hooks;
-
-	// camelCase, specialEasing and expand cssHook pass
-	for ( index in props ) {
-		name = jQuery.camelCase( index );
-		easing = specialEasing[ name ];
-		value = props[ index ];
-		if ( jQuery.isArray( value ) ) {
-			easing = value[ 1 ];
-			value = props[ index ] = value[ 0 ];
-		}
-
-		if ( index !== name ) {
-			props[ name ] = value;
-			delete props[ index ];
-		}
-
-		hooks = jQuery.cssHooks[ name ];
-		if ( hooks && "expand" in hooks ) {
-			value = hooks.expand( value );
-			delete props[ name ];
-
-			// not quite $.extend, this wont overwrite keys already present.
-			// also - reusing 'index' from above because we have the correct "name"
-			for ( index in value ) {
-				if ( !( index in props ) ) {
-					props[ index ] = value[ index ];
-					specialEasing[ index ] = easing;
-				}
-			}
-		} else {
-			specialEasing[ name ] = easing;
-		}
-	}
-}
-
-jQuery.Animation = jQuery.extend( Animation, {
-
-	tweener: function( props, callback ) {
-		if ( jQuery.isFunction( props ) ) {
-			callback = props;
-			props = [ "*" ];
-		} else {
-			props = props.split(" ");
-		}
-
-		var prop,
-			index = 0,
-			length = props.length;
-
-		for ( ; index < length ; index++ ) {
-			prop = props[ index ];
-			tweeners[ prop ] = tweeners[ prop ] || [];
-			tweeners[ prop ].unshift( callback );
-		}
-	},
-
-	prefilter: function( callback, prepend ) {
-		if ( prepend ) {
-			animationPrefilters.unshift( callback );
-		} else {
-			animationPrefilters.push( callback );
-		}
-	}
-});
-
-function defaultPrefilter( elem, props, opts ) {
-	var index, prop, value, length, dataShow, tween, hooks, oldfire,
-		anim = this,
-		style = elem.style,
-		orig = {},
-		handled = [],
-		hidden = elem.nodeType && isHidden( elem );
-
-	// handle queue: false promises
-	if ( !opts.queue ) {
-		hooks = jQuery._queueHooks( elem, "fx" );
-		if ( hooks.unqueued == null ) {
-			hooks.unqueued = 0;
-			oldfire = hooks.empty.fire;
-			hooks.empty.fire = function() {
-				if ( !hooks.unqueued ) {
-					oldfire();
-				}
-			};
-		}
-		hooks.unqueued++;
-
-		anim.always(function() {
-			// doing this makes sure that the complete handler will be called
-			// before this completes
-			anim.always(function() {
-				hooks.unqueued--;
-				if ( !jQuery.queue( elem, "fx" ).length ) {
-					hooks.empty.fire();
-				}
-			});
-		});
-	}
-
-	// height/width overflow pass
-	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
-		// Make sure that nothing sneaks out
-		// Record all 3 overflow attributes because IE does not
-		// change the overflow attribute when overflowX and
-		// overflowY are set to the same value
-		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
-
-		// Set display property to inline-block for height/width
-		// animations on inline elements that are having width/height animated
-		if ( jQuery.css( elem, "display" ) === "inline" &&
-				jQuery.css( elem, "float" ) === "none" ) {
-
-			// inline-level elements accept inline-block;
-			// block-level elements need to be inline with layout
-			if ( !jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay( elem.nodeName ) === "inline" ) {
-				style.display = "inline-block";
-
-			} else {
-				style.zoom = 1;
-			}
-		}
-	}
-
-	if ( opts.overflow ) {
-		style.overflow = "hidden";
-		if ( !jQuery.support.shrinkWrapBlocks ) {
-			anim.done(function() {
-				style.overflow = opts.overflow[ 0 ];
-				style.overflowX = opts.overflow[ 1 ];
-				style.overflowY = opts.overflow[ 2 ];
-			});
-		}
-	}
-
-
-	// show/hide pass
-	for ( index in props ) {
-		value = props[ index ];
-		if ( rfxtypes.exec( value ) ) {
-			delete props[ index ];
-			if ( value === ( hidden ? "hide" : "show" ) ) {
-				continue;
-			}
-			handled.push( index );
-		}
-	}
-
-	length = handled.length;
-	if ( length ) {
-		dataShow = jQuery._data( elem, "fxshow" ) || jQuery._data( elem, "fxshow", {} );
-		if ( hidden ) {
-			jQuery( elem ).show();
-		} else {
-			anim.done(function() {
-				jQuery( elem ).hide();
-			});
-		}
-		anim.done(function() {
-			var prop;
-			jQuery.removeData( elem, "fxshow", true );
-			for ( prop in orig ) {
-				jQuery.style( elem, prop, orig[ prop ] );
-			}
-		});
-		for ( index = 0 ; index < length ; index++ ) {
-			prop = handled[ index ];
-			tween = anim.createTween( prop, hidden ? dataShow[ prop ] : 0 );
-			orig[ prop ] = dataShow[ prop ] || jQuery.style( elem, prop );
-
-			if ( !( prop in dataShow ) ) {
-				dataShow[ prop ] = tween.start;
-				if ( hidden ) {
-					tween.end = tween.start;
-					tween.start = prop === "width" || prop === "height" ? 1 : 0;
-				}
-			}
-		}
-	}
-}
-
-function Tween( elem, options, prop, end, easing ) {
-	return new Tween.prototype.init( elem, options, prop, end, easing );
-}
-jQuery.Tween = Tween;
-
-Tween.prototype = {
-	constructor: Tween,
-	init: function( elem, options, prop, end, easing, unit ) {
-		this.elem = elem;
-		this.prop = prop;
-		this.easing = easing || "swing";
-		this.options = options;
-		this.start = this.now = this.cur();
-		this.end = end;
-		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
-	},
-	cur: function() {
-		var hooks = Tween.propHooks[ this.prop ];
-
-		return hooks && hooks.get ?
-			hooks.get( this ) :
-			Tween.propHooks._default.get( this );
-	},
-	run: function( percent ) {
-		var eased,
-			hooks = Tween.propHooks[ this.prop ];
-
-		if ( this.options.duration ) {
-			this.pos = eased = jQuery.easing[ this.easing ](
-				percent, this.options.duration * percent, 0, 1, this.options.duration
-			);
-		} else {
-			this.pos = eased = percent;
-		}
-		this.now = ( this.end - this.start ) * eased + this.start;
-
-		if ( this.options.step ) {
-			this.options.step.call( this.elem, this.now, this );
-		}
-
-		if ( hooks && hooks.set ) {
-			hooks.set( this );
-		} else {
-			Tween.propHooks._default.set( this );
-		}
-		return this;
-	}
-};
-
-Tween.prototype.init.prototype = Tween.prototype;
-
-Tween.propHooks = {
-	_default: {
-		get: function( tween ) {
-			var result;
-
-			if ( tween.elem[ tween.prop ] != null &&
-				(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
-				return tween.elem[ tween.prop ];
-			}
-
-			// passing any value as a 4th parameter to .css will automatically
-			// attempt a parseFloat and fallback to a string if the parse fails
-			// so, simple values such as "10px" are parsed to Float.
-			// complex values such as "rotate(1rad)" are returned as is.
-			result = jQuery.css( tween.elem, tween.prop, false, "" );
-			// Empty strings, null, undefined and "auto" are converted to 0.
-			return !result || result === "auto" ? 0 : result;
-		},
-		set: function( tween ) {
-			// use step hook for back compat - use cssHook if its there - use .style if its
-			// available and use plain properties where available
-			if ( jQuery.fx.step[ tween.prop ] ) {
-				jQuery.fx.step[ tween.prop ]( tween );
-			} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
-				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
-			} else {
-				tween.elem[ tween.prop ] = tween.now;
-			}
-		}
-	}
-};
-
-// Remove in 2.0 - this supports IE8's panic based approach
-// to setting things on disconnected nodes
-
-Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
-	set: function( tween ) {
-		if ( tween.elem.nodeType && tween.elem.parentNode ) {
-			tween.elem[ tween.prop ] = tween.now;
-		}
-	}
-};
-
-jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
-	var cssFn = jQuery.fn[ name ];
-	jQuery.fn[ name ] = function( speed, easing, callback ) {
-		return speed == null || typeof speed === "boolean" ||
+    ? function () {
+      return !this.isLocal && createStandardXHR() || createActiveXHR();
+    }
+  // For all other browsers, use the standard XMLHttpRequest object
+    : createStandardXHR;
+
+  // Determine support properties
+  (function (xhr) {
+    jQuery.extend(jQuery.support, {
+      ajax: !!xhr,
+      cors: !!xhr && ('withCredentials' in xhr),
+    });
+  }(jQuery.ajaxSettings.xhr()));
+
+  // Create transport if the browser can provide an xhr
+  if (jQuery.support.ajax) {
+    jQuery.ajaxTransport((s) => {
+      // Cross domain only allowed if supported through XMLHttpRequest
+      if (!s.crossDomain || jQuery.support.cors) {
+        let callback;
+
+        return {
+          send(headers, complete) {
+            // Get a new xhr
+            let handle; let i;
+            const xhr = s.xhr();
+
+            // Open the socket
+            // Passing null username, generates a login popup on Opera (#2865)
+            if (s.username) {
+              xhr.open(s.type, s.url, s.async, s.username, s.password);
+            } else {
+              xhr.open(s.type, s.url, s.async);
+            }
+
+            // Apply custom fields if provided
+            if (s.xhrFields) {
+              for (i in s.xhrFields) {
+                xhr[i] = s.xhrFields[i];
+              }
+            }
+
+            // Override mime type if needed
+            if (s.mimeType && xhr.overrideMimeType) {
+              xhr.overrideMimeType(s.mimeType);
+            }
+
+            // X-Requested-With header
+            // For cross-domain requests, seeing as conditions for a preflight are
+            // akin to a jigsaw puzzle, we simply never set it to be sure.
+            // (it can always be set on a per-request basis or even using ajaxSetup)
+            // For same-domain requests, won't change header if already provided.
+            if (!s.crossDomain && !headers['X-Requested-With']) {
+              headers['X-Requested-With'] = 'XMLHttpRequest';
+            }
+
+            // Need an extra try/catch for cross domain requests in Firefox 3
+            try {
+              for (i in headers) {
+                xhr.setRequestHeader(i, headers[i]);
+              }
+            } catch (_) {}
+
+            // Do send the request
+            // This may raise an exception which is actually
+            // handled in jQuery.ajax (so no try/catch here)
+            xhr.send((s.hasContent && s.data) || null);
+
+            // Listener
+            callback = function (_, isAbort) {
+              let status;
+              let statusText;
+              let responseHeaders;
+              let responses;
+              let xml;
+
+              // Firefox throws exceptions when accessing properties
+              // of an xhr when a network error occurred
+              // http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+              try {
+                // Was never called and is aborted or complete
+                if (callback && (isAbort || xhr.readyState === 4)) {
+                  // Only called once
+                  callback = undefined;
+
+                  // Do not keep as active anymore
+                  if (handle) {
+                    xhr.onreadystatechange = jQuery.noop;
+                    if (xhrOnUnloadAbort) {
+                      delete xhrCallbacks[handle];
+                    }
+                  }
+
+                  // If it's an abort
+                  if (isAbort) {
+                    // Abort it manually if needed
+                    if (xhr.readyState !== 4) {
+                      xhr.abort();
+                    }
+                  } else {
+                    status = xhr.status;
+                    responseHeaders = xhr.getAllResponseHeaders();
+                    responses = {};
+                    xml = xhr.responseXML;
+
+                    // Construct response list
+                    if (xml && xml.documentElement /* #4958 */) {
+                      responses.xml = xml;
+                    }
+
+                    // When requesting binary data, IE6-9 will throw an exception
+                    // on any attempt to access responseText (#11426)
+                    try {
+                      responses.text = xhr.responseText;
+                    } catch (_) {
+                    }
+
+                    // Firefox throws an exception when accessing
+                    // statusText for faulty cross-domain requests
+                    try {
+                      statusText = xhr.statusText;
+                    } catch (e) {
+                      // We normalize with Webkit giving an empty statusText
+                      statusText = '';
+                    }
+
+                    // Filter status for non standard behaviors
+
+                    // If the request is local and we have data: assume a success
+                    // (success with no data won't get notified, that's the best we
+                    // can do given current implementations)
+                    if (!status && s.isLocal && !s.crossDomain) {
+                      status = responses.text ? 200 : 404;
+                      // IE - #1450: sometimes returns 1223 when it should be 204
+                    } else if (status === 1223) {
+                      status = 204;
+                    }
+                  }
+                }
+              } catch (firefoxAccessException) {
+                if (!isAbort) {
+                  complete(-1, firefoxAccessException);
+                }
+              }
+
+              // Call complete if needed
+              if (responses) {
+                complete(status, statusText, responses, responseHeaders);
+              }
+            };
+
+            if (!s.async) {
+              // if we're in sync mode we fire the callback
+              callback();
+            } else if (xhr.readyState === 4) {
+              // (IE6 & IE7) if it's in cache and has been
+              // retrieved directly we need to fire the callback
+              setTimeout(callback, 0);
+            } else {
+              handle = ++xhrId;
+              if (xhrOnUnloadAbort) {
+                // Create the active xhrs callbacks list if needed
+                // and attach the unload handler
+                if (!xhrCallbacks) {
+                  xhrCallbacks = {};
+                  jQuery(window).unload(xhrOnUnloadAbort);
+                }
+                // Add to list of active xhrs callbacks
+                xhrCallbacks[handle] = callback;
+              }
+              xhr.onreadystatechange = callback;
+            }
+          },
+
+          abort() {
+            if (callback) {
+              callback(0, 1);
+            }
+          },
+        };
+      }
+    });
+  }
+  let fxNow; let timerId;
+  const rfxtypes = /^(?:toggle|show|hide)$/;
+  const rfxnum = new RegExp(`^(?:([-+])=|)(${core_pnum})([a-z%]*)$`, 'i');
+  const rrun = /queueHooks$/;
+  const animationPrefilters = [defaultPrefilter];
+  const tweeners = {
+    '*': [function (prop, value) {
+      let end; let unit;
+      const tween = this.createTween(prop, value);
+      const parts = rfxnum.exec(value);
+      const target = tween.cur();
+      let start = +target || 0;
+      let scale = 1;
+      let maxIterations = 20;
+
+      if (parts) {
+        end = +parts[2];
+        unit = parts[3] || (jQuery.cssNumber[prop] ? '' : 'px');
+
+        // We need to compute starting value
+        if (unit !== 'px' && start) {
+          // Iteratively approximate from a nonzero starting point
+          // Prefer the current property, because this process will be trivial if it uses the same units
+          // Fallback to end or a simple constant
+          start = jQuery.css(tween.elem, prop, true) || end || 1;
+
+          do {
+            // If previous iteration zeroed out, double until we get *something*
+            // Use a string for doubling factor so we don't accidentally see scale as unchanged below
+            scale = scale || '.5';
+
+            // Adjust and apply
+            start /= scale;
+            jQuery.style(tween.elem, prop, start + unit);
+
+            // Update scale, tolerating zero or NaN from tween.cur()
+            // And breaking the loop if scale is unchanged or perfect, or if we've just had enough
+          } while (scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations);
+        }
+
+        tween.unit = unit;
+        tween.start = start;
+        // If a +=/-= token was provided, we're doing a relative animation
+        tween.end = parts[1] ? start + (parts[1] + 1) * end : end;
+      }
+      return tween;
+    }],
+  };
+
+  // Animations created synchronously will run synchronously
+  function createFxNow() {
+    setTimeout(() => {
+      fxNow = undefined;
+    }, 0);
+    return (fxNow = jQuery.now());
+  }
+
+  function createTweens(animation, props) {
+    jQuery.each(props, (prop, value) => {
+      const collection = (tweeners[prop] || []).concat(tweeners['*']);
+      let index = 0;
+      const { length } = collection;
+      for (; index < length; index++) {
+        if (collection[index].call(animation, prop, value)) {
+          // we're done with this property
+          return;
+        }
+      }
+    });
+  }
+
+  function Animation(elem, properties, options) {
+    let result;
+    let index = 0;
+    const tweenerIndex = 0;
+    const { length } = animationPrefilters;
+    const deferred = jQuery.Deferred().always(() => {
+      // don't match elem in the :animated selector
+      delete tick.elem;
+    });
+    var tick = function () {
+      const currentTime = fxNow || createFxNow();
+      const remaining = Math.max(0, animation.startTime + animation.duration - currentTime);
+      const percent = 1 - (remaining / animation.duration || 0);
+      let index = 0;
+      const { length } = animation.tweens;
+
+      for (; index < length; index++) {
+        animation.tweens[index].run(percent);
+      }
+
+      deferred.notifyWith(elem, [animation, percent, remaining]);
+
+      if (percent < 1 && length) {
+        return remaining;
+      }
+      deferred.resolveWith(elem, [animation]);
+      return false;
+    };
+    var animation = deferred.promise({
+      elem,
+      props: jQuery.extend({}, properties),
+      opts: jQuery.extend(true, { specialEasing: {} }, options),
+      originalProperties: properties,
+      originalOptions: options,
+      startTime: fxNow || createFxNow(),
+      duration: options.duration,
+      tweens: [],
+      createTween(prop, end, easing) {
+        const tween = jQuery.Tween(elem, animation.opts, prop, end,
+          animation.opts.specialEasing[prop] || animation.opts.easing);
+        animation.tweens.push(tween);
+        return tween;
+      },
+      stop(gotoEnd) {
+        let index = 0;
+        // if we are going to the end, we want to run all the tweens
+        // otherwise we skip this part
+        const length = gotoEnd ? animation.tweens.length : 0;
+
+        for (; index < length; index++) {
+          animation.tweens[index].run(1);
+        }
+
+        // resolve when we played the last frame
+        // otherwise, reject
+        if (gotoEnd) {
+          deferred.resolveWith(elem, [animation, gotoEnd]);
+        } else {
+          deferred.rejectWith(elem, [animation, gotoEnd]);
+        }
+        return this;
+      },
+    });
+    const { props } = animation;
+
+    propFilter(props, animation.opts.specialEasing);
+
+    for (; index < length; index++) {
+      result = animationPrefilters[index].call(animation, elem, props, animation.opts);
+      if (result) {
+        return result;
+      }
+    }
+
+    createTweens(animation, props);
+
+    if (jQuery.isFunction(animation.opts.start)) {
+      animation.opts.start.call(elem, animation);
+    }
+
+    jQuery.fx.timer(
+      jQuery.extend(tick, {
+        anim: animation,
+        queue: animation.opts.queue,
+        elem,
+      }),
+    );
+
+    // attach callbacks from options
+    return animation.progress(animation.opts.progress)
+      .done(animation.opts.done, animation.opts.complete)
+      .fail(animation.opts.fail)
+      .always(animation.opts.always);
+  }
+
+  function propFilter(props, specialEasing) {
+    let index; let name; let easing; let value; let
+      hooks;
+
+    // camelCase, specialEasing and expand cssHook pass
+    for (index in props) {
+      name = jQuery.camelCase(index);
+      easing = specialEasing[name];
+      value = props[index];
+      if (jQuery.isArray(value)) {
+        easing = value[1];
+        value = props[index] = value[0];
+      }
+
+      if (index !== name) {
+        props[name] = value;
+        delete props[index];
+      }
+
+      hooks = jQuery.cssHooks[name];
+      if (hooks && 'expand' in hooks) {
+        value = hooks.expand(value);
+        delete props[name];
+
+        // not quite $.extend, this wont overwrite keys already present.
+        // also - reusing 'index' from above because we have the correct "name"
+        for (index in value) {
+          if (!(index in props)) {
+            props[index] = value[index];
+            specialEasing[index] = easing;
+          }
+        }
+      } else {
+        specialEasing[name] = easing;
+      }
+    }
+  }
+
+  jQuery.Animation = jQuery.extend(Animation, {
+
+    tweener(props, callback) {
+      if (jQuery.isFunction(props)) {
+        callback = props;
+        props = ['*'];
+      } else {
+        props = props.split(' ');
+      }
+
+      let prop;
+      let index = 0;
+      const { length } = props;
+
+      for (; index < length; index++) {
+        prop = props[index];
+        tweeners[prop] = tweeners[prop] || [];
+        tweeners[prop].unshift(callback);
+      }
+    },
+
+    prefilter(callback, prepend) {
+      if (prepend) {
+        animationPrefilters.unshift(callback);
+      } else {
+        animationPrefilters.push(callback);
+      }
+    },
+  });
+
+  function defaultPrefilter(elem, props, opts) {
+    let index; let prop; let value; let length; let dataShow; let tween; let hooks; let oldfire;
+    const anim = this;
+    const { style } = elem;
+    const orig = {};
+    const handled = [];
+    const hidden = elem.nodeType && isHidden(elem);
+
+    // handle queue: false promises
+    if (!opts.queue) {
+      hooks = jQuery._queueHooks(elem, 'fx');
+      if (hooks.unqueued == null) {
+        hooks.unqueued = 0;
+        oldfire = hooks.empty.fire;
+        hooks.empty.fire = function () {
+          if (!hooks.unqueued) {
+            oldfire();
+          }
+        };
+      }
+      hooks.unqueued++;
+
+      anim.always(() => {
+        // doing this makes sure that the complete handler will be called
+        // before this completes
+        anim.always(() => {
+          hooks.unqueued--;
+          if (!jQuery.queue(elem, 'fx').length) {
+            hooks.empty.fire();
+          }
+        });
+      });
+    }
+
+    // height/width overflow pass
+    if (elem.nodeType === 1 && ('height' in props || 'width' in props)) {
+      // Make sure that nothing sneaks out
+      // Record all 3 overflow attributes because IE does not
+      // change the overflow attribute when overflowX and
+      // overflowY are set to the same value
+      opts.overflow = [style.overflow, style.overflowX, style.overflowY];
+
+      // Set display property to inline-block for height/width
+      // animations on inline elements that are having width/height animated
+      if (jQuery.css(elem, 'display') === 'inline'
+				&& jQuery.css(elem, 'float') === 'none') {
+        // inline-level elements accept inline-block;
+        // block-level elements need to be inline with layout
+        if (!jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay(elem.nodeName) === 'inline') {
+          style.display = 'inline-block';
+        } else {
+          style.zoom = 1;
+        }
+      }
+    }
+
+    if (opts.overflow) {
+      style.overflow = 'hidden';
+      if (!jQuery.support.shrinkWrapBlocks) {
+        anim.done(() => {
+          style.overflow = opts.overflow[0];
+          style.overflowX = opts.overflow[1];
+          style.overflowY = opts.overflow[2];
+        });
+      }
+    }
+
+    // show/hide pass
+    for (index in props) {
+      value = props[index];
+      if (rfxtypes.exec(value)) {
+        delete props[index];
+        if (value === (hidden ? 'hide' : 'show')) {
+          continue;
+        }
+        handled.push(index);
+      }
+    }
+
+    length = handled.length;
+    if (length) {
+      dataShow = jQuery._data(elem, 'fxshow') || jQuery._data(elem, 'fxshow', {});
+      if (hidden) {
+        jQuery(elem).show();
+      } else {
+        anim.done(() => {
+          jQuery(elem).hide();
+        });
+      }
+      anim.done(() => {
+        let prop;
+        jQuery.removeData(elem, 'fxshow', true);
+        for (prop in orig) {
+          jQuery.style(elem, prop, orig[prop]);
+        }
+      });
+      for (index = 0; index < length; index++) {
+        prop = handled[index];
+        tween = anim.createTween(prop, hidden ? dataShow[prop] : 0);
+        orig[prop] = dataShow[prop] || jQuery.style(elem, prop);
+
+        if (!(prop in dataShow)) {
+          dataShow[prop] = tween.start;
+          if (hidden) {
+            tween.end = tween.start;
+            tween.start = prop === 'width' || prop === 'height' ? 1 : 0;
+          }
+        }
+      }
+    }
+  }
+
+  function Tween(elem, options, prop, end, easing) {
+    return new Tween.prototype.init(elem, options, prop, end, easing);
+  }
+  jQuery.Tween = Tween;
+
+  Tween.prototype = {
+    constructor: Tween,
+    init(elem, options, prop, end, easing, unit) {
+      this.elem = elem;
+      this.prop = prop;
+      this.easing = easing || 'swing';
+      this.options = options;
+      this.start = this.now = this.cur();
+      this.end = end;
+      this.unit = unit || (jQuery.cssNumber[prop] ? '' : 'px');
+    },
+    cur() {
+      const hooks = Tween.propHooks[this.prop];
+
+      return hooks && hooks.get
+        ? hooks.get(this)
+        : Tween.propHooks._default.get(this);
+    },
+    run(percent) {
+      let eased;
+      const hooks = Tween.propHooks[this.prop];
+
+      if (this.options.duration) {
+        this.pos = eased = jQuery.easing[this.easing](
+          percent, this.options.duration * percent, 0, 1, this.options.duration,
+        );
+      } else {
+        this.pos = eased = percent;
+      }
+      this.now = (this.end - this.start) * eased + this.start;
+
+      if (this.options.step) {
+        this.options.step.call(this.elem, this.now, this);
+      }
+
+      if (hooks && hooks.set) {
+        hooks.set(this);
+      } else {
+        Tween.propHooks._default.set(this);
+      }
+      return this;
+    },
+  };
+
+  Tween.prototype.init.prototype = Tween.prototype;
+
+  Tween.propHooks = {
+    _default: {
+      get(tween) {
+        let result;
+
+        if (tween.elem[tween.prop] != null
+				&& (!tween.elem.style || tween.elem.style[tween.prop] == null)) {
+          return tween.elem[tween.prop];
+        }
+
+        // passing any value as a 4th parameter to .css will automatically
+        // attempt a parseFloat and fallback to a string if the parse fails
+        // so, simple values such as "10px" are parsed to Float.
+        // complex values such as "rotate(1rad)" are returned as is.
+        result = jQuery.css(tween.elem, tween.prop, false, '');
+        // Empty strings, null, undefined and "auto" are converted to 0.
+        return !result || result === 'auto' ? 0 : result;
+      },
+      set(tween) {
+        // use step hook for back compat - use cssHook if its there - use .style if its
+        // available and use plain properties where available
+        if (jQuery.fx.step[tween.prop]) {
+          jQuery.fx.step[tween.prop](tween);
+        } else if (tween.elem.style && (tween.elem.style[jQuery.cssProps[tween.prop]] != null || jQuery.cssHooks[tween.prop])) {
+          jQuery.style(tween.elem, tween.prop, tween.now + tween.unit);
+        } else {
+          tween.elem[tween.prop] = tween.now;
+        }
+      },
+    },
+  };
+
+  // Remove in 2.0 - this supports IE8's panic based approach
+  // to setting things on disconnected nodes
+
+  Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+    set(tween) {
+      if (tween.elem.nodeType && tween.elem.parentNode) {
+        tween.elem[tween.prop] = tween.now;
+      }
+    },
+  };
+
+  jQuery.each(['toggle', 'show', 'hide'], (i, name) => {
+    const cssFn = jQuery.fn[name];
+    jQuery.fn[name] = function (speed, easing, callback) {
+      return speed == null || typeof speed === 'boolean'
 			// special check for .toggle( handler, handler, ... )
-			( !i && jQuery.isFunction( speed ) && jQuery.isFunction( easing ) ) ?
-			cssFn.apply( this, arguments ) :
-			this.animate( genFx( name, true ), speed, easing, callback );
-	};
-});
-
-jQuery.fn.extend({
-	fadeTo: function( speed, to, easing, callback ) {
-
-		// show any hidden elements after setting opacity to 0
-		return this.filter( isHidden ).css( "opacity", 0 ).show()
-
-			// animate to the value specified
-			.end().animate({ opacity: to }, speed, easing, callback );
-	},
-	animate: function( prop, speed, easing, callback ) {
-		var empty = jQuery.isEmptyObject( prop ),
-			optall = jQuery.speed( speed, easing, callback ),
-			doAnimation = function() {
-				// Operate on a copy of prop so per-property easing won't be lost
-				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
-
-				// Empty animations resolve immediately
-				if ( empty ) {
-					anim.stop( true );
-				}
-			};
-
-		return empty || optall.queue === false ?
-			this.each( doAnimation ) :
-			this.queue( optall.queue, doAnimation );
-	},
-	stop: function( type, clearQueue, gotoEnd ) {
-		var stopQueue = function( hooks ) {
-			var stop = hooks.stop;
-			delete hooks.stop;
-			stop( gotoEnd );
-		};
-
-		if ( typeof type !== "string" ) {
-			gotoEnd = clearQueue;
-			clearQueue = type;
-			type = undefined;
-		}
-		if ( clearQueue && type !== false ) {
-			this.queue( type || "fx", [] );
-		}
-
-		return this.each(function() {
-			var dequeue = true,
-				index = type != null && type + "queueHooks",
-				timers = jQuery.timers,
-				data = jQuery._data( this );
-
-			if ( index ) {
-				if ( data[ index ] && data[ index ].stop ) {
-					stopQueue( data[ index ] );
-				}
-			} else {
-				for ( index in data ) {
-					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
-						stopQueue( data[ index ] );
-					}
-				}
-			}
-
-			for ( index = timers.length; index--; ) {
-				if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
-					timers[ index ].anim.stop( gotoEnd );
-					dequeue = false;
-					timers.splice( index, 1 );
-				}
-			}
-
-			// start the next in the queue if the last step wasn't forced
-			// timers currently will call their complete callbacks, which will dequeue
-			// but only if they were gotoEnd
-			if ( dequeue || !gotoEnd ) {
-				jQuery.dequeue( this, type );
-			}
-		});
-	}
-});
-
-// Generate parameters to create a standard animation
-function genFx( type, includeWidth ) {
-	var which,
-		attrs = { height: type },
-		i = 0;
-
-	// if we include width, step value is 1 to do all cssExpand values,
-	// if we don't include width, step value is 2 to skip over Left and Right
-	includeWidth = includeWidth? 1 : 0;
-	for( ; i < 4 ; i += 2 - includeWidth ) {
-		which = cssExpand[ i ];
-		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
-	}
-
-	if ( includeWidth ) {
-		attrs.opacity = attrs.width = type;
-	}
-
-	return attrs;
-}
-
-// Generate shortcuts for custom animations
-jQuery.each({
-	slideDown: genFx("show"),
-	slideUp: genFx("hide"),
-	slideToggle: genFx("toggle"),
-	fadeIn: { opacity: "show" },
-	fadeOut: { opacity: "hide" },
-	fadeToggle: { opacity: "toggle" }
-}, function( name, props ) {
-	jQuery.fn[ name ] = function( speed, easing, callback ) {
-		return this.animate( props, speed, easing, callback );
-	};
-});
-
-jQuery.speed = function( speed, easing, fn ) {
-	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
-		complete: fn || !fn && easing ||
-			jQuery.isFunction( speed ) && speed,
-		duration: speed,
-		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
-	};
-
-	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
-		opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
-
-	// normalize opt.queue - true/undefined/null -> "fx"
-	if ( opt.queue == null || opt.queue === true ) {
-		opt.queue = "fx";
-	}
-
-	// Queueing
-	opt.old = opt.complete;
-
-	opt.complete = function() {
-		if ( jQuery.isFunction( opt.old ) ) {
-			opt.old.call( this );
-		}
-
-		if ( opt.queue ) {
-			jQuery.dequeue( this, opt.queue );
-		}
-	};
-
-	return opt;
-};
-
-jQuery.easing = {
-	linear: function( p ) {
-		return p;
-	},
-	swing: function( p ) {
-		return 0.5 - Math.cos( p*Math.PI ) / 2;
-	}
-};
-
-jQuery.timers = [];
-jQuery.fx = Tween.prototype.init;
-jQuery.fx.tick = function() {
-	var timer,
-		timers = jQuery.timers,
-		i = 0;
-
-	for ( ; i < timers.length; i++ ) {
-		timer = timers[ i ];
-		// Checks the timer has not already been removed
-		if ( !timer() && timers[ i ] === timer ) {
-			timers.splice( i--, 1 );
-		}
-	}
-
-	if ( !timers.length ) {
-		jQuery.fx.stop();
-	}
-};
-
-jQuery.fx.timer = function( timer ) {
-	if ( timer() && jQuery.timers.push( timer ) && !timerId ) {
-		timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
-	}
-};
-
-jQuery.fx.interval = 13;
-
-jQuery.fx.stop = function() {
-	clearInterval( timerId );
-	timerId = null;
-};
-
-jQuery.fx.speeds = {
-	slow: 600,
-	fast: 200,
-	// Default speed
-	_default: 400
-};
-
-// Back Compat <1.8 extension point
-jQuery.fx.step = {};
-
-if ( jQuery.expr && jQuery.expr.filters ) {
-	jQuery.expr.filters.animated = function( elem ) {
-		return jQuery.grep(jQuery.timers, function( fn ) {
-			return elem === fn.elem;
-		}).length;
-	};
-}
-var rroot = /^(?:body|html)$/i;
-
-jQuery.fn.offset = function( options ) {
-	if ( arguments.length ) {
-		return options === undefined ?
-			this :
-			this.each(function( i ) {
-				jQuery.offset.setOffset( this, options, i );
-			});
-	}
-
-	var docElem, body, win, clientTop, clientLeft, scrollTop, scrollLeft,
-		box = { top: 0, left: 0 },
-		elem = this[ 0 ],
-		doc = elem && elem.ownerDocument;
-
-	if ( !doc ) {
-		return;
-	}
-
-	if ( (body = doc.body) === elem ) {
-		return jQuery.offset.bodyOffset( elem );
-	}
-
-	docElem = doc.documentElement;
-
-	// Make sure it's not a disconnected DOM node
-	if ( !jQuery.contains( docElem, elem ) ) {
-		return box;
-	}
-
-	// If we don't have gBCR, just use 0,0 rather than error
-	// BlackBerry 5, iOS 3 (original iPhone)
-	if ( typeof elem.getBoundingClientRect !== "undefined" ) {
-		box = elem.getBoundingClientRect();
-	}
-	win = getWindow( doc );
-	clientTop  = docElem.clientTop  || body.clientTop  || 0;
-	clientLeft = docElem.clientLeft || body.clientLeft || 0;
-	scrollTop  = win.pageYOffset || docElem.scrollTop;
-	scrollLeft = win.pageXOffset || docElem.scrollLeft;
-	return {
-		top: box.top  + scrollTop  - clientTop,
-		left: box.left + scrollLeft - clientLeft
-	};
-};
-
-jQuery.offset = {
-
-	bodyOffset: function( body ) {
-		var top = body.offsetTop,
-			left = body.offsetLeft;
-
-		if ( jQuery.support.doesNotIncludeMarginInBodyOffset ) {
-			top  += parseFloat( jQuery.css(body, "marginTop") ) || 0;
-			left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
-		}
-
-		return { top: top, left: left };
-	},
-
-	setOffset: function( elem, options, i ) {
-		var position = jQuery.css( elem, "position" );
-
-		// set position first, in-case top/left are set even on static elem
-		if ( position === "static" ) {
-			elem.style.position = "relative";
-		}
-
-		var curElem = jQuery( elem ),
-			curOffset = curElem.offset(),
-			curCSSTop = jQuery.css( elem, "top" ),
-			curCSSLeft = jQuery.css( elem, "left" ),
-			calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
-			props = {}, curPosition = {}, curTop, curLeft;
-
-		// need to be able to calculate position if either top or left is auto and position is either absolute or fixed
-		if ( calculatePosition ) {
-			curPosition = curElem.position();
-			curTop = curPosition.top;
-			curLeft = curPosition.left;
-		} else {
-			curTop = parseFloat( curCSSTop ) || 0;
-			curLeft = parseFloat( curCSSLeft ) || 0;
-		}
-
-		if ( jQuery.isFunction( options ) ) {
-			options = options.call( elem, i, curOffset );
-		}
-
-		if ( options.top != null ) {
-			props.top = ( options.top - curOffset.top ) + curTop;
-		}
-		if ( options.left != null ) {
-			props.left = ( options.left - curOffset.left ) + curLeft;
-		}
-
-		if ( "using" in options ) {
-			options.using.call( elem, props );
-		} else {
-			curElem.css( props );
-		}
-	}
-};
-
-
-jQuery.fn.extend({
-
-	position: function() {
-		if ( !this[0] ) {
-			return;
-		}
-
-		var elem = this[0],
-
-		// Get *real* offsetParent
-		offsetParent = this.offsetParent(),
-
-		// Get correct offsets
-		offset       = this.offset(),
-		parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
-
-		// Subtract element margins
-		// note: when an element has margin: auto the offsetLeft and marginLeft
-		// are the same in Safari causing offset.left to incorrectly be 0
-		offset.top  -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
-		offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
-
-		// Add offsetParent borders
-		parentOffset.top  += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
-		parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
-
-		// Subtract the two offsets
-		return {
-			top:  offset.top  - parentOffset.top,
-			left: offset.left - parentOffset.left
-		};
-	},
-
-	offsetParent: function() {
-		return this.map(function() {
-			var offsetParent = this.offsetParent || document.body;
-			while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
-				offsetParent = offsetParent.offsetParent;
-			}
-			return offsetParent || document.body;
-		});
-	}
-});
-
-
-// Create scrollLeft and scrollTop methods
-jQuery.each( {scrollLeft: "pageXOffset", scrollTop: "pageYOffset"}, function( method, prop ) {
-	var top = /Y/.test( prop );
-
-	jQuery.fn[ method ] = function( val ) {
-		return jQuery.access( this, function( elem, method, val ) {
-			var win = getWindow( elem );
-
-			if ( val === undefined ) {
-				return win ? (prop in win) ? win[ prop ] :
-					win.document.documentElement[ method ] :
-					elem[ method ];
-			}
-
-			if ( win ) {
-				win.scrollTo(
-					!top ? val : jQuery( win ).scrollLeft(),
-					 top ? val : jQuery( win ).scrollTop()
-				);
-
-			} else {
-				elem[ method ] = val;
-			}
-		}, method, val, arguments.length, null );
-	};
-});
-
-function getWindow( elem ) {
-	return jQuery.isWindow( elem ) ?
-		elem :
-		elem.nodeType === 9 ?
-			elem.defaultView || elem.parentWindow :
-			false;
-}
-// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
-jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
-	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
-		// margin is only for outerHeight, outerWidth
-		jQuery.fn[ funcName ] = function( margin, value ) {
-			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
-				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
-
-			return jQuery.access( this, function( elem, type, value ) {
-				var doc;
-
-				if ( jQuery.isWindow( elem ) ) {
-					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
-					// isn't a whole lot we can do. See pull request at this URL for discussion:
-					// https://github.com/jquery/jquery/pull/764
-					return elem.document.documentElement[ "client" + name ];
-				}
-
-				// Get document width or height
-				if ( elem.nodeType === 9 ) {
-					doc = elem.documentElement;
-
-					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
-					// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
-					return Math.max(
-						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
-						elem.body[ "offset" + name ], doc[ "offset" + name ],
-						doc[ "client" + name ]
-					);
-				}
-
-				return value === undefined ?
-					// Get width or height on the element, requesting but not forcing parseFloat
-					jQuery.css( elem, type, value, extra ) :
-
-					// Set width or height on the element
-					jQuery.style( elem, type, value, extra );
-			}, type, chainable ? margin : undefined, chainable, null );
-		};
-	});
-});
-// Expose jQuery to the global object
-window.jQuery = window.$ = jQuery;
-
-// Expose jQuery as an AMD module, but only for AMD loaders that
-// understand the issues with loading multiple versions of jQuery
-// in a page that all might call define(). The loader will indicate
-// they have special allowances for multiple jQuery versions by
-// specifying define.amd.jQuery = true. Register as a named module,
-// since jQuery can be concatenated with other files that may use define,
-// but not use a proper concatenation script that understands anonymous
-// AMD modules. A named AMD is safest and most robust way to register.
-// Lowercase jquery is used because AMD module names are derived from
-// file names, and jQuery is normally delivered in a lowercase file name.
-// Do this after creating the global so that if an AMD module wants to call
-// noConflict to hide this version of jQuery, it will work.
-if ( typeof define === "function" && define.amd && define.amd.jQuery ) {
-	define( "jquery", [], function () { return jQuery; } );
-}
-
-})( window );
+			|| (!i && jQuery.isFunction(speed) && jQuery.isFunction(easing))
+        ? cssFn.apply(this, arguments)
+        : this.animate(genFx(name, true), speed, easing, callback);
+    };
+  });
+
+  jQuery.fn.extend({
+    fadeTo(speed, to, easing, callback) {
+      // show any hidden elements after setting opacity to 0
+      return this.filter(isHidden).css('opacity', 0).show()
+
+      // animate to the value specified
+        .end()
+        .animate({ opacity: to }, speed, easing, callback);
+    },
+    animate(prop, speed, easing, callback) {
+      const empty = jQuery.isEmptyObject(prop);
+      const optall = jQuery.speed(speed, easing, callback);
+      const doAnimation = function () {
+        // Operate on a copy of prop so per-property easing won't be lost
+        const anim = Animation(this, jQuery.extend({}, prop), optall);
+
+        // Empty animations resolve immediately
+        if (empty) {
+          anim.stop(true);
+        }
+      };
+
+      return empty || optall.queue === false
+        ? this.each(doAnimation)
+        : this.queue(optall.queue, doAnimation);
+    },
+    stop(type, clearQueue, gotoEnd) {
+      const stopQueue = function (hooks) {
+        const { stop } = hooks;
+        delete hooks.stop;
+        stop(gotoEnd);
+      };
+
+      if (typeof type !== 'string') {
+        gotoEnd = clearQueue;
+        clearQueue = type;
+        type = undefined;
+      }
+      if (clearQueue && type !== false) {
+        this.queue(type || 'fx', []);
+      }
+
+      return this.each(function () {
+        let dequeue = true;
+        let index = type != null && `${type}queueHooks`;
+        const { timers } = jQuery;
+        const data = jQuery._data(this);
+
+        if (index) {
+          if (data[index] && data[index].stop) {
+            stopQueue(data[index]);
+          }
+        } else {
+          for (index in data) {
+            if (data[index] && data[index].stop && rrun.test(index)) {
+              stopQueue(data[index]);
+            }
+          }
+        }
+
+        for (index = timers.length; index--;) {
+          if (timers[index].elem === this && (type == null || timers[index].queue === type)) {
+            timers[index].anim.stop(gotoEnd);
+            dequeue = false;
+            timers.splice(index, 1);
+          }
+        }
+
+        // start the next in the queue if the last step wasn't forced
+        // timers currently will call their complete callbacks, which will dequeue
+        // but only if they were gotoEnd
+        if (dequeue || !gotoEnd) {
+          jQuery.dequeue(this, type);
+        }
+      });
+    },
+  });
+
+  // Generate parameters to create a standard animation
+  function genFx(type, includeWidth) {
+    let which;
+    const attrs = { height: type };
+    let i = 0;
+
+    // if we include width, step value is 1 to do all cssExpand values,
+    // if we don't include width, step value is 2 to skip over Left and Right
+    includeWidth = includeWidth ? 1 : 0;
+    for (; i < 4; i += 2 - includeWidth) {
+      which = cssExpand[i];
+      attrs[`margin${which}`] = attrs[`padding${which}`] = type;
+    }
+
+    if (includeWidth) {
+      attrs.opacity = attrs.width = type;
+    }
+
+    return attrs;
+  }
+
+  // Generate shortcuts for custom animations
+  jQuery.each({
+    slideDown: genFx('show'),
+    slideUp: genFx('hide'),
+    slideToggle: genFx('toggle'),
+    fadeIn: { opacity: 'show' },
+    fadeOut: { opacity: 'hide' },
+    fadeToggle: { opacity: 'toggle' },
+  }, (name, props) => {
+    jQuery.fn[name] = function (speed, easing, callback) {
+      return this.animate(props, speed, easing, callback);
+    };
+  });
+
+  jQuery.speed = function (speed, easing, fn) {
+    const opt = speed && typeof speed === 'object' ? jQuery.extend({}, speed) : {
+      complete: fn || !fn && easing
+			|| jQuery.isFunction(speed) && speed,
+      duration: speed,
+      easing: fn && easing || easing && !jQuery.isFunction(easing) && easing,
+    };
+
+    opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === 'number' ? opt.duration
+      : opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[opt.duration] : jQuery.fx.speeds._default;
+
+    // normalize opt.queue - true/undefined/null -> "fx"
+    if (opt.queue == null || opt.queue === true) {
+      opt.queue = 'fx';
+    }
+
+    // Queueing
+    opt.old = opt.complete;
+
+    opt.complete = function () {
+      if (jQuery.isFunction(opt.old)) {
+        opt.old.call(this);
+      }
+
+      if (opt.queue) {
+        jQuery.dequeue(this, opt.queue);
+      }
+    };
+
+    return opt;
+  };
+
+  jQuery.easing = {
+    linear(p) {
+      return p;
+    },
+    swing(p) {
+      return 0.5 - Math.cos(p * Math.PI) / 2;
+    },
+  };
+
+  jQuery.timers = [];
+  jQuery.fx = Tween.prototype.init;
+  jQuery.fx.tick = function () {
+    let timer;
+    const { timers } = jQuery;
+    let i = 0;
+
+    for (; i < timers.length; i++) {
+      timer = timers[i];
+      // Checks the timer has not already been removed
+      if (!timer() && timers[i] === timer) {
+        timers.splice(i--, 1);
+      }
+    }
+
+    if (!timers.length) {
+      jQuery.fx.stop();
+    }
+  };
+
+  jQuery.fx.timer = function (timer) {
+    if (timer() && jQuery.timers.push(timer) && !timerId) {
+      timerId = setInterval(jQuery.fx.tick, jQuery.fx.interval);
+    }
+  };
+
+  jQuery.fx.interval = 13;
+
+  jQuery.fx.stop = function () {
+    clearInterval(timerId);
+    timerId = null;
+  };
+
+  jQuery.fx.speeds = {
+    slow: 600,
+    fast: 200,
+    // Default speed
+    _default: 400,
+  };
+
+  // Back Compat <1.8 extension point
+  jQuery.fx.step = {};
+
+  if (jQuery.expr && jQuery.expr.filters) {
+    jQuery.expr.filters.animated = function (elem) {
+      return jQuery.grep(jQuery.timers, (fn) => elem === fn.elem).length;
+    };
+  }
+  const rroot = /^(?:body|html)$/i;
+
+  jQuery.fn.offset = function (options) {
+    if (arguments.length) {
+      return options === undefined
+        ? this
+        : this.each(function (i) {
+          jQuery.offset.setOffset(this, options, i);
+        });
+    }
+
+    let docElem; let body; let win; let clientTop; let clientLeft; let scrollTop; let scrollLeft;
+    let box = { top: 0, left: 0 };
+    const elem = this[0];
+    const doc = elem && elem.ownerDocument;
+
+    if (!doc) {
+      return;
+    }
+
+    if ((body = doc.body) === elem) {
+      return jQuery.offset.bodyOffset(elem);
+    }
+
+    docElem = doc.documentElement;
+
+    // Make sure it's not a disconnected DOM node
+    if (!jQuery.contains(docElem, elem)) {
+      return box;
+    }
+
+    // If we don't have gBCR, just use 0,0 rather than error
+    // BlackBerry 5, iOS 3 (original iPhone)
+    if (typeof elem.getBoundingClientRect !== 'undefined') {
+      box = elem.getBoundingClientRect();
+    }
+    win = getWindow(doc);
+    clientTop = docElem.clientTop || body.clientTop || 0;
+    clientLeft = docElem.clientLeft || body.clientLeft || 0;
+    scrollTop = win.pageYOffset || docElem.scrollTop;
+    scrollLeft = win.pageXOffset || docElem.scrollLeft;
+    return {
+      top: box.top + scrollTop - clientTop,
+      left: box.left + scrollLeft - clientLeft,
+    };
+  };
+
+  jQuery.offset = {
+
+    bodyOffset(body) {
+      let top = body.offsetTop;
+      let left = body.offsetLeft;
+
+      if (jQuery.support.doesNotIncludeMarginInBodyOffset) {
+        top += parseFloat(jQuery.css(body, 'marginTop')) || 0;
+        left += parseFloat(jQuery.css(body, 'marginLeft')) || 0;
+      }
+
+      return { top, left };
+    },
+
+    setOffset(elem, options, i) {
+      const position = jQuery.css(elem, 'position');
+
+      // set position first, in-case top/left are set even on static elem
+      if (position === 'static') {
+        elem.style.position = 'relative';
+      }
+
+      const curElem = jQuery(elem);
+      const curOffset = curElem.offset();
+      const curCSSTop = jQuery.css(elem, 'top');
+      const curCSSLeft = jQuery.css(elem, 'left');
+      const calculatePosition = (position === 'absolute' || position === 'fixed') && jQuery.inArray('auto', [curCSSTop, curCSSLeft]) > -1;
+      const props = {}; let curPosition = {}; let curTop; let
+        curLeft;
+
+      // need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+      if (calculatePosition) {
+        curPosition = curElem.position();
+        curTop = curPosition.top;
+        curLeft = curPosition.left;
+      } else {
+        curTop = parseFloat(curCSSTop) || 0;
+        curLeft = parseFloat(curCSSLeft) || 0;
+      }
+
+      if (jQuery.isFunction(options)) {
+        options = options.call(elem, i, curOffset);
+      }
+
+      if (options.top != null) {
+        props.top = (options.top - curOffset.top) + curTop;
+      }
+      if (options.left != null) {
+        props.left = (options.left - curOffset.left) + curLeft;
+      }
+
+      if ('using' in options) {
+        options.using.call(elem, props);
+      } else {
+        curElem.css(props);
+      }
+    },
+  };
+
+  jQuery.fn.extend({
+
+    position() {
+      if (!this[0]) {
+        return;
+      }
+
+      const elem = this[0];
+
+      // Get *real* offsetParent
+      const offsetParent = this.offsetParent();
+
+      // Get correct offsets
+      const offset = this.offset();
+      const parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
+
+      // Subtract element margins
+      // note: when an element has margin: auto the offsetLeft and marginLeft
+      // are the same in Safari causing offset.left to incorrectly be 0
+      offset.top -= parseFloat(jQuery.css(elem, 'marginTop')) || 0;
+      offset.left -= parseFloat(jQuery.css(elem, 'marginLeft')) || 0;
+
+      // Add offsetParent borders
+      parentOffset.top += parseFloat(jQuery.css(offsetParent[0], 'borderTopWidth')) || 0;
+      parentOffset.left += parseFloat(jQuery.css(offsetParent[0], 'borderLeftWidth')) || 0;
+
+      // Subtract the two offsets
+      return {
+        top: offset.top - parentOffset.top,
+        left: offset.left - parentOffset.left,
+      };
+    },
+
+    offsetParent() {
+      return this.map(function () {
+        let offsetParent = this.offsetParent || document.body;
+        while (offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, 'position') === 'static')) {
+          offsetParent = offsetParent.offsetParent;
+        }
+        return offsetParent || document.body;
+      });
+    },
+  });
+
+  // Create scrollLeft and scrollTop methods
+  jQuery.each({ scrollLeft: 'pageXOffset', scrollTop: 'pageYOffset' }, (method, prop) => {
+    const top = /Y/.test(prop);
+
+    jQuery.fn[method] = function (val) {
+      return jQuery.access(this, (elem, method, val) => {
+        const win = getWindow(elem);
+
+        if (val === undefined) {
+          return win ? (prop in win) ? win[prop]
+            : win.document.documentElement[method]
+            : elem[method];
+        }
+
+        if (win) {
+          win.scrollTo(
+            !top ? val : jQuery(win).scrollLeft(),
+					 top ? val : jQuery(win).scrollTop(),
+          );
+        } else {
+          elem[method] = val;
+        }
+      }, method, val, arguments.length, null);
+    };
+  });
+
+  function getWindow(elem) {
+    return jQuery.isWindow(elem)
+      ? elem
+      : elem.nodeType === 9
+        ? elem.defaultView || elem.parentWindow
+        : false;
+  }
+  // Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+  jQuery.each({ Height: 'height', Width: 'width' }, (name, type) => {
+    jQuery.each({ padding: `inner${name}`, content: type, '': `outer${name}` }, (defaultExtra, funcName) => {
+      // margin is only for outerHeight, outerWidth
+      jQuery.fn[funcName] = function (margin, value) {
+        const chainable = arguments.length && (defaultExtra || typeof margin !== 'boolean');
+        const extra = defaultExtra || (margin === true || value === true ? 'margin' : 'border');
+
+        return jQuery.access(this, (elem, type, value) => {
+          let doc;
+
+          if (jQuery.isWindow(elem)) {
+            // As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+            // isn't a whole lot we can do. See pull request at this URL for discussion:
+            // https://github.com/jquery/jquery/pull/764
+            return elem.document.documentElement[`client${name}`];
+          }
+
+          // Get document width or height
+          if (elem.nodeType === 9) {
+            doc = elem.documentElement;
+
+            // Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
+            // unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
+            return Math.max(
+              elem.body[`scroll${name}`], doc[`scroll${name}`],
+              elem.body[`offset${name}`], doc[`offset${name}`],
+              doc[`client${name}`],
+            );
+          }
+
+          return value === undefined
+          // Get width or height on the element, requesting but not forcing parseFloat
+            ? jQuery.css(elem, type, value, extra)
+
+          // Set width or height on the element
+            : jQuery.style(elem, type, value, extra);
+        }, type, chainable ? margin : undefined, chainable, null);
+      };
+    });
+  });
+  // Expose jQuery to the global object
+  window.jQuery = window.$ = jQuery;
+
+  // Expose jQuery as an AMD module, but only for AMD loaders that
+  // understand the issues with loading multiple versions of jQuery
+  // in a page that all might call define(). The loader will indicate
+  // they have special allowances for multiple jQuery versions by
+  // specifying define.amd.jQuery = true. Register as a named module,
+  // since jQuery can be concatenated with other files that may use define,
+  // but not use a proper concatenation script that understands anonymous
+  // AMD modules. A named AMD is safest and most robust way to register.
+  // Lowercase jquery is used because AMD module names are derived from
+  // file names, and jQuery is normally delivered in a lowercase file name.
+  // Do this after creating the global so that if an AMD module wants to call
+  // noConflict to hide this version of jQuery, it will work.
+  if (typeof define === 'function' && define.amd && define.amd.jQuery) {
+    define('jquery', [], () => jQuery);
+  }
+}(window));
diff --git a/packages/mindplot/test/unit/simpleTest.js b/packages/mindplot/test/unit/simpleTest.js
index 790ea363..62427632 100644
--- a/packages/mindplot/test/unit/simpleTest.js
+++ b/packages/mindplot/test/unit/simpleTest.js
@@ -1,19 +1,18 @@
-TestCase("Mindplot test",{
-    setUp:function(){
-        /*:DOC += 
       */
-        var mapId = '1';
-        var mapXml = '';
-        var editorProperties = {"zoom":0.7};
-        var isTryMode = false;
+TestCase('Mindplot test', {
+  setUp() {
+    /*: DOC += 
       */
+    const mapId = '1';
+    const mapXml = '';
+    const editorProperties = { zoom: 0.7 };
+    const isTryMode = false;
 
-        afterMindpotLibraryLoading = function()
-        {
-            buildMindmapDesigner();
+    afterMindpotLibraryLoading = function () {
+      buildMindmapDesigner();
 
-            // Register Events ...
-//            document.id(document).addEvent('keydown', designer.keyEventHandler.bindWithEvent(designer));
+      // Register Events ...
+      //            document.id(document).addEvent('keydown', designer.keyEventHandler.bindWithEvent(designer));
 
-            /*// Autosave ...
+      /* // Autosave ...
             if (!isTryMode)
             {
                 var autosave = function() {
@@ -36,93 +35,109 @@ TestCase("Mindplot test",{
                         designer.save(null, false)
                     }
                 }
-            }*/
+            } */
+    };
 
-        };
+    var buildMindmapDesigner = function () {
+      // Initialize message logger ...
+      const container = document.id('mindplot');
 
-        var buildMindmapDesigner = function()
-        {
+      // Initialize Editor ...
 
-            // Initialize message logger ...
-            var container = document.id('mindplot');
+      const screenWidth = window.getWidth();
+      let screenHeight = window.getHeight();
 
-            // Initialize Editor ...
+      // Positionate node ...
+      // header - footer
+      screenHeight = screenHeight - 90 - 61;
 
-            var screenWidth = window.getWidth();
-            var screenHeight = window.getHeight();
+      // body margin ...
+      editorProperties.width = screenWidth;
+      editorProperties.height = screenHeight;
 
-            // Positionate node ...
-            // header - footer
-            screenHeight = screenHeight - 90 - 61;
+      designer = new mindplot.Designer(editorProperties, container);
+      designer.loadFromXML(mapId, mapXml);
 
-            // body margin ...
-            editorProperties.width = screenWidth;
-            editorProperties.height = screenHeight;
-
-            designer = new mindplot.Designer(editorProperties, container);
-            designer.loadFromXML(mapId, mapXml);
-
-
-            /*// Save map on load ....
+      /* // Save map on load ....
             if (editorProperties.saveOnLoad)
             {
                 var saveOnLoad = function() {
                     designer.save(function() {
                     }, false);
                 }.delay(1000)
-            }*/
-
-        }
-        afterMindpotLibraryLoading();
-    },
-    testWorkspaceBuild:function(){
-        assertNotNull(document.id('workspace'));
-    },
-    testCentralTopicPresent:function(){
-        var centralTopic = designer.getCentralTopic();
-        assertNotNull(centralTopic);
-        var position = centralTopic.getPosition();
-        assertEquals(0,position.x);
-        assertEquals(0,position.y);
-    },
-    testMouseCreateMainTopic:function(){
-        var centralTopic = designer.getCentralTopic();
-        assertNotNull(centralTopic);
-        var target = designer.getWorkSpace().getScreenManager().getContainer();
-        var size = designer.getModel().getTopics().length;
-        fireNativeEvent('dblclick',target,new core.Point(50,50));
-        assertEquals(size+1, designer.getModel().getTopics().length);
-    }
-
+            } */
+    };
+    afterMindpotLibraryLoading();
+  },
+  testWorkspaceBuild() {
+    assertNotNull(document.id('workspace'));
+  },
+  testCentralTopicPresent() {
+    const centralTopic = designer.getCentralTopic();
+    assertNotNull(centralTopic);
+    const position = centralTopic.getPosition();
+    assertEquals(0, position.x);
+    assertEquals(0, position.y);
+  },
+  testMouseCreateMainTopic() {
+    const centralTopic = designer.getCentralTopic();
+    assertNotNull(centralTopic);
+    const target = designer.getWorkSpace().getScreenManager().getContainer();
+    const size = designer.getModel().getTopics().length;
+    fireNativeEvent('dblclick', target, new web2d.Point(50, 50));
+    assertEquals(size + 1, designer.getModel().getTopics().length);
+  },
 });
 
-var fireNativeEvent = function(type, target, position){
-    var event;
-    if(Browser.ie){
-        event = document.createEventObject();
-        event.screenX = position.x;
-        event.screenY = position.y;
-        target.dispatchEvent(event);
-    }else{
-        var eventFamily;
-        if(type == "click" || type == "mousedown" || type == "mousemove" || type == "mouseout" || type == "mouseover" ||
-                type == "mouseup" || type == "dblclick")
-            eventFamily = "MouseEvents";
-        else if(type == "keydown" || type == "keypress" || type == "keyup" || type=="DOMActivate" || type == "DOMFocusIn" ||
-                type == "DOMFocusOut")
-            eventFamily = "UIEvents";
-        else if(type == "abort" || type == "blur" || type == "change" || type == "error" || type == "focus" || type == "load"
-                || type == "reset" || type == "resize" || type == "scroll" || type == "select" || type == "submit" || type == "unload")
-            eventFamily = "HTMLEvents";
-        else if(type == "DOMAttrModified"  || type == "DOMNodeInserted" || type == "DOMNodeRemoved"
-                || type == "DOMCharacterDataModified" || type == "DOMNodeInsertedIntoDocument"  || type == "DOMNodeRemovedFromDocument"
-                || type == "DOMSubtreeModified")
-            eventFamily = "MutationEvents";
-        else
-            eventFamily = "Events";
-        event = document.createEvent(eventFamily);
-        event.initEvent(type,true,false, target, 0, position.x, position.y);
-        target.fireEvent(type, event);
-    }
-    return event;
+var fireNativeEvent = function (type, target, position) {
+  let event;
+  if (Browser.ie) {
+    event = document.createEventObject();
+    event.screenX = position.x;
+    event.screenY = position.y;
+    target.dispatchEvent(event);
+  } else {
+    let eventFamily;
+    if (
+      type == 'click'
+            || type == 'mousedown'
+            || type == 'mousemove'
+            || type == 'mouseout'
+            || type == 'mouseover'
+            || type == 'mouseup'
+            || type == 'dblclick'
+    ) { eventFamily = 'MouseEvents'; } else if (
+      type == 'keydown'
+            || type == 'keypress'
+            || type == 'keyup'
+            || type == 'DOMActivate'
+            || type == 'DOMFocusIn'
+            || type == 'DOMFocusOut'
+    ) { eventFamily = 'UIEvents'; } else if (
+      type == 'abort'
+            || type == 'blur'
+            || type == 'change'
+            || type == 'error'
+            || type == 'focus'
+            || type == 'load'
+            || type == 'reset'
+            || type == 'resize'
+            || type == 'scroll'
+            || type == 'select'
+            || type == 'submit'
+            || type == 'unload'
+    ) { eventFamily = 'HTMLEvents'; } else if (
+      type == 'DOMAttrModified'
+            || type == 'DOMNodeInserted'
+            || type == 'DOMNodeRemoved'
+            || type == 'DOMCharacterDataModified'
+            || type == 'DOMNodeInsertedIntoDocument'
+            || type == 'DOMNodeRemovedFromDocument'
+            || type == 'DOMSubtreeModified'
+    ) { eventFamily = 'MutationEvents'; } else eventFamily = 'Events';
+    event = document.createEvent(eventFamily);
+    event.initEvent(type, true, false, target, 0, position.x, position.y);
+    target.fireEvent(type, event);
+  }
+  return event;
 };
diff --git a/packages/mindplot/webpack.common.js b/packages/mindplot/webpack.common.js
index 26d0dd45..6bc15598 100644
--- a/packages/mindplot/webpack.common.js
+++ b/packages/mindplot/webpack.common.js
@@ -3,24 +3,42 @@ const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 
 /** @type {import('webpack').Configuration} */
 module.exports = {
-    entry: './lib/mindplot',
-    output: {
-        path: path.resolve(__dirname, 'dist'),
-        filename: '[name].js',
-        publicPath: '',
+  entry: './src/mindplot',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].js',
+    publicPath: '',
+    library: {
+      type: 'umd',
     },
-    module: {
-        rules: [
-            {
-                use: ['babel-loader', 'eslint-loader'],
-                test: /.js$/,
-                exclude: /node_modules/,
-            }
+  },
+  module: {
+    rules: [
+      {
+        use: ['babel-loader', 'eslint-loader'],
+        test: /.(js$)/,
+        exclude: [
+          /node_modules/,
+          path.resolve(__dirname, '../../libraries/mootools-core-1.4.5'),
+          path.resolve(__dirname, '../../libraries/underscore-min'),
         ],
+      },
+    ],
+  },
+  target: 'web',
+  resolve: {
+    alias: {
+      '@libraries': path.resolve(__dirname, '../../libraries/'),
+      '@commands': path.resolve(__dirname, './src/components/commands/'),
+      '@layout': path.resolve(__dirname, './src/components/layout/'),
+      '@libs': path.resolve(__dirname, './src/components/libraries/'),
+      '@model': path.resolve(__dirname, './src/components/model'),
+      '@persistence': path.resolve(__dirname, './src/components/persistence/'),
+      '@util': path.resolve(__dirname, './src/components/util/'),
+      '@widget': path.resolve(__dirname, './src/components/widget/'),
+      '@components': path.resolve(__dirname, './src/components/'),
     },
-    target: 'web',
-    resolve: {
-        extensions: ['.js', '.json'],
-    },
-    plugins: [new CleanWebpackPlugin()],
+    extensions: ['.js', '.json'],
+  },
+  plugins: [new CleanWebpackPlugin()],
 };
diff --git a/packages/mindplot/webpack.dev.js b/packages/mindplot/webpack.dev.js
index ab8a522b..6ae8c22f 100644
--- a/packages/mindplot/webpack.dev.js
+++ b/packages/mindplot/webpack.dev.js
@@ -4,14 +4,14 @@ const common = require('./webpack.common');
 
 /** @type {import('webpack').Configuration} */
 const devConfig = {
-    mode: 'development',
-    devServer: {
-        historyApiFallback: true,
-        port: 8080,
-        open: true,
-    },
-    plugins: [new HotModuleReplacementPlugin()],
-    devtool: 'eval-source-map',
+  mode: 'development',
+  devServer: {
+    historyApiFallback: true,
+    port: 8080,
+    open: true,
+  },
+  plugins: [new HotModuleReplacementPlugin()],
+  devtool: 'eval-source-map',
 };
 
 module.exports = merge(common, devConfig);
diff --git a/packages/mindplot/webpack.playground.js b/packages/mindplot/webpack.playground.js
index 423adb80..83b99c8f 100644
--- a/packages/mindplot/webpack.playground.js
+++ b/packages/mindplot/webpack.playground.js
@@ -1,17 +1,24 @@
 const path = require('path');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyPlugin = require('copy-webpack-plugin');
 
 /** @type {import('webpack').Configuration} */
 module.exports = {
   entry: {
-    layout: path.resolve(__dirname, './test/playground/context-loader'),
+    layout: path.resolve(__dirname, './test/playground/layout/context-loader'),
+    'map-render': path.resolve(__dirname, './test/playground/map-render/js/editor'),
   },
   output: {
     path: path.resolve(__dirname, 'dist', 'test'),
     filename: '[name].test.js',
     publicPath: '',
   },
+  devServer: {
+    historyApiFallback: true,
+    port: 8081,
+    open: false,
+  },
   mode: 'production',
   optimization: {
     splitChunks: {
@@ -25,22 +32,49 @@ module.exports = {
       {
         use: 'babel-loader',
         test: /.js$/,
-        exclude: /node_modules/,
+        exclude: [
+          /node_modules/,
+          path.resolve(__dirname, '../../libraries/mootools-core-1.4.5'),
+          path.resolve(__dirname, '../../libraries/underscore-min'),
+        ],
       },
     ],
   },
   resolve: {
+    alias: {
+      '@libraries': path.resolve(__dirname, '../../libraries/'),
+      '@commands': path.resolve(__dirname, './src/components/commands/'),
+      '@layout': path.resolve(__dirname, './src/components/layout/'),
+      '@libs': path.resolve(__dirname, './src/components/libraries/'),
+      '@model': path.resolve(__dirname, './src/components/model'),
+      '@persistence': path.resolve(__dirname, './src/components/persistence/'),
+      '@util': path.resolve(__dirname, './src/components/util/'),
+      '@widget': path.resolve(__dirname, './src/components/widget/'),
+      '@components': path.resolve(__dirname, './src/components/'),
+    },
     extensions: ['.js', '.json'],
   },
   plugins: [
     new CleanWebpackPlugin(),
-    new HtmlWebpackPlugin({
-      template: 'test/playground/index.html',
+    new CopyPlugin({
+      patterns: [
+        { from: 'test/playground/map-render/images/favicon.ico', to: 'favicon.ico' },
+        { from: 'test/playground/map-render/images', to: 'images' },
+        { from: 'test/playground/map-render/icons', to: 'icons' },
+        { from: 'test/playground/map-render/css', to: 'css' },
+        { from: 'test/playground/map-render/samples', to: 'samples' },
+        { from: 'test/playground/index.html', to: 'index.html' },
+      ],
     }),
     new HtmlWebpackPlugin({
       chunks: ['layout'],
-      filename: 'layout',
-      template: 'test/playground/layout.html',
+      filename: 'layout.html',
+      template: 'test/playground/layout/index.html',
+    }),
+    new HtmlWebpackPlugin({
+      chunks: ['map-render'],
+      filename: 'viewmode.html',
+      template: 'test/playground/map-render/html/viewmode.html',
     }),
   ],
 };
diff --git a/packages/mindplot/webpack.prod.js b/packages/mindplot/webpack.prod.js
index 129a93b3..f8ec68bc 100644
--- a/packages/mindplot/webpack.prod.js
+++ b/packages/mindplot/webpack.prod.js
@@ -3,14 +3,14 @@ const common = require('./webpack.common');
 
 /** @type {import('webpack').Configuration} */
 const prodConfig = {
-    mode: 'production',
-    devtool: 'source-map',
-    optimization: {
-        splitChunks: {
-            chunks: 'all',
-            minSize: 2000000,
-        },
+  mode: 'production',
+  devtool: 'source-map',
+  optimization: {
+    splitChunks: {
+      chunks: 'all',
+      minSize: 2000000,
     },
+  },
 };
 
 module.exports = merge(common, prodConfig);
diff --git a/packages/web2d/.eslintignore b/packages/web2d/.eslintignore
new file mode 100644
index 00000000..0872bf90
--- /dev/null
+++ b/packages/web2d/.eslintignore
@@ -0,0 +1,4 @@
+test/
+dist/
+node_modules/
+__tests__/
diff --git a/packages/web2d/.eslintrc.json b/packages/web2d/.eslintrc.json
index d3f40660..09cddf80 100644
--- a/packages/web2d/.eslintrc.json
+++ b/packages/web2d/.eslintrc.json
@@ -4,14 +4,28 @@
         "commonjs": true
     },
     "extends": [
-        "airbnb-base"
-    ],
-    "plugins": [
-        "only-warn"
+        "airbnb-base",
+        "plugin:cypress/recommended"
     ],
+    "globals":{
+        "Class": "readonly",
+        "$": "readonly"
+    },
     "rules": {
         "no-underscore-dangle": "off",
         "no-restricted-syntax": "off",
-        "max-len": [1,250]
-    }
-}
\ No newline at end of file
+        "no-plusplus": "off",
+        "max-len": [1,250],
+        "import/no-extraneous-dependencies": ["warn", {
+            "packageDir": ["./"],
+            "devDependencies": ["!cypress/**/*.js"]
+        }]
+    },
+    "settings": {
+		    "import/resolver": {
+			    "webpack": {
+				    "config": "./webpack.common.js"
+			    }
+		    }
+	  } 
+}
diff --git a/packages/web2d/.gitignore b/packages/web2d/.gitignore
index e69de29b..c96f2fe9 100644
--- a/packages/web2d/.gitignore
+++ b/packages/web2d/.gitignore
@@ -0,0 +1,4 @@
+cypress/screenshots
+cypress/videos
+cypress/downloads
+cypress/snapshots/*/__diff_output__
\ No newline at end of file
diff --git a/packages/web2d/README.md b/packages/web2d/README.md
index 51fcde85..86067d43 100644
--- a/packages/web2d/README.md
+++ b/packages/web2d/README.md
@@ -38,6 +38,6 @@ once this is done, it will open the explorer where you can see a menu with the t
 To start using web2d it has to be required as a module and then intanciarce as a function
 
 ```
-const Web2d = require('web2d');
+import Web2d from 'web2d';
 Web2d();
 ```
diff --git a/packages/web2d/__tests__/web2d.test.js b/packages/web2d/__tests__/web2d.test.js
index 672f5fee..a2b73b66 100644
--- a/packages/web2d/__tests__/web2d.test.js
+++ b/packages/web2d/__tests__/web2d.test.js
@@ -1,7 +1,5 @@
-'use strict';
-
-const web2D = require('..');
+import web2D from '..';
 
 describe('web2d', () => {
-    it('needs tests');
+  it('needs tests');
 });
diff --git a/packages/web2d/babel.config.json b/packages/web2d/babel.config.json
index eb768e59..61d50e9e 100644
--- a/packages/web2d/babel.config.json
+++ b/packages/web2d/babel.config.json
@@ -14,6 +14,6 @@
             }
         ]
     ],
-    "plugins": ["@babel/plugin-transform-modules-commonjs"]
-
+    "plugins": ["@babel/plugin-transform-modules-commonjs"],
+    "sourceType": "unambiguous"
 }
diff --git a/packages/web2d/cypress.json b/packages/web2d/cypress.json
new file mode 100644
index 00000000..091c5f0f
--- /dev/null
+++ b/packages/web2d/cypress.json
@@ -0,0 +1,4 @@
+{
+    "video": false,
+    "videoUploadOnPasses": false
+}
\ No newline at end of file
diff --git a/packages/web2d/cypress/integration/playground.test.js b/packages/web2d/cypress/integration/playground.test.js
new file mode 100644
index 00000000..28023ea4
--- /dev/null
+++ b/packages/web2d/cypress/integration/playground.test.js
@@ -0,0 +1,12 @@
+const BASE_URL = 'http://localhost:8080';
+
+context('Playground', () => {
+  it('every test page should match its snapshot', () => {
+    cy.visit(BASE_URL);
+    cy.get('a').each(($el) => {
+      const url = `${BASE_URL}${$el.attr('href')}`;
+      cy.visit(url);
+      cy.matchImageSnapshot($el.text());
+    });
+  });
+});
diff --git a/packages/web2d/cypress/plugins/index.js b/packages/web2d/cypress/plugins/index.js
new file mode 100644
index 00000000..8a0fa140
--- /dev/null
+++ b/packages/web2d/cypress/plugins/index.js
@@ -0,0 +1,24 @@
+/// 
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+const { addMatchImageSnapshotPlugin } = require('cypress-image-snapshot/plugin');
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+  addMatchImageSnapshotPlugin(on, config);
+};
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Arrow.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Arrow.snap.png
new file mode 100644
index 00000000..42c80b93
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Arrow.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Curved Line.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Curved Line.snap.png
new file mode 100644
index 00000000..ce657b57
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Curved Line.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Events.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Events.snap.png
new file mode 100644
index 00000000..a01deab0
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Events.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Font.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Font.snap.png
new file mode 100644
index 00000000..edfb4b52
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Font.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Group.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Group.snap.png
new file mode 100644
index 00000000..8d46bf58
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Group.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Line.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Line.snap.png
new file mode 100644
index 00000000..de688fe2
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Line.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Poly Line.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Poly Line.snap.png
new file mode 100644
index 00000000..63d6484b
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Poly Line.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Prototype.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Prototype.snap.png
new file mode 100644
index 00000000..6790ed76
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Prototype.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Rect.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Rect.snap.png
new file mode 100644
index 00000000..74b51ef6
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Rect.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Shapes.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Shapes.snap.png
new file mode 100644
index 00000000..1d318836
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Shapes.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Text.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Text.snap.png
new file mode 100644
index 00000000..c315658f
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Text.snap.png differ
diff --git a/packages/web2d/cypress/snapshots/playground.test.js/Workspace.snap.png b/packages/web2d/cypress/snapshots/playground.test.js/Workspace.snap.png
new file mode 100644
index 00000000..32b6b8dc
Binary files /dev/null and b/packages/web2d/cypress/snapshots/playground.test.js/Workspace.snap.png differ
diff --git a/packages/web2d/cypress/support/commands.js b/packages/web2d/cypress/support/commands.js
new file mode 100644
index 00000000..4f9b69b0
--- /dev/null
+++ b/packages/web2d/cypress/support/commands.js
@@ -0,0 +1,29 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+
+import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command';
+
+addMatchImageSnapshotCommand();
diff --git a/packages/web2d/cypress/support/index.js b/packages/web2d/cypress/support/index.js
new file mode 100644
index 00000000..37a498fb
--- /dev/null
+++ b/packages/web2d/cypress/support/index.js
@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands';
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
diff --git a/packages/web2d/jsconfig.json b/packages/web2d/jsconfig.json
new file mode 100644
index 00000000..5c72f5ae
--- /dev/null
+++ b/packages/web2d/jsconfig.json
@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "module": "commonjs",
+    "paths": {
+      "@libraries/*": ["../../libraries/*"],
+      "@svg/*": ["./src/components/peer/svg/*"],
+      "@utils/*": ["./src/components/peer/utils/*"],
+      "@components/*": ["./src/components/*"]
+    }
+  },
+  "exclude": ["node_modules"]
+}
diff --git a/packages/web2d/lib/components/Issues.txt b/packages/web2d/lib/components/Issues.txt
deleted file mode 100644
index eca6fc76..00000000
--- a/packages/web2d/lib/components/Issues.txt
+++ /dev/null
@@ -1,17 +0,0 @@
-- El Logger se come el procesador en Firefox. En el ejemplo del group.html si pones un logger que haga print de
-algo periodico se cuelga el Firefox.
-- Seria bueno que el tookit se inicialice bajo demanda, sin la necesidad de hacerlo por el usuario.
-- Workspace setStroke fixiar los styles.
-- Implementar setArrowStyle de svg en caso de ser necesario. 
-
-* Las funciones deben soportar el pasar objetos.?
-
-- Delete isolated Node, throws an exception.
-
-Test:
-
-* Remove children.
-* opacity,visibility
-
-
-
diff --git a/packages/web2d/lib/components/peer/utils/TransformUtils.js b/packages/web2d/lib/components/peer/utils/TransformUtils.js
deleted file mode 100644
index b49ca0fa..00000000
--- a/packages/web2d/lib/components/peer/utils/TransformUtils.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
-*    Copyright [2015] [wisemapping]
-*
-*   Licensed under WiseMapping Public License, Version 1.0 (the "License").
-*   It is basically the Apache License, Version 2.0 (the "License") plus the
-*   "powered by wisemapping" text requirement on every single page;
-*   you may not use this file except in compliance with the License.
-*   You may obtain a copy of the license at
-*
-*       http://www.wisemapping.org/license
-*
-*   Unless required by applicable law or agreed to in writing, software
-*   distributed under the License is distributed on an "AS IS" BASIS,
-*   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-*   See the License for the specific language governing permissions and
-*   limitations under the License.
-*/
-
-const TransformUtil = {
-
-    workoutScale: function(elementPeer) //eslint-disable-line
-  {
-    let current = elementPeer.getParent();
-    let width = 1;
-    let height = 1;
-    while (current) {
-      const coordSize = current.getCoordSize();
-      const size = current.getSize();
-
-      width *= (parseInt(size.width,10) / coordSize.width);
-      height *= (parseInt(size.height,10) / coordSize.height);
-      current = current.getParent();
-    }
-    return { width, height };
-  },
-};
-
-export default TransformUtil;
diff --git a/packages/web2d/lib/web2d.js b/packages/web2d/lib/web2d.js
deleted file mode 100644
index 7d9accaf..00000000
--- a/packages/web2d/lib/web2d.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/* eslint-disable global-require */
-function web2D() {
-  global.$ = require('jquery');
-  require('mootools');
-  const coreJs = require('@wismapping/core-js');
-  global.core = coreJs();
-
-  const elementPeer = require('./components/peer/svg/ElementPeer').default;
-  const element = require('./components/Element').default;
-  const workspace = require('./components/Workspace').default;
-  const workspacePeer = require('./components/peer/svg/WorkspacePeer').default;
-  const toolkit = require('./components/Toolkit').default;
-  const elipse = require('./components/Elipse').default;
-  const elipsePeer = require('./components/peer/svg/ElipsePeer').default;
-  const linePeer = require('./components/peer/svg/LinePeer').default;
-  const line = require('./components/Line').default;
-  const polyLine = require('./components/PolyLine').default;
-  const curvedLine = require('./components/CurvedLine').default;
-  const arrow = require('./components/Arrow').default;
-  const polyLinePeer = require('./components/peer/svg/PolyLinePeer').default;
-  const curvedLinePeer = require('./components/peer/svg/CurvedLinePeer').default;
-  const arrowPeer = require('./components/peer/svg/ArrowPeer').default;
-  const groupPeer = require('./components/peer/svg/GroupPeer').default;
-  const group = require('./components/Group').default;
-  const rect = require('./components/Rect').default;
-  const rectPeer = require('./components/peer/svg/RectPeer').default;
-  const text = require('./components/Text').default;
-  const textPeer = require('./components/peer/svg/TextPeer').default;
-  const transformUtils = require('./components/peer/utils/TransformUtils').default;
-  const eventUtils = require('./components/peer/utils/EventUtils').default;
-  const font = require('./components/Font').default;
-  const fontPeer = require('./components/peer/svg/Font').default;
-  const tahomaFont = require('./components/peer/svg/TahomaFont').default;
-  const timesFont = require('./components/peer/svg/TimesFont').default;
-  const arialFont = require('./components/peer/svg/ArialFont').default;
-  const verdanaFont = require('./components/peer/svg/VerdanaFont').default;
-  const point = require('./components/Point').default;
-
-  const web2d = {
-    ElementPeer: elementPeer,
-    Element: element,
-    Workspace: workspace,
-    WorkspacePeer: workspacePeer,
-    Toolkit: toolkit,
-    Elipse: elipse,
-    ElipsePeer: elipsePeer,
-    LinePeer: linePeer,
-    Line: line,
-    PolyLine: polyLine,
-    CurvedLine: curvedLine,
-    Arrow: arrow,
-    PolyLinePeer: polyLinePeer,
-    CurvedLinePeer: curvedLinePeer,
-    ArrowPeer: arrowPeer,
-    GroupPeer: groupPeer,
-    Group: group,
-    Rect: rect,
-    RectPeer: rectPeer,
-    Text: text,
-    TextPeer: textPeer,
-    TransformUtils: transformUtils,
-    EventUtils: eventUtils,
-    Font: font,
-    FontPeer: fontPeer,
-    TahomaFont: tahomaFont,
-    TimesFont: timesFont,
-    ArialFont: arialFont,
-    VerdanaFont: verdanaFont,
-    Point: point,
-  };
-
-  return web2d;
-}
-
-module.exports = web2D;
diff --git a/packages/web2d/package.json b/packages/web2d/package.json
index 027318aa..fc6a7eda 100644
--- a/packages/web2d/package.json
+++ b/packages/web2d/package.json
@@ -1,16 +1,16 @@
 {
-    "name": "@wismapping/web2d",
+    "name": "@wisemapping/web2d",
     "version": "0.0.1",
     "description": "web2d",
     "homepage": "http://localhost:8080/react/packages/web2d",
     "license": "ISC",
-    "main": "lib/web2d.js",
+    "main": "dist/main.js",
     "directories": {
-        "lib": "lib",
+        "src": "src",
         "test": "__tests__"
     },
     "files": [
-        "lib"
+        "src"
     ],
     "publishConfig": {
         "registry": "https://registry.yarnpkg.com"
@@ -22,7 +22,12 @@
     "scripts": {
         "dev": "webpack --config webpack.dev.js",
         "build": "webpack --config webpack.prod.js",
-        "playground": "webpack serve --config webpack.playground.js"
+        "lint": "eslint src",
+        "playground": "webpack serve --config webpack.playground.js",
+        "cy:run": "cypress run",
+        "cy:run:update": "cypress run --env updateSnapshots=true",
+        "test:snapshots": "start-server-and-test playground http-get://localhost:8080 cy:run",
+        "test:snapshots:update": "start-server-and-test playground http-get://localhost:8080 cy:run:update"
     },
     "devDependencies": {
         "@babel/core": "^7.14.6",
@@ -31,23 +36,24 @@
         "babel-loader": "^8.2.2",
         "clean-webpack-plugin": "^4.0.0-alpha.0",
         "core-js": "^3.15.2",
+        "cypress": "^8.4.1",
+        "cypress-image-snapshot": "^4.0.1",
         "eslint": "^5.16.0",
         "eslint-config-airbnb-base": "^14.2.1",
         "eslint-config-standard": "^16.0.3",
+        "eslint-import-resolver-webpack": "^0.13.2",
         "eslint-loader": "^4.0.2",
-        "eslint-plugin-import": "^2.24.2",
-        "eslint-plugin-only-warn": "^1.0.3",
+        "eslint-plugin-cypress": "^2.12.1",
+        "eslint-plugin-import": "^2.25.3",
         "html-webpack-plugin": "^5.3.2",
         "nodemon": "^2.0.12",
+        "start-server-and-test": "^1.14.0",
         "webpack": "^5.44.0",
         "webpack-cli": "^4.7.2",
         "webpack-dev-server": "^3.11.2",
         "webpack-merge": "^5.8.0"
     },
     "dependencies": {
-        "@wisemapping/mindplot": "^0.0.1",
-        "@wismapping/core-js": "^0.0.1",
-        "jquery": "2.1.0",
-        "mootools": "1.4.5"
+        "@wisemapping/core-js": "^0.0.1"
     }
-}
+}
\ No newline at end of file
diff --git a/packages/web2d/lib/components/Arrow.js b/packages/web2d/src/components/Arrow.js
similarity index 94%
rename from packages/web2d/lib/components/Arrow.js
rename to packages/web2d/src/components/Arrow.js
index 964183c8..194a8961 100644
--- a/packages/web2d/lib/components/Arrow.js
+++ b/packages/web2d/src/components/Arrow.js
@@ -16,8 +16,8 @@
  *   limitations under the License.
  *
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit').default;
+import Element from './Element';
+import Toolkit from './Toolkit';
 
 const Arrow = new Class({
   Extends: Element,
@@ -29,11 +29,13 @@ const Arrow = new Class({
       strokeStyle: 'solid',
       strokeOpacity: 1,
     };
+
     for (const key in attributes) {
       if (Object.prototype.hasOwnProperty.call(attributes, key)) {
         defaultAttributes[key] = attributes[key];
       }
     }
+
     this.parent(peer, defaultAttributes);
   },
 
diff --git a/packages/web2d/lib/components/CurvedLine.js b/packages/web2d/src/components/CurvedLine.js
similarity index 84%
rename from packages/web2d/lib/components/CurvedLine.js
rename to packages/web2d/src/components/CurvedLine.js
index 4f41f737..80c0c289 100644
--- a/packages/web2d/lib/components/CurvedLine.js
+++ b/packages/web2d/src/components/CurvedLine.js
@@ -15,16 +15,23 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit').default;
+import coreJs from '@wisemapping/core-js';
+import Element from './Element';
+import Toolkit from './Toolkit';
+
+const core = coreJs();
 
 const CurvedLine = new Class({
   Extends: Element,
   initialize(attributes) {
     const peer = Toolkit.createCurvedLine();
     const defaultAttributes = {
-      strokeColor: 'blue', strokeWidth: 1, strokeStyle: 'solid', strokeOpacity: 1,
+      strokeColor: 'blue',
+      strokeWidth: 1,
+      strokeStyle: 'solid',
+      strokeOpacity: 1,
     };
+
     for (const key in attributes) {
       if (Object.prototype.hasOwnProperty.call(attributes, key)) {
         defaultAttributes[key] = attributes[key];
@@ -38,15 +45,15 @@ const CurvedLine = new Class({
   },
 
   setFrom(x, y) {
-    $assert(!Number.isNaN(x), 'x must be defined');
-    $assert(!Number.isNaN(y), 'y must be defined');
+    core.Function.$assert(!Number.isNaN(x), 'x must be defined');
+    core.Function.$assert(!Number.isNaN(y), 'y must be defined');
 
     this.peer.setFrom(x, y);
   },
 
   setTo(x, y) {
-    $assert(!Number.isNaN(x), 'x must be defined');
-    $assert(!Number.isNaN(y), 'y must be defined');
+    core.Function.$assert(!Number.isNaN(x), 'x must be defined');
+    core.Function.$assert(!Number.isNaN(y), 'y must be defined');
 
     this.peer.setTo(x, y);
   },
diff --git a/packages/web2d/lib/components/Element.js b/packages/web2d/src/components/Element.js
similarity index 88%
rename from packages/web2d/lib/components/Element.js
rename to packages/web2d/src/components/Element.js
index d60acac2..70aba7e0 100644
--- a/packages/web2d/lib/components/Element.js
+++ b/packages/web2d/src/components/Element.js
@@ -15,15 +15,18 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
+import CoreJS from '@wisemapping/core-js';
 
-const Element = new Class({ // eslint-disable-line no-undef
+const core = CoreJS();
+
+const Element = new Class({
   initialize(peer, attributes) {
     this.peer = peer;
     if (peer == null) {
       throw new Error('Element peer can not be null');
     }
 
-    if ($defined(attributes)) {
+    if (core.Function.$defined(attributes)) {
       this._initialize(attributes);
     }
   },
@@ -34,11 +37,9 @@ const Element = new Class({ // eslint-disable-line no-undef
     // Collect arguments ...
     for (const key in attributes) {
       if (Object.prototype.hasOwnProperty.call(attributes, key)) {
-
         const funcName = this._attributeNameToFuncName(key, 'set');
         let funcArgs = batchExecute[funcName];
-
-        if (!$defined(funcArgs)) {
+        if (!core.Function.$defined(funcArgs)) {
           funcArgs = [];
         }
 
@@ -51,20 +52,17 @@ const Element = new Class({ // eslint-disable-line no-undef
           funcArgs = attributes[key].split(' ');
         }
         batchExecute[funcName] = funcArgs;
-
       }
     }
 
     // Call functions ...
+    // eslint-disable-next-line guard-for-in
     for (const key in batchExecute) {
-      if (Object.prototype.hasOwnProperty.call(batchExecute, key)) {
-
-        const func = this[key];
-        if (!$defined(func)) {
-          throw new Error(`Could not find function: ${key}`);
-        }
-        func.apply(this, batchExecute[key]);
+      const func = this[key];
+      if (!core.Function.$defined(func)) {
+        throw new Error(`Could not find function: ${key}`);
       }
+      func.apply(this, batchExecute[key]);
     }
   },
 
@@ -81,8 +79,9 @@ const Element = new Class({ // eslint-disable-line no-undef
      * type
      *     A string representing the event type to listen for.
      * listener
-     *     The object that receives a notification when an event of the specified type occurs. This must be an object
-     * implementing the EventListener interface, or simply a function in JavaScript.
+     *     The object that receives a notification when an event of the
+     * specified type occurs. This must be an object implementing the
+     * EventListener interface, or simply a function in JavaScript.
      *
      * The following events types are supported:
      *
@@ -106,8 +105,10 @@ const Element = new Class({ // eslint-disable-line no-undef
      * type
      *    A string representing the event type being registered.
      * listener
-     *     The listener parameter takes an interface implemented by the user which contains the methods to be called when the event occurs.
-     *     This interace will be invoked passing an event as argument and the 'this' referece in the function will be the element.
+     *     The listener parameter takes an interface implemented by
+     * the user which contains the methods to be called when the event occurs.
+     *     This interace will be invoked passing an event as argument and
+     * the 'this' referece in the function will be the element.
      */
   removeEvent(type, listener) {
     this.peer.removeEvent(type, listener);
@@ -156,7 +157,7 @@ const Element = new Class({ // eslint-disable-line no-undef
      */
   setStroke(width, style, color, opacity) {
     if (
-      style !== null
+      style != null
       && style !== undefined
       && style !== 'dash'
       && style !== 'dot'
@@ -171,7 +172,7 @@ const Element = new Class({ // eslint-disable-line no-undef
 
   _attributeNameToFuncName(attributeKey, prefix) {
     const signature = Element._propertyNameToSignature[attributeKey];
-    if (!$defined(signature)) {
+    if (!core.Function.$defined(signature)) {
       throw new Error(`Unsupported attribute: ${attributeKey}`);
     }
 
@@ -180,12 +181,14 @@ const Element = new Class({ // eslint-disable-line no-undef
   },
 
   /**
-     * All element properties can be setted using either a method invocation or attribute invocation.
-     *  key: size, width, height, position, x, y, stroke, strokeWidth, strokeStyle, strokeColor, strokeOpacity,
-     *       fill, fillColor, fillOpacity, coordSize, coordSizeWidth, coordSizeHeight, coordOrigin, coordOriginX, coordOrigiY
+     * All element properties can be setted using either a method
+     *  invocation or attribute invocation.
+     *  key: size, width, height, position, x, y, stroke, strokeWidth, strokeStyle,
+     * strokeColor, strokeOpacity,
+     *       fill, fillColor, fillOpacity, coordSize, coordSizeWidth, coordSizeHeight,
+     * coordOrigin, coordOriginX, coordOrigiY
      */
   setAttribute(key, value) {
-
     const funcName = this._attributeNameToFuncName(key, 'set');
 
     const signature = Element._propertyNameToSignature[key];
@@ -198,8 +201,6 @@ const Element = new Class({ // eslint-disable-line no-undef
     let args = [];
     if (argPositions !== this._SIGNATURE_MULTIPLE_ARGUMENTS) {
       args[argPositions] = value;
-    } else if (Array.isArray(value)) {
-      args = value;
     } else {
       const strValue = String(value);
       args = strValue.split(' ');
@@ -228,12 +229,12 @@ const Element = new Class({ // eslint-disable-line no-undef
 
     const getterResult = getter.apply(this, []);
     const attibuteName = signature[2];
-    if (!$defined(attibuteName)) {
+    if (!core.Function.$defined(attibuteName)) {
       throw new Error(`Could not find attribute mapping for:${key}`);
     }
 
     const result = getterResult[attibuteName];
-    if (!$defined(result)) {
+    if (!core.Function.$defined(result)) {
       throw new Error(`Could not find attribute with name:${attibuteName}`);
     }
 
diff --git a/packages/web2d/lib/components/Elipse.js b/packages/web2d/src/components/Elipse.js
similarity index 87%
rename from packages/web2d/lib/components/Elipse.js
rename to packages/web2d/src/components/Elipse.js
index be60085b..99794ea2 100644
--- a/packages/web2d/lib/components/Elipse.js
+++ b/packages/web2d/src/components/Elipse.js
@@ -15,15 +15,20 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit').default;
+import Element from './Element';
+import Toolkit from './Toolkit';
 
 const Elipse = new Class({
   Extends: Element,
   initialize(attributes) {
     const peer = Toolkit.createElipse();
     const defaultAttributes = {
-      width: 40, height: 40, x: 5, y: 5, stroke: '1 solid black', fillColor: 'blue',
+      width: 40,
+      height: 40,
+      x: 5,
+      y: 5,
+      stroke: '1 solid black',
+      fillColor: 'blue',
     };
     for (const key in attributes) {
       if (Object.prototype.hasOwnProperty.call(attributes, key)) {
diff --git a/packages/web2d/lib/components/Font.js b/packages/web2d/src/components/Font.js
similarity index 86%
rename from packages/web2d/lib/components/Font.js
rename to packages/web2d/src/components/Font.js
index 0ec3b291..29eb5198 100644
--- a/packages/web2d/lib/components/Font.js
+++ b/packages/web2d/src/components/Font.js
@@ -15,11 +15,15 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const TransformUtil = require('./peer/utils/TransformUtils').default;
+import Toolkit from './Toolkit';
+import TransformUtil from './peer/utils/TransformUtils';
 
 const Font = new Class({
   initialize(fontFamily, textPeer) {
-    const font = `Toolkit.default.create${fontFamily}Font();`;
+    // eslint-disable-next-line no-unused-vars
+    const tools = Toolkit; // Used as of the defined object.
+    const font = `tools.create${fontFamily}Font();`;
+    // eslint-disable-next-line no-eval
     this.peer = eval(font);
     this._textPeer = textPeer;
   },
diff --git a/packages/web2d/lib/components/Group.js b/packages/web2d/src/components/Group.js
similarity index 83%
rename from packages/web2d/lib/components/Group.js
rename to packages/web2d/src/components/Group.js
index 70c2f5ab..1304b431 100644
--- a/packages/web2d/lib/components/Group.js
+++ b/packages/web2d/src/components/Group.js
@@ -15,8 +15,11 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit').default;
+import coreJs from '@wisemapping/core-js';
+import Element from './Element';
+import Toolkit from './Toolkit';
+
+const core = coreJs();
 
 /**
  * A group object can be used to collect shapes.
@@ -26,7 +29,12 @@ const Group = new Class({
   initialize(attributes) {
     const peer = Toolkit.createGroup();
     const defaultAttributes = {
-      width: 50, height: 50, x: 50, y: 50, coordOrigin: '0 0', coordSize: '50 50',
+      width: 50,
+      height: 50,
+      x: 50,
+      y: 50,
+      coordOrigin: '0 0',
+      coordSize: '50 50',
     };
     for (const key in attributes) {
       if (Object.prototype.hasOwnProperty.call(attributes, key)) {
@@ -40,11 +48,11 @@ const Group = new Class({
      * Remove an element as a child to the object.
      */
   removeChild(element) {
-    if (!$defined(element)) {
+    if (!core.Function.$defined(element)) {
       throw new Error('Child element can not be null');
     }
 
-    if (element == this) {
+    if (element === this) {
       throw new Error("It's not possible to add the group as a child of itself");
     }
 
@@ -60,7 +68,7 @@ const Group = new Class({
      * Appends an element as a child to the object.
      */
   append(element) {
-    if (!$defined(element)) {
+    if (!core.Function.$defined(element)) {
       throw Error('Child element can not be null');
     }
 
@@ -85,10 +93,13 @@ const Group = new Class({
   },
 
   /**
-     * The group element is a containing blocks for this content - they define a CSS2 "block level box".
-     * Inside the containing block a local coordinate system is defined for any sub-elements using the coordsize and coordorigin attributes.
+     * The group element is a containing blocks for this content
+     * - they define a CSS2 "block level box".
+     * Inside the containing block a local coordinate system is
+     * defined for any sub-elements using the coordsize and coordorigin attributes.
      * All CSS2 positioning information is expressed in terms of this local coordinate space.
-     * Consequently CSS2 position attributes (left, top, width, height and so on) have no unit specifier -
+     * Consequently CSS2 position attributes (left, top, width, height and so on)
+     * have no unit specifier -
      * they are simple numbers, not CSS length quantities.
      */
   setCoordSize(width, height) {
@@ -119,11 +130,11 @@ const Group = new Class({
   },
 
   appendDomChild(DomElement) {
-    if (!$defined(DomElement)) {
+    if (!core.Function.$defined(DomElement)) {
       throw new Error('Child element can not be null');
     }
 
-    if (DomElement == this) {
+    if (DomElement === this) {
       throw new Error('Its not possible to add the group as a child of itself');
     }
 
@@ -133,7 +144,6 @@ const Group = new Class({
   setOpacity(value) {
     this.peer.setOpacity(value);
   },
-
 });
 
 export default Group;
diff --git a/packages/web2d/lib/components/Image.js b/packages/web2d/src/components/Image.js
similarity index 92%
rename from packages/web2d/lib/components/Image.js
rename to packages/web2d/src/components/Image.js
index 379f771b..a26f1df4 100644
--- a/packages/web2d/lib/components/Image.js
+++ b/packages/web2d/src/components/Image.js
@@ -15,8 +15,8 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit').default;
+import Element from './Element';
+import Toolkit from './Toolkit';
 
 const Image = new Class({
   Extends: Element,
diff --git a/packages/web2d/lib/components/Line.js b/packages/web2d/src/components/Line.js
similarity index 95%
rename from packages/web2d/lib/components/Line.js
rename to packages/web2d/src/components/Line.js
index ac4e9c7b..1a6b2fe8 100644
--- a/packages/web2d/lib/components/Line.js
+++ b/packages/web2d/src/components/Line.js
@@ -15,8 +15,8 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit').default;
+import Element from './Element';
+import Toolkit from './Toolkit';
 
 const Line = new Class({
   Extends: Element,
diff --git a/packages/web2d/lib/components/Point.js b/packages/web2d/src/components/Point.js
similarity index 86%
rename from packages/web2d/lib/components/Point.js
rename to packages/web2d/src/components/Point.js
index 25528134..84cc7a90 100644
--- a/packages/web2d/lib/components/Point.js
+++ b/packages/web2d/src/components/Point.js
@@ -16,7 +16,7 @@
  *   limitations under the License.
  */
 
-core.Point = new Class({
+const Point = new Class({
   /**
      * @constructs
      * @param {Number} x coordinate
@@ -41,12 +41,13 @@ core.Point = new Class({
   },
 
   clone() {
-    return new core.Point(this.x, this.y);
+    return new Point(this.x, this.y);
   },
-
 });
 
-core.Point.fromString = function (point) {
+Point.fromString = function pointFromString(point) {
   const values = point.split(',');
-  return new core.Point(values[0], values[1]);
+  return new Point(values[0], values[1]);
 };
+
+export default Point;
diff --git a/packages/web2d/lib/components/PolyLine.js b/packages/web2d/src/components/PolyLine.js
similarity index 61%
rename from packages/web2d/lib/components/PolyLine.js
rename to packages/web2d/src/components/PolyLine.js
index a404d559..2e10ebe9 100644
--- a/packages/web2d/lib/components/PolyLine.js
+++ b/packages/web2d/src/components/PolyLine.js
@@ -15,15 +15,19 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit');
+import Element from './Element';
+import Toolkit from './Toolkit';
+import * as PolyLineUtils from './peer/utils/PolyLineUtils';
 
 const PolyLine = new Class({
   Extends: Element,
   initialize(attributes) {
-    const peer = Toolkit.default.createPolyLine();
+    const peer = Toolkit.createPolyLine();
     const defaultAttributes = {
-      strokeColor: 'blue', strokeWidth: 1, strokeStyle: 'solid', strokeOpacity: 1,
+      strokeColor: 'blue',
+      strokeWidth: 1,
+      strokeStyle: 'solid',
+      strokeOpacity: 1,
     };
     for (const key in attributes) {
       if (Object.prototype.hasOwnProperty.call(attributes, key)) {
@@ -54,29 +58,11 @@ const PolyLine = new Class({
   },
 
   buildCurvedPath(dist, x1, y1, x2, y2) {
-    let signx = 1;
-    let signy = 1;
-    if (x2 < x1) {
-      signx = -1;
-    }
-    if (y2 < y1) {
-      signy = -1;
-    }
-
-    let path;
-    if (Math.abs(y1 - y2) > 2) {
-      const middlex = x1 + ((x2 - x1 > 0) ? dist : -dist);
-      path = `${x1.toFixed(1)}, ${y1.toFixed(1)} ${middlex.toFixed(1)}, ${y1.toFixed(1)} ${middlex.toFixed(1)}, ${(y2 - 5 * signy).toFixed(1)} ${(middlex + 5 * signx).toFixed(1)}, ${y2.toFixed(1)} ${x2.toFixed(1)}, ${y2.toFixed(1)}`;
-    } else {
-      path = `${x1.toFixed(1)}, ${y1.toFixed(1)} ${x2.toFixed(1)}, ${y2.toFixed(1)}`;
-    }
-
-    return path;
+    return PolyLineUtils.buildCurvedPath(dist, x1, y1, x2, y2);
   },
 
   buildStraightPath(dist, x1, y1, x2, y2) {
-    const middlex = x1 + ((x2 - x1 > 0) ? dist : -dist);
-    return `${x1}, ${y1} ${middlex}, ${y1} ${middlex}, ${y2} ${x2}, ${y2}`;
+    return PolyLineUtils.buildStraightPath(dist, x1, y1, x2, y2);
   },
 });
 
diff --git a/packages/web2d/lib/components/Rect.js b/packages/web2d/src/components/Rect.js
similarity index 89%
rename from packages/web2d/lib/components/Rect.js
rename to packages/web2d/src/components/Rect.js
index f1964fba..232f0dfa 100644
--- a/packages/web2d/lib/components/Rect.js
+++ b/packages/web2d/src/components/Rect.js
@@ -15,8 +15,8 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit').default;
+import Element from './Element';
+import Toolkit from './Toolkit';
 
 /**
  * Create a rectangle and variations of a rectangle shape.
@@ -32,7 +32,12 @@ const Rect = new Class({
     }
     const peer = Toolkit.createRect(arc);
     const defaultAttributes = {
-      width: 40, height: 40, x: 5, y: 5, stroke: '1 solid black', fillColor: 'green',
+      width: 40,
+      height: 40,
+      x: 5,
+      y: 5,
+      stroke: '1 solid black',
+      fillColor: 'green',
     };
 
     for (const key in attributes) {
diff --git a/packages/web2d/lib/components/Text.js b/packages/web2d/src/components/Text.js
similarity index 88%
rename from packages/web2d/lib/components/Text.js
rename to packages/web2d/src/components/Text.js
index 03620351..f5f5425d 100644
--- a/packages/web2d/lib/components/Text.js
+++ b/packages/web2d/src/components/Text.js
@@ -15,13 +15,17 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit');
+import coreJs from '@wisemapping/core-js';
+import Element from './Element';
+import Toolkit from './Toolkit';
+import Font from './Font';
+
+const core = coreJs();
 
 const Text = new Class({
   Extends: Element,
   initialize(attributes) {
-    const peer = Toolkit.default.createText();
+    const peer = Toolkit.createText(Font);
     this.parent(peer, attributes);
   },
 
@@ -34,7 +38,7 @@ const Text = new Class({
   },
 
   setTextAlignment(align) {
-    $assert(align, 'align can not be null');
+    core.Function.$assert(align, 'align can not be null');
     this.peer.setTextAlignment(align);
   },
 
diff --git a/packages/web2d/lib/components/Toolkit.js b/packages/web2d/src/components/Toolkit.js
similarity index 61%
rename from packages/web2d/lib/components/Toolkit.js
rename to packages/web2d/src/components/Toolkit.js
index 9bdf7bcf..466198da 100644
--- a/packages/web2d/lib/components/Toolkit.js
+++ b/packages/web2d/src/components/Toolkit.js
@@ -15,22 +15,22 @@
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
  */
-const WorkspacePeer = require('./peer/svg/WorkspacePeer').default;
-const GroupPeer = require('./peer/svg/GroupPeer').default;
-const ElipsePeer = require('./peer/svg/ElipsePeer').default;
-const LinePeer = require('./peer/svg/LinePeer').default;
-const PolyLinePeer = require('./peer/svg/PolyLinePeer').default;
-const CurvedLinePeer = require('./peer/svg/CurvedLinePeer').default;
-const ArrowPeer = require('./peer/svg/ArrowPeer').default;
-const TextPeer = require('./peer/svg/TextPeer').default;
-const ImagePeer = require('./peer/svg/ImagePeer').default;
-const RectPeer = require('./peer/svg/RectPeer').default;
-const ArialFont = require('./peer/svg/ArialFont').default;
-const TimesFont = require('./peer/svg/TimesFont').default;
-const VerdanaFont = require('./peer/svg/VerdanaFont').default;
-const TahomaFont = require('./peer/svg/TahomaFont').default;
+import WorkspacePeer from './peer/svg/WorkspacePeer';
+import GroupPeer from './peer/svg/GroupPeer';
+import ElipsePeer from './peer/svg/ElipsePeer';
+import LinePeer from './peer/svg/LinePeer';
+import PolyLinePeer from './peer/svg/PolyLinePeer';
+import CurvedLinePeer from './peer/svg/CurvedLinePeer';
+import ArrowPeer from './peer/svg/ArrowPeer';
+import TextPeer from './peer/svg/TextPeer';
+import ImagePeer from './peer/svg/ImagePeer';
+import RectPeer from './peer/svg/RectPeer';
+import ArialFont from './peer/svg/ArialFont';
+import TimesFont from './peer/svg/TimesFont';
+import VerdanaFont from './peer/svg/VerdanaFont';
+import TahomaFont from './peer/svg/TahomaFont';
 
-const ToolkitSVG = {
+const Toolkit = {
   init() {
   },
   createWorkspace(element) {
@@ -54,8 +54,8 @@ const ToolkitSVG = {
   createArrow() {
     return new ArrowPeer();
   },
-  createText() {
-    return new TextPeer();
+  createText(Font) {
+    return new TextPeer(Font);
   },
   createImage() {
     return new ImagePeer();
@@ -77,5 +77,4 @@ const ToolkitSVG = {
   },
 };
 
-const Toolkit = ToolkitSVG;
 export default Toolkit;
diff --git a/packages/web2d/lib/components/Workspace.js b/packages/web2d/src/components/Workspace.js
similarity index 88%
rename from packages/web2d/lib/components/Workspace.js
rename to packages/web2d/src/components/Workspace.js
index cd3a5ca6..81cac859 100644
--- a/packages/web2d/lib/components/Workspace.js
+++ b/packages/web2d/src/components/Workspace.js
@@ -15,8 +15,11 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Element = require('./Element').default;
-const Toolkit = require('./Toolkit').default;
+import coreJs from '@wisemapping/core-js';
+import Element from './Element';
+import Toolkit from './Toolkit';
+
+const core = coreJs();
 
 const Workspace = new Class({
   Extends: Element,
@@ -49,7 +52,7 @@ const Workspace = new Class({
      * Appends an element as a child to the object.
      */
   append(element) {
-    if (!$defined(element)) {
+    if (!core.Function.$defined(element)) {
       throw new Error('Child element can not be null');
     }
     const elementType = element.getType();
@@ -65,7 +68,7 @@ const Workspace = new Class({
   },
 
   addItAsChildTo(element) {
-    if (!$defined(element)) {
+    if (!core.Function.$defined(element)) {
       throw new Error('Workspace div container can not be null');
     }
     element.append(this._htmlContainer);
@@ -97,21 +100,24 @@ const Workspace = new Class({
      */
   setSize(width, height) {
     // HTML container must have the size of the group element.
-    if ($defined(width)) {
+    if (core.Function.$defined(width)) {
       this._htmlContainer.css('width', width);
     }
 
-    if ($defined(height)) {
+    if (core.Function.$defined(height)) {
       this._htmlContainer.css('height', height);
     }
     this.peer.setSize(width, height);
   },
 
   /**
-     * The workspace element is a containing blocks for this content - they define a CSS2 "block level box".
-     * Inside the containing block a local coordinate system is defined for any sub-elements using the coordsize and coordorigin attributes.
+     * The workspace element is a containing blocks for this content
+     * - they define a CSS2 "block level box".
+     * Inside the containing block a local coordinate system is
+     * defined for any sub-elements using the coordsize and coordorigin attributes.
      * All CSS2 positioning information is expressed in terms of this local coordinate space.
-     * Consequently CSS2 position attributes (left, top, width, height and so on) have no unit specifier -
+     * Consequently CSS2 position attributes (left, top, width, height
+     * and so on) have no unit specifier -
      * they are simple numbers, not CSS length quantities.
      */
   setCoordSize(width, height) {
@@ -143,7 +149,7 @@ const Workspace = new Class({
   setFill(color, opacity) {
     this._htmlContainer.css('background-color', color);
     if (opacity || opacity === 0) {
-      throw 'Unsupported operation. Opacity not supported.';
+      throw new Error('Unsupported operation. Opacity not supported.');
     }
   },
 
@@ -177,7 +183,7 @@ const Workspace = new Class({
      * Remove an element as a child to the object.
      */
   removeChild(element) {
-    if (!$defined(element)) {
+    if (!core.Function.$defined(element)) {
       throw new Error('Child element can not be null');
     }
 
diff --git a/packages/core-js/lib/header.js b/packages/web2d/src/components/header.js
similarity index 91%
rename from packages/core-js/lib/header.js
rename to packages/web2d/src/components/header.js
index 77ca4120..d3e7ba26 100644
--- a/packages/core-js/lib/header.js
+++ b/packages/web2d/src/components/header.js
@@ -15,4 +15,9 @@
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
-export default {}
+
+const web2d = {};
+web2d.peer = {
+  svg: {},
+};
+web2d.peer.utils = {};
diff --git a/packages/web2d/lib/components/peer/svg/ArialFont.js b/packages/web2d/src/components/peer/svg/ArialFont.js
similarity index 96%
rename from packages/web2d/lib/components/peer/svg/ArialFont.js
rename to packages/web2d/src/components/peer/svg/ArialFont.js
index 49ab4b29..479b3e13 100644
--- a/packages/web2d/lib/components/peer/svg/ArialFont.js
+++ b/packages/web2d/src/components/peer/svg/ArialFont.js
@@ -15,7 +15,7 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Font = require('./Font').default;
+import Font from './Font';
 
 const ArialFont = new Class({
   Extends: Font,
diff --git a/packages/web2d/lib/components/peer/svg/ArrowPeer.js b/packages/web2d/src/components/peer/svg/ArrowPeer.js
similarity index 62%
rename from packages/web2d/lib/components/peer/svg/ArrowPeer.js
rename to packages/web2d/src/components/peer/svg/ArrowPeer.js
index c5ee82ae..135972cf 100644
--- a/packages/web2d/lib/components/peer/svg/ArrowPeer.js
+++ b/packages/web2d/src/components/peer/svg/ArrowPeer.js
@@ -15,8 +15,11 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
+import coreJs from '@wisemapping/core-js';
+import ElementPeer from './ElementPeer';
+import Point from '../../Point';
 
-const ElementPeer = require('./ElementPeer').default;
+const core = coreJs();
 
 const ArrowPeer = new Class({
   Extends: ElementPeer,
@@ -24,8 +27,8 @@ const ArrowPeer = new Class({
     const svgElement = window.document.createElementNS(this.svgNamespace, 'path');
     this.parent(svgElement);
     this._style = {};
-    this._controlPoint = new core.Point();
-    this._fromPoint = new core.Point();
+    this._controlPoint = new Point();
+    this._fromPoint = new Point();
   },
 
   setFrom(x, y) {
@@ -48,7 +51,12 @@ const ArrowPeer = new Class({
   },
 
   setDashed(isDashed, length, spacing) {
-    if ($defined(isDashed) && isDashed && $defined(length) && $defined(spacing)) {
+    if (
+      core.Function.$defined(isDashed)
+      && isDashed
+      && core.Function.$defined(length)
+      && core.Function.$defined(spacing)
+    ) {
       this._native.setAttribute('stroke-dasharray', `${length},${spacing}`);
     } else {
       this._native.setAttribute('stroke-dasharray', '');
@@ -58,16 +66,25 @@ const ArrowPeer = new Class({
   _updateStyle() {
     let style = '';
     for (const key in this._style) {
-      style += `${key}:${this._style[key]} `;
+      if (Object.prototype.hasOwnProperty.call(this._style, key)) {
+        style += `${key}:${this._style[key]} `;
+      }
     }
     this._native.setAttribute('style', style);
   },
 
   _redraw() {
-    let x; let y; let xp; let
-      yp;
-    if ($defined(this._fromPoint.x) && $defined(this._fromPoint.y) && $defined(this._controlPoint.x) && $defined(this._controlPoint.y)) {
-      if (this._controlPoint.y == 0) this._controlPoint.y = 1;
+    let x;
+    let y;
+    let xp;
+    let yp;
+    if (
+      core.Function.$defined(this._fromPoint.x)
+      && core.Function.$defined(this._fromPoint.y)
+      && core.Function.$defined(this._controlPoint.x)
+      && core.Function.$defined(this._controlPoint.y)
+    ) {
+      if (this._controlPoint.y === 0) this._controlPoint.y = 1;
 
       const y0 = this._controlPoint.y;
       const x0 = this._controlPoint.x;
@@ -78,18 +95,20 @@ const ArrowPeer = new Class({
       const m = y2 / x2;
       const mp = y3 / x3;
       const l = 6;
+      // eslint-disable-next-line no-restricted-properties
       const { pow } = Math;
-      x = (x2 == 0 ? 0 : Math.sqrt(pow(l, 2) / (1 + pow(m, 2))));
+
+      x = x2 === 0 ? 0 : Math.sqrt(pow(l, 2) / (1 + pow(m, 2)));
       x *= Math.sign(x2);
-      y = (x2 == 0 ? l * Math.sign(y2) : m * x);
-      xp = (x3 == 0 ? 0 : Math.sqrt(pow(l, 2) / (1 + pow(mp, 2))));
+      y = x2 === 0 ? l * Math.sign(y2) : m * x;
+      xp = x3 === 0 ? 0 : Math.sqrt(pow(l, 2) / (1 + pow(mp, 2)));
       xp *= Math.sign(x3);
-      yp = (x3 == 0 ? l * Math.sign(y3) : mp * xp);
+      yp = x3 === 0 ? l * Math.sign(y3) : mp * xp;
 
       const path = `M${this._fromPoint.x},${this._fromPoint.y} `
-                + `L${x + this._fromPoint.x},${y + this._fromPoint.y
-                }M${this._fromPoint.x},${this._fromPoint.y} `
-                + `L${xp + this._fromPoint.x},${yp + this._fromPoint.y}`;
+        + `L${x + this._fromPoint.x},${y + this._fromPoint.y}M${this._fromPoint.x},${this._fromPoint.y
+        } `
+        + `L${xp + this._fromPoint.x},${yp + this._fromPoint.y}`;
       this._native.setAttribute('d', path);
     }
   },
diff --git a/packages/web2d/lib/components/peer/svg/CurvedLinePeer.js b/packages/web2d/src/components/peer/svg/CurvedLinePeer.js
similarity index 59%
rename from packages/web2d/lib/components/peer/svg/CurvedLinePeer.js
rename to packages/web2d/src/components/peer/svg/CurvedLinePeer.js
index 49b5427d..34972145 100644
--- a/packages/web2d/lib/components/peer/svg/CurvedLinePeer.js
+++ b/packages/web2d/src/components/peer/svg/CurvedLinePeer.js
@@ -15,8 +15,11 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Shape = require('@wisemapping/mindplot/lib/components/util/Shape').default; //eslint-disable-line
-const ElementPeer = require('./ElementPeer').default;
+import coreJs from '@wisemapping/core-js';
+import ElementPeer from './ElementPeer';
+import Point from '../../Point';
+
+const core = coreJs();
 
 const CurvedLinePeer = new Class({
   Extends: ElementPeer,
@@ -27,26 +30,26 @@ const CurvedLinePeer = new Class({
     this._updateStyle();
     this._customControlPoint_1 = false;
     this._customControlPoint_2 = false;
-    this._control1 = new core.Point();
-    this._control2 = new core.Point();
+    this._control1 = new Point();
+    this._control2 = new Point();
     this._lineStyle = true;
   },
 
   setSrcControlPoint(control) {
     this._customControlPoint_1 = true;
-    const change = this._control1.x != control.x || this._control1.y != control.y;
-    if ($defined(control.x)) {
+    const change = this._control1.x !== control.x || this._control1.y !== control.y;
+    if (core.Function.$defined(control.x)) {
       this._control1 = control;
-      this._control1.x = parseInt(this._control1.x);
-      this._control1.y = parseInt(this._control1.y);
+      this._control1.x = parseInt(this._control1.x, 10);
+      this._control1.y = parseInt(this._control1.y, 10);
     }
     if (change) this._updatePath();
   },
 
   setDestControlPoint(control) {
     this._customControlPoint_2 = true;
-    const change = this._control2.x != control.x || this._control2.y != control.y;
-    if ($defined(control.x)) {
+    const change = this._control2.x !== control.x || this._control2.y !== control.y;
+    if (core.Function.$defined(control.x)) {
       this._control2 = control;
       this._control2.x = parseInt(this._control2.x, 10);
       this._control2.y = parseInt(this._control2.y, 10);
@@ -75,7 +78,7 @@ const CurvedLinePeer = new Class({
   },
 
   setFrom(x1, y1) {
-    const change = this._x1 != parseInt(x1, 10) || this._y1 != parseInt(y1, 10);
+    const change = this._x1 !== parseInt(x1, 10) || this._y1 !== parseInt(y1, 10);
     this._x1 = parseInt(x1, 10);
     this._y1 = parseInt(y1, 10);
     if (change) this._updatePath();
@@ -89,11 +92,11 @@ const CurvedLinePeer = new Class({
   },
 
   getFrom() {
-    return new core.Point(this._x1, this._y1);
+    return new Point(this._x1, this._y1);
   },
 
   getTo() {
-    return new core.Point(this._x2, this._y2);
+    return new Point(this._x2, this._y2);
   },
 
   setStrokeWidth(width) {
@@ -146,12 +149,20 @@ const CurvedLinePeer = new Class({
   },
 
   _updatePath(avoidControlPointFix) {
-    if ($defined(this._x1) && $defined(this._y1) && $defined(this._x2) && $defined(this._y2)) {
+    if (
+      core.Function.$defined(this._x1)
+      && core.Function.$defined(this._y1)
+      && core.Function.$defined(this._x2)
+      && core.Function.$defined(this._y2)
+    ) {
       this._calculateAutoControlPoints(avoidControlPointFix);
-      const path = `M${this._x1},${this._y1
-        } C${this._control1.x + this._x1},${this._control1.y + this._y1} ${this._control2.x + this._x2},${this._control2.y + this._y2} ${this._x2},${this._y2
-        }${this._lineStyle ? ` ${this._control2.x + this._x2},${this._control2.y + this._y2 + 3} ${this._control1.x + this._x1},${this._control1.y + this._y1 + 5} ${this._x1},${this._y1 + 7} Z`
-          : ''}`;
+      const path = `M${this._x1},${this._y1} C${this._control1.x + this._x1},${this._control1.y + this._y1
+      } ${this._control2.x + this._x2},${this._control2.y + this._y2} ${this._x2},${this._y2
+      }${this._lineStyle
+        ? ` ${this._control2.x + this._x2},${this._control2.y + this._y2 + 3} ${this._control1.x + this._x1
+        },${this._control1.y + this._y1 + 5} ${this._x1},${this._y1 + 7} Z`
+        : ''
+      }`;
       this._native.setAttribute('d', path);
     }
   },
@@ -159,26 +170,61 @@ const CurvedLinePeer = new Class({
   _updateStyle() {
     let style = '';
     for (const key in this._style) {
-      style += `${key}:${this._style[key]} `;
+      if (Object.prototype.hasOwnProperty.call(this._style, key)) {
+        style += `${key}:${this._style[key]} `;
+      }
     }
     this._native.setAttribute('style', style);
   },
 
+  // TODO: deduplicate this method, extracted from mindplot/src/components/util/Shape.js to avoid circular ref
+  _calculateDefaultControlPoints(srcPos, tarPos) {
+    const y = srcPos.y - tarPos.y;
+    const x = srcPos.x - tarPos.x;
+    const div = Math.abs(x) > 0.1 ? x : 0.1; // Prevent division by 0.
+
+    const m = y / div;
+    const l = Math.sqrt(y * y + x * x) / 3;
+    let fix = 1;
+    if (srcPos.x > tarPos.x) {
+      fix = -1;
+    }
+
+    const x1 = srcPos.x + Math.sqrt((l * l) / (1 + m * m)) * fix;
+    const y1 = m * (x1 - srcPos.x) + srcPos.y;
+    const x2 = tarPos.x + Math.sqrt((l * l) / (1 + m * m)) * fix * -1;
+    const y2 = m * (x2 - tarPos.x) + tarPos.y;
+
+    return [
+      new Point(-srcPos.x + x1, -srcPos.y + y1),
+      new Point(-tarPos.x + x2, -tarPos.y + y2),
+    ];
+  },
+
   _calculateAutoControlPoints(avoidControlPointFix) {
     // Both points available, calculate real points
-    const defaultpoints = Shape.calculateDefaultControlPoints(new core.Point(this._x1, this._y1), new core.Point(this._x2, this._y2));
-    if (!this._customControlPoint_1 && !($defined(avoidControlPointFix) && avoidControlPointFix == 0)) {
+    const defaultpoints = this._calculateDefaultControlPoints(
+      new Point(this._x1, this._y1),
+      new Point(this._x2, this._y2),
+    );
+    if (
+      !this._customControlPoint_1
+      && !(core.Function.$defined(avoidControlPointFix) && avoidControlPointFix === 0)
+    ) {
       this._control1.x = defaultpoints[0].x;
       this._control1.y = defaultpoints[0].y;
     }
-    if (!this._customControlPoint_2 && !($defined(avoidControlPointFix) && avoidControlPointFix == 1)) {
+    if (
+      !this._customControlPoint_2
+      && !(core.Function.$defined(avoidControlPointFix) && avoidControlPointFix === 1)
+    ) {
       this._control2.x = defaultpoints[1].x;
       this._control2.y = defaultpoints[1].y;
     }
   },
 
   setDashed(length, spacing) {
-    if ($defined(length) && $defined(spacing)) {
+    if (core.Function.$defined(length) && core.Function.$defined(spacing)) {
       this._native.setAttribute('stroke-dasharray', `${length},${spacing}`);
     } else {
       this._native.setAttribute('stroke-dasharray', '');
diff --git a/packages/web2d/lib/components/peer/svg/ElementPeer.js b/packages/web2d/src/components/peer/svg/ElementPeer.js
similarity index 75%
rename from packages/web2d/lib/components/peer/svg/ElementPeer.js
rename to packages/web2d/src/components/peer/svg/ElementPeer.js
index 2c4b64de..93404d03 100644
--- a/packages/web2d/lib/components/peer/svg/ElementPeer.js
+++ b/packages/web2d/src/components/peer/svg/ElementPeer.js
@@ -15,17 +15,22 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const EventUtils = require('../utils/EventUtils').default; //eslint-disable-line
-const TransformUtil = require('../utils/TransformUtils').default; //eslint-disable-line
-const Element = require('../../Element').default; //eslint-disable-line
+import CoreJS from '@wisemapping/core-js';
+import EventUtils from '../utils/EventUtils';
+import TransformUtil from '../utils/TransformUtils';
+import Element from '../../Element';
 
-const ElementPeer = new Class({ //eslint-disable-line
+const core = CoreJS();
+
+const ElementPeer = new Class({
   initialize(svgElement) {
     this._native = svgElement;
     if (!this._native.addEvent) {
       // Hack bug: https://bugzilla.mozilla.org/show_bug.cgi?id=740811
       for (const key in Element) {
-        this._native[key] = Element.prototype[key];
+        if (Object.prototype.hasOwnProperty.call(Element, key)) {
+          this._native[key] = Element.prototype[key];
+        }
       }
     }
 
@@ -40,7 +45,7 @@ const ElementPeer = new Class({ //eslint-disable-line
 
   getChildren() {
     let result = this._children;
-        if (!$defined(result)) { //eslint-disable-line
+    if (!core.Function.$defined(result)) {
       result = [];
       this._children = result;
     }
@@ -77,7 +82,10 @@ const ElementPeer = new Class({ //eslint-disable-line
     const oldLength = children.length;
 
     children.erase(elementPeer);
-        $assert(children.length < oldLength, 'element could not be removed:' + elementPeer); //eslint-disable-line
+    core.Function.$assert(
+      children.length < oldLength,
+      `element could not be removed:${elementPeer}`,
+    );
 
     // Append element as a child.
     this._native.removeChild(elementPeer._native);
@@ -88,11 +96,11 @@ const ElementPeer = new Class({ //eslint-disable-line
      * http://developer.mozilla.org/en/docs/addEvent
      */
   addEvent(type, listener) {
-        $(this._native).bind(type, listener); //eslint-disable-line
+    $(this._native).bind(type, listener);
   },
 
   trigger(type, event) {
-        $(this._native).trigger(type, event); //eslint-disable-line
+    $(this._native).trigger(type, event);
   },
 
   cloneEvents(from) {
@@ -100,18 +108,18 @@ const ElementPeer = new Class({ //eslint-disable-line
   },
 
   removeEvent(type, listener) {
-        $(this._native).unbind(type, listener); //eslint-disable-line
+    $(this._native).unbind(type, listener);
   },
 
   setSize(width, height) {
-        if ($defined(width) && this._size.width != parseInt(width)) { //eslint-disable-line
-      this._size.width = parseInt(width);
-      this._native.setAttribute('width', parseInt(width));
+    if (core.Function.$defined(width) && this._size.width !== parseInt(width, 10)) {
+      this._size.width = parseInt(width, 10);
+      this._native.setAttribute('width', parseInt(width, 10));
     }
 
-        if ($defined(height) && this._size.height != parseInt(height)) { //eslint-disable-line
-      this._size.height = parseInt(height);
-      this._native.setAttribute('height', parseInt(height));
+    if (core.Function.$defined(height) && this._size.height !== parseInt(height, 10)) {
+      this._size.height = parseInt(height, 10);
+      this._native.setAttribute('height', parseInt(height, 10));
     }
 
     EventUtils.broadcastChangeEvent(this, 'strokeStyle');
@@ -122,10 +130,10 @@ const ElementPeer = new Class({ //eslint-disable-line
   },
 
   setFill(color, opacity) {
-        if ($defined(color)) { //eslint-disable-line
+    if (core.Function.$defined(color)) {
       this._native.setAttribute('fill', color);
     }
-        if ($defined(opacity)) { //eslint-disable-line
+    if (core.Function.$defined(opacity)) {
       this._native.setAttribute('fill-opacity', opacity);
     }
   },
@@ -143,18 +151,21 @@ const ElementPeer = new Class({ //eslint-disable-line
     const opacity = vmlStroke.getAttribute('stroke-opacity');
     const width = vmlStroke.getAttribute('stroke-width');
     return {
-      color, style: dashstyle, opacity, width,
+      color,
+      style: dashstyle,
+      opacity,
+      width,
     };
   },
 
   setStroke(width, style, color, opacity) {
-        if ($defined(width)) { //eslint-disable-line
+    if (core.Function.$defined(width)) {
       this._native.setAttribute('stroke-width', `${width}px`);
     }
-        if ($defined(color)) { //eslint-disable-line
+    if (core.Function.$defined(color)) {
       this._native.setAttribute('stroke', color);
     }
-        if ($defined(style)) { //eslint-disable-line
+    if (core.Function.$defined(style)) {
       // Scale the dash array in order to be equal to VML. In VML, stroke style doesn't scale.
       const dashArrayPoints = this.__stokeStyleToStrokDasharray[style];
       const scale = 1 / TransformUtil.workoutScale(this).width;
@@ -175,7 +186,7 @@ const ElementPeer = new Class({ //eslint-disable-line
       this._stokeStyle = style;
     }
 
-        if ($defined(opacity)) { //eslint-disable-line
+    if (core.Function.$defined(opacity)) {
       this._native.setAttribute('stroke-opacity', opacity);
     }
   },
@@ -189,13 +200,13 @@ const ElementPeer = new Class({ //eslint-disable-line
 
   isVisible() {
     const visibility = this._native.getAttribute('visibility');
-    return !(visibility == 'hidden');
+    return !(visibility === 'hidden');
   },
 
   updateStrokeStyle() {
     const strokeStyle = this._stokeStyle;
     if (this.getParent()) {
-      if (strokeStyle && strokeStyle != 'solid') {
+      if (strokeStyle && strokeStyle !== 'solid') {
         this.setStroke(null, strokeStyle);
       }
     }
@@ -203,15 +214,15 @@ const ElementPeer = new Class({ //eslint-disable-line
 
   attachChangeEventListener(type, listener) {
     const listeners = this.getChangeEventListeners(type);
-        if (!$defined(listener)) { //eslint-disable-line
-      throw 'Listener can not be null';
+    if (!core.Function.$defined(listener)) {
+      throw new Error('Listener can not be null');
     }
     listeners.push(listener);
   },
 
   getChangeEventListeners(type) {
     let listeners = this._changeListeners[type];
-        if (!$defined(listeners)) { //eslint-disable-line
+    if (!core.Function.$defined(listeners)) {
       listeners = [];
       this._changeListeners[type] = listeners;
     }
@@ -247,4 +258,4 @@ ElementPeer.prototype.__stokeStyleToStrokDasharray = {
   dashdot: [5, 3, 1, 3],
 };
 
-export default ElementPeer; //eslint-disable-line
+export default ElementPeer;
diff --git a/packages/web2d/lib/components/peer/svg/ElipsePeer.js b/packages/web2d/src/components/peer/svg/ElipsePeer.js
similarity index 80%
rename from packages/web2d/lib/components/peer/svg/ElipsePeer.js
rename to packages/web2d/src/components/peer/svg/ElipsePeer.js
index 303d4dce..54d0e876 100644
--- a/packages/web2d/lib/components/peer/svg/ElipsePeer.js
+++ b/packages/web2d/src/components/peer/svg/ElipsePeer.js
@@ -15,7 +15,10 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const ElementPeer = require('./ElementPeer').default;
+import coreJs from '@wisemapping/core-js';
+import ElementPeer from './ElementPeer';
+
+const core = coreJs();
 
 const ElipsePeer = new Class({
   Extends: ElementPeer,
@@ -28,11 +31,11 @@ const ElipsePeer = new Class({
 
   setSize(width, height) {
     this.parent(width, height);
-    if ($defined(width)) {
+    if (core.Function.$defined(width)) {
       this._native.setAttribute('rx', width / 2);
     }
 
-    if ($defined(height)) {
+    if (core.Function.$defined(height)) {
       this._native.setAttribute('ry', height / 2);
     }
 
@@ -40,15 +43,17 @@ const ElipsePeer = new Class({
     this.setPosition(pos.x, pos.y);
   },
 
-  setPosition(cx, cy) {
+  setPosition(pcx, pcy) {
     const size = this.getSize();
-    cx += size.width / 2;
-    cy += size.height / 2;
-    if ($defined(cx)) {
+
+    const cx = (size.width / 2) + pcx;
+    const cy = (size.height / 2) + pcy;
+
+    if (core.Function.$defined(cx)) {
       this._native.setAttribute('cx', cx);
     }
 
-    if ($defined(cy)) {
+    if (core.Function.$defined(cy)) {
       this._native.setAttribute('cy', cy);
     }
   },
diff --git a/packages/web2d/lib/components/peer/svg/Font.js b/packages/web2d/src/components/peer/svg/Font.js
similarity index 67%
rename from packages/web2d/lib/components/peer/svg/Font.js
rename to packages/web2d/src/components/peer/svg/Font.js
index 4243f31c..001b4692 100644
--- a/packages/web2d/lib/components/peer/svg/Font.js
+++ b/packages/web2d/src/components/peer/svg/Font.js
@@ -15,6 +15,9 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
+import CoreJS from '@wisemapping/core-js';
+
+const core = CoreJS();
 
 const Font = new Class({
   initialize() {
@@ -24,39 +27,39 @@ const Font = new Class({
   },
 
   init(args) {
-    if ($defined(args.size)) {
-      this._size = parseInt(args.size);
+    if (core.Function.$defined(args.size)) {
+      this._size = parseInt(args.size, 10);
     }
-    if ($defined(args.style)) {
+    if (core.Function.$defined(args.style)) {
       this._style = args.style;
     }
-    if ($defined(args.weight)) {
+    if (core.Function.$defined(args.weight)) {
       this._weight = args.weight;
     }
   },
 
   getHtmlSize(scale) {
     let result = 0;
-    if (this._size == 6) {
-      result = this._size * scale.height * 43 / 32;
+    if (this._size === 6) {
+      result = (this._size * scale.height * 43) / 32;
     }
-    if (this._size == 8) {
-      result = this._size * scale.height * 42 / 32;
-    } else if (this._size == 10) {
-      result = this._size * scale.height * 42 / 32;
-    } else if (this._size == 15) {
-      result = this._size * scale.height * 42 / 32;
+    if (this._size === 8) {
+      result = (this._size * scale.height * 42) / 32;
+    } else if (this._size === 10) {
+      result = (this._size * scale.height * 42) / 32;
+    } else if (this._size === 15) {
+      result = (this._size * scale.height * 42) / 32;
     }
 
     return result;
   },
 
   getGraphSize() {
-    return this._size * 43 / 32;
+    return (this._size * 43) / 32;
   },
 
   getSize() {
-    return parseInt(this._size);
+    return parseInt(this._size, 10);
   },
 
   getStyle() {
@@ -81,7 +84,7 @@ const Font = new Class({
 
   getWidthMargin() {
     let result = 0;
-    if (this._size == 10 || this._size == 6) {
+    if (this._size === 10 || this._size === 6) {
       result = 4;
     }
     return result;
diff --git a/packages/web2d/lib/components/peer/svg/GroupPeer.js b/packages/web2d/src/components/peer/svg/GroupPeer.js
similarity index 61%
rename from packages/web2d/lib/components/peer/svg/GroupPeer.js
rename to packages/web2d/src/components/peer/svg/GroupPeer.js
index 42f8d54d..69c8c94f 100644
--- a/packages/web2d/lib/components/peer/svg/GroupPeer.js
+++ b/packages/web2d/src/components/peer/svg/GroupPeer.js
@@ -15,8 +15,11 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const ElementPeer = require('./ElementPeer').default;
-const EventUtils = require('../utils/EventUtils').default;
+import coreJs from '@wisemapping/core-js';
+import ElementPeer from './ElementPeer';
+import EventUtils from '../utils/EventUtils';
+
+const core = coreJs();
 
 const GroupPeer = new Class({
   Extends: ElementPeer,
@@ -31,11 +34,13 @@ const GroupPeer = new Class({
   },
 
   setCoordSize(width, height) {
-    const change = this._coordSize.width != width || this._coordSize.height != height;
+    const change = this._coordSize.width !== width || this._coordSize.height !== height;
     this._coordSize.width = width;
     this._coordSize.height = height;
 
-    if (change) { this.updateTransform(); }
+    if (change) {
+      this.updateTransform();
+    }
     EventUtils.broadcastChangeEvent(this, 'strokeStyle');
   },
 
@@ -47,17 +52,29 @@ const GroupPeer = new Class({
      * http://www.w3.org/TR/SVG/coords.html#TransformAttribute
      * 7.6 The transform  attribute
      *
-     * The value of the transform attribute is a , which is defined as a list of transform definitions, which are applied in the order provided. The individual transform definitions are separated by whitespace and/or a comma. The available types of transform definitions include:
+     * The value of the transform attribute is a , which is defined
+     * as a list of transform definitions, which are applied in the order provided.
+     * The individual transform definitions are separated by whitespace and/or a comma.
+     * The available types of transform definitions include:
      *
-     *    * matrix(     ), which specifies a transformation in the form of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying the transformation matrix [a b c d e f].
+     *    * matrix(     ), which specifies a transformation in the form
+     * of a transformation matrix of six values. matrix(a,b,c,d,e,f) is equivalent to applying
+     * the transformation matrix [a b c d e f].
      *
-     *    * translate( []), which specifies a translation by tx and ty. If  is not provided, it is assumed to be zero.
+     *    * translate( []), which specifies a translation by tx and ty.
+     * If  is not provided, it is assumed to be zero.
      *
-     *    * scale( []), which specifies a scale operation by sx and sy. If  is not provided, it is assumed to be equal to .
+     *    * scale( []), which specifies a scale operation by sx and sy.
+     * If  is not provided, it is assumed to be equal to .
      *
-     *    * rotate( [ ]), which specifies a rotation by  degrees about a given point.
-     *      If optional parameters  and  are not supplied, the rotate is about the origin of the current user coordinate system. The operation corresponds to the matrix [cos(a) sin(a) -sin(a) cos(a) 0 0].
-     *      If optional parameters  and  are supplied, the rotate is about the point (, ). The operation represents the equivalent of the following specification: translate(, ) rotate() translate(-, -).
+     *    * rotate( [ ]), which specifies a rotation
+     * by  degrees about a given point.
+     *      If optional parameters  and  are not supplied, the rotate
+     * is about the origin of the current user coordinate system. The operation corresponds
+     * to the matrix [cos(a) sin(a) -sin(a) cos(a) 0 0].
+     *      If optional parameters  and  are supplied, the rotate is
+     * about the point (, ). The operation represents the equivalent of the
+     *following specification: translate(, ) rotate() translate(-, -).
      *
      *    * skewX(), which specifies a skew transformation along the x-axis.
      *
@@ -72,10 +89,10 @@ const GroupPeer = new Class({
     let cy = this._position.y - this._coordOrigin.y * sy;
 
     // FIXME: are we sure of this values?
-    cx = isNaN(cx) ? 0 : cx;
-    cy = isNaN(cy) ? 0 : cy;
-    sx = isNaN(sx) ? 0 : sx;
-    sy = isNaN(sy) ? 0 : sy;
+    cx = Number.isNaN(cx) ? 0 : cx;
+    cy = Number.isNaN(cy) ? 0 : cy;
+    sx = Number.isNaN(sx) ? 0 : sx;
+    sy = Number.isNaN(sy) ? 0 : sy;
 
     this._native.setAttribute('transform', `translate(${cx},${cy}) scale(${sx},${sy})`);
   },
@@ -85,33 +102,39 @@ const GroupPeer = new Class({
   },
 
   setCoordOrigin(x, y) {
-    const change = x != this._coordOrigin.x || y != this._coordOrigin.y;
-    if ($defined(x)) {
+    const change = x !== this._coordOrigin.x || y !== this._coordOrigin.y;
+    if (core.Function.$defined(x)) {
       this._coordOrigin.x = x;
     }
 
-    if ($defined(y)) {
+    if (core.Function.$defined(y)) {
       this._coordOrigin.y = y;
     }
-    if (change) { this.updateTransform(); }
+    if (change) {
+      this.updateTransform();
+    }
   },
 
   setSize(width, height) {
-    const change = width != this._size.width || height != this._size.height;
+    const change = width !== this._size.width || height !== this._size.height;
     this.parent(width, height);
-    if (change) { this.updateTransform(); }
+    if (change) {
+      this.updateTransform();
+    }
   },
 
   setPosition(x, y) {
-    const change = x != this._position.x || y != this._position.y;
-    if ($defined(x)) {
-      this._position.x = parseInt(x);
+    const change = x !== this._position.x || y !== this._position.y;
+    if (core.Function.$defined(x)) {
+      this._position.x = parseInt(x, 10);
     }
 
-    if ($defined(y)) {
-      this._position.y = parseInt(y);
+    if (core.Function.$defined(y)) {
+      this._position.y = parseInt(y, 10);
+    }
+    if (change) {
+      this.updateTransform();
     }
-    if (change) { this.updateTransform(); }
   },
 
   getPosition() {
diff --git a/packages/web2d/lib/components/peer/svg/ImagePeer.js b/packages/web2d/src/components/peer/svg/ImagePeer.js
similarity index 96%
rename from packages/web2d/lib/components/peer/svg/ImagePeer.js
rename to packages/web2d/src/components/peer/svg/ImagePeer.js
index 93639160..77ee299a 100644
--- a/packages/web2d/lib/components/peer/svg/ImagePeer.js
+++ b/packages/web2d/src/components/peer/svg/ImagePeer.js
@@ -15,7 +15,7 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const ElementPeer = require('./ElementPeer').default;
+import ElementPeer from './ElementPeer';
 
 const ImagePeer = new Class({
   Extends: ElementPeer,
diff --git a/packages/web2d/lib/components/peer/svg/LinePeer.js b/packages/web2d/src/components/peer/svg/LinePeer.js
similarity index 83%
rename from packages/web2d/lib/components/peer/svg/LinePeer.js
rename to packages/web2d/src/components/peer/svg/LinePeer.js
index d67fbd78..004d6c14 100644
--- a/packages/web2d/lib/components/peer/svg/LinePeer.js
+++ b/packages/web2d/src/components/peer/svg/LinePeer.js
@@ -15,7 +15,11 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const ElementPeer = require('./ElementPeer').default;
+import coreJs from '@wisemapping/core-js';
+import ElementPeer from './ElementPeer';
+import Point from '../../Point';
+
+const core = coreJs();
 
 const LinePeer = new Class({
   Extends: ElementPeer,
@@ -40,22 +44,22 @@ const LinePeer = new Class({
   },
 
   getFrom() {
-    return new core.Point(this._x1, this._y1);
+    return new Point(this._x1, this._y1);
   },
 
   getTo() {
-    return new core.Point(this._x2, this._y2);
+    return new Point(this._x2, this._y2);
   },
 
   /*
      * http://www.zvon.org/HowTo/Output/howto_jj_svg_27.html?at=marker-end
      */
   setArrowStyle(startStyle, endStyle) {
-    if ($defined(startStyle)) {
+    if (core.Function.$defined(startStyle)) {
       // Todo: This must be implemented ...
     }
 
-    if ($defined(endStyle)) {
+    if (core.Function.$defined(endStyle)) {
       // Todo: This must be implemented ...
     }
   },
diff --git a/packages/web2d/lib/components/peer/svg/PolyLinePeer.js b/packages/web2d/src/components/peer/svg/PolyLinePeer.js
similarity index 62%
rename from packages/web2d/lib/components/peer/svg/PolyLinePeer.js
rename to packages/web2d/src/components/peer/svg/PolyLinePeer.js
index a84da4b4..c012a8f2 100644
--- a/packages/web2d/lib/components/peer/svg/PolyLinePeer.js
+++ b/packages/web2d/src/components/peer/svg/PolyLinePeer.js
@@ -15,8 +15,11 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const ElementPeer = require('./ElementPeer').default;
-const PolyLine = require('../../PolyLine');
+import coreJs from '@wisemapping/core-js';
+import * as PolyLineUtils from '../utils/PolyLineUtils';
+import ElementPeer from './ElementPeer';
+
+const core = coreJs();
 
 const PolyLinePeer = new Class({
   Extends: ElementPeer,
@@ -57,9 +60,9 @@ const PolyLinePeer = new Class({
   },
 
   _updatePath() {
-    if (this._style == 'Curved') {
+    if (this._style === 'Curved') {
       this._updateMiddleCurvePath();
-    } else if (this._style == 'Straight') {
+    } else if (this._style === 'Straight') {
       this._updateStraightPath();
     } else {
       this._updateCurvePath();
@@ -67,8 +70,20 @@ const PolyLinePeer = new Class({
   },
 
   _updateStraightPath() {
-    if ($defined(this._x1) && $defined(this._x2) && $defined(this._y1) && $defined(this._y2)) {
-      const path = PolyLine.default.prototype.buildStraightPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2);
+    if (
+      core.Function.$defined(this._x1)
+            && core.Function.$defined(this._x2)
+            && core.Function.$defined(this._y1)
+            && core.Function.$defined(this._y2)
+    ) {
+      const path = PolyLineUtils.buildStraightPath.call(
+        this,
+        this.breakDistance,
+        this._x1,
+        this._y1,
+        this._x2,
+        this._y2,
+      );
       this._native.setAttribute('points', path);
     }
   },
@@ -78,9 +93,14 @@ const PolyLinePeer = new Class({
     const y1 = this._y1;
     const x2 = this._x2;
     const y2 = this._y2;
-    if ($defined(x1) && $defined(x2) && $defined(y1) && $defined(y2)) {
+    if (
+      core.Function.$defined(x1)
+            && core.Function.$defined(x2)
+            && core.Function.$defined(y1)
+            && core.Function.$defined(y2)
+    ) {
       const diff = x2 - x1;
-      const middlex = (diff / 2) + x1;
+      const middlex = diff / 2 + x1;
       let signx = 1;
       let signy = 1;
       if (diff < 0) {
@@ -89,14 +109,28 @@ const PolyLinePeer = new Class({
       if (y2 < y1) {
         signy = -1;
       }
-      const path = `${x1}, ${y1} ${middlex - 10 * signx}, ${y1} ${middlex}, ${y1 + 10 * signy} ${middlex}, ${y2 - 10 * signy} ${middlex + 10 * signx}, ${y2} ${x2}, ${y2}`;
+      const path = `${x1}, ${y1} ${middlex - 10 * signx}, ${y1} ${middlex}, ${
+        y1 + 10 * signy
+      } ${middlex}, ${y2 - 10 * signy} ${middlex + 10 * signx}, ${y2} ${x2}, ${y2}`;
       this._native.setAttribute('points', path);
     }
   },
 
   _updateCurvePath() {
-    if ($defined(this._x1) && $defined(this._x2) && $defined(this._y1) && $defined(this._y2)) {
-      const path = PolyLine.default.prototype.buildCurvedPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2);
+    if (
+      core.Function.$defined(this._x1)
+            && core.Function.$defined(this._x2)
+            && core.Function.$defined(this._y1)
+            && core.Function.$defined(this._y2)
+    ) {
+      const path = PolyLineUtils.buildCurvedPath.call(
+        this,
+        this.breakDistance,
+        this._x1,
+        this._y1,
+        this._x2,
+        this._y2,
+      );
       this._native.setAttribute('points', path);
     }
   },
diff --git a/packages/web2d/lib/components/peer/svg/RectPeer.js b/packages/web2d/src/components/peer/svg/RectPeer.js
similarity index 80%
rename from packages/web2d/lib/components/peer/svg/RectPeer.js
rename to packages/web2d/src/components/peer/svg/RectPeer.js
index 1f8cb103..642a9d59 100644
--- a/packages/web2d/lib/components/peer/svg/RectPeer.js
+++ b/packages/web2d/src/components/peer/svg/RectPeer.js
@@ -15,7 +15,10 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const ElementPeer = require('./ElementPeer').default;
+import coreJs from '@wisemapping/core-js';
+import ElementPeer from './ElementPeer';
+
+const core = coreJs();
 
 /**
  * http://www.w3.org/TR/SVG/shapes.html#RectElement
@@ -30,25 +33,25 @@ const RectPeer = new Class({
   },
 
   setPosition(x, y) {
-    if ($defined(x)) {
-      this._native.setAttribute('x', parseInt(x));
+    if (core.Function.$defined(x)) {
+      this._native.setAttribute('x', parseInt(x, 10));
     }
-    if ($defined(y)) {
-      this._native.setAttribute('y', parseInt(y));
+    if (core.Function.$defined(y)) {
+      this._native.setAttribute('y', parseInt(y, 10));
     }
   },
 
   getPosition() {
     const x = this._native.getAttribute('x');
     const y = this._native.getAttribute('y');
-    return { x: parseInt(x), y: parseInt(y) };
+    return { x: parseInt(x, 10), y: parseInt(y, 10) };
   },
 
   setSize(width, height) {
     this.parent(width, height);
 
     const min = width < height ? width : height;
-    if ($defined(this._arc)) {
+    if (core.Function.$defined(this._arc)) {
       // Transform percentages to SVG format.
       const arc = (min / 2) * this._arc;
       this._native.setAttribute('rx', arc);
diff --git a/packages/web2d/lib/components/peer/svg/TahomaFont.js b/packages/web2d/src/components/peer/svg/TahomaFont.js
similarity index 96%
rename from packages/web2d/lib/components/peer/svg/TahomaFont.js
rename to packages/web2d/src/components/peer/svg/TahomaFont.js
index d9e4a17e..60e7b424 100644
--- a/packages/web2d/lib/components/peer/svg/TahomaFont.js
+++ b/packages/web2d/src/components/peer/svg/TahomaFont.js
@@ -15,7 +15,7 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Font = require('./Font').default;
+import Font from './Font';
 
 const TahomaFont = new Class({
   Extends: Font,
diff --git a/packages/web2d/lib/components/peer/svg/TextPeer.js b/packages/web2d/src/components/peer/svg/TextPeer.js
similarity index 81%
rename from packages/web2d/lib/components/peer/svg/TextPeer.js
rename to packages/web2d/src/components/peer/svg/TextPeer.js
index 41b95ef3..1d0ee91a 100644
--- a/packages/web2d/lib/components/peer/svg/TextPeer.js
+++ b/packages/web2d/src/components/peer/svg/TextPeer.js
@@ -15,12 +15,15 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const ElementPeer = require('./ElementPeer').default;
-const Font = require('../../Font').default;
+import coreJs from '@wisemapping/core-js';
+import ElementPeer from './ElementPeer';
+
+const core = coreJs();
 
 const TextPeer = new Class({
   Extends: ElementPeer,
-  initialize() {
+  initialize(Font) {
+    this.Font = Font;
     const svgElement = window.document.createElementNS(this.svgNamespace, 'text');
     this.parent(svgElement);
     this._position = { x: 0, y: 0 };
@@ -36,7 +39,7 @@ const TextPeer = new Class({
   },
 
   getTextAlignment() {
-    return $defined(this._textAlign) ? this._textAlign : 'left';
+    return core.Function.$defined(this._textAlign) ? this._textAlign : 'left';
   },
 
   setText(text) {
@@ -55,7 +58,7 @@ const TextPeer = new Class({
         tspan.setAttribute('dy', '1em');
         tspan.setAttribute('x', me.getPosition().x);
 
-        tspan.textContent = line.length == 0 ? ' ' : line;
+        tspan.textContent = line.length === 0 ? ' ' : line;
         me._native.appendChild(tspan);
       });
     }
@@ -83,16 +86,16 @@ const TextPeer = new Class({
   },
 
   setFont(font, size, style, weight) {
-    if ($defined(font)) {
-      this._font = new Font(font, this);
+    if (core.Function.$defined(font)) {
+      this._font = new this.Font(font, this);
     }
-    if ($defined(style)) {
+    if (core.Function.$defined(style)) {
       this._font.setStyle(style);
     }
-    if ($defined(weight)) {
+    if (core.Function.$defined(weight)) {
       this._font.setWeight(weight);
     }
-    if ($defined(size)) {
+    if (core.Function.$defined(size)) {
       this._font.setSize(size);
     }
     this._updateFontStyle();
@@ -134,7 +137,7 @@ const TextPeer = new Class({
 
   setFontFamily(family) {
     const oldFont = this._font;
-    this._font = new Font(family, this);
+    this._font = new this.Font(family, this);
     this._font.setSize(oldFont.getSize());
     this._font.setStyle(oldFont.getStyle());
     this._font.setWeight(oldFont.getWeight());
@@ -144,7 +147,7 @@ const TextPeer = new Class({
   getFont() {
     return {
       font: this._font.getFont(),
-      size: parseInt(this._font.getSize()),
+      size: parseInt(this._font.getSize(), 10),
       style: this._font.getStyle(),
       weight: this._font.getWeight(),
     };
@@ -160,9 +163,10 @@ const TextPeer = new Class({
     // Firefox hack for this issue:http://stackoverflow.com/questions/6390065/doing-ajax-updates-in-svg-breaks-getbbox-is-there-a-workaround
     try {
       computedWidth = this._native.getBBox().width;
-      // Chrome bug is producing this error, oly during page loading. Remove the hack if it works. The issue seems to be
+      // Chrome bug is producing this error, oly during page loading.
+      // Remove the hack if it works. The issue seems to be
       // caused when the element is hidden. I don't know why, but it works ...
-      if (computedWidth == 0) {
+      if (computedWidth === 0) {
         const bbox = this._native.getBBox();
         computedWidth = bbox.width;
       }
@@ -170,19 +174,21 @@ const TextPeer = new Class({
       computedWidth = 10;
     }
 
-    let width = parseInt(computedWidth);
+    let width = parseInt(computedWidth, 10);
     width += this._font.getWidthMargin();
     return width;
   },
 
   getHeight() {
-    // Firefox hack for this issue:http://stackoverflow.com/questions/6390065/doing-ajax-updates-in-svg-breaks-getbbox-is-there-a-workaround
+    // Firefox hack for this
+    // issue:http://stackoverflow.com/questions/6390065/doing-ajax-updates-in-svg-breaks-getbbox-is-there-a-workaround
+    let computedHeight;
     try {
-      var computedHeight = this._native.getBBox().height;
+      computedHeight = this._native.getBBox().height;
     } catch (e) {
       computedHeight = 10;
     }
-    return parseInt(computedHeight);
+    return parseInt(computedHeight, 10);
   },
 
   getHtmlFontSize() {
diff --git a/packages/web2d/lib/components/peer/svg/TimesFont.js b/packages/web2d/src/components/peer/svg/TimesFont.js
similarity index 94%
rename from packages/web2d/lib/components/peer/svg/TimesFont.js
rename to packages/web2d/src/components/peer/svg/TimesFont.js
index 80419956..a1bb8fdc 100644
--- a/packages/web2d/lib/components/peer/svg/TimesFont.js
+++ b/packages/web2d/src/components/peer/svg/TimesFont.js
@@ -15,7 +15,7 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Font = require('./Font').default;
+import Font from './Font';
 
 const TimesFont = new Class({
   Extends: Font,
@@ -29,7 +29,7 @@ const TimesFont = new Class({
   },
 
   getFont() {
-    return TIMES;
+    return Font.TIMES;
   },
 });
 
diff --git a/packages/web2d/lib/components/peer/svg/VerdanaFont.js b/packages/web2d/src/components/peer/svg/VerdanaFont.js
similarity index 96%
rename from packages/web2d/lib/components/peer/svg/VerdanaFont.js
rename to packages/web2d/src/components/peer/svg/VerdanaFont.js
index a35f1a8a..d9812cae 100644
--- a/packages/web2d/lib/components/peer/svg/VerdanaFont.js
+++ b/packages/web2d/src/components/peer/svg/VerdanaFont.js
@@ -15,7 +15,7 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const Font = require('./Font').default;
+import Font from './Font';
 
 const VerdanaFont = new Class({
   Extends: Font,
diff --git a/packages/web2d/lib/components/peer/svg/WorkspacePeer.js b/packages/web2d/src/components/peer/svg/WorkspacePeer.js
similarity index 72%
rename from packages/web2d/lib/components/peer/svg/WorkspacePeer.js
rename to packages/web2d/src/components/peer/svg/WorkspacePeer.js
index b243eae4..4331a891 100644
--- a/packages/web2d/lib/components/peer/svg/WorkspacePeer.js
+++ b/packages/web2d/src/components/peer/svg/WorkspacePeer.js
@@ -15,8 +15,11 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
-const ElementPeer = require('./ElementPeer').default;
-const EventUtils = require('../utils/EventUtils').default;
+import coreJs from '@wisemapping/core-js';
+import ElementPeer from './ElementPeer';
+import EventUtils from '../utils/EventUtils';
+
+const core = coreJs();
 
 const WorkspacePeer = new Class({
   Extends: ElementPeer,
@@ -31,11 +34,21 @@ const WorkspacePeer = new Class({
 
   /**
      * http://www.w3.org/TR/SVG/coords.html 7.7 The viewBox  attribute
-     * It is often desirable to specify that a given set of graphics stretch to fit a particular container element. The viewBox attribute provides this capability.
+     * It is often desirable to specify that a given set of graphics
+     * stretch to fit a particular container element. The viewBox attribute
+     * provides this capability.
      *
-     * All elements that establish a new viewport (see elements that establish viewports), plus the 'marker', 'pattern' and 'view' elements have attribute viewBox. The value of the viewBox attribute is a list of four numbers , ,  and , separated by whitespace and/or a comma, which specify a rectangle in user space which should be mapped to the bounds of the viewport established by the given element, taking into account attribute preserveAspectRatio. If specified, an additional transformation is applied to all descendants of the given element to achieve the specified effect.
+     * All elements that establish a new viewport (see elements that establish viewports),
+     * plus the 'marker', 'pattern' and 'view' elements have attribute viewBox.
+     * The value of the viewBox attribute is a list of four numbers , ,
+     *  and , separated by whitespace and/or a comma, which specify a rectangle
+     * in user space which should be mapped to the bounds of the viewport established by
+     * the given element, taking into account attribute preserveAspectRatio. If specified,
+     * an additional transformation is applied to all descendants of the given element to
+     * achieve the specified effect.
      *
-     * A negative value for  or  is an error (see Error processing). A value of zero disables rendering of the element.
+     * A negative value for  or  is an error (see Error processing).
+     * A value of zero disables rendering of the element.
      *
      */
 
@@ -45,11 +58,11 @@ const WorkspacePeer = new Class({
     if (viewBox != null) {
       coords = viewBox.split(/ /);
     }
-    if ($defined(width)) {
+    if (core.Function.$defined(width)) {
       coords[2] = width;
     }
 
-    if ($defined(height)) {
+    if (core.Function.$defined(height)) {
       coords[3] = height;
     }
 
@@ -76,11 +89,11 @@ const WorkspacePeer = new Class({
       coords = viewBox.split(/ /);
     }
 
-    if ($defined(x)) {
+    if (core.Function.$defined(x)) {
       coords[0] = x;
     }
 
-    if ($defined(y)) {
+    if (core.Function.$defined(y)) {
       coords[1] = y;
     }
 
@@ -92,7 +105,7 @@ const WorkspacePeer = new Class({
     EventUtils.broadcastChangeEvent(child, 'onChangeCoordSize');
   },
 
-  getCoordOrigin(child) {
+  getCoordOrigin() {
     const viewBox = this._native.getAttribute('viewBox');
     let coords = [1, 1, 1, 1];
     if (viewBox != null) {
diff --git a/packages/web2d/lib/components/peer/utils/EventUtils.js b/packages/web2d/src/components/peer/utils/EventUtils.js
similarity index 88%
rename from packages/web2d/lib/components/peer/utils/EventUtils.js
rename to packages/web2d/src/components/peer/utils/EventUtils.js
index 6433d228..ecaf4d14 100644
--- a/packages/web2d/lib/components/peer/utils/EventUtils.js
+++ b/packages/web2d/src/components/peer/utils/EventUtils.js
@@ -15,11 +15,14 @@
  *   See the License for the specific language governing permissions and
  *   limitations under the License.
  */
+import CoreJS from '@wisemapping/core-js';
+
+const core = CoreJS();
 
 const EventUtils = {
-    broadcastChangeEvent: function (elementPeer, type) { //eslint-disable-line
+  broadcastChangeEvent(elementPeer, type) {
     const listeners = elementPeer.getChangeEventListeners(type);
-        if ($defined(listeners)) { //eslint-disable-line
+    if (core.Function.$defined(listeners)) {
       for (let i = 0; i < listeners.length; i++) {
         const listener = listeners[i];
         listener.call(elementPeer, null);
diff --git a/packages/web2d/src/components/peer/utils/PolyLineUtils.js b/packages/web2d/src/components/peer/utils/PolyLineUtils.js
new file mode 100644
index 00000000..9594cf0f
--- /dev/null
+++ b/packages/web2d/src/components/peer/utils/PolyLineUtils.js
@@ -0,0 +1,30 @@
+export const buildCurvedPath = (dist, x1, y1, x2, y2) => {
+  let signx = 1;
+  let signy = 1;
+  if (x2 < x1) {
+    signx = -1;
+  }
+  if (y2 < y1) {
+    signy = -1;
+  }
+
+  let path;
+  if (Math.abs(y1 - y2) > 2) {
+    const middlex = x1 + (x2 - x1 > 0 ? dist : -dist);
+    path = `${x1.toFixed(1)}, ${y1.toFixed(1)} ${middlex.toFixed(1)}, ${y1.toFixed(
+      1,
+    )} ${middlex.toFixed(1)}, ${(y2 - 5 * signy).toFixed(1)} ${(
+      middlex
+        + 5 * signx
+    ).toFixed(1)}, ${y2.toFixed(1)} ${x2.toFixed(1)}, ${y2.toFixed(1)}`;
+  } else {
+    path = `${x1.toFixed(1)}, ${y1.toFixed(1)} ${x2.toFixed(1)}, ${y2.toFixed(1)}`;
+  }
+
+  return path;
+};
+
+export const buildStraightPath = (dist, x1, y1, x2, y2) => {
+  const middlex = x1 + (x2 - x1 > 0 ? dist : -dist);
+  return `${x1}, ${y1} ${middlex}, ${y1} ${middlex}, ${y2} ${x2}, ${y2}`;
+};
diff --git a/packages/web2d/src/components/peer/utils/TransformUtils.js b/packages/web2d/src/components/peer/utils/TransformUtils.js
new file mode 100644
index 00000000..01ce2ced
--- /dev/null
+++ b/packages/web2d/src/components/peer/utils/TransformUtils.js
@@ -0,0 +1,36 @@
+/*
+ *    Copyright [2015] [wisemapping]
+ *
+ *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
+ *   It is basically the Apache License, Version 2.0 (the "License") plus the
+ *   "powered by wisemapping" text requirement on every single page;
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the license at
+ *
+ *       http://www.wisemapping.org/license
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ */
+
+const TransformUtil = {
+  workoutScale(elementPeer) {
+    let current = elementPeer.getParent();
+    let width = 1;
+    let height = 1;
+    while (current) {
+      const coordSize = current.getCoordSize();
+      const size = current.getSize();
+
+      width *= parseInt(size.width, 10) / coordSize.width;
+      height *= parseInt(size.height, 10) / coordSize.height;
+      current = current.getParent();
+    }
+    return { width, height };
+  },
+};
+
+export default TransformUtil;
diff --git a/packages/web2d/src/web2d.js b/packages/web2d/src/web2d.js
new file mode 100644
index 00000000..72a126eb
--- /dev/null
+++ b/packages/web2d/src/web2d.js
@@ -0,0 +1,80 @@
+import '@libraries/mootools-core-1.4.5';
+import $ from '@libraries/jquery-2.1.0';
+
+// Import SVG
+import elementPeer from '@svg/ElementPeer';
+import workspacePeer from '@svg/WorkspacePeer';
+import elipsePeer from '@svg/ElipsePeer';
+import linePeer from '@svg/LinePeer';
+import polyLinePeer from '@svg/PolyLinePeer';
+import curvedLinePeer from '@svg/CurvedLinePeer';
+import arrowPeer from '@svg/ArrowPeer';
+import groupPeer from '@svg/GroupPeer';
+import rectPeer from '@svg/RectPeer';
+import textPeer from '@svg/TextPeer';
+import fontPeer from '@svg/Font';
+import tahomaFont from '@svg/TahomaFont';
+import timesFont from '@svg/TimesFont';
+import arialFont from '@svg/ArialFont';
+import verdanaFont from '@svg/VerdanaFont';
+
+// Utils
+import eventUtils from '@utils/EventUtils';
+import transformUtils from '@utils/TransformUtils';
+
+// Import Components
+import element from '@components/Element';
+import workspace from '@components/Workspace';
+import toolkit from '@components/Toolkit';
+import elipse from '@components/Elipse';
+import line from '@components/Line';
+import polyLine from '@components/PolyLine';
+import curvedLine from '@components/CurvedLine';
+import arrow from '@components/Arrow';
+import group from '@components/Group';
+import rect from '@components/Rect';
+import text from '@components/Text';
+import font from '@components/Font';
+import point from '@components/Point';
+import image from '@components/Image';
+
+global.$ = $;
+
+export default {
+  // SVG
+  ElementPeer: elementPeer,
+  WorkspacePeer: workspacePeer,
+  ElipsePeer: elipsePeer,
+  LinePeer: linePeer,
+  PolyLinePeer: polyLinePeer,
+  CurvedLinePeer: curvedLinePeer,
+  ArrowPeer: arrowPeer,
+  GroupPeer: groupPeer,
+  RectPeer: rectPeer,
+  TextPeer: textPeer,
+  FontPeer: fontPeer,
+  TahomaFont: tahomaFont,
+  TimesFont: timesFont,
+  ArialFont: arialFont,
+  VerdanaFont: verdanaFont,
+
+  // Utils
+  EventUtils: eventUtils,
+  TransformUtils: transformUtils,
+
+  // Components
+  Arrow: arrow,
+  CurvedLine: curvedLine,
+  Element: element,
+  Elipse: elipse,
+  Font: font,
+  Group: group,
+  Image: image,
+  Line: line,
+  Point: point,
+  PolyLine: polyLine,
+  Rect: rect,
+  Text: text,
+  Toolkit: toolkit,
+  Workspace: workspace,
+};
diff --git a/packages/web2d/test/playground/arrow.html b/packages/web2d/test/playground/arrow.html
index 65c34b48..2e71fa06 100644
--- a/packages/web2d/test/playground/arrow.html
+++ b/packages/web2d/test/playground/arrow.html
@@ -30,13 +30,13 @@
             overflowWorkspace.setSize("200px", "200px");
             var arrow = new web2d.Arrow();
             arrow.setFrom(50, 50);
-            arrow.setControlPoint(new core.Point(-50, 0));
+            arrow.setControlPoint(new web2d.Point(-50, 0));
 
             overflowWorkspace.append(arrow);
 
             var arrow2 = new web2d.Arrow();
             arrow2.setFrom(100, 50);
-            arrow2.setControlPoint(new core.Point(50, 50));
+            arrow2.setControlPoint(new web2d.Point(50, 50));
 
             overflowWorkspace.append(arrow2);
 
diff --git a/packages/web2d/test/playground/context-loader.js b/packages/web2d/test/playground/context-loader.js
index ac71227d..b06ed470 100644
--- a/packages/web2d/test/playground/context-loader.js
+++ b/packages/web2d/test/playground/context-loader.js
@@ -1,3 +1,5 @@
-import { default as web2D } from '../../lib/web2d';
+import Grid from './utils';
+import web2d from '../../src/web2d';
 
-global.web2d = web2D();
+global.Grid = Grid;
+global.web2d = web2d;
diff --git a/packages/web2d/test/playground/curvedLine.html b/packages/web2d/test/playground/curvedLine.html
index 6b6270e6..c78f37d0 100644
--- a/packages/web2d/test/playground/curvedLine.html
+++ b/packages/web2d/test/playground/curvedLine.html
@@ -31,16 +31,16 @@
             line1.setStyle(web2d.CurvedLine.SIMPLE_LINE);
             line1.setFrom(200, 200);
             line1.setTo(100, 100);
-            line1.setSrcControlPoint(new core.Point(-100, 0));
-            line1.setDestControlPoint(new core.Point(100, 0));
+            line1.setSrcControlPoint(new web2d.Point(-100, 0));
+            line1.setDestControlPoint(new web2d.Point(100, 0));
             overflowWorkspace.append(line1);
 
             var line2 = new web2d.CurvedLine();
             line2.setStyle(web2d.CurvedLine.NICE_LINE);
             line2.setFrom(0, 0);
             line2.setTo(150, 90);
-            line2.setSrcControlPoint(new core.Point(100, 0));
-            line2.setDestControlPoint(new core.Point(-100, 0));
+            line2.setSrcControlPoint(new web2d.Point(100, 0));
+            line2.setDestControlPoint(new web2d.Point(-100, 0));
             overflowWorkspace.append(line2);
 
             overflowWorkspace.addItAsChildTo($('#overflowExample').first());
diff --git a/packages/web2d/test/playground/events.html b/packages/web2d/test/playground/events.html
index ffb35752..7f23d389 100755
--- a/packages/web2d/test/playground/events.html
+++ b/packages/web2d/test/playground/events.html
@@ -273,4 +273,4 @@
     
      
 
 
-
\ No newline at end of file
+
diff --git a/packages/web2d/test/playground/index.html b/packages/web2d/test/playground/index.html
index d7277589..f8486595 100644
--- a/packages/web2d/test/playground/index.html
+++ b/packages/web2d/test/playground/index.html
@@ -11,18 +11,18 @@
     
 
diff --git a/packages/web2d/test/playground/text.html b/packages/web2d/test/playground/text.html
index 6495c6e3..66245424 100755
--- a/packages/web2d/test/playground/text.html
+++ b/packages/web2d/test/playground/text.html
@@ -47,7 +47,6 @@
             text.setColor(fontColor);
             textot = text;
 
-
             overflowWorkspace.addItAsChildTo(document.getElementById(owner));
 
             var parent = document.getElementById(owner);
@@ -111,4 +110,4 @@
     
 
 
-
\ No newline at end of file
+
diff --git a/packages/web2d/test/playground/utils.js b/packages/web2d/test/playground/utils.js
index 4be021de..c4505144 100755
--- a/packages/web2d/test/playground/utils.js
+++ b/packages/web2d/test/playground/utils.js
@@ -1,59 +1,60 @@
-/*
- *    Copyright [2015] [wisemapping]
- *
- *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
- *   It is basically the Apache License, Version 2.0 (the "License") plus the
- *   "powered by wisemapping" text requirement on every single page;
- *   you may not use this file except in compliance with the License.
- *   You may obtain a copy of the license at
- *
- *       http://www.wisemapping.org/license
- *
- *   Unless required by applicable law or agreed to in writing, software
- *   distributed under the License is distributed on an "AS IS" BASIS,
- *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *   See the License for the specific language governing permissions and
- *   limitations under the License.
- */
-
-const Grid = function (parent, colums, rows) {
-    var cellSize = '10px';
-    this._parent = parent;
-    this._container = this._createContainer();
-    var tbody = $(this._container.firstChild.firstChild);
-    for (var i = 0; i < rows; i++) {
-        var trElement = $('');
-        for (var j = 0; j < colums; j++) {
-            var tdElement = $('');
-            tdElement.css({
-                width: cellSize,
-                height: cellSize,
-                borderWidth: '1px',
-                borderStyle: 'dashed',
-                borderColor: 'lightsteelblue',
-            });
-            trElement.append(tdElement);
-        }
-        tbody.append(trElement);
-    }
-};
-
-Grid.prototype.setPosition = function (x, y) {
-    this._container.style.left = x;
-    this._container.style.top = y;
-};
-
-Grid.prototype.render = function () {
-    $(this._parent).append(this._container);
-};
-
-Grid.prototype._createContainer = function () {
-    var result = window.document.createElement('div');
-    result.style.tableLayout = 'fixed';
-    result.style.borderCollapse = 'collapse';
-    result.style.emptyCells = 'show';
-    result.style.position = 'absolute';
-    result.innerHTML =
-        '
      ';
-    return result;
-};
+/*
+ *    Copyright [2015] [wisemapping]
+ *
+ *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
+ *   It is basically the Apache License, Version 2.0 (the "License") plus the
+ *   "powered by wisemapping" text requirement on every single page;
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the license at
+ *
+ *       http://www.wisemapping.org/license
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ */
+
+const Grid = function (parent, colums, rows) {
+  const cellSize = '10px';
+  this._parent = parent;
+  this._container = this._createContainer();
+  const tbody = $(this._container.firstChild.firstChild);
+  for (let i = 0; i < rows; i++) {
+    const trElement = $('');
+    for (let j = 0; j < colums; j++) {
+      const tdElement = $('');
+      tdElement.css({
+        width: cellSize,
+        height: cellSize,
+        borderWidth: '1px',
+        borderStyle: 'dashed',
+        borderColor: 'lightsteelblue',
+      });
+      trElement.append(tdElement);
+    }
+    tbody.append(trElement);
+  }
+};
+
+Grid.prototype.setPosition = function (x, y) {
+  this._container.style.left = x;
+  this._container.style.top = y;
+};
+
+Grid.prototype.render = function () {
+  $(this._parent).append(this._container);
+};
+
+Grid.prototype._createContainer = function () {
+  const result = window.document.createElement('div');
+  result.style.tableLayout = 'fixed';
+  result.style.borderCollapse = 'collapse';
+  result.style.emptyCells = 'show';
+  result.style.position = 'absolute';
+  result.innerHTML = '
      ';
+  return result;
+};
+
+export default Grid;
diff --git a/packages/web2d/test/playground/workspace.html b/packages/web2d/test/playground/workspace.html
index c7c19642..81e07b8b 100755
--- a/packages/web2d/test/playground/workspace.html
+++ b/packages/web2d/test/playground/workspace.html
@@ -23,7 +23,6 @@
         web2d.peer.utils = {};
     
 
-