@perceptimagery/dita-configurator-staging 0.1.6001 → 0.1.6101

package/dist/index.js

@@ -62,8 +62,8 @@ var __publicField = (obj, key, value) => {
      */
     async Get(url) {
       const response = await fetch(this.config.HOST + url, this.RequestOptions("GET"));
-      const result2 = await response.json();
-      return result2;
+      const result = await response.json();
+      return result;
     }
     /**
      * @description nice and tidy reuqest wrapper
@@ -73,8 +73,8 @@ var __publicField = (obj, key, value) => {
      */
     async Post(url, data) {
       const response = await fetch(this.config.HOST + url, this.RequestOptions("POST", data || {}));
-      const result2 = await response.json();
-      return result2;
+      const result = await response.json();
+      return result;
     }
     StoreConfig(config2) {
       if (config2.JWT) {
@@ -111,7 +111,7 @@ var __publicField = (obj, key, value) => {
     host: "https://api.sprie.io"
   };
   const config = Object.freeze(Config$1);
-  const version = "0.1.6001";
+  const version = "0.1.6101";
   function modifyLensArr(arr, element) {
     const index = arr.findIndex((e) => e["sku"] === element["sku"]);
     if (index !== -1) {
@@ -1334,7 +1334,7 @@ var __publicField = (obj, key, value) => {
             stringify: function(wordArray) {
               var words = wordArray.words;
               var sigBytes = wordArray.sigBytes;
-              var map2 = this._map;
+              var map = this._map;
               wordArray.clamp();
               var base64Chars = [];
               for (var i = 0; i < sigBytes; i += 3) {
@@ -1343,10 +1343,10 @@ var __publicField = (obj, key, value) => {
                 var byte3 = words[i + 2 >>> 2] >>> 24 - (i + 2) % 4 * 8 & 255;
                 var triplet = byte1 << 16 | byte2 << 8 | byte3;
                 for (var j = 0; j < 4 && i + j * 0.75 < sigBytes; j++) {
-                  base64Chars.push(map2.charAt(triplet >>> 6 * (3 - j) & 63));
+                  base64Chars.push(map.charAt(triplet >>> 6 * (3 - j) & 63));
                 }
               }
-              var paddingChar = map2.charAt(64);
+              var paddingChar = map.charAt(64);
               if (paddingChar) {
                 while (base64Chars.length % 4) {
                   base64Chars.push(paddingChar);
@@ -1369,15 +1369,15 @@ var __publicField = (obj, key, value) => {
              */
             parse: function(base64Str) {
               var base64StrLength = base64Str.length;
-              var map2 = this._map;
+              var map = this._map;
               var reverseMap = this._reverseMap;
               if (!reverseMap) {
                 reverseMap = this._reverseMap = [];
-                for (var j = 0; j < map2.length; j++) {
-                  reverseMap[map2.charCodeAt(j)] = j;
+                for (var j = 0; j < map.length; j++) {
+                  reverseMap[map.charCodeAt(j)] = j;
                 }
               }
-              var paddingChar = map2.charAt(64);
+              var paddingChar = map.charAt(64);
               if (paddingChar) {
                 var paddingIndex = base64Str.indexOf(paddingChar);
                 if (paddingIndex !== -1) {
@@ -1447,7 +1447,7 @@ var __publicField = (obj, key, value) => {
               }
               var words = wordArray.words;
               var sigBytes = wordArray.sigBytes;
-              var map2 = urlSafe ? this._safe_map : this._map;
+              var map = urlSafe ? this._safe_map : this._map;
               wordArray.clamp();
               var base64Chars = [];
               for (var i = 0; i < sigBytes; i += 3) {
@@ -1456,10 +1456,10 @@ var __publicField = (obj, key, value) => {
                 var byte3 = words[i + 2 >>> 2] >>> 24 - (i + 2) % 4 * 8 & 255;
                 var triplet = byte1 << 16 | byte2 << 8 | byte3;
                 for (var j = 0; j < 4 && i + j * 0.75 < sigBytes; j++) {
-                  base64Chars.push(map2.charAt(triplet >>> 6 * (3 - j) & 63));
+                  base64Chars.push(map.charAt(triplet >>> 6 * (3 - j) & 63));
                 }
               }
-              var paddingChar = map2.charAt(64);
+              var paddingChar = map.charAt(64);
               if (paddingChar) {
                 while (base64Chars.length % 4) {
                   base64Chars.push(paddingChar);
@@ -1487,15 +1487,15 @@ var __publicField = (obj, key, value) => {
                 urlSafe = true;
               }
               var base64StrLength = base64Str.length;
-              var map2 = urlSafe ? this._safe_map : this._map;
+              var map = urlSafe ? this._safe_map : this._map;
               var reverseMap = this._reverseMap;
               if (!reverseMap) {
                 reverseMap = this._reverseMap = [];
-                for (var j = 0; j < map2.length; j++) {
-                  reverseMap[map2.charCodeAt(j)] = j;
+                for (var j = 0; j < map.length; j++) {
+                  reverseMap[map.charCodeAt(j)] = j;
                 }
               }
-              var paddingChar = map2.charAt(64);
+              var paddingChar = map.charAt(64);
               if (paddingChar) {
                 var paddingIndex = base64Str.indexOf(paddingChar);
                 if (paddingIndex !== -1) {
@@ -8735,13 +8735,13 @@ var __publicField = (obj, key, value) => {
     for (let i = 0, l = chunks.length; i < l; i++) {
       len += chunks[i].length;
     }
-    const result2 = new Uint8Array(len);
+    const result = new Uint8Array(len);
     for (let i = 0, pos = 0, l = chunks.length; i < l; i++) {
       let chunk = chunks[i];
-      result2.set(chunk, pos);
+      result.set(chunk, pos);
       pos += chunk.length;
     }
-    return result2;
+    return result;
   };
   var common$1 = {
     assign,
@@ -8808,11 +8808,11 @@ var __publicField = (obj, key, value) => {
         return String.fromCharCode.apply(null, buf.length === len ? buf : buf.subarray(0, len));
       }
     }
-    let result2 = "";
+    let result = "";
     for (let i = 0; i < len; i++) {
-      result2 += String.fromCharCode(buf[i]);
+      result += String.fromCharCode(buf[i]);
     }
-    return result2;
+    return result;
   };
   var buf2string = (buf, max) => {
     const len = max || buf.length;
@@ -11042,2462 +11042,6 @@ var __publicField = (obj, key, value) => {
     return { decodedData: f, events: { fileDownloadTime: a, fileUnzipTime: p2, fileDecryptionTime: y } };
   }
   var A$1 = c;
-  function ___$insertStyle(css2) {
-    if (!css2) {
-      return;
-    }
-    if (typeof window === "undefined") {
-      return;
-    }
-    var style = document.createElement("style");
-    style.setAttribute("type", "text/css");
-    style.innerHTML = css2;
-    document.head.appendChild(style);
-    return css2;
-  }
-  function colorToString(color, forceCSSHex) {
-    var colorFormat = color.__state.conversionName.toString();
-    var r = Math.round(color.r);
-    var g2 = Math.round(color.g);
-    var b = Math.round(color.b);
-    var a = color.a;
-    var h = Math.round(color.h);
-    var s2 = color.s.toFixed(1);
-    var v = color.v.toFixed(1);
-    if (forceCSSHex || colorFormat === "THREE_CHAR_HEX" || colorFormat === "SIX_CHAR_HEX") {
-      var str = color.hex.toString(16);
-      while (str.length < 6) {
-        str = "0" + str;
-      }
-      return "#" + str;
-    } else if (colorFormat === "CSS_RGB") {
-      return "rgb(" + r + "," + g2 + "," + b + ")";
-    } else if (colorFormat === "CSS_RGBA") {
-      return "rgba(" + r + "," + g2 + "," + b + "," + a + ")";
-    } else if (colorFormat === "HEX") {
-      return "0x" + color.hex.toString(16);
-    } else if (colorFormat === "RGB_ARRAY") {
-      return "[" + r + "," + g2 + "," + b + "]";
-    } else if (colorFormat === "RGBA_ARRAY") {
-      return "[" + r + "," + g2 + "," + b + "," + a + "]";
-    } else if (colorFormat === "RGB_OBJ") {
-      return "{r:" + r + ",g:" + g2 + ",b:" + b + "}";
-    } else if (colorFormat === "RGBA_OBJ") {
-      return "{r:" + r + ",g:" + g2 + ",b:" + b + ",a:" + a + "}";
-    } else if (colorFormat === "HSV_OBJ") {
-      return "{h:" + h + ",s:" + s2 + ",v:" + v + "}";
-    } else if (colorFormat === "HSVA_OBJ") {
-      return "{h:" + h + ",s:" + s2 + ",v:" + v + ",a:" + a + "}";
-    }
-    return "unknown format";
-  }
-  var ARR_EACH = Array.prototype.forEach;
-  var ARR_SLICE = Array.prototype.slice;
-  var Common = {
-    BREAK: {},
-    extend: function extend(target) {
-      this.each(ARR_SLICE.call(arguments, 1), function(obj) {
-        var keys = this.isObject(obj) ? Object.keys(obj) : [];
-        keys.forEach((function(key) {
-          if (!this.isUndefined(obj[key])) {
-            target[key] = obj[key];
-          }
-        }).bind(this));
-      }, this);
-      return target;
-    },
-    defaults: function defaults(target) {
-      this.each(ARR_SLICE.call(arguments, 1), function(obj) {
-        var keys = this.isObject(obj) ? Object.keys(obj) : [];
-        keys.forEach((function(key) {
-          if (this.isUndefined(target[key])) {
-            target[key] = obj[key];
-          }
-        }).bind(this));
-      }, this);
-      return target;
-    },
-    compose: function compose() {
-      var toCall = ARR_SLICE.call(arguments);
-      return function() {
-        var args = ARR_SLICE.call(arguments);
-        for (var i = toCall.length - 1; i >= 0; i--) {
-          args = [toCall[i].apply(this, args)];
-        }
-        return args[0];
-      };
-    },
-    each: function each(obj, itr, scope) {
-      if (!obj) {
-        return;
-      }
-      if (ARR_EACH && obj.forEach && obj.forEach === ARR_EACH) {
-        obj.forEach(itr, scope);
-      } else if (obj.length === obj.length + 0) {
-        var key = void 0;
-        var l = void 0;
-        for (key = 0, l = obj.length; key < l; key++) {
-          if (key in obj && itr.call(scope, obj[key], key) === this.BREAK) {
-            return;
-          }
-        }
-      } else {
-        for (var _key in obj) {
-          if (itr.call(scope, obj[_key], _key) === this.BREAK) {
-            return;
-          }
-        }
-      }
-    },
-    defer: function defer(fnc) {
-      setTimeout(fnc, 0);
-    },
-    debounce: function debounce(func, threshold, callImmediately) {
-      var timeout = void 0;
-      return function() {
-        var obj = this;
-        var args = arguments;
-        function delayed() {
-          timeout = null;
-          if (!callImmediately)
-            func.apply(obj, args);
-        }
-        var callNow = callImmediately || !timeout;
-        clearTimeout(timeout);
-        timeout = setTimeout(delayed, threshold);
-        if (callNow) {
-          func.apply(obj, args);
-        }
-      };
-    },
-    toArray: function toArray(obj) {
-      if (obj.toArray)
-        return obj.toArray();
-      return ARR_SLICE.call(obj);
-    },
-    isUndefined: function isUndefined(obj) {
-      return obj === void 0;
-    },
-    isNull: function isNull(obj) {
-      return obj === null;
-    },
-    isNaN: function(_isNaN) {
-      function isNaN2(_x2) {
-        return _isNaN.apply(this, arguments);
-      }
-      isNaN2.toString = function() {
-        return _isNaN.toString();
-      };
-      return isNaN2;
-    }(function(obj) {
-      return isNaN(obj);
-    }),
-    isArray: Array.isArray || function(obj) {
-      return obj.constructor === Array;
-    },
-    isObject: function isObject(obj) {
-      return obj === Object(obj);
-    },
-    isNumber: function isNumber(obj) {
-      return obj === obj + 0;
-    },
-    isString: function isString(obj) {
-      return obj === obj + "";
-    },
-    isBoolean: function isBoolean(obj) {
-      return obj === false || obj === true;
-    },
-    isFunction: function isFunction(obj) {
-      return obj instanceof Function;
-    }
-  };
-  var INTERPRETATIONS = [
-    {
-      litmus: Common.isString,
-      conversions: {
-        THREE_CHAR_HEX: {
-          read: function read(original) {
-            var test = original.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i);
-            if (test === null) {
-              return false;
-            }
-            return {
-              space: "HEX",
-              hex: parseInt("0x" + test[1].toString() + test[1].toString() + test[2].toString() + test[2].toString() + test[3].toString() + test[3].toString(), 0)
-            };
-          },
-          write: colorToString
-        },
-        SIX_CHAR_HEX: {
-          read: function read(original) {
-            var test = original.match(/^#([A-F0-9]{6})$/i);
-            if (test === null) {
-              return false;
-            }
-            return {
-              space: "HEX",
-              hex: parseInt("0x" + test[1].toString(), 0)
-            };
-          },
-          write: colorToString
-        },
-        CSS_RGB: {
-          read: function read(original) {
-            var test = original.match(/^rgb\(\s*(\S+)\s*,\s*(\S+)\s*,\s*(\S+)\s*\)/);
-            if (test === null) {
-              return false;
-            }
-            return {
-              space: "RGB",
-              r: parseFloat(test[1]),
-              g: parseFloat(test[2]),
-              b: parseFloat(test[3])
-            };
-          },
-          write: colorToString
-        },
-        CSS_RGBA: {
-          read: function read(original) {
-            var test = original.match(/^rgba\(\s*(\S+)\s*,\s*(\S+)\s*,\s*(\S+)\s*,\s*(\S+)\s*\)/);
-            if (test === null) {
-              return false;
-            }
-            return {
-              space: "RGB",
-              r: parseFloat(test[1]),
-              g: parseFloat(test[2]),
-              b: parseFloat(test[3]),
-              a: parseFloat(test[4])
-            };
-          },
-          write: colorToString
-        }
-      }
-    },
-    {
-      litmus: Common.isNumber,
-      conversions: {
-        HEX: {
-          read: function read(original) {
-            return {
-              space: "HEX",
-              hex: original,
-              conversionName: "HEX"
-            };
-          },
-          write: function write(color) {
-            return color.hex;
-          }
-        }
-      }
-    },
-    {
-      litmus: Common.isArray,
-      conversions: {
-        RGB_ARRAY: {
-          read: function read(original) {
-            if (original.length !== 3) {
-              return false;
-            }
-            return {
-              space: "RGB",
-              r: original[0],
-              g: original[1],
-              b: original[2]
-            };
-          },
-          write: function write(color) {
-            return [color.r, color.g, color.b];
-          }
-        },
-        RGBA_ARRAY: {
-          read: function read(original) {
-            if (original.length !== 4)
-              return false;
-            return {
-              space: "RGB",
-              r: original[0],
-              g: original[1],
-              b: original[2],
-              a: original[3]
-            };
-          },
-          write: function write(color) {
-            return [color.r, color.g, color.b, color.a];
-          }
-        }
-      }
-    },
-    {
-      litmus: Common.isObject,
-      conversions: {
-        RGBA_OBJ: {
-          read: function read(original) {
-            if (Common.isNumber(original.r) && Common.isNumber(original.g) && Common.isNumber(original.b) && Common.isNumber(original.a)) {
-              return {
-                space: "RGB",
-                r: original.r,
-                g: original.g,
-                b: original.b,
-                a: original.a
-              };
-            }
-            return false;
-          },
-          write: function write(color) {
-            return {
-              r: color.r,
-              g: color.g,
-              b: color.b,
-              a: color.a
-            };
-          }
-        },
-        RGB_OBJ: {
-          read: function read(original) {
-            if (Common.isNumber(original.r) && Common.isNumber(original.g) && Common.isNumber(original.b)) {
-              return {
-                space: "RGB",
-                r: original.r,
-                g: original.g,
-                b: original.b
-              };
-            }
-            return false;
-          },
-          write: function write(color) {
-            return {
-              r: color.r,
-              g: color.g,
-              b: color.b
-            };
-          }
-        },
-        HSVA_OBJ: {
-          read: function read(original) {
-            if (Common.isNumber(original.h) && Common.isNumber(original.s) && Common.isNumber(original.v) && Common.isNumber(original.a)) {
-              return {
-                space: "HSV",
-                h: original.h,
-                s: original.s,
-                v: original.v,
-                a: original.a
-              };
-            }
-            return false;
-          },
-          write: function write(color) {
-            return {
-              h: color.h,
-              s: color.s,
-              v: color.v,
-              a: color.a
-            };
-          }
-        },
-        HSV_OBJ: {
-          read: function read(original) {
-            if (Common.isNumber(original.h) && Common.isNumber(original.s) && Common.isNumber(original.v)) {
-              return {
-                space: "HSV",
-                h: original.h,
-                s: original.s,
-                v: original.v
-              };
-            }
-            return false;
-          },
-          write: function write(color) {
-            return {
-              h: color.h,
-              s: color.s,
-              v: color.v
-            };
-          }
-        }
-      }
-    }
-  ];
-  var result = void 0;
-  var toReturn = void 0;
-  var interpret = function interpret2() {
-    toReturn = false;
-    var original = arguments.length > 1 ? Common.toArray(arguments) : arguments[0];
-    Common.each(INTERPRETATIONS, function(family) {
-      if (family.litmus(original)) {
-        Common.each(family.conversions, function(conversion, conversionName) {
-          result = conversion.read(original);
-          if (toReturn === false && result !== false) {
-            toReturn = result;
-            result.conversionName = conversionName;
-            result.conversion = conversion;
-            return Common.BREAK;
-          }
-        });
-        return Common.BREAK;
-      }
-    });
-    return toReturn;
-  };
-  var tmpComponent = void 0;
-  var ColorMath = {
-    hsv_to_rgb: function hsv_to_rgb(h, s2, v) {
-      var hi = Math.floor(h / 60) % 6;
-      var f = h / 60 - Math.floor(h / 60);
-      var p2 = v * (1 - s2);
-      var q = v * (1 - f * s2);
-      var t2 = v * (1 - (1 - f) * s2);
-      var c2 = [[v, t2, p2], [q, v, p2], [p2, v, t2], [p2, q, v], [t2, p2, v], [v, p2, q]][hi];
-      return {
-        r: c2[0] * 255,
-        g: c2[1] * 255,
-        b: c2[2] * 255
-      };
-    },
-    rgb_to_hsv: function rgb_to_hsv(r, g2, b) {
-      var min = Math.min(r, g2, b);
-      var max = Math.max(r, g2, b);
-      var delta = max - min;
-      var h = void 0;
-      var s2 = void 0;
-      if (max !== 0) {
-        s2 = delta / max;
-      } else {
-        return {
-          h: NaN,
-          s: 0,
-          v: 0
-        };
-      }
-      if (r === max) {
-        h = (g2 - b) / delta;
-      } else if (g2 === max) {
-        h = 2 + (b - r) / delta;
-      } else {
-        h = 4 + (r - g2) / delta;
-      }
-      h /= 6;
-      if (h < 0) {
-        h += 1;
-      }
-      return {
-        h: h * 360,
-        s: s2,
-        v: max / 255
-      };
-    },
-    rgb_to_hex: function rgb_to_hex(r, g2, b) {
-      var hex = this.hex_with_component(0, 2, r);
-      hex = this.hex_with_component(hex, 1, g2);
-      hex = this.hex_with_component(hex, 0, b);
-      return hex;
-    },
-    component_from_hex: function component_from_hex(hex, componentIndex) {
-      return hex >> componentIndex * 8 & 255;
-    },
-    hex_with_component: function hex_with_component(hex, componentIndex, value) {
-      return value << (tmpComponent = componentIndex * 8) | hex & ~(255 << tmpComponent);
-    }
-  };
-  var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
-    return typeof obj;
-  } : function(obj) {
-    return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  };
-  var classCallCheck = function(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  };
-  var createClass = function() {
-    function defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor)
-          descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-    return function(Constructor, protoProps, staticProps) {
-      if (protoProps)
-        defineProperties(Constructor.prototype, protoProps);
-      if (staticProps)
-        defineProperties(Constructor, staticProps);
-      return Constructor;
-    };
-  }();
-  var get = function get2(object, property, receiver) {
-    if (object === null)
-      object = Function.prototype;
-    var desc = Object.getOwnPropertyDescriptor(object, property);
-    if (desc === void 0) {
-      var parent = Object.getPrototypeOf(object);
-      if (parent === null) {
-        return void 0;
-      } else {
-        return get2(parent, property, receiver);
-      }
-    } else if ("value" in desc) {
-      return desc.value;
-    } else {
-      var getter = desc.get;
-      if (getter === void 0) {
-        return void 0;
-      }
-      return getter.call(receiver);
-    }
-  };
-  var inherits = function(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        enumerable: false,
-        writable: true,
-        configurable: true
-      }
-    });
-    if (superClass)
-      Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-  };
-  var possibleConstructorReturn = function(self2, call) {
-    if (!self2) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return call && (typeof call === "object" || typeof call === "function") ? call : self2;
-  };
-  var Color$1 = function() {
-    function Color2() {
-      classCallCheck(this, Color2);
-      this.__state = interpret.apply(this, arguments);
-      if (this.__state === false) {
-        throw new Error("Failed to interpret color arguments");
-      }
-      this.__state.a = this.__state.a || 1;
-    }
-    createClass(Color2, [{
-      key: "toString",
-      value: function toString2() {
-        return colorToString(this);
-      }
-    }, {
-      key: "toHexString",
-      value: function toHexString() {
-        return colorToString(this, true);
-      }
-    }, {
-      key: "toOriginal",
-      value: function toOriginal() {
-        return this.__state.conversion.write(this);
-      }
-    }]);
-    return Color2;
-  }();
-  function defineRGBComponent(target, component, componentHexIndex) {
-    Object.defineProperty(target, component, {
-      get: function get$$1() {
-        if (this.__state.space === "RGB") {
-          return this.__state[component];
-        }
-        Color$1.recalculateRGB(this, component, componentHexIndex);
-        return this.__state[component];
-      },
-      set: function set$$1(v) {
-        if (this.__state.space !== "RGB") {
-          Color$1.recalculateRGB(this, component, componentHexIndex);
-          this.__state.space = "RGB";
-        }
-        this.__state[component] = v;
-      }
-    });
-  }
-  function defineHSVComponent(target, component) {
-    Object.defineProperty(target, component, {
-      get: function get$$1() {
-        if (this.__state.space === "HSV") {
-          return this.__state[component];
-        }
-        Color$1.recalculateHSV(this);
-        return this.__state[component];
-      },
-      set: function set$$1(v) {
-        if (this.__state.space !== "HSV") {
-          Color$1.recalculateHSV(this);
-          this.__state.space = "HSV";
-        }
-        this.__state[component] = v;
-      }
-    });
-  }
-  Color$1.recalculateRGB = function(color, component, componentHexIndex) {
-    if (color.__state.space === "HEX") {
-      color.__state[component] = ColorMath.component_from_hex(color.__state.hex, componentHexIndex);
-    } else if (color.__state.space === "HSV") {
-      Common.extend(color.__state, ColorMath.hsv_to_rgb(color.__state.h, color.__state.s, color.__state.v));
-    } else {
-      throw new Error("Corrupted color state");
-    }
-  };
-  Color$1.recalculateHSV = function(color) {
-    var result2 = ColorMath.rgb_to_hsv(color.r, color.g, color.b);
-    Common.extend(color.__state, {
-      s: result2.s,
-      v: result2.v
-    });
-    if (!Common.isNaN(result2.h)) {
-      color.__state.h = result2.h;
-    } else if (Common.isUndefined(color.__state.h)) {
-      color.__state.h = 0;
-    }
-  };
-  Color$1.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"];
-  defineRGBComponent(Color$1.prototype, "r", 2);
-  defineRGBComponent(Color$1.prototype, "g", 1);
-  defineRGBComponent(Color$1.prototype, "b", 0);
-  defineHSVComponent(Color$1.prototype, "h");
-  defineHSVComponent(Color$1.prototype, "s");
-  defineHSVComponent(Color$1.prototype, "v");
-  Object.defineProperty(Color$1.prototype, "a", {
-    get: function get$$1() {
-      return this.__state.a;
-    },
-    set: function set$$1(v) {
-      this.__state.a = v;
-    }
-  });
-  Object.defineProperty(Color$1.prototype, "hex", {
-    get: function get$$1() {
-      if (this.__state.space !== "HEX") {
-        this.__state.hex = ColorMath.rgb_to_hex(this.r, this.g, this.b);
-        this.__state.space = "HEX";
-      }
-      return this.__state.hex;
-    },
-    set: function set$$1(v) {
-      this.__state.space = "HEX";
-      this.__state.hex = v;
-    }
-  });
-  var Controller = function() {
-    function Controller2(object, property) {
-      classCallCheck(this, Controller2);
-      this.initialValue = object[property];
-      this.domElement = document.createElement("div");
-      this.object = object;
-      this.property = property;
-      this.__onChange = void 0;
-      this.__onFinishChange = void 0;
-    }
-    createClass(Controller2, [{
-      key: "onChange",
-      value: function onChange(fnc) {
-        this.__onChange = fnc;
-        return this;
-      }
-    }, {
-      key: "onFinishChange",
-      value: function onFinishChange(fnc) {
-        this.__onFinishChange = fnc;
-        return this;
-      }
-    }, {
-      key: "setValue",
-      value: function setValue(newValue) {
-        this.object[this.property] = newValue;
-        if (this.__onChange) {
-          this.__onChange.call(this, newValue);
-        }
-        this.updateDisplay();
-        return this;
-      }
-    }, {
-      key: "getValue",
-      value: function getValue() {
-        return this.object[this.property];
-      }
-    }, {
-      key: "updateDisplay",
-      value: function updateDisplay() {
-        return this;
-      }
-    }, {
-      key: "isModified",
-      value: function isModified() {
-        return this.initialValue !== this.getValue();
-      }
-    }]);
-    return Controller2;
-  }();
-  var EVENT_MAP = {
-    HTMLEvents: ["change"],
-    MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"],
-    KeyboardEvents: ["keydown"]
-  };
-  var EVENT_MAP_INV = {};
-  Common.each(EVENT_MAP, function(v, k) {
-    Common.each(v, function(e) {
-      EVENT_MAP_INV[e] = k;
-    });
-  });
-  var CSS_VALUE_PIXELS = /(\d+(\.\d+)?)px/;
-  function cssValueToPixels(val) {
-    if (val === "0" || Common.isUndefined(val)) {
-      return 0;
-    }
-    var match = val.match(CSS_VALUE_PIXELS);
-    if (!Common.isNull(match)) {
-      return parseFloat(match[1]);
-    }
-    return 0;
-  }
-  var dom = {
-    makeSelectable: function makeSelectable(elem, selectable) {
-      if (elem === void 0 || elem.style === void 0)
-        return;
-      elem.onselectstart = selectable ? function() {
-        return false;
-      } : function() {
-      };
-      elem.style.MozUserSelect = selectable ? "auto" : "none";
-      elem.style.KhtmlUserSelect = selectable ? "auto" : "none";
-      elem.unselectable = selectable ? "on" : "off";
-    },
-    makeFullscreen: function makeFullscreen(elem, hor, vert) {
-      var vertical = vert;
-      var horizontal = hor;
-      if (Common.isUndefined(horizontal)) {
-        horizontal = true;
-      }
-      if (Common.isUndefined(vertical)) {
-        vertical = true;
-      }
-      elem.style.position = "absolute";
-      if (horizontal) {
-        elem.style.left = 0;
-        elem.style.right = 0;
-      }
-      if (vertical) {
-        elem.style.top = 0;
-        elem.style.bottom = 0;
-      }
-    },
-    fakeEvent: function fakeEvent(elem, eventType, pars, aux) {
-      var params = pars || {};
-      var className = EVENT_MAP_INV[eventType];
-      if (!className) {
-        throw new Error("Event type " + eventType + " not supported.");
-      }
-      var evt = document.createEvent(className);
-      switch (className) {
-        case "MouseEvents": {
-          var clientX = params.x || params.clientX || 0;
-          var clientY = params.y || params.clientY || 0;
-          evt.initMouseEvent(
-            eventType,
-            params.bubbles || false,
-            params.cancelable || true,
-            window,
-            params.clickCount || 1,
-            0,
-            0,
-            clientX,
-            clientY,
-            false,
-            false,
-            false,
-            false,
-            0,
-            null
-          );
-          break;
-        }
-        case "KeyboardEvents": {
-          var init = evt.initKeyboardEvent || evt.initKeyEvent;
-          Common.defaults(params, {
-            cancelable: true,
-            ctrlKey: false,
-            altKey: false,
-            shiftKey: false,
-            metaKey: false,
-            keyCode: void 0,
-            charCode: void 0
-          });
-          init(eventType, params.bubbles || false, params.cancelable, window, params.ctrlKey, params.altKey, params.shiftKey, params.metaKey, params.keyCode, params.charCode);
-          break;
-        }
-        default: {
-          evt.initEvent(eventType, params.bubbles || false, params.cancelable || true);
-          break;
-        }
-      }
-      Common.defaults(evt, aux);
-      elem.dispatchEvent(evt);
-    },
-    bind: function bind(elem, event, func, newBool) {
-      var bool = newBool || false;
-      if (elem.addEventListener) {
-        elem.addEventListener(event, func, bool);
-      } else if (elem.attachEvent) {
-        elem.attachEvent("on" + event, func);
-      }
-      return dom;
-    },
-    unbind: function unbind(elem, event, func, newBool) {
-      var bool = newBool || false;
-      if (elem.removeEventListener) {
-        elem.removeEventListener(event, func, bool);
-      } else if (elem.detachEvent) {
-        elem.detachEvent("on" + event, func);
-      }
-      return dom;
-    },
-    addClass: function addClass(elem, className) {
-      if (elem.className === void 0) {
-        elem.className = className;
-      } else if (elem.className !== className) {
-        var classes = elem.className.split(/ +/);
-        if (classes.indexOf(className) === -1) {
-          classes.push(className);
-          elem.className = classes.join(" ").replace(/^\s+/, "").replace(/\s+$/, "");
-        }
-      }
-      return dom;
-    },
-    removeClass: function removeClass(elem, className) {
-      if (className) {
-        if (elem.className === className) {
-          elem.removeAttribute("class");
-        } else {
-          var classes = elem.className.split(/ +/);
-          var index = classes.indexOf(className);
-          if (index !== -1) {
-            classes.splice(index, 1);
-            elem.className = classes.join(" ");
-          }
-        }
-      } else {
-        elem.className = void 0;
-      }
-      return dom;
-    },
-    hasClass: function hasClass(elem, className) {
-      return new RegExp("(?:^|\\s+)" + className + "(?:\\s+|$)").test(elem.className) || false;
-    },
-    getWidth: function getWidth(elem) {
-      var style = getComputedStyle(elem);
-      return cssValueToPixels(style["border-left-width"]) + cssValueToPixels(style["border-right-width"]) + cssValueToPixels(style["padding-left"]) + cssValueToPixels(style["padding-right"]) + cssValueToPixels(style.width);
-    },
-    getHeight: function getHeight(elem) {
-      var style = getComputedStyle(elem);
-      return cssValueToPixels(style["border-top-width"]) + cssValueToPixels(style["border-bottom-width"]) + cssValueToPixels(style["padding-top"]) + cssValueToPixels(style["padding-bottom"]) + cssValueToPixels(style.height);
-    },
-    getOffset: function getOffset(el) {
-      var elem = el;
-      var offset = { left: 0, top: 0 };
-      if (elem.offsetParent) {
-        do {
-          offset.left += elem.offsetLeft;
-          offset.top += elem.offsetTop;
-          elem = elem.offsetParent;
-        } while (elem);
-      }
-      return offset;
-    },
-    isActive: function isActive(elem) {
-      return elem === document.activeElement && (elem.type || elem.href);
-    }
-  };
-  var BooleanController = function(_Controller) {
-    inherits(BooleanController2, _Controller);
-    function BooleanController2(object, property) {
-      classCallCheck(this, BooleanController2);
-      var _this2 = possibleConstructorReturn(this, (BooleanController2.__proto__ || Object.getPrototypeOf(BooleanController2)).call(this, object, property));
-      var _this = _this2;
-      _this2.__prev = _this2.getValue();
-      _this2.__checkbox = document.createElement("input");
-      _this2.__checkbox.setAttribute("type", "checkbox");
-      function onChange() {
-        _this.setValue(!_this.__prev);
-      }
-      dom.bind(_this2.__checkbox, "change", onChange, false);
-      _this2.domElement.appendChild(_this2.__checkbox);
-      _this2.updateDisplay();
-      return _this2;
-    }
-    createClass(BooleanController2, [{
-      key: "setValue",
-      value: function setValue(v) {
-        var toReturn2 = get(BooleanController2.prototype.__proto__ || Object.getPrototypeOf(BooleanController2.prototype), "setValue", this).call(this, v);
-        if (this.__onFinishChange) {
-          this.__onFinishChange.call(this, this.getValue());
-        }
-        this.__prev = this.getValue();
-        return toReturn2;
-      }
-    }, {
-      key: "updateDisplay",
-      value: function updateDisplay() {
-        if (this.getValue() === true) {
-          this.__checkbox.setAttribute("checked", "checked");
-          this.__checkbox.checked = true;
-          this.__prev = true;
-        } else {
-          this.__checkbox.checked = false;
-          this.__prev = false;
-        }
-        return get(BooleanController2.prototype.__proto__ || Object.getPrototypeOf(BooleanController2.prototype), "updateDisplay", this).call(this);
-      }
-    }]);
-    return BooleanController2;
-  }(Controller);
-  var OptionController = function(_Controller) {
-    inherits(OptionController2, _Controller);
-    function OptionController2(object, property, opts) {
-      classCallCheck(this, OptionController2);
-      var _this2 = possibleConstructorReturn(this, (OptionController2.__proto__ || Object.getPrototypeOf(OptionController2)).call(this, object, property));
-      var options = opts;
-      var _this = _this2;
-      _this2.__select = document.createElement("select");
-      if (Common.isArray(options)) {
-        var map2 = {};
-        Common.each(options, function(element) {
-          map2[element] = element;
-        });
-        options = map2;
-      }
-      Common.each(options, function(value, key) {
-        var opt = document.createElement("option");
-        opt.innerHTML = key;
-        opt.setAttribute("value", value);
-        _this.__select.appendChild(opt);
-      });
-      _this2.updateDisplay();
-      dom.bind(_this2.__select, "change", function() {
-        var desiredValue = this.options[this.selectedIndex].value;
-        _this.setValue(desiredValue);
-      });
-      _this2.domElement.appendChild(_this2.__select);
-      return _this2;
-    }
-    createClass(OptionController2, [{
-      key: "setValue",
-      value: function setValue(v) {
-        var toReturn2 = get(OptionController2.prototype.__proto__ || Object.getPrototypeOf(OptionController2.prototype), "setValue", this).call(this, v);
-        if (this.__onFinishChange) {
-          this.__onFinishChange.call(this, this.getValue());
-        }
-        return toReturn2;
-      }
-    }, {
-      key: "updateDisplay",
-      value: function updateDisplay() {
-        if (dom.isActive(this.__select))
-          return this;
-        this.__select.value = this.getValue();
-        return get(OptionController2.prototype.__proto__ || Object.getPrototypeOf(OptionController2.prototype), "updateDisplay", this).call(this);
-      }
-    }]);
-    return OptionController2;
-  }(Controller);
-  var StringController = function(_Controller) {
-    inherits(StringController2, _Controller);
-    function StringController2(object, property) {
-      classCallCheck(this, StringController2);
-      var _this2 = possibleConstructorReturn(this, (StringController2.__proto__ || Object.getPrototypeOf(StringController2)).call(this, object, property));
-      var _this = _this2;
-      function onChange() {
-        _this.setValue(_this.__input.value);
-      }
-      function onBlur() {
-        if (_this.__onFinishChange) {
-          _this.__onFinishChange.call(_this, _this.getValue());
-        }
-      }
-      _this2.__input = document.createElement("input");
-      _this2.__input.setAttribute("type", "text");
-      dom.bind(_this2.__input, "keyup", onChange);
-      dom.bind(_this2.__input, "change", onChange);
-      dom.bind(_this2.__input, "blur", onBlur);
-      dom.bind(_this2.__input, "keydown", function(e) {
-        if (e.keyCode === 13) {
-          this.blur();
-        }
-      });
-      _this2.updateDisplay();
-      _this2.domElement.appendChild(_this2.__input);
-      return _this2;
-    }
-    createClass(StringController2, [{
-      key: "updateDisplay",
-      value: function updateDisplay() {
-        if (!dom.isActive(this.__input)) {
-          this.__input.value = this.getValue();
-        }
-        return get(StringController2.prototype.__proto__ || Object.getPrototypeOf(StringController2.prototype), "updateDisplay", this).call(this);
-      }
-    }]);
-    return StringController2;
-  }(Controller);
-  function numDecimals(x2) {
-    var _x2 = x2.toString();
-    if (_x2.indexOf(".") > -1) {
-      return _x2.length - _x2.indexOf(".") - 1;
-    }
-    return 0;
-  }
-  var NumberController = function(_Controller) {
-    inherits(NumberController2, _Controller);
-    function NumberController2(object, property, params) {
-      classCallCheck(this, NumberController2);
-      var _this = possibleConstructorReturn(this, (NumberController2.__proto__ || Object.getPrototypeOf(NumberController2)).call(this, object, property));
-      var _params = params || {};
-      _this.__min = _params.min;
-      _this.__max = _params.max;
-      _this.__step = _params.step;
-      if (Common.isUndefined(_this.__step)) {
-        if (_this.initialValue === 0) {
-          _this.__impliedStep = 1;
-        } else {
-          _this.__impliedStep = Math.pow(10, Math.floor(Math.log(Math.abs(_this.initialValue)) / Math.LN10)) / 10;
-        }
-      } else {
-        _this.__impliedStep = _this.__step;
-      }
-      _this.__precision = numDecimals(_this.__impliedStep);
-      return _this;
-    }
-    createClass(NumberController2, [{
-      key: "setValue",
-      value: function setValue(v) {
-        var _v = v;
-        if (this.__min !== void 0 && _v < this.__min) {
-          _v = this.__min;
-        } else if (this.__max !== void 0 && _v > this.__max) {
-          _v = this.__max;
-        }
-        if (this.__step !== void 0 && _v % this.__step !== 0) {
-          _v = Math.round(_v / this.__step) * this.__step;
-        }
-        return get(NumberController2.prototype.__proto__ || Object.getPrototypeOf(NumberController2.prototype), "setValue", this).call(this, _v);
-      }
-    }, {
-      key: "min",
-      value: function min(minValue) {
-        this.__min = minValue;
-        return this;
-      }
-    }, {
-      key: "max",
-      value: function max(maxValue) {
-        this.__max = maxValue;
-        return this;
-      }
-    }, {
-      key: "step",
-      value: function step(stepValue) {
-        this.__step = stepValue;
-        this.__impliedStep = stepValue;
-        this.__precision = numDecimals(stepValue);
-        return this;
-      }
-    }]);
-    return NumberController2;
-  }(Controller);
-  function roundToDecimal(value, decimals) {
-    var tenTo = Math.pow(10, decimals);
-    return Math.round(value * tenTo) / tenTo;
-  }
-  var NumberControllerBox = function(_NumberController) {
-    inherits(NumberControllerBox2, _NumberController);
-    function NumberControllerBox2(object, property, params) {
-      classCallCheck(this, NumberControllerBox2);
-      var _this2 = possibleConstructorReturn(this, (NumberControllerBox2.__proto__ || Object.getPrototypeOf(NumberControllerBox2)).call(this, object, property, params));
-      _this2.__truncationSuspended = false;
-      var _this = _this2;
-      var prevY = void 0;
-      function onChange() {
-        var attempted = parseFloat(_this.__input.value);
-        if (!Common.isNaN(attempted)) {
-          _this.setValue(attempted);
-        }
-      }
-      function onFinish() {
-        if (_this.__onFinishChange) {
-          _this.__onFinishChange.call(_this, _this.getValue());
-        }
-      }
-      function onBlur() {
-        onFinish();
-      }
-      function onMouseDrag(e) {
-        var diff = prevY - e.clientY;
-        _this.setValue(_this.getValue() + diff * _this.__impliedStep);
-        prevY = e.clientY;
-      }
-      function onMouseUp() {
-        dom.unbind(window, "mousemove", onMouseDrag);
-        dom.unbind(window, "mouseup", onMouseUp);
-        onFinish();
-      }
-      function onMouseDown(e) {
-        dom.bind(window, "mousemove", onMouseDrag);
-        dom.bind(window, "mouseup", onMouseUp);
-        prevY = e.clientY;
-      }
-      _this2.__input = document.createElement("input");
-      _this2.__input.setAttribute("type", "text");
-      dom.bind(_this2.__input, "change", onChange);
-      dom.bind(_this2.__input, "blur", onBlur);
-      dom.bind(_this2.__input, "mousedown", onMouseDown);
-      dom.bind(_this2.__input, "keydown", function(e) {
-        if (e.keyCode === 13) {
-          _this.__truncationSuspended = true;
-          this.blur();
-          _this.__truncationSuspended = false;
-          onFinish();
-        }
-      });
-      _this2.updateDisplay();
-      _this2.domElement.appendChild(_this2.__input);
-      return _this2;
-    }
-    createClass(NumberControllerBox2, [{
-      key: "updateDisplay",
-      value: function updateDisplay() {
-        this.__input.value = this.__truncationSuspended ? this.getValue() : roundToDecimal(this.getValue(), this.__precision);
-        return get(NumberControllerBox2.prototype.__proto__ || Object.getPrototypeOf(NumberControllerBox2.prototype), "updateDisplay", this).call(this);
-      }
-    }]);
-    return NumberControllerBox2;
-  }(NumberController);
-  function map(v, i1, i2, o1, o2) {
-    return o1 + (o2 - o1) * ((v - i1) / (i2 - i1));
-  }
-  var NumberControllerSlider = function(_NumberController) {
-    inherits(NumberControllerSlider2, _NumberController);
-    function NumberControllerSlider2(object, property, min, max, step) {
-      classCallCheck(this, NumberControllerSlider2);
-      var _this2 = possibleConstructorReturn(this, (NumberControllerSlider2.__proto__ || Object.getPrototypeOf(NumberControllerSlider2)).call(this, object, property, { min, max, step }));
-      var _this = _this2;
-      _this2.__background = document.createElement("div");
-      _this2.__foreground = document.createElement("div");
-      dom.bind(_this2.__background, "mousedown", onMouseDown);
-      dom.bind(_this2.__background, "touchstart", onTouchStart);
-      dom.addClass(_this2.__background, "slider");
-      dom.addClass(_this2.__foreground, "slider-fg");
-      function onMouseDown(e) {
-        document.activeElement.blur();
-        dom.bind(window, "mousemove", onMouseDrag);
-        dom.bind(window, "mouseup", onMouseUp);
-        onMouseDrag(e);
-      }
-      function onMouseDrag(e) {
-        e.preventDefault();
-        var bgRect = _this.__background.getBoundingClientRect();
-        _this.setValue(map(e.clientX, bgRect.left, bgRect.right, _this.__min, _this.__max));
-        return false;
-      }
-      function onMouseUp() {
-        dom.unbind(window, "mousemove", onMouseDrag);
-        dom.unbind(window, "mouseup", onMouseUp);
-        if (_this.__onFinishChange) {
-          _this.__onFinishChange.call(_this, _this.getValue());
-        }
-      }
-      function onTouchStart(e) {
-        if (e.touches.length !== 1) {
-          return;
-        }
-        dom.bind(window, "touchmove", onTouchMove);
-        dom.bind(window, "touchend", onTouchEnd);
-        onTouchMove(e);
-      }
-      function onTouchMove(e) {
-        var clientX = e.touches[0].clientX;
-        var bgRect = _this.__background.getBoundingClientRect();
-        _this.setValue(map(clientX, bgRect.left, bgRect.right, _this.__min, _this.__max));
-      }
-      function onTouchEnd() {
-        dom.unbind(window, "touchmove", onTouchMove);
-        dom.unbind(window, "touchend", onTouchEnd);
-        if (_this.__onFinishChange) {
-          _this.__onFinishChange.call(_this, _this.getValue());
-        }
-      }
-      _this2.updateDisplay();
-      _this2.__background.appendChild(_this2.__foreground);
-      _this2.domElement.appendChild(_this2.__background);
-      return _this2;
-    }
-    createClass(NumberControllerSlider2, [{
-      key: "updateDisplay",
-      value: function updateDisplay() {
-        var pct = (this.getValue() - this.__min) / (this.__max - this.__min);
-        this.__foreground.style.width = pct * 100 + "%";
-        return get(NumberControllerSlider2.prototype.__proto__ || Object.getPrototypeOf(NumberControllerSlider2.prototype), "updateDisplay", this).call(this);
-      }
-    }]);
-    return NumberControllerSlider2;
-  }(NumberController);
-  var FunctionController = function(_Controller) {
-    inherits(FunctionController2, _Controller);
-    function FunctionController2(object, property, text) {
-      classCallCheck(this, FunctionController2);
-      var _this2 = possibleConstructorReturn(this, (FunctionController2.__proto__ || Object.getPrototypeOf(FunctionController2)).call(this, object, property));
-      var _this = _this2;
-      _this2.__button = document.createElement("div");
-      _this2.__button.innerHTML = text === void 0 ? "Fire" : text;
-      dom.bind(_this2.__button, "click", function(e) {
-        e.preventDefault();
-        _this.fire();
-        return false;
-      });
-      dom.addClass(_this2.__button, "button");
-      _this2.domElement.appendChild(_this2.__button);
-      return _this2;
-    }
-    createClass(FunctionController2, [{
-      key: "fire",
-      value: function fire() {
-        if (this.__onChange) {
-          this.__onChange.call(this);
-        }
-        this.getValue().call(this.object);
-        if (this.__onFinishChange) {
-          this.__onFinishChange.call(this, this.getValue());
-        }
-      }
-    }]);
-    return FunctionController2;
-  }(Controller);
-  var ColorController = function(_Controller) {
-    inherits(ColorController2, _Controller);
-    function ColorController2(object, property) {
-      classCallCheck(this, ColorController2);
-      var _this2 = possibleConstructorReturn(this, (ColorController2.__proto__ || Object.getPrototypeOf(ColorController2)).call(this, object, property));
-      _this2.__color = new Color$1(_this2.getValue());
-      _this2.__temp = new Color$1(0);
-      var _this = _this2;
-      _this2.domElement = document.createElement("div");
-      dom.makeSelectable(_this2.domElement, false);
-      _this2.__selector = document.createElement("div");
-      _this2.__selector.className = "selector";
-      _this2.__saturation_field = document.createElement("div");
-      _this2.__saturation_field.className = "saturation-field";
-      _this2.__field_knob = document.createElement("div");
-      _this2.__field_knob.className = "field-knob";
-      _this2.__field_knob_border = "2px solid ";
-      _this2.__hue_knob = document.createElement("div");
-      _this2.__hue_knob.className = "hue-knob";
-      _this2.__hue_field = document.createElement("div");
-      _this2.__hue_field.className = "hue-field";
-      _this2.__input = document.createElement("input");
-      _this2.__input.type = "text";
-      _this2.__input_textShadow = "0 1px 1px ";
-      dom.bind(_this2.__input, "keydown", function(e) {
-        if (e.keyCode === 13) {
-          onBlur.call(this);
-        }
-      });
-      dom.bind(_this2.__input, "blur", onBlur);
-      dom.bind(_this2.__selector, "mousedown", function() {
-        dom.addClass(this, "drag").bind(window, "mouseup", function() {
-          dom.removeClass(_this.__selector, "drag");
-        });
-      });
-      dom.bind(_this2.__selector, "touchstart", function() {
-        dom.addClass(this, "drag").bind(window, "touchend", function() {
-          dom.removeClass(_this.__selector, "drag");
-        });
-      });
-      var valueField = document.createElement("div");
-      Common.extend(_this2.__selector.style, {
-        width: "122px",
-        height: "102px",
-        padding: "3px",
-        backgroundColor: "#222",
-        boxShadow: "0px 1px 3px rgba(0,0,0,0.3)"
-      });
-      Common.extend(_this2.__field_knob.style, {
-        position: "absolute",
-        width: "12px",
-        height: "12px",
-        border: _this2.__field_knob_border + (_this2.__color.v < 0.5 ? "#fff" : "#000"),
-        boxShadow: "0px 1px 3px rgba(0,0,0,0.5)",
-        borderRadius: "12px",
-        zIndex: 1
-      });
-      Common.extend(_this2.__hue_knob.style, {
-        position: "absolute",
-        width: "15px",
-        height: "2px",
-        borderRight: "4px solid #fff",
-        zIndex: 1
-      });
-      Common.extend(_this2.__saturation_field.style, {
-        width: "100px",
-        height: "100px",
-        border: "1px solid #555",
-        marginRight: "3px",
-        display: "inline-block",
-        cursor: "pointer"
-      });
-      Common.extend(valueField.style, {
-        width: "100%",
-        height: "100%",
-        background: "none"
-      });
-      linearGradient(valueField, "top", "rgba(0,0,0,0)", "#000");
-      Common.extend(_this2.__hue_field.style, {
-        width: "15px",
-        height: "100px",
-        border: "1px solid #555",
-        cursor: "ns-resize",
-        position: "absolute",
-        top: "3px",
-        right: "3px"
-      });
-      hueGradient(_this2.__hue_field);
-      Common.extend(_this2.__input.style, {
-        outline: "none",
-        textAlign: "center",
-        color: "#fff",
-        border: 0,
-        fontWeight: "bold",
-        textShadow: _this2.__input_textShadow + "rgba(0,0,0,0.7)"
-      });
-      dom.bind(_this2.__saturation_field, "mousedown", fieldDown);
-      dom.bind(_this2.__saturation_field, "touchstart", fieldDown);
-      dom.bind(_this2.__field_knob, "mousedown", fieldDown);
-      dom.bind(_this2.__field_knob, "touchstart", fieldDown);
-      dom.bind(_this2.__hue_field, "mousedown", fieldDownH);
-      dom.bind(_this2.__hue_field, "touchstart", fieldDownH);
-      function fieldDown(e) {
-        setSV(e);
-        dom.bind(window, "mousemove", setSV);
-        dom.bind(window, "touchmove", setSV);
-        dom.bind(window, "mouseup", fieldUpSV);
-        dom.bind(window, "touchend", fieldUpSV);
-      }
-      function fieldDownH(e) {
-        setH(e);
-        dom.bind(window, "mousemove", setH);
-        dom.bind(window, "touchmove", setH);
-        dom.bind(window, "mouseup", fieldUpH);
-        dom.bind(window, "touchend", fieldUpH);
-      }
-      function fieldUpSV() {
-        dom.unbind(window, "mousemove", setSV);
-        dom.unbind(window, "touchmove", setSV);
-        dom.unbind(window, "mouseup", fieldUpSV);
-        dom.unbind(window, "touchend", fieldUpSV);
-        onFinish();
-      }
-      function fieldUpH() {
-        dom.unbind(window, "mousemove", setH);
-        dom.unbind(window, "touchmove", setH);
-        dom.unbind(window, "mouseup", fieldUpH);
-        dom.unbind(window, "touchend", fieldUpH);
-        onFinish();
-      }
-      function onBlur() {
-        var i = interpret(this.value);
-        if (i !== false) {
-          _this.__color.__state = i;
-          _this.setValue(_this.__color.toOriginal());
-        } else {
-          this.value = _this.__color.toString();
-        }
-      }
-      function onFinish() {
-        if (_this.__onFinishChange) {
-          _this.__onFinishChange.call(_this, _this.__color.toOriginal());
-        }
-      }
-      _this2.__saturation_field.appendChild(valueField);
-      _this2.__selector.appendChild(_this2.__field_knob);
-      _this2.__selector.appendChild(_this2.__saturation_field);
-      _this2.__selector.appendChild(_this2.__hue_field);
-      _this2.__hue_field.appendChild(_this2.__hue_knob);
-      _this2.domElement.appendChild(_this2.__input);
-      _this2.domElement.appendChild(_this2.__selector);
-      _this2.updateDisplay();
-      function setSV(e) {
-        if (e.type.indexOf("touch") === -1) {
-          e.preventDefault();
-        }
-        var fieldRect = _this.__saturation_field.getBoundingClientRect();
-        var _ref = e.touches && e.touches[0] || e, clientX = _ref.clientX, clientY = _ref.clientY;
-        var s2 = (clientX - fieldRect.left) / (fieldRect.right - fieldRect.left);
-        var v = 1 - (clientY - fieldRect.top) / (fieldRect.bottom - fieldRect.top);
-        if (v > 1) {
-          v = 1;
-        } else if (v < 0) {
-          v = 0;
-        }
-        if (s2 > 1) {
-          s2 = 1;
-        } else if (s2 < 0) {
-          s2 = 0;
-        }
-        _this.__color.v = v;
-        _this.__color.s = s2;
-        _this.setValue(_this.__color.toOriginal());
-        return false;
-      }
-      function setH(e) {
-        if (e.type.indexOf("touch") === -1) {
-          e.preventDefault();
-        }
-        var fieldRect = _this.__hue_field.getBoundingClientRect();
-        var _ref2 = e.touches && e.touches[0] || e, clientY = _ref2.clientY;
-        var h = 1 - (clientY - fieldRect.top) / (fieldRect.bottom - fieldRect.top);
-        if (h > 1) {
-          h = 1;
-        } else if (h < 0) {
-          h = 0;
-        }
-        _this.__color.h = h * 360;
-        _this.setValue(_this.__color.toOriginal());
-        return false;
-      }
-      return _this2;
-    }
-    createClass(ColorController2, [{
-      key: "updateDisplay",
-      value: function updateDisplay() {
-        var i = interpret(this.getValue());
-        if (i !== false) {
-          var mismatch = false;
-          Common.each(Color$1.COMPONENTS, function(component) {
-            if (!Common.isUndefined(i[component]) && !Common.isUndefined(this.__color.__state[component]) && i[component] !== this.__color.__state[component]) {
-              mismatch = true;
-              return {};
-            }
-          }, this);
-          if (mismatch) {
-            Common.extend(this.__color.__state, i);
-          }
-        }
-        Common.extend(this.__temp.__state, this.__color.__state);
-        this.__temp.a = 1;
-        var flip = this.__color.v < 0.5 || this.__color.s > 0.5 ? 255 : 0;
-        var _flip = 255 - flip;
-        Common.extend(this.__field_knob.style, {
-          marginLeft: 100 * this.__color.s - 7 + "px",
-          marginTop: 100 * (1 - this.__color.v) - 7 + "px",
-          backgroundColor: this.__temp.toHexString(),
-          border: this.__field_knob_border + "rgb(" + flip + "," + flip + "," + flip + ")"
-        });
-        this.__hue_knob.style.marginTop = (1 - this.__color.h / 360) * 100 + "px";
-        this.__temp.s = 1;
-        this.__temp.v = 1;
-        linearGradient(this.__saturation_field, "left", "#fff", this.__temp.toHexString());
-        this.__input.value = this.__color.toString();
-        Common.extend(this.__input.style, {
-          backgroundColor: this.__color.toHexString(),
-          color: "rgb(" + flip + "," + flip + "," + flip + ")",
-          textShadow: this.__input_textShadow + "rgba(" + _flip + "," + _flip + "," + _flip + ",.7)"
-        });
-      }
-    }]);
-    return ColorController2;
-  }(Controller);
-  var vendors = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
-  function linearGradient(elem, x2, a, b) {
-    elem.style.background = "";
-    Common.each(vendors, function(vendor) {
-      elem.style.cssText += "background: " + vendor + "linear-gradient(" + x2 + ", " + a + " 0%, " + b + " 100%); ";
-    });
-  }
-  function hueGradient(elem) {
-    elem.style.background = "";
-    elem.style.cssText += "background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);";
-    elem.style.cssText += "background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";
-    elem.style.cssText += "background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";
-    elem.style.cssText += "background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";
-    elem.style.cssText += "background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);";
-  }
-  var css = {
-    load: function load(url, indoc) {
-      var doc = indoc || document;
-      var link = doc.createElement("link");
-      link.type = "text/css";
-      link.rel = "stylesheet";
-      link.href = url;
-      doc.getElementsByTagName("head")[0].appendChild(link);
-    },
-    inject: function inject(cssContent, indoc) {
-      var doc = indoc || document;
-      var injected = document.createElement("style");
-      injected.type = "text/css";
-      injected.innerHTML = cssContent;
-      var head = doc.getElementsByTagName("head")[0];
-      try {
-        head.appendChild(injected);
-      } catch (e) {
-      }
-    }
-  };
-  var saveDialogContents = `<div id="dg-save" class="dg dialogue">
-
-  Here's the new load parameter for your <code>GUI</code>'s constructor:
-
-  <textarea id="dg-new-constructor"></textarea>
-
-  <div id="dg-save-locally">
-
-    <input id="dg-local-storage" type="checkbox"/> Automatically save
-    values to <code>localStorage</code> on exit.
-
-    <div id="dg-local-explain">The values saved to <code>localStorage</code> will
-      override those passed to <code>dat.GUI</code>'s constructor. This makes it
-      easier to work incrementally, but <code>localStorage</code> is fragile,
-      and your friends may not see the same values you do.
-
-    </div>
-
-  </div>
-
-</div>`;
-  var ControllerFactory = function ControllerFactory2(object, property) {
-    var initialValue = object[property];
-    if (Common.isArray(arguments[2]) || Common.isObject(arguments[2])) {
-      return new OptionController(object, property, arguments[2]);
-    }
-    if (Common.isNumber(initialValue)) {
-      if (Common.isNumber(arguments[2]) && Common.isNumber(arguments[3])) {
-        if (Common.isNumber(arguments[4])) {
-          return new NumberControllerSlider(object, property, arguments[2], arguments[3], arguments[4]);
-        }
-        return new NumberControllerSlider(object, property, arguments[2], arguments[3]);
-      }
-      if (Common.isNumber(arguments[4])) {
-        return new NumberControllerBox(object, property, { min: arguments[2], max: arguments[3], step: arguments[4] });
-      }
-      return new NumberControllerBox(object, property, { min: arguments[2], max: arguments[3] });
-    }
-    if (Common.isString(initialValue)) {
-      return new StringController(object, property);
-    }
-    if (Common.isFunction(initialValue)) {
-      return new FunctionController(object, property, "");
-    }
-    if (Common.isBoolean(initialValue)) {
-      return new BooleanController(object, property);
-    }
-    return null;
-  };
-  function requestAnimationFrame$1(callback) {
-    setTimeout(callback, 1e3 / 60);
-  }
-  var requestAnimationFrame$1$1 = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || requestAnimationFrame$1;
-  var CenteredDiv = function() {
-    function CenteredDiv2() {
-      classCallCheck(this, CenteredDiv2);
-      this.backgroundElement = document.createElement("div");
-      Common.extend(this.backgroundElement.style, {
-        backgroundColor: "rgba(0,0,0,0.8)",
-        top: 0,
-        left: 0,
-        display: "none",
-        zIndex: "1000",
-        opacity: 0,
-        WebkitTransition: "opacity 0.2s linear",
-        transition: "opacity 0.2s linear"
-      });
-      dom.makeFullscreen(this.backgroundElement);
-      this.backgroundElement.style.position = "fixed";
-      this.domElement = document.createElement("div");
-      Common.extend(this.domElement.style, {
-        position: "fixed",
-        display: "none",
-        zIndex: "1001",
-        opacity: 0,
-        WebkitTransition: "-webkit-transform 0.2s ease-out, opacity 0.2s linear",
-        transition: "transform 0.2s ease-out, opacity 0.2s linear"
-      });
-      document.body.appendChild(this.backgroundElement);
-      document.body.appendChild(this.domElement);
-      var _this = this;
-      dom.bind(this.backgroundElement, "click", function() {
-        _this.hide();
-      });
-    }
-    createClass(CenteredDiv2, [{
-      key: "show",
-      value: function show() {
-        var _this = this;
-        this.backgroundElement.style.display = "block";
-        this.domElement.style.display = "block";
-        this.domElement.style.opacity = 0;
-        this.domElement.style.webkitTransform = "scale(1.1)";
-        this.layout();
-        Common.defer(function() {
-          _this.backgroundElement.style.opacity = 1;
-          _this.domElement.style.opacity = 1;
-          _this.domElement.style.webkitTransform = "scale(1)";
-        });
-      }
-    }, {
-      key: "hide",
-      value: function hide2() {
-        var _this = this;
-        var hide3 = function hide4() {
-          _this.domElement.style.display = "none";
-          _this.backgroundElement.style.display = "none";
-          dom.unbind(_this.domElement, "webkitTransitionEnd", hide4);
-          dom.unbind(_this.domElement, "transitionend", hide4);
-          dom.unbind(_this.domElement, "oTransitionEnd", hide4);
-        };
-        dom.bind(this.domElement, "webkitTransitionEnd", hide3);
-        dom.bind(this.domElement, "transitionend", hide3);
-        dom.bind(this.domElement, "oTransitionEnd", hide3);
-        this.backgroundElement.style.opacity = 0;
-        this.domElement.style.opacity = 0;
-        this.domElement.style.webkitTransform = "scale(1.1)";
-      }
-    }, {
-      key: "layout",
-      value: function layout() {
-        this.domElement.style.left = window.innerWidth / 2 - dom.getWidth(this.domElement) / 2 + "px";
-        this.domElement.style.top = window.innerHeight / 2 - dom.getHeight(this.domElement) / 2 + "px";
-      }
-    }]);
-    return CenteredDiv2;
-  }();
-  var styleSheet = ___$insertStyle(".dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear;border:0;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button.close-top{position:relative}.dg.main .close-button.close-bottom{position:absolute}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-y:visible}.dg.a.has-save>ul.close-top{margin-top:0}.dg.a.has-save>ul.close-bottom{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{top:0;z-index:1002}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-webkit-transition:height .1s ease-out;-o-transition:height .1s ease-out;-moz-transition:height .1s ease-out;transition:height .1s ease-out;-webkit-transition:overflow .1s linear;-o-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .cr.function .property-name{width:100%}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:7px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .cr.color{overflow:visible}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco, monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2FA1D6}.dg .cr.number input[type=text]{color:#2FA1D6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2FA1D6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}\n");
-  css.inject(styleSheet);
-  var CSS_NAMESPACE = "dg";
-  var HIDE_KEY_CODE = 72;
-  var CLOSE_BUTTON_HEIGHT = 20;
-  var DEFAULT_DEFAULT_PRESET_NAME = "Default";
-  var SUPPORTS_LOCAL_STORAGE = function() {
-    try {
-      return !!window.localStorage;
-    } catch (e) {
-      return false;
-    }
-  }();
-  var SAVE_DIALOGUE = void 0;
-  var autoPlaceVirgin = true;
-  var autoPlaceContainer = void 0;
-  var hide = false;
-  var hideableGuis = [];
-  var GUI = function GUI2(pars) {
-    var _this = this;
-    var params = pars || {};
-    this.domElement = document.createElement("div");
-    this.__ul = document.createElement("ul");
-    this.domElement.appendChild(this.__ul);
-    dom.addClass(this.domElement, CSS_NAMESPACE);
-    this.__folders = {};
-    this.__controllers = [];
-    this.__rememberedObjects = [];
-    this.__rememberedObjectIndecesToControllers = [];
-    this.__listening = [];
-    params = Common.defaults(params, {
-      closeOnTop: false,
-      autoPlace: true,
-      width: GUI2.DEFAULT_WIDTH
-    });
-    params = Common.defaults(params, {
-      resizable: params.autoPlace,
-      hideable: params.autoPlace
-    });
-    if (!Common.isUndefined(params.load)) {
-      if (params.preset) {
-        params.load.preset = params.preset;
-      }
-    } else {
-      params.load = { preset: DEFAULT_DEFAULT_PRESET_NAME };
-    }
-    if (Common.isUndefined(params.parent) && params.hideable) {
-      hideableGuis.push(this);
-    }
-    params.resizable = Common.isUndefined(params.parent) && params.resizable;
-    if (params.autoPlace && Common.isUndefined(params.scrollable)) {
-      params.scrollable = true;
-    }
-    var useLocalStorage = SUPPORTS_LOCAL_STORAGE && localStorage.getItem(getLocalStorageHash(this, "isLocal")) === "true";
-    var saveToLocalStorage = void 0;
-    var titleRow = void 0;
-    Object.defineProperties(
-      this,
-      {
-        parent: {
-          get: function get$$1() {
-            return params.parent;
-          }
-        },
-        scrollable: {
-          get: function get$$1() {
-            return params.scrollable;
-          }
-        },
-        autoPlace: {
-          get: function get$$1() {
-            return params.autoPlace;
-          }
-        },
-        closeOnTop: {
-          get: function get$$1() {
-            return params.closeOnTop;
-          }
-        },
-        preset: {
-          get: function get$$1() {
-            if (_this.parent) {
-              return _this.getRoot().preset;
-            }
-            return params.load.preset;
-          },
-          set: function set$$1(v) {
-            if (_this.parent) {
-              _this.getRoot().preset = v;
-            } else {
-              params.load.preset = v;
-            }
-            setPresetSelectIndex(this);
-            _this.revert();
-          }
-        },
-        width: {
-          get: function get$$1() {
-            return params.width;
-          },
-          set: function set$$1(v) {
-            params.width = v;
-            setWidth(_this, v);
-          }
-        },
-        name: {
-          get: function get$$1() {
-            return params.name;
-          },
-          set: function set$$1(v) {
-            params.name = v;
-            if (titleRow) {
-              titleRow.innerHTML = params.name;
-            }
-          }
-        },
-        closed: {
-          get: function get$$1() {
-            return params.closed;
-          },
-          set: function set$$1(v) {
-            params.closed = v;
-            if (params.closed) {
-              dom.addClass(_this.__ul, GUI2.CLASS_CLOSED);
-            } else {
-              dom.removeClass(_this.__ul, GUI2.CLASS_CLOSED);
-            }
-            this.onResize();
-            if (_this.__closeButton) {
-              _this.__closeButton.innerHTML = v ? GUI2.TEXT_OPEN : GUI2.TEXT_CLOSED;
-            }
-          }
-        },
-        load: {
-          get: function get$$1() {
-            return params.load;
-          }
-        },
-        useLocalStorage: {
-          get: function get$$1() {
-            return useLocalStorage;
-          },
-          set: function set$$1(bool) {
-            if (SUPPORTS_LOCAL_STORAGE) {
-              useLocalStorage = bool;
-              if (bool) {
-                dom.bind(window, "unload", saveToLocalStorage);
-              } else {
-                dom.unbind(window, "unload", saveToLocalStorage);
-              }
-              localStorage.setItem(getLocalStorageHash(_this, "isLocal"), bool);
-            }
-          }
-        }
-      }
-    );
-    if (Common.isUndefined(params.parent)) {
-      this.closed = params.closed || false;
-      dom.addClass(this.domElement, GUI2.CLASS_MAIN);
-      dom.makeSelectable(this.domElement, false);
-      if (SUPPORTS_LOCAL_STORAGE) {
-        if (useLocalStorage) {
-          _this.useLocalStorage = true;
-          var savedGui = localStorage.getItem(getLocalStorageHash(this, "gui"));
-          if (savedGui) {
-            params.load = JSON.parse(savedGui);
-          }
-        }
-      }
-      this.__closeButton = document.createElement("div");
-      this.__closeButton.innerHTML = GUI2.TEXT_CLOSED;
-      dom.addClass(this.__closeButton, GUI2.CLASS_CLOSE_BUTTON);
-      if (params.closeOnTop) {
-        dom.addClass(this.__closeButton, GUI2.CLASS_CLOSE_TOP);
-        this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0]);
-      } else {
-        dom.addClass(this.__closeButton, GUI2.CLASS_CLOSE_BOTTOM);
-        this.domElement.appendChild(this.__closeButton);
-      }
-      dom.bind(this.__closeButton, "click", function() {
-        _this.closed = !_this.closed;
-      });
-    } else {
-      if (params.closed === void 0) {
-        params.closed = true;
-      }
-      var titleRowName = document.createTextNode(params.name);
-      dom.addClass(titleRowName, "controller-name");
-      titleRow = addRow(_this, titleRowName);
-      var onClickTitle = function onClickTitle2(e) {
-        e.preventDefault();
-        _this.closed = !_this.closed;
-        return false;
-      };
-      dom.addClass(this.__ul, GUI2.CLASS_CLOSED);
-      dom.addClass(titleRow, "title");
-      dom.bind(titleRow, "click", onClickTitle);
-      if (!params.closed) {
-        this.closed = false;
-      }
-    }
-    if (params.autoPlace) {
-      if (Common.isUndefined(params.parent)) {
-        if (autoPlaceVirgin) {
-          autoPlaceContainer = document.createElement("div");
-          dom.addClass(autoPlaceContainer, CSS_NAMESPACE);
-          dom.addClass(autoPlaceContainer, GUI2.CLASS_AUTO_PLACE_CONTAINER);
-          document.body.appendChild(autoPlaceContainer);
-          autoPlaceVirgin = false;
-        }
-        autoPlaceContainer.appendChild(this.domElement);
-        dom.addClass(this.domElement, GUI2.CLASS_AUTO_PLACE);
-      }
-      if (!this.parent) {
-        setWidth(_this, params.width);
-      }
-    }
-    this.__resizeHandler = function() {
-      _this.onResizeDebounced();
-    };
-    dom.bind(window, "resize", this.__resizeHandler);
-    dom.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler);
-    dom.bind(this.__ul, "transitionend", this.__resizeHandler);
-    dom.bind(this.__ul, "oTransitionEnd", this.__resizeHandler);
-    this.onResize();
-    if (params.resizable) {
-      addResizeHandle(this);
-    }
-    saveToLocalStorage = function saveToLocalStorage2() {
-      if (SUPPORTS_LOCAL_STORAGE && localStorage.getItem(getLocalStorageHash(_this, "isLocal")) === "true") {
-        localStorage.setItem(getLocalStorageHash(_this, "gui"), JSON.stringify(_this.getSaveObject()));
-      }
-    };
-    this.saveToLocalStorageIfPossible = saveToLocalStorage;
-    function resetWidth() {
-      var root = _this.getRoot();
-      root.width += 1;
-      Common.defer(function() {
-        root.width -= 1;
-      });
-    }
-    if (!params.parent) {
-      resetWidth();
-    }
-  };
-  GUI.toggleHide = function() {
-    hide = !hide;
-    Common.each(hideableGuis, function(gui2) {
-      gui2.domElement.style.display = hide ? "none" : "";
-    });
-  };
-  GUI.CLASS_AUTO_PLACE = "a";
-  GUI.CLASS_AUTO_PLACE_CONTAINER = "ac";
-  GUI.CLASS_MAIN = "main";
-  GUI.CLASS_CONTROLLER_ROW = "cr";
-  GUI.CLASS_TOO_TALL = "taller-than-window";
-  GUI.CLASS_CLOSED = "closed";
-  GUI.CLASS_CLOSE_BUTTON = "close-button";
-  GUI.CLASS_CLOSE_TOP = "close-top";
-  GUI.CLASS_CLOSE_BOTTOM = "close-bottom";
-  GUI.CLASS_DRAG = "drag";
-  GUI.DEFAULT_WIDTH = 245;
-  GUI.TEXT_CLOSED = "Close Controls";
-  GUI.TEXT_OPEN = "Open Controls";
-  GUI._keydownHandler = function(e) {
-    if (document.activeElement.type !== "text" && (e.which === HIDE_KEY_CODE || e.keyCode === HIDE_KEY_CODE)) {
-      GUI.toggleHide();
-    }
-  };
-  dom.bind(window, "keydown", GUI._keydownHandler, false);
-  Common.extend(
-    GUI.prototype,
-    {
-      add: function add(object, property) {
-        return _add(this, object, property, {
-          factoryArgs: Array.prototype.slice.call(arguments, 2)
-        });
-      },
-      addColor: function addColor(object, property) {
-        return _add(this, object, property, {
-          color: true
-        });
-      },
-      remove: function remove(controller) {
-        this.__ul.removeChild(controller.__li);
-        this.__controllers.splice(this.__controllers.indexOf(controller), 1);
-        var _this = this;
-        Common.defer(function() {
-          _this.onResize();
-        });
-      },
-      destroy: function destroy() {
-        if (this.parent) {
-          throw new Error("Only the root GUI should be removed with .destroy(). For subfolders, use gui.removeFolder(folder) instead.");
-        }
-        if (this.autoPlace) {
-          autoPlaceContainer.removeChild(this.domElement);
-        }
-        var _this = this;
-        Common.each(this.__folders, function(subfolder) {
-          _this.removeFolder(subfolder);
-        });
-        dom.unbind(window, "keydown", GUI._keydownHandler, false);
-        removeListeners(this);
-      },
-      addFolder: function addFolder(name) {
-        if (this.__folders[name] !== void 0) {
-          throw new Error('You already have a folder in this GUI by the name "' + name + '"');
-        }
-        var newGuiParams = { name, parent: this };
-        newGuiParams.autoPlace = this.autoPlace;
-        if (this.load && this.load.folders && this.load.folders[name]) {
-          newGuiParams.closed = this.load.folders[name].closed;
-          newGuiParams.load = this.load.folders[name];
-        }
-        var gui2 = new GUI(newGuiParams);
-        this.__folders[name] = gui2;
-        var li = addRow(this, gui2.domElement);
-        dom.addClass(li, "folder");
-        return gui2;
-      },
-      removeFolder: function removeFolder(folder) {
-        this.__ul.removeChild(folder.domElement.parentElement);
-        delete this.__folders[folder.name];
-        if (this.load && this.load.folders && this.load.folders[folder.name]) {
-          delete this.load.folders[folder.name];
-        }
-        removeListeners(folder);
-        var _this = this;
-        Common.each(folder.__folders, function(subfolder) {
-          folder.removeFolder(subfolder);
-        });
-        Common.defer(function() {
-          _this.onResize();
-        });
-      },
-      open: function open() {
-        this.closed = false;
-      },
-      close: function close() {
-        this.closed = true;
-      },
-      hide: function hide2() {
-        this.domElement.style.display = "none";
-      },
-      show: function show() {
-        this.domElement.style.display = "";
-      },
-      onResize: function onResize() {
-        var root = this.getRoot();
-        if (root.scrollable) {
-          var top = dom.getOffset(root.__ul).top;
-          var h = 0;
-          Common.each(root.__ul.childNodes, function(node) {
-            if (!(root.autoPlace && node === root.__save_row)) {
-              h += dom.getHeight(node);
-            }
-          });
-          if (window.innerHeight - top - CLOSE_BUTTON_HEIGHT < h) {
-            dom.addClass(root.domElement, GUI.CLASS_TOO_TALL);
-            root.__ul.style.height = window.innerHeight - top - CLOSE_BUTTON_HEIGHT + "px";
-          } else {
-            dom.removeClass(root.domElement, GUI.CLASS_TOO_TALL);
-            root.__ul.style.height = "auto";
-          }
-        }
-        if (root.__resize_handle) {
-          Common.defer(function() {
-            root.__resize_handle.style.height = root.__ul.offsetHeight + "px";
-          });
-        }
-        if (root.__closeButton) {
-          root.__closeButton.style.width = root.width + "px";
-        }
-      },
-      onResizeDebounced: Common.debounce(function() {
-        this.onResize();
-      }, 50),
-      remember: function remember() {
-        if (Common.isUndefined(SAVE_DIALOGUE)) {
-          SAVE_DIALOGUE = new CenteredDiv();
-          SAVE_DIALOGUE.domElement.innerHTML = saveDialogContents;
-        }
-        if (this.parent) {
-          throw new Error("You can only call remember on a top level GUI.");
-        }
-        var _this = this;
-        Common.each(Array.prototype.slice.call(arguments), function(object) {
-          if (_this.__rememberedObjects.length === 0) {
-            addSaveMenu(_this);
-          }
-          if (_this.__rememberedObjects.indexOf(object) === -1) {
-            _this.__rememberedObjects.push(object);
-          }
-        });
-        if (this.autoPlace) {
-          setWidth(this, this.width);
-        }
-      },
-      getRoot: function getRoot() {
-        var gui2 = this;
-        while (gui2.parent) {
-          gui2 = gui2.parent;
-        }
-        return gui2;
-      },
-      getSaveObject: function getSaveObject() {
-        var toReturn2 = this.load;
-        toReturn2.closed = this.closed;
-        if (this.__rememberedObjects.length > 0) {
-          toReturn2.preset = this.preset;
-          if (!toReturn2.remembered) {
-            toReturn2.remembered = {};
-          }
-          toReturn2.remembered[this.preset] = getCurrentPreset(this);
-        }
-        toReturn2.folders = {};
-        Common.each(this.__folders, function(element, key) {
-          toReturn2.folders[key] = element.getSaveObject();
-        });
-        return toReturn2;
-      },
-      save: function save() {
-        if (!this.load.remembered) {
-          this.load.remembered = {};
-        }
-        this.load.remembered[this.preset] = getCurrentPreset(this);
-        markPresetModified(this, false);
-        this.saveToLocalStorageIfPossible();
-      },
-      saveAs: function saveAs(presetName) {
-        if (!this.load.remembered) {
-          this.load.remembered = {};
-          this.load.remembered[DEFAULT_DEFAULT_PRESET_NAME] = getCurrentPreset(this, true);
-        }
-        this.load.remembered[presetName] = getCurrentPreset(this);
-        this.preset = presetName;
-        addPresetOption(this, presetName, true);
-        this.saveToLocalStorageIfPossible();
-      },
-      revert: function revert(gui2) {
-        Common.each(this.__controllers, function(controller) {
-          if (!this.getRoot().load.remembered) {
-            controller.setValue(controller.initialValue);
-          } else {
-            recallSavedValue(gui2 || this.getRoot(), controller);
-          }
-          if (controller.__onFinishChange) {
-            controller.__onFinishChange.call(controller, controller.getValue());
-          }
-        }, this);
-        Common.each(this.__folders, function(folder) {
-          folder.revert(folder);
-        });
-        if (!gui2) {
-          markPresetModified(this.getRoot(), false);
-        }
-      },
-      listen: function listen(controller) {
-        var init = this.__listening.length === 0;
-        this.__listening.push(controller);
-        if (init) {
-          updateDisplays(this.__listening);
-        }
-      },
-      updateDisplay: function updateDisplay() {
-        Common.each(this.__controllers, function(controller) {
-          controller.updateDisplay();
-        });
-        Common.each(this.__folders, function(folder) {
-          folder.updateDisplay();
-        });
-      }
-    }
-  );
-  function addRow(gui2, newDom, liBefore) {
-    var li = document.createElement("li");
-    if (newDom) {
-      li.appendChild(newDom);
-    }
-    if (liBefore) {
-      gui2.__ul.insertBefore(li, liBefore);
-    } else {
-      gui2.__ul.appendChild(li);
-    }
-    gui2.onResize();
-    return li;
-  }
-  function removeListeners(gui2) {
-    dom.unbind(window, "resize", gui2.__resizeHandler);
-    if (gui2.saveToLocalStorageIfPossible) {
-      dom.unbind(window, "unload", gui2.saveToLocalStorageIfPossible);
-    }
-  }
-  function markPresetModified(gui2, modified) {
-    var opt = gui2.__preset_select[gui2.__preset_select.selectedIndex];
-    if (modified) {
-      opt.innerHTML = opt.value + "*";
-    } else {
-      opt.innerHTML = opt.value;
-    }
-  }
-  function augmentController(gui2, li, controller) {
-    controller.__li = li;
-    controller.__gui = gui2;
-    Common.extend(controller, {
-      options: function options(_options) {
-        if (arguments.length > 1) {
-          var nextSibling = controller.__li.nextElementSibling;
-          controller.remove();
-          return _add(gui2, controller.object, controller.property, {
-            before: nextSibling,
-            factoryArgs: [Common.toArray(arguments)]
-          });
-        }
-        if (Common.isArray(_options) || Common.isObject(_options)) {
-          var _nextSibling = controller.__li.nextElementSibling;
-          controller.remove();
-          return _add(gui2, controller.object, controller.property, {
-            before: _nextSibling,
-            factoryArgs: [_options]
-          });
-        }
-      },
-      name: function name(_name) {
-        controller.__li.firstElementChild.firstElementChild.innerHTML = _name;
-        return controller;
-      },
-      listen: function listen() {
-        controller.__gui.listen(controller);
-        return controller;
-      },
-      remove: function remove() {
-        controller.__gui.remove(controller);
-        return controller;
-      }
-    });
-    if (controller instanceof NumberControllerSlider) {
-      var box = new NumberControllerBox(controller.object, controller.property, { min: controller.__min, max: controller.__max, step: controller.__step });
-      Common.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(method) {
-        var pc = controller[method];
-        var pb = box[method];
-        controller[method] = box[method] = function() {
-          var args = Array.prototype.slice.call(arguments);
-          pb.apply(box, args);
-          return pc.apply(controller, args);
-        };
-      });
-      dom.addClass(li, "has-slider");
-      controller.domElement.insertBefore(box.domElement, controller.domElement.firstElementChild);
-    } else if (controller instanceof NumberControllerBox) {
-      var r = function r2(returned) {
-        if (Common.isNumber(controller.__min) && Common.isNumber(controller.__max)) {
-          var oldName = controller.__li.firstElementChild.firstElementChild.innerHTML;
-          var wasListening = controller.__gui.__listening.indexOf(controller) > -1;
-          controller.remove();
-          var newController = _add(gui2, controller.object, controller.property, {
-            before: controller.__li.nextElementSibling,
-            factoryArgs: [controller.__min, controller.__max, controller.__step]
-          });
-          newController.name(oldName);
-          if (wasListening)
-            newController.listen();
-          return newController;
-        }
-        return returned;
-      };
-      controller.min = Common.compose(r, controller.min);
-      controller.max = Common.compose(r, controller.max);
-    } else if (controller instanceof BooleanController) {
-      dom.bind(li, "click", function() {
-        dom.fakeEvent(controller.__checkbox, "click");
-      });
-      dom.bind(controller.__checkbox, "click", function(e) {
-        e.stopPropagation();
-      });
-    } else if (controller instanceof FunctionController) {
-      dom.bind(li, "click", function() {
-        dom.fakeEvent(controller.__button, "click");
-      });
-      dom.bind(li, "mouseover", function() {
-        dom.addClass(controller.__button, "hover");
-      });
-      dom.bind(li, "mouseout", function() {
-        dom.removeClass(controller.__button, "hover");
-      });
-    } else if (controller instanceof ColorController) {
-      dom.addClass(li, "color");
-      controller.updateDisplay = Common.compose(function(val) {
-        li.style.borderLeftColor = controller.__color.toString();
-        return val;
-      }, controller.updateDisplay);
-      controller.updateDisplay();
-    }
-    controller.setValue = Common.compose(function(val) {
-      if (gui2.getRoot().__preset_select && controller.isModified()) {
-        markPresetModified(gui2.getRoot(), true);
-      }
-      return val;
-    }, controller.setValue);
-  }
-  function recallSavedValue(gui2, controller) {
-    var root = gui2.getRoot();
-    var matchedIndex = root.__rememberedObjects.indexOf(controller.object);
-    if (matchedIndex !== -1) {
-      var controllerMap = root.__rememberedObjectIndecesToControllers[matchedIndex];
-      if (controllerMap === void 0) {
-        controllerMap = {};
-        root.__rememberedObjectIndecesToControllers[matchedIndex] = controllerMap;
-      }
-      controllerMap[controller.property] = controller;
-      if (root.load && root.load.remembered) {
-        var presetMap = root.load.remembered;
-        var preset = void 0;
-        if (presetMap[gui2.preset]) {
-          preset = presetMap[gui2.preset];
-        } else if (presetMap[DEFAULT_DEFAULT_PRESET_NAME]) {
-          preset = presetMap[DEFAULT_DEFAULT_PRESET_NAME];
-        } else {
-          return;
-        }
-        if (preset[matchedIndex] && preset[matchedIndex][controller.property] !== void 0) {
-          var value = preset[matchedIndex][controller.property];
-          controller.initialValue = value;
-          controller.setValue(value);
-        }
-      }
-    }
-  }
-  function _add(gui2, object, property, params) {
-    if (object[property] === void 0) {
-      throw new Error('Object "' + object + '" has no property "' + property + '"');
-    }
-    var controller = void 0;
-    if (params.color) {
-      controller = new ColorController(object, property);
-    } else {
-      var factoryArgs = [object, property].concat(params.factoryArgs);
-      controller = ControllerFactory.apply(gui2, factoryArgs);
-    }
-    if (params.before instanceof Controller) {
-      params.before = params.before.__li;
-    }
-    recallSavedValue(gui2, controller);
-    dom.addClass(controller.domElement, "c");
-    var name = document.createElement("span");
-    dom.addClass(name, "property-name");
-    name.innerHTML = controller.property;
-    var container = document.createElement("div");
-    container.appendChild(name);
-    container.appendChild(controller.domElement);
-    var li = addRow(gui2, container, params.before);
-    dom.addClass(li, GUI.CLASS_CONTROLLER_ROW);
-    if (controller instanceof ColorController) {
-      dom.addClass(li, "color");
-    } else {
-      dom.addClass(li, _typeof(controller.getValue()));
-    }
-    augmentController(gui2, li, controller);
-    gui2.__controllers.push(controller);
-    return controller;
-  }
-  function getLocalStorageHash(gui2, key) {
-    return document.location.href + "." + key;
-  }
-  function addPresetOption(gui2, name, setSelected) {
-    var opt = document.createElement("option");
-    opt.innerHTML = name;
-    opt.value = name;
-    gui2.__preset_select.appendChild(opt);
-    if (setSelected) {
-      gui2.__preset_select.selectedIndex = gui2.__preset_select.length - 1;
-    }
-  }
-  function showHideExplain(gui2, explain) {
-    explain.style.display = gui2.useLocalStorage ? "block" : "none";
-  }
-  function addSaveMenu(gui2) {
-    var div = gui2.__save_row = document.createElement("li");
-    dom.addClass(gui2.domElement, "has-save");
-    gui2.__ul.insertBefore(div, gui2.__ul.firstChild);
-    dom.addClass(div, "save-row");
-    var gears = document.createElement("span");
-    gears.innerHTML = "&nbsp;";
-    dom.addClass(gears, "button gears");
-    var button = document.createElement("span");
-    button.innerHTML = "Save";
-    dom.addClass(button, "button");
-    dom.addClass(button, "save");
-    var button2 = document.createElement("span");
-    button2.innerHTML = "New";
-    dom.addClass(button2, "button");
-    dom.addClass(button2, "save-as");
-    var button3 = document.createElement("span");
-    button3.innerHTML = "Revert";
-    dom.addClass(button3, "button");
-    dom.addClass(button3, "revert");
-    var select = gui2.__preset_select = document.createElement("select");
-    if (gui2.load && gui2.load.remembered) {
-      Common.each(gui2.load.remembered, function(value, key) {
-        addPresetOption(gui2, key, key === gui2.preset);
-      });
-    } else {
-      addPresetOption(gui2, DEFAULT_DEFAULT_PRESET_NAME, false);
-    }
-    dom.bind(select, "change", function() {
-      for (var index = 0; index < gui2.__preset_select.length; index++) {
-        gui2.__preset_select[index].innerHTML = gui2.__preset_select[index].value;
-      }
-      gui2.preset = this.value;
-    });
-    div.appendChild(select);
-    div.appendChild(gears);
-    div.appendChild(button);
-    div.appendChild(button2);
-    div.appendChild(button3);
-    if (SUPPORTS_LOCAL_STORAGE) {
-      var explain = document.getElementById("dg-local-explain");
-      var localStorageCheckBox = document.getElementById("dg-local-storage");
-      var saveLocally = document.getElementById("dg-save-locally");
-      saveLocally.style.display = "block";
-      if (localStorage.getItem(getLocalStorageHash(gui2, "isLocal")) === "true") {
-        localStorageCheckBox.setAttribute("checked", "checked");
-      }
-      showHideExplain(gui2, explain);
-      dom.bind(localStorageCheckBox, "change", function() {
-        gui2.useLocalStorage = !gui2.useLocalStorage;
-        showHideExplain(gui2, explain);
-      });
-    }
-    var newConstructorTextArea = document.getElementById("dg-new-constructor");
-    dom.bind(newConstructorTextArea, "keydown", function(e) {
-      if (e.metaKey && (e.which === 67 || e.keyCode === 67)) {
-        SAVE_DIALOGUE.hide();
-      }
-    });
-    dom.bind(gears, "click", function() {
-      newConstructorTextArea.innerHTML = JSON.stringify(gui2.getSaveObject(), void 0, 2);
-      SAVE_DIALOGUE.show();
-      newConstructorTextArea.focus();
-      newConstructorTextArea.select();
-    });
-    dom.bind(button, "click", function() {
-      gui2.save();
-    });
-    dom.bind(button2, "click", function() {
-      var presetName = prompt("Enter a new preset name.");
-      if (presetName) {
-        gui2.saveAs(presetName);
-      }
-    });
-    dom.bind(button3, "click", function() {
-      gui2.revert();
-    });
-  }
-  function addResizeHandle(gui2) {
-    var pmouseX = void 0;
-    gui2.__resize_handle = document.createElement("div");
-    Common.extend(gui2.__resize_handle.style, {
-      width: "6px",
-      marginLeft: "-3px",
-      height: "200px",
-      cursor: "ew-resize",
-      position: "absolute"
-    });
-    function drag(e) {
-      e.preventDefault();
-      gui2.width += pmouseX - e.clientX;
-      gui2.onResize();
-      pmouseX = e.clientX;
-      return false;
-    }
-    function dragStop() {
-      dom.removeClass(gui2.__closeButton, GUI.CLASS_DRAG);
-      dom.unbind(window, "mousemove", drag);
-      dom.unbind(window, "mouseup", dragStop);
-    }
-    function dragStart(e) {
-      e.preventDefault();
-      pmouseX = e.clientX;
-      dom.addClass(gui2.__closeButton, GUI.CLASS_DRAG);
-      dom.bind(window, "mousemove", drag);
-      dom.bind(window, "mouseup", dragStop);
-      return false;
-    }
-    dom.bind(gui2.__resize_handle, "mousedown", dragStart);
-    dom.bind(gui2.__closeButton, "mousedown", dragStart);
-    gui2.domElement.insertBefore(gui2.__resize_handle, gui2.domElement.firstElementChild);
-  }
-  function setWidth(gui2, w2) {
-    gui2.domElement.style.width = w2 + "px";
-    if (gui2.__save_row && gui2.autoPlace) {
-      gui2.__save_row.style.width = w2 + "px";
-    }
-    if (gui2.__closeButton) {
-      gui2.__closeButton.style.width = w2 + "px";
-    }
-  }
-  function getCurrentPreset(gui2, useInitialValues) {
-    var toReturn2 = {};
-    Common.each(gui2.__rememberedObjects, function(val, index) {
-      var savedValues = {};
-      var controllerMap = gui2.__rememberedObjectIndecesToControllers[index];
-      Common.each(controllerMap, function(controller, property) {
-        savedValues[property] = useInitialValues ? controller.initialValue : controller.getValue();
-      });
-      toReturn2[index] = savedValues;
-    });
-    return toReturn2;
-  }
-  function setPresetSelectIndex(gui2) {
-    for (var index = 0; index < gui2.__preset_select.length; index++) {
-      if (gui2.__preset_select[index].value === gui2.preset) {
-        gui2.__preset_select.selectedIndex = index;
-      }
-    }
-  }
-  function updateDisplays(controllerArray) {
-    if (controllerArray.length !== 0) {
-      requestAnimationFrame$1$1.call(window, function() {
-        updateDisplays(controllerArray);
-      });
-    }
-    Common.each(controllerArray, function(c2) {
-      c2.updateDisplay();
-    });
-  }
-  var GUI$1 = GUI;
   /**
    * @license
    * Copyright 2010-2023 Three.js Authors
@@ -18083,16 +15627,16 @@ var __publicField = (obj, key, value) => {
       return void 0;
     }
     getObjectsByProperty(name, value) {
-      let result2 = [];
+      let result = [];
       if (this[name] === value)
-        result2.push(this);
+        result.push(this);
       for (let i = 0, l = this.children.length; i < l; i++) {
         const childResult = this.children[i].getObjectsByProperty(name, value);
         if (childResult.length > 0) {
-          result2 = result2.concat(childResult);
+          result = result.concat(childResult);
         }
       }
-      return result2;
+      return result;
     }
     getWorldPosition(target) {
       this.updateWorldMatrix(true, false);
@@ -21599,7 +19143,7 @@ var __publicField = (obj, key, value) => {
       }
       attribute.onUploadCallback();
     }
-    function get2(attribute) {
+    function get(attribute) {
       if (attribute.isInterleavedBufferAttribute)
         attribute = attribute.data;
       return buffers.get(attribute);
@@ -21637,7 +19181,7 @@ var __publicField = (obj, key, value) => {
       }
     }
     return {
-      get: get2,
+      get,
       remove,
       update
     };
@@ -23104,7 +20648,7 @@ var __publicField = (obj, key, value) => {
       }
       return texture;
     }
-    function get2(texture) {
+    function get(texture) {
       if (texture && texture.isTexture && texture.isRenderTargetTexture === false) {
         const mapping = texture.mapping;
         if (mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping) {
@@ -23140,7 +20684,7 @@ var __publicField = (obj, key, value) => {
       cubemaps = /* @__PURE__ */ new WeakMap();
     }
     return {
-      get: get2,
+      get,
       dispose
     };
   }
@@ -23870,7 +21414,7 @@ var __publicField = (obj, key, value) => {
   function WebGLCubeUVMaps(renderer) {
     let cubeUVmaps = /* @__PURE__ */ new WeakMap();
     let pmremGenerator = null;
-    function get2(texture) {
+    function get(texture) {
       if (texture && texture.isTexture) {
         const mapping = texture.mapping;
         const isEquirectMap = mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping;
@@ -23931,7 +21475,7 @@ var __publicField = (obj, key, value) => {
       }
     }
     return {
-      get: get2,
+      get,
       dispose
     };
   }
@@ -24021,7 +21565,7 @@ var __publicField = (obj, key, value) => {
       }
       info.memory.geometries--;
     }
-    function get2(object, geometry) {
+    function get(object, geometry) {
       if (geometries[geometry.id] === true)
         return geometry;
       geometry.addEventListener("dispose", onGeometryDispose);
@@ -24090,7 +21634,7 @@ var __publicField = (obj, key, value) => {
       return wireframeAttributes.get(geometry);
     }
     return {
-      get: get2,
+      get,
       update,
       getWireframeAttribute
     };
@@ -24963,8 +22507,8 @@ var __publicField = (obj, key, value) => {
         addUniform(container, subscript === void 0 ? new SingleUniform(id, activeInfo, addr) : new PureArrayUniform(id, activeInfo, addr));
         break;
       } else {
-        const map2 = container.map;
-        let next = map2[id];
+        const map = container.map;
+        let next = map[id];
         if (next === void 0) {
           next = new StructuredUniform(id);
           addUniform(container, next);
@@ -26164,13 +23708,13 @@ var __publicField = (obj, key, value) => {
   }
   function WebGLProperties() {
     let properties = /* @__PURE__ */ new WeakMap();
-    function get2(object) {
-      let map2 = properties.get(object);
-      if (map2 === void 0) {
-        map2 = {};
-        properties.set(object, map2);
+    function get(object) {
+      let map = properties.get(object);
+      if (map === void 0) {
+        map = {};
+        properties.set(object, map);
       }
-      return map2;
+      return map;
     }
     function remove(object) {
       properties.delete(object);
@@ -26182,7 +23726,7 @@ var __publicField = (obj, key, value) => {
       properties = /* @__PURE__ */ new WeakMap();
     }
     return {
-      get: get2,
+      get,
       remove,
       update,
       dispose
@@ -26304,7 +23848,7 @@ var __publicField = (obj, key, value) => {
   }
   function WebGLRenderLists() {
     let lists = /* @__PURE__ */ new WeakMap();
-    function get2(scene, renderCallDepth) {
+    function get(scene, renderCallDepth) {
       const listArray = lists.get(scene);
       let list;
       if (listArray === void 0) {
@@ -26324,7 +23868,7 @@ var __publicField = (obj, key, value) => {
       lists = /* @__PURE__ */ new WeakMap();
     }
     return {
-      get: get2,
+      get,
       dispose
     };
   }
@@ -26730,7 +24274,7 @@ var __publicField = (obj, key, value) => {
   }
   function WebGLRenderStates(extensions, capabilities) {
     let renderStates = /* @__PURE__ */ new WeakMap();
-    function get2(scene, renderCallDepth = 0) {
+    function get(scene, renderCallDepth = 0) {
       const renderStateArray = renderStates.get(scene);
       let renderState;
       if (renderStateArray === void 0) {
@@ -26750,7 +24294,7 @@ var __publicField = (obj, key, value) => {
       renderStates = /* @__PURE__ */ new WeakMap();
     }
     return {
-      get: get2,
+      get,
       dispose
     };
   }
@@ -26940,14 +24484,14 @@ var __publicField = (obj, key, value) => {
       _renderer.renderBufferDirect(camera, null, geometry, shadowMaterialHorizontal, fullScreenMesh, null);
     }
     function getDepthMaterial(object, material, light, type) {
-      let result2 = null;
+      let result = null;
       const customMaterial = light.isPointLight === true ? object.customDistanceMaterial : object.customDepthMaterial;
       if (customMaterial !== void 0) {
-        result2 = customMaterial;
+        result = customMaterial;
       } else {
-        result2 = light.isPointLight === true ? _distanceMaterial : _depthMaterial;
+        result = light.isPointLight === true ? _distanceMaterial : _depthMaterial;
         if (_renderer.localClippingEnabled && material.clipShadows === true && Array.isArray(material.clippingPlanes) && material.clippingPlanes.length !== 0 || material.displacementMap && material.displacementScale !== 0 || material.alphaMap && material.alphaTest > 0 || material.map && material.alphaTest > 0) {
-          const keyA = result2.uuid, keyB = material.uuid;
+          const keyA = result.uuid, keyB = material.uuid;
           let materialsForVariant = _materialCache[keyA];
           if (materialsForVariant === void 0) {
             materialsForVariant = {};
@@ -26955,35 +24499,35 @@ var __publicField = (obj, key, value) => {
           }
           let cachedMaterial = materialsForVariant[keyB];
           if (cachedMaterial === void 0) {
-            cachedMaterial = result2.clone();
+            cachedMaterial = result.clone();
             materialsForVariant[keyB] = cachedMaterial;
           }
-          result2 = cachedMaterial;
+          result = cachedMaterial;
         }
       }
-      result2.visible = material.visible;
-      result2.wireframe = material.wireframe;
+      result.visible = material.visible;
+      result.wireframe = material.wireframe;
       if (type === VSMShadowMap) {
-        result2.side = material.shadowSide !== null ? material.shadowSide : material.side;
+        result.side = material.shadowSide !== null ? material.shadowSide : material.side;
       } else {
-        result2.side = material.shadowSide !== null ? material.shadowSide : shadowSide[material.side];
-      }
-      result2.alphaMap = material.alphaMap;
-      result2.alphaTest = material.alphaTest;
-      result2.map = material.map;
-      result2.clipShadows = material.clipShadows;
-      result2.clippingPlanes = material.clippingPlanes;
-      result2.clipIntersection = material.clipIntersection;
-      result2.displacementMap = material.displacementMap;
-      result2.displacementScale = material.displacementScale;
-      result2.displacementBias = material.displacementBias;
-      result2.wireframeLinewidth = material.wireframeLinewidth;
-      result2.linewidth = material.linewidth;
-      if (light.isPointLight === true && result2.isMeshDistanceMaterial === true) {
-        const materialProperties = _renderer.properties.get(result2);
+        result.side = material.shadowSide !== null ? material.shadowSide : shadowSide[material.side];
+      }
+      result.alphaMap = material.alphaMap;
+      result.alphaTest = material.alphaTest;
+      result.map = material.map;
+      result.clipShadows = material.clipShadows;
+      result.clippingPlanes = material.clippingPlanes;
+      result.clipIntersection = material.clipIntersection;
+      result.displacementMap = material.displacementMap;
+      result.displacementScale = material.displacementScale;
+      result.displacementBias = material.displacementBias;
+      result.wireframeLinewidth = material.wireframeLinewidth;
+      result.linewidth = material.linewidth;
+      if (light.isPointLight === true && result.isMeshDistanceMaterial === true) {
+        const materialProperties = _renderer.properties.get(result);
         materialProperties.light = light;
       }
-      return result2;
+      return result;
     }
     function renderObject(object, camera, shadowCamera, light, type) {
       if (object.visible === false)
@@ -29752,11 +27296,11 @@ var __publicField = (obj, key, value) => {
     }
   }
   function WebGLMaterials(renderer, properties) {
-    function refreshTransformUniform(map2, uniform) {
-      if (map2.matrixAutoUpdate === true) {
-        map2.updateMatrix();
+    function refreshTransformUniform(map, uniform) {
+      if (map.matrixAutoUpdate === true) {
+        map.updateMatrix();
       }
-      uniform.value.copy(map2.matrix);
+      uniform.value.copy(map.matrix);
     }
     function refreshFogUniforms(uniforms, fog) {
       fog.color.getRGB(uniforms.fogColor.value, getUnlitUniformColorSpace(renderer));
@@ -32913,22 +30457,22 @@ var __publicField = (obj, key, value) => {
       return times[i] - times[j];
     }
     const n2 = times.length;
-    const result2 = new Array(n2);
+    const result = new Array(n2);
     for (let i = 0; i !== n2; ++i)
-      result2[i] = i;
-    result2.sort(compareTime);
-    return result2;
+      result[i] = i;
+    result.sort(compareTime);
+    return result;
   }
   function sortedArray(values, stride, order) {
     const nValues = values.length;
-    const result2 = new values.constructor(nValues);
+    const result = new values.constructor(nValues);
     for (let i = 0, dstOffset = 0; dstOffset !== nValues; ++i) {
       const srcOffset = order[i] * stride;
       for (let j = 0; j !== stride; ++j) {
-        result2[dstOffset++] = values[srcOffset + j];
+        result[dstOffset++] = values[srcOffset + j];
       }
     }
-    return result2;
+    return result;
   }
   function flattenJSON(jsonKeys, times, values, valuePropertyName) {
     let i = 1, key = jsonKeys[0];
@@ -33061,11 +30605,11 @@ var __publicField = (obj, key, value) => {
       return this.settings || this.DefaultSettings_;
     }
     copySampleValue_(index) {
-      const result2 = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, offset = index * stride;
+      const result = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, offset = index * stride;
       for (let i = 0; i !== stride; ++i) {
-        result2[i] = values[offset + i];
+        result[i] = values[offset + i];
       }
-      return result2;
+      return result;
     }
     // Template methods for derived classes:
     interpolate_() {
@@ -33126,15 +30670,15 @@ var __publicField = (obj, key, value) => {
       this._offsetNext = iNext * stride;
     }
     interpolate_(i1, t0, t2, t1) {
-      const result2 = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, o1 = i1 * stride, o0 = o1 - stride, oP = this._offsetPrev, oN = this._offsetNext, wP = this._weightPrev, wN = this._weightNext, p2 = (t2 - t0) / (t1 - t0), pp = p2 * p2, ppp = pp * p2;
+      const result = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, o1 = i1 * stride, o0 = o1 - stride, oP = this._offsetPrev, oN = this._offsetNext, wP = this._weightPrev, wN = this._weightNext, p2 = (t2 - t0) / (t1 - t0), pp = p2 * p2, ppp = pp * p2;
       const sP = -wP * ppp + 2 * wP * pp - wP * p2;
       const s0 = (1 + wP) * ppp + (-1.5 - 2 * wP) * pp + (-0.5 + wP) * p2 + 1;
       const s1 = (-1 - wN) * ppp + (1.5 + wN) * pp + 0.5 * p2;
       const sN = wN * ppp - wN * pp;
       for (let i = 0; i !== stride; ++i) {
-        result2[i] = sP * values[oP + i] + s0 * values[o0 + i] + s1 * values[o1 + i] + sN * values[oN + i];
+        result[i] = sP * values[oP + i] + s0 * values[o0 + i] + s1 * values[o1 + i] + sN * values[oN + i];
       }
-      return result2;
+      return result;
     }
   }
   class LinearInterpolant extends Interpolant {
@@ -33142,11 +30686,11 @@ var __publicField = (obj, key, value) => {
       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
     }
     interpolate_(i1, t0, t2, t1) {
-      const result2 = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, offset1 = i1 * stride, offset0 = offset1 - stride, weight1 = (t2 - t0) / (t1 - t0), weight0 = 1 - weight1;
+      const result = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, offset1 = i1 * stride, offset0 = offset1 - stride, weight1 = (t2 - t0) / (t1 - t0), weight0 = 1 - weight1;
       for (let i = 0; i !== stride; ++i) {
-        result2[i] = values[offset0 + i] * weight0 + values[offset1 + i] * weight1;
+        result[i] = values[offset0 + i] * weight0 + values[offset1 + i] * weight1;
       }
-      return result2;
+      return result;
     }
   }
   class DiscreteInterpolant extends Interpolant {
@@ -33189,14 +30733,14 @@ var __publicField = (obj, key, value) => {
       json.type = track.ValueTypeName;
       return json;
     }
-    InterpolantFactoryMethodDiscrete(result2) {
-      return new DiscreteInterpolant(this.times, this.values, this.getValueSize(), result2);
+    InterpolantFactoryMethodDiscrete(result) {
+      return new DiscreteInterpolant(this.times, this.values, this.getValueSize(), result);
     }
-    InterpolantFactoryMethodLinear(result2) {
-      return new LinearInterpolant(this.times, this.values, this.getValueSize(), result2);
+    InterpolantFactoryMethodLinear(result) {
+      return new LinearInterpolant(this.times, this.values, this.getValueSize(), result);
     }
-    InterpolantFactoryMethodSmooth(result2) {
-      return new CubicInterpolant(this.times, this.values, this.getValueSize(), result2);
+    InterpolantFactoryMethodSmooth(result) {
+      return new CubicInterpolant(this.times, this.values, this.getValueSize(), result);
     }
     setInterpolation(interpolation) {
       let factoryMethod;
@@ -33404,17 +30948,17 @@ var __publicField = (obj, key, value) => {
       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
     }
     interpolate_(i1, t0, t2, t1) {
-      const result2 = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, alpha = (t2 - t0) / (t1 - t0);
+      const result = this.resultBuffer, values = this.sampleValues, stride = this.valueSize, alpha = (t2 - t0) / (t1 - t0);
       let offset = i1 * stride;
       for (let end = offset + stride; offset !== end; offset += 4) {
-        Quaternion.slerpFlat(result2, 0, values, offset - stride, values, offset, alpha);
+        Quaternion.slerpFlat(result, 0, values, offset - stride, values, offset, alpha);
       }
-      return result2;
+      return result;
     }
   }
   class QuaternionKeyframeTrack extends KeyframeTrack {
-    InterpolantFactoryMethodLinear(result2) {
-      return new QuaternionLinearInterpolant(this.times, this.values, this.getValueSize(), result2);
+    InterpolantFactoryMethodLinear(result) {
+      return new QuaternionLinearInterpolant(this.times, this.values, this.getValueSize(), result);
     }
   }
   QuaternionKeyframeTrack.prototype.ValueTypeName = "quaternion";
@@ -34625,9 +32169,9 @@ var __publicField = (obj, key, value) => {
             if (childNode.name === nodeName || childNode.uuid === nodeName) {
               return childNode;
             }
-            const result2 = searchNodeSubtree(childNode.children);
-            if (result2)
-              return result2;
+            const result = searchNodeSubtree(childNode.children);
+            if (result)
+              return result;
           }
           return null;
         };
@@ -36517,9 +34061,9 @@ var __publicField = (obj, key, value) => {
             });
           } else {
             return decoder.ready.then(function() {
-              const result2 = new ArrayBuffer(count * stride);
-              decoder.decodeGltfBuffer(new Uint8Array(result2), count, stride, source, extensionDef.mode, extensionDef.filter);
-              return result2;
+              const result = new ArrayBuffer(count * stride);
+              decoder.decodeGltfBuffer(new Uint8Array(result), count, stride, source, extensionDef.mode, extensionDef.filter);
+              return result;
             });
           }
         });
@@ -36726,14 +34270,14 @@ var __publicField = (obj, key, value) => {
       super(parameterPositions, sampleValues, sampleSize, resultBuffer);
     }
     copySampleValue_(index) {
-      const result2 = this.resultBuffer, values = this.sampleValues, valueSize = this.valueSize, offset = index * valueSize * 3 + valueSize;
+      const result = this.resultBuffer, values = this.sampleValues, valueSize = this.valueSize, offset = index * valueSize * 3 + valueSize;
       for (let i = 0; i !== valueSize; i++) {
-        result2[i] = values[offset + i];
+        result[i] = values[offset + i];
       }
-      return result2;
+      return result;
     }
     interpolate_(i1, t0, t2, t1) {
-      const result2 = this.resultBuffer;
+      const result = this.resultBuffer;
       const values = this.sampleValues;
       const stride = this.valueSize;
       const stride2 = stride * 2;
@@ -36753,17 +34297,17 @@ var __publicField = (obj, key, value) => {
         const m0 = values[offset0 + i + stride2] * td;
         const p1 = values[offset1 + i + stride];
         const m1 = values[offset1 + i] * td;
-        result2[i] = s0 * p0 + s1 * m0 + s2 * p1 + s3 * m1;
+        result[i] = s0 * p0 + s1 * m0 + s2 * p1 + s3 * m1;
       }
-      return result2;
+      return result;
     }
   }
   const _q = new Quaternion();
   class GLTFCubicSplineQuaternionInterpolant extends GLTFCubicSplineInterpolant {
     interpolate_(i1, t0, t2, t1) {
-      const result2 = super.interpolate_(i1, t0, t2, t1);
-      _q.fromArray(result2).normalize().toArray(result2);
-      return result2;
+      const result = super.interpolate_(i1, t0, t2, t1);
+      _q.fromArray(result).normalize().toArray(result);
+      return result;
     }
   }
   const WEBGL_CONSTANTS = {
@@ -37056,7 +34600,7 @@ var __publicField = (obj, key, value) => {
           parser.getDependencies("camera")
         ]);
       }).then(function(dependencies) {
-        const result2 = {
+        const result = {
           scene: dependencies[0][json.scene || 0],
           scenes: dependencies[0],
           animations: dependencies[1],
@@ -37065,12 +34609,12 @@ var __publicField = (obj, key, value) => {
           parser,
           userData: {}
         };
-        addUnknownExtensionsToUserData(extensions, result2, json);
-        assignExtrasToUserData(result2, json);
+        addUnknownExtensionsToUserData(extensions, result, json);
+        assignExtrasToUserData(result, json);
         return Promise.all(parser._invokeAll(function(ext) {
-          return ext.afterRoot && ext.afterRoot(result2);
+          return ext.afterRoot && ext.afterRoot(result);
         })).then(function() {
-          onLoad(result2);
+          onLoad(result);
         });
       }).catch(onError);
     }
@@ -37139,9 +34683,9 @@ var __publicField = (obj, key, value) => {
       const extensions = Object.values(this.plugins);
       extensions.push(this);
       for (let i = 0; i < extensions.length; i++) {
-        const result2 = func(extensions[i]);
-        if (result2)
-          return result2;
+        const result = func(extensions[i]);
+        if (result)
+          return result;
       }
       return null;
     }
@@ -37150,9 +34694,9 @@ var __publicField = (obj, key, value) => {
       extensions.unshift(this);
       const pending = [];
       for (let i = 0; i < extensions.length; i++) {
-        const result2 = func(extensions[i]);
-        if (result2)
-          pending.push(result2);
+        const result = func(extensions[i]);
+        if (result)
+          pending.push(result);
       }
       return pending;
     }
@@ -38128,9 +35672,9 @@ var __publicField = (obj, key, value) => {
       return outputArray;
     }
     _createCubicSplineTrackInterpolant(track) {
-      track.createInterpolant = function InterpolantFactoryMethodGLTFCubicSpline(result2) {
+      track.createInterpolant = function InterpolantFactoryMethodGLTFCubicSpline(result) {
         const interpolantType = this instanceof QuaternionKeyframeTrack ? GLTFCubicSplineQuaternionInterpolant : GLTFCubicSplineInterpolant;
-        return new interpolantType(this.times, this.values, this.getValueSize() / 3, result2);
+        return new interpolantType(this.times, this.values, this.getValueSize() / 3, result);
       };
       track.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline = true;
     }
@@ -38760,14 +36304,14 @@ var __publicField = (obj, key, value) => {
         const array = arrays[i];
         totalByteLength += array.byteLength;
       }
-      const result2 = new Uint8Array(totalByteLength);
+      const result = new Uint8Array(totalByteLength);
       let byteOffset = 0;
       for (let i = 0; i < arrays.length; i++) {
         const array = arrays[i];
-        result2.set(array, byteOffset);
+        result.set(array, byteOffset);
         byteOffset += array.byteLength;
       }
-      return result2;
+      return result;
     }
   };
   const UNCOMPRESSED_FORMATS = /* @__PURE__ */ new Set([RGBAFormat, RGFormat, RedFormat]);
@@ -39245,8 +36789,7 @@ var __publicField = (obj, key, value) => {
     positions: { value: positions },
     opacities: { value: opacities }
   };
-  let gui = new GUI$1({ autoPlace: false });
-  const guiContainer = document.getElementById("gui-container");
+  document.getElementById("gui-container");
   class CustomRenderer {
     // lensMaterial:THREE.MeshPhysicalMaterial| any
     constructor(apiService) {
@@ -39304,15 +36847,36 @@ var __publicField = (obj, key, value) => {
         );
       }
     }
+    getMinY(mesh) {
+      let lowestY = Number.POSITIVE_INFINITY;
+      if (mesh.geometry instanceof BufferGeometry) {
+        const positionAttribute = mesh.geometry.getAttribute("position");
+        if (positionAttribute) {
+          const positions2 = positionAttribute.array;
+          for (let i = 0; i < positions2.length; i += 3) {
+            const vertex2 = new Vector3(
+              positions2[i],
+              positions2[i + 1],
+              positions2[i + 2]
+            );
+            const worldPosition = mesh.localToWorld(vertex2.clone());
+            lowestY = Math.min(lowestY, worldPosition.y);
+          }
+        }
+      }
+      return lowestY;
+    }
     updateScene(gltf) {
       gltf.scene.scale.set(7, 7, 7);
       gltf.scene.position.y -= 0.08;
     }
     updateMaterials(gltf) {
-      gltf.scene.scale.set(7, 7, 7);
-      gltf.scene.position.y -= 0.08;
+      this.updateScene(gltf);
+      let bottom = Number.POSITIVE_INFINITY;
+      let targetY = -0.313;
       gltf.scene.traverse((node) => {
         if (node.isMesh) {
+          bottom = Math.min(bottom, this.getMinY(node));
           if (node.material && node.material.name == "Lenses") {
             let lowestY = Number.POSITIVE_INFINITY;
             let highestY = Number.NEGATIVE_INFINITY;
@@ -39419,6 +36983,10 @@ var __publicField = (obj, key, value) => {
           }
         }
       });
+      let diff = targetY - bottom;
+      gltf.scene.position.y += diff;
+      gu.minY.value += diff;
+      gu.maxY.value += diff;
     }
     async loadEyewearFromGLTF(loader, modelFileUrl, renderer, renderAsIs, decryptionKey) {
       const manager = new LoadingManager();
@@ -39428,11 +36996,11 @@ var __publicField = (obj, key, value) => {
       loader.setKTX2Loader(ktx2Loader.detectSupport(renderer));
       const password = decryptionKey;
       const isRawGlbFile = modelFileUrl.includes(".glb");
-      let result2;
+      let result;
       if (isRawGlbFile) {
-        result2 = await loader.loadAsync(modelFileUrl);
+        result = await loader.loadAsync(modelFileUrl);
       } else {
-        result2 = await this.LoadEncryptedGlb(loader, modelFileUrl, password).then((finalRes) => {
+        result = await this.LoadEncryptedGlb(loader, modelFileUrl, password).then((finalRes) => {
           if (renderAsIs) {
             this.updateScene(finalRes.result);
           } else {
@@ -39441,7 +37009,7 @@ var __publicField = (obj, key, value) => {
           this.setupAndRenderScene(finalRes.result.scene);
         });
       }
-      return result2 == null ? void 0 : result2.scene;
+      return result == null ? void 0 : result.scene;
     }
     async setupDropdownAndListeners(response) {
       const selectDropdown = document.getElementById("Framedropdown");
@@ -39631,7 +37199,6 @@ var __publicField = (obj, key, value) => {
     }
     setupLensMaterial(selectedLens) {
       if (lensMaterial) {
-        console.log(selectedLens);
         if (selectedLens.direction == "u") {
           lensMaterial.color = new Color(selectedLens.color);
           lensMaterial.opacity = selectedLens.opacity;
@@ -39661,106 +37228,124 @@ var __publicField = (obj, key, value) => {
         lensMaterial.metalness = selectedLens.metalness;
       }
     }
-    createGuiControls(selectedLens, name) {
-      guiContainer.innerHTML = "";
-      gui.destroy();
-      gui = new GUI$1({ autoPlace: false });
-      const datGuiContainer = document.createElement("div");
-      guiContainer.appendChild(datGuiContainer);
-      datGuiContainer.appendChild(gui.domElement);
-      const opacityControl = gui.add(selectedLens, "opacity", 0, 1).name("Opacity");
-      opacityControl.onChange((opacity) => {
-        if (lensMaterial) {
-          lensMaterial.opacity = opacity;
-        }
-      });
-      const colorControl = gui.addColor(selectedLens, "color").name(name);
-      colorControl.onChange((color) => {
-        if (lensMaterial) {
-          lensMaterial.color.set(color);
-        }
-      });
-    }
-    createGuiControlsGrad(selectedLens, name) {
-      guiContainer.innerHTML = "";
-      gui.destroy();
-      gui = new GUI$1({ autoPlace: false });
-      const datGuiContainer = document.createElement("div");
-      guiContainer.appendChild(datGuiContainer);
-      datGuiContainer.appendChild(gui.domElement);
-      const positionControl1 = gui.add(selectedLens[0], "position", 0, 1).name("position");
-      const positionControl2 = gui.add(selectedLens[1], "position", 0, 1).name("position");
-      const positionControl3 = gui.add(selectedLens[2], "position", 0, 1).name("position");
-      const positionControl4 = gui.add(selectedLens[3], "position", 0, 1).name("position");
-      positionControl1.onChange((position) => {
-        if (lensMaterial) {
-          gu.positions.value[0] = position;
-        }
-      });
-      positionControl2.onChange((position) => {
-        if (lensMaterial) {
-          gu.positions.value[1] = position;
-        }
-      });
-      positionControl3.onChange((position) => {
-        if (lensMaterial) {
-          gu.positions.value[2] = position;
-        }
-      });
-      positionControl4.onChange((position) => {
-        if (lensMaterial) {
-          gu.positions.value[3] = position;
-        }
-      });
-      const opacityControl1 = gui.add(selectedLens[0], "opacity", 0, 1).name("Opacity");
-      const opacityControl2 = gui.add(selectedLens[1], "opacity", 0, 1).name("Opacity");
-      const opacityControl3 = gui.add(selectedLens[2], "opacity", 0, 1).name("Opacity");
-      const opacityControl4 = gui.add(selectedLens[3], "opacity", 0, 1).name("Opacity");
-      opacityControl1.onChange((opacity) => {
-        if (lensMaterial) {
-          gu.opacities.value[0] = opacity;
-        }
-      });
-      opacityControl2.onChange((opacity) => {
-        if (lensMaterial) {
-          gu.opacities.value[1] = opacity;
-        }
-      });
-      opacityControl3.onChange((opacity) => {
-        if (lensMaterial) {
-          gu.opacities.value[2] = opacity;
-        }
-      });
-      opacityControl4.onChange((opacity) => {
-        if (lensMaterial) {
-          gu.opacities.value[3] = opacity;
-        }
-      });
-      const colorControl1 = gui.addColor(selectedLens[0], "color").name(name);
-      const colorControl2 = gui.addColor(selectedLens[1], "color").name(name);
-      const colorControl3 = gui.addColor(selectedLens[2], "color").name(name);
-      const colorControl4 = gui.addColor(selectedLens[3], "color").name(name);
-      colorControl1.onChange((color) => {
-        if (lensMaterial) {
-          gu.colors.value[0] = new Color(color);
-        }
-      });
-      colorControl2.onChange((color) => {
-        if (lensMaterial) {
-          gu.colors.value[1] = new Color(color);
-        }
-      });
-      colorControl3.onChange((color) => {
-        if (lensMaterial) {
-          gu.colors.value[2] = new Color(color);
-        }
-      });
-      colorControl4.onChange((color) => {
-        if (lensMaterial) {
-          gu.colors.value[3] = new Color(color);
-        }
-      });
-    }
+    // createGuiControls(selectedLens: any, name: any) {
+    //   guiContainer!.innerHTML = '';
+    //   gui.destroy();
+    //   gui = new GUI({ autoPlace: false });
+    //   const datGuiContainer = document.createElement('div');
+    //   guiContainer!.appendChild(datGuiContainer);
+    //   datGuiContainer.appendChild(gui.domElement);
+    //   const opacityControl = gui
+    //     .add(selectedLens, 'opacity', 0, 1)
+    //     .name('Opacity');
+    //   opacityControl.onChange((opacity) => {
+    //     if (lensMaterial) {
+    //       lensMaterial.opacity = opacity;
+    //     }
+    //   });
+    //   const colorControl = gui.addColor(selectedLens, 'color').name(name);
+    //   colorControl.onChange((color) => {
+    //     if (lensMaterial) {
+    //       lensMaterial.color.set(color);
+    //     }
+    //   });
+    // }
+    // createGuiControlsGrad(selectedLens: any, name: any) {
+    //   guiContainer!.innerHTML = '';
+    //   gui.destroy();
+    //   gui = new GUI({ autoPlace: false });
+    //   const datGuiContainer = document.createElement('div');
+    //   guiContainer!.appendChild(datGuiContainer);
+    //   datGuiContainer.appendChild(gui.domElement);
+    //   const positionControl1 = gui
+    //     .add(selectedLens[0], 'position', 0, 1)
+    //     .name('position');
+    //   const positionControl2 = gui
+    //     .add(selectedLens[1], 'position', 0, 1)
+    //     .name('position');
+    //   const positionControl3 = gui
+    //     .add(selectedLens[2], 'position', 0, 1)
+    //     .name('position');
+    //   const positionControl4 = gui
+    //     .add(selectedLens[3], 'position', 0, 1)
+    //     .name('position');
+    //   positionControl1.onChange((position) => {
+    //     if (lensMaterial) {
+    //       gu.positions.value[0] = position;
+    //     }
+    //   });
+    //   positionControl2.onChange((position) => {
+    //     if (lensMaterial) {
+    //       gu.positions.value[1] = position;
+    //     }
+    //   });
+    //   positionControl3.onChange((position) => {
+    //     if (lensMaterial) {
+    //       gu.positions.value[2] = position;
+    //     }
+    //   });
+    //   positionControl4.onChange((position) => {
+    //     if (lensMaterial) {
+    //       gu.positions.value[3] = position;
+    //     }
+    //   });
+    //   const opacityControl1 = gui
+    //     .add(selectedLens[0], 'opacity', 0, 1)
+    //     .name('Opacity');
+    //   const opacityControl2 = gui
+    //     .add(selectedLens[1], 'opacity', 0, 1)
+    //     .name('Opacity');
+    //   const opacityControl3 = gui
+    //     .add(selectedLens[2], 'opacity', 0, 1)
+    //     .name('Opacity');
+    //   const opacityControl4 = gui
+    //     .add(selectedLens[3], 'opacity', 0, 1)
+    //     .name('Opacity');
+    //   opacityControl1.onChange((opacity) => {
+    //     if (lensMaterial) {
+    //       gu.opacities.value[0] = opacity;
+    //     }
+    //   });
+    //   opacityControl2.onChange((opacity) => {
+    //     if (lensMaterial) {
+    //       gu.opacities.value[1] = opacity;
+    //     }
+    //   });
+    //   opacityControl3.onChange((opacity) => {
+    //     if (lensMaterial) {
+    //       gu.opacities.value[2] = opacity;
+    //     }
+    //   });
+    //   opacityControl4.onChange((opacity) => {
+    //     if (lensMaterial) {
+    //       gu.opacities.value[3] = opacity;
+    //     }
+    //   });
+    //   const colorControl1 = gui.addColor(selectedLens[0], 'color').name(name);
+    //   const colorControl2 = gui.addColor(selectedLens[1], 'color').name(name);
+    //   const colorControl3 = gui.addColor(selectedLens[2], 'color').name(name);
+    //   const colorControl4 = gui.addColor(selectedLens[3], 'color').name(name);
+    //   colorControl1.onChange((color) => {
+    //     if (lensMaterial) {
+    //       gu.colors.value[0] = new THREE.Color(color);
+    //     }
+    //   });
+    //   colorControl2.onChange((color) => {
+    //     if (lensMaterial) {
+    //       gu.colors.value[1] = new THREE.Color(color);
+    //     }
+    //   });
+    //   colorControl3.onChange((color) => {
+    //     if (lensMaterial) {
+    //       gu.colors.value[2] = new THREE.Color(color);
+    //     }
+    //   });
+    //   colorControl4.onChange((color) => {
+    //     if (lensMaterial) {
+    //       gu.colors.value[3] = new THREE.Color(color);
+    //     }
+    //   });
+    // }
     setupAndRenderScene(model) {
       this.scene.remove(this.scene.children[0], this.scene.children[2]);
       const Modelscene = model;
@@ -39784,28 +37369,28 @@ var __publicField = (obj, key, value) => {
         -0.2564218846390263
       );
       this.camera.position.set(
-        4.1833384904942355,
-        0.22167120846009788,
-        3.1674384468981134
+        2.2,
+        2.2,
+        4
       );
       controls.minDistance = 3;
       controls.maxDistance = 9;
+      controls.enableDamping = true;
       controls.dampingFactor = 0.2;
       controls.enablePan = true;
       controls.minPolarAngle = -Math.PI * 5 / 36;
       controls.maxPolarAngle = Math.PI * 3 / 5;
       controls.update();
-      controls.enableDamping = true;
       this.renderer.toneMapping = ACESFilmicToneMapping;
       this.renderer.toneMappingExposure = 1.2;
-      this.renderer.useLegacyLights = true;
+      this.renderer.setClearColor(15724527);
       const PLANE_WIDTH = 2.5;
       const PLANE_HEIGHT = 2.5;
       const CAMERA_HEIGHT = 0.4;
       const state = {
         shadow: {
-          blur: 0.9,
-          darkness: 0.9,
+          blur: 0.6,
+          darkness: 1,
           opacity: 0.6
         },
         plane: {
@@ -39884,6 +37469,11 @@ var __publicField = (obj, key, value) => {
         renderer.render(blurPlane, shadowCamera);
         blurPlane.visible = false;
       }
+      shadowCamera.far = 0.125;
+      updateShadowCamera();
+      function updateShadowCamera() {
+        shadowCamera.updateProjectionMatrix();
+      }
       const animate = () => {
         controls.update();
         const initialBackground = this.scene.background;
@@ -39897,7 +37487,6 @@ var __publicField = (obj, key, value) => {
         this.renderer.render(this.scene, shadowCamera);
         this.scene.overrideMaterial = null;
         blurShadow(state.shadow.blur, this.renderer);
-        blurShadow(state.shadow.blur * 0.4, this.renderer);
         this.renderer.setRenderTarget(null);
         this.renderer.setClearAlpha(initialClearAlpha);
         this.scene.background = initialBackground;
@@ -40864,6 +38453,7 @@ var __publicField = (obj, key, value) => {
   }
   let customRenderer = null;
   let currentFrame = null;
+  let hasSpecialDefaultLens = false;
   async function changeCustomRenderer({
     orgId,
     apiService,
@@ -40878,11 +38468,12 @@ var __publicField = (obj, key, value) => {
       orgId,
       assetsId: frame._id
     });
-    const defaultLens = frame.customisation.length > 0 ? frame.customisation.find((x2) => x2.type == "Lens") : null;
-    customRenderer.renderModel(apiRes.asset.cloudfrontUrl, defaultLens == null, apiRes.decryptionKey).then(() => {
-      if (frame.customisation.length > 0 && defaultLens) {
+    hasSpecialDefaultLens = frame.customisation.length == 0;
+    const includedLens = hasSpecialDefaultLens ? null : frame.customisation.find((x2) => x2.type == "Lens");
+    customRenderer.renderModel(apiRes.asset.cloudfrontUrl, hasSpecialDefaultLens, apiRes.decryptionKey).then(() => {
+      if (includedLens) {
         customRenderer.setupLensMaterial(
-          defaultLens
+          includedLens
         );
       }
       currentFrame = frame;
@@ -40902,6 +38493,9 @@ var __publicField = (obj, key, value) => {
     const [modelLoading, setModelLoading] = reactExports.useState(false);
     const orgId = apiService.fetcher.LoadConfig().ORGID;
     const changeFrame = (frame) => {
+      if (selectedFrame == frame) {
+        return;
+      }
       if (customRenderer) {
         (async () => {
           if (selectedLens) {
@@ -40910,18 +38504,17 @@ var __publicField = (obj, key, value) => {
               orgId,
               assetsId: frame._id
             });
-            const defaultCustomisation = frame.customisation.length > 0 ? frame.customisation.find((x2) => x2.type == "Lens") : null;
-            const renderAsIs = defaultCustomisation == null && selectedLens.sku == "lens-default";
+            hasSpecialDefaultLens = frame.customisation.length == 0;
+            const includedLens = hasSpecialDefaultLens ? null : frame.customisation.find((x2) => x2.type == "Lens");
+            const renderAsIs = hasSpecialDefaultLens && selectedLens.sku == "lens-default";
             customRenderer.renderModel(apiRes.asset.cloudfrontUrl, renderAsIs, apiRes.decryptionKey).then(async () => {
-              if (selectedLens && selectedLens.sku == "lens-default") {
-                if (defaultCustomisation) {
+              if (selectedLens.sku == "lens-default") {
+                if (includedLens) {
                   customRenderer.setupLensMaterial(
-                    defaultCustomisation
+                    includedLens
                   );
-                } else {
-                  console.log("Special lens detected.");
                 }
-              } else if (selectedLens) {
+              } else {
                 customRenderer.setupLensMaterial(
                   selectedLens
                 );
@@ -40935,24 +38528,38 @@ var __publicField = (obj, key, value) => {
       setSelectedFrame(frame);
     };
     const changeLens = async (lens) => {
+      if (selectedLens == lens) {
+        return;
+      }
       if (customRenderer && currentFrame && lens) {
-        const defaultCustomisation = currentFrame.customisation.length > 0 ? currentFrame.customisation.find((x2) => x2.type == "Lens") : null;
-        const renderAsIs = defaultCustomisation == null && lens.sku == "lens-default";
-        if (lens.sku == "lens-default") {
-          if (defaultCustomisation) {
-            customRenderer.setupLensMaterial(defaultCustomisation);
-          } else {
-            setModelLoading(true);
-            if (currentFrame) {
-              const apiRes = await apiService.DownloadMA({
-                orgId,
-                assetsId: currentFrame._id
-              });
-              customRenderer.renderModel(apiRes.asset.cloudfrontUrl, renderAsIs, apiRes.decryptionKey).then(() => {
-                setModelLoading(false);
-              });
-            }
+        hasSpecialDefaultLens = currentFrame.customisation.length == 0;
+        const includedLens = hasSpecialDefaultLens ? null : currentFrame.customisation.find((x2) => x2.type == "Lens");
+        const renderAsIs = hasSpecialDefaultLens && lens.sku == "lens-default";
+        if (renderAsIs) {
+          setModelLoading(true);
+          if (currentFrame) {
+            const apiRes = await apiService.DownloadMA({
+              orgId,
+              assetsId: currentFrame._id
+            });
+            customRenderer.renderModel(apiRes.asset.cloudfrontUrl, renderAsIs, apiRes.decryptionKey).then(() => {
+              setModelLoading(false);
+            });
+          }
+        } else if (hasSpecialDefaultLens && lens.sku != "lens-default") {
+          setModelLoading(true);
+          if (currentFrame) {
+            const apiRes = await apiService.DownloadMA({
+              orgId,
+              assetsId: currentFrame._id
+            });
+            customRenderer.renderModel(apiRes.asset.cloudfrontUrl, renderAsIs, apiRes.decryptionKey).then(() => {
+              setModelLoading(false);
+              customRenderer.setupLensMaterial(lens);
+            });
           }
+        } else if (!hasSpecialDefaultLens && lens.sku == "lens-default") {
+          customRenderer.setupLensMaterial(includedLens);
         } else {
           customRenderer.setupLensMaterial(lens);
         }