3a. South Australia Model No map2loop.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Case study 3: Flinders ranges\n",
    "This notebook contains the code to build and visualise a LoopStructural model of the Flinder ranges in South Australia. The data was prepared using map2loop and the full notebook can be seen [here](South%20Australia%20Model.ipynb)\n",
    "\n",
    "To run this notebook you will need:\n",
    "\n",
    "* LoopStructural\n",
    "* lavavu-osmesa\n",
    "* pyamg, optional but recommended\n",
    "\n",
    "If you are using google colab uncomment the following block"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "# !pip install lavavu-osmesa\n",
    "# !pip install LoopStructural\n",
    "# !pip install pyamg"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "import numpy as np\n",
    "from LoopStructural import GeologicalModel\n",
    "from LoopStructural.visualisation import LavaVuModelViewer\n",
    "from LoopStructural import GeologicalModel"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Updating geological model. There are: \n",
      "22 geological features that need to be interpolated\n",
      "\n"
     ]
    },
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "0d930a852fdb410ea3c1accdecee08af",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "  0%|          | 0/22 [00:00<?, ?it/s]"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Model update took: 486.56086015701294 seconds\n"
     ]
    }
   ],
   "source": [
    "fault_params = {'interpolatortype':'FDI',\n",
    "                'nelements':3e5,\n",
    "                'fault_buffer':.5,\n",
    "                'solver':'pyamg',\n",
    "#                 overprints:overprints,\n",
    "                'cpw':10,\n",
    "                'npw':10}\n",
    "foliation_params = {'interpolatortype':'FDI' , # 'interpolatortype':'PLI', 'FDI', 'surfe'\n",
    "                    'nelements':3e5,  # how many tetras/voxels\n",
    "                    'buffer':1.8,  # how much to extend interpolation around box\n",
    "                    'solver':'pyamg',\n",
    "                    'damp':True,\n",
    "                    'cpw':5,\n",
    "                    'npw':5}\n",
    "\n",
    "model, m2l_data = GeologicalModel.from_map2loop_directory('./flindersranges',\n",
    "                                                          skip_faults=False,\n",
    "                                                          rescale=False,\n",
    "                                                          fault_params=fault_params,\n",
    "                                                          foliation_params=foliation_params)\n",
    "\n",
    "\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "483b38803d504216a24318b7be5e3beb",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "  0%|          | 0/15 [00:00<?, ?it/s]"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Adding surfaces took 115.72722363471985 seconds\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "<script>\n",
       "_backup_define = window.define; window.define = undefined;// gl-matrix 1.3.7 - https://github.com/toji/gl-matrix/blob/master/LICENSE.md\n",
       "(function(w,D){\"object\"===typeof exports?module.exports=D(global):\"function\"===typeof define&&define.amd?define([],function(){return D(w)}):D(w)})(this,function(w){function D(a){return o=a}function G(){return o=\"undefined\"!==typeof Float32Array?Float32Array:Array}var E={};(function(){if(\"undefined\"!=typeof Float32Array){var a=new Float32Array(1),b=new Int32Array(a.buffer);E.invsqrt=function(c){a[0]=c;b[0]=1597463007-(b[0]>>1);var d=a[0];return d*(1.5-0.5*c*d*d)}}else E.invsqrt=function(a){return 1/\n",
       "Math.sqrt(a)}})();var o=null;G();var r={create:function(a){var b=new o(3);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2]):b[0]=b[1]=b[2]=0;return b},createFrom:function(a,b,c){var d=new o(3);d[0]=a;d[1]=b;d[2]=c;return d},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];return b},equal:function(a,b){return a===b||1.0E-6>Math.abs(a[0]-b[0])&&1.0E-6>Math.abs(a[1]-b[1])&&1.0E-6>Math.abs(a[2]-b[2])},add:function(a,b,c){if(!c||a===c)return a[0]+=b[0],a[1]+=b[1],a[2]+=b[2],a;c[0]=a[0]+b[0];c[1]=a[1]+b[1];c[2]=a[2]+b[2];\n",
       "return c},subtract:function(a,b,c){if(!c||a===c)return a[0]-=b[0],a[1]-=b[1],a[2]-=b[2],a;c[0]=a[0]-b[0];c[1]=a[1]-b[1];c[2]=a[2]-b[2];return c},multiply:function(a,b,c){if(!c||a===c)return a[0]*=b[0],a[1]*=b[1],a[2]*=b[2],a;c[0]=a[0]*b[0];c[1]=a[1]*b[1];c[2]=a[2]*b[2];return c},negate:function(a,b){b||(b=a);b[0]=-a[0];b[1]=-a[1];b[2]=-a[2];return b},scale:function(a,b,c){if(!c||a===c)return a[0]*=b,a[1]*=b,a[2]*=b,a;c[0]=a[0]*b;c[1]=a[1]*b;c[2]=a[2]*b;return c},normalize:function(a,b){b||(b=a);var c=\n",
       "a[0],d=a[1],e=a[2],g=Math.sqrt(c*c+d*d+e*e);if(!g)return b[0]=0,b[1]=0,b[2]=0,b;if(1===g)return b[0]=c,b[1]=d,b[2]=e,b;g=1/g;b[0]=c*g;b[1]=d*g;b[2]=e*g;return b},cross:function(a,b,c){c||(c=a);var d=a[0],e=a[1],a=a[2],g=b[0],f=b[1],b=b[2];c[0]=e*b-a*f;c[1]=a*g-d*b;c[2]=d*f-e*g;return c},length:function(a){var b=a[0],c=a[1],a=a[2];return Math.sqrt(b*b+c*c+a*a)},squaredLength:function(a){var b=a[0],c=a[1],a=a[2];return b*b+c*c+a*a},dot:function(a,b){return a[0]*b[0]+a[1]*b[1]+a[2]*b[2]},direction:function(a,\n",
       "b,c){c||(c=a);var d=a[0]-b[0],e=a[1]-b[1],a=a[2]-b[2],b=Math.sqrt(d*d+e*e+a*a);if(!b)return c[0]=0,c[1]=0,c[2]=0,c;b=1/b;c[0]=d*b;c[1]=e*b;c[2]=a*b;return c},lerp:function(a,b,c,d){d||(d=a);d[0]=a[0]+c*(b[0]-a[0]);d[1]=a[1]+c*(b[1]-a[1]);d[2]=a[2]+c*(b[2]-a[2]);return d},dist:function(a,b){var c=b[0]-a[0],d=b[1]-a[1],e=b[2]-a[2];return Math.sqrt(c*c+d*d+e*e)}},H=null,y=new o(4);r.unproject=function(a,b,c,d,e){e||(e=a);H||(H=x.create());var g=H;y[0]=2*(a[0]-d[0])/d[2]-1;y[1]=2*(a[1]-d[1])/d[3]-1;y[2]=\n",
       "2*a[2]-1;y[3]=1;x.multiply(c,b,g);if(!x.inverse(g))return null;x.multiplyVec4(g,y);if(0===y[3])return null;e[0]=y[0]/y[3];e[1]=y[1]/y[3];e[2]=y[2]/y[3];return e};var L=r.createFrom(1,0,0),M=r.createFrom(0,1,0),N=r.createFrom(0,0,1),z=r.create();r.rotationTo=function(a,b,c){c||(c=k.create());var d=r.dot(a,b);if(1<=d)k.set(O,c);else if(-0.999999>d)r.cross(L,a,z),1.0E-6>r.length(z)&&r.cross(M,a,z),1.0E-6>r.length(z)&&r.cross(N,a,z),r.normalize(z),k.fromAngleAxis(Math.PI,z,c);else{var d=Math.sqrt(2*(1+\n",
       "d)),e=1/d;r.cross(a,b,z);c[0]=z[0]*e;c[1]=z[1]*e;c[2]=z[2]*e;c[3]=0.5*d;k.normalize(c)}1<c[3]?c[3]=1:-1>c[3]&&(c[3]=-1);return c};r.str=function(a){return\"[\"+a[0]+\", \"+a[1]+\", \"+a[2]+\"]\"};var A={create:function(a){var b=new o(9);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3],b[4]=a[4],b[5]=a[5],b[6]=a[6],b[7]=a[7],b[8]=a[8]):b[0]=b[1]=b[2]=b[3]=b[4]=b[5]=b[6]=b[7]=b[8]=0;return b},createFrom:function(a,b,c,d,e,g,f,h,j){var i=new o(9);i[0]=a;i[1]=b;i[2]=c;i[3]=d;i[4]=e;i[5]=g;i[6]=f;i[7]=h;i[8]=j;return i},\n",
       "determinant:function(a){var b=a[3],c=a[4],d=a[5],e=a[6],g=a[7],f=a[8];return a[0]*(f*c-d*g)+a[1]*(-f*b+d*e)+a[2]*(g*b-c*e)},inverse:function(a,b){var c=a[0],d=a[1],e=a[2],g=a[3],f=a[4],h=a[5],j=a[6],i=a[7],m=a[8],l=m*f-h*i,C=-m*g+h*j,q=i*g-f*j,n=c*l+d*C+e*q;if(!n)return null;n=1/n;b||(b=A.create());b[0]=l*n;b[1]=(-m*d+e*i)*n;b[2]=(h*d-e*f)*n;b[3]=C*n;b[4]=(m*c-e*j)*n;b[5]=(-h*c+e*g)*n;b[6]=q*n;b[7]=(-i*c+d*j)*n;b[8]=(f*c-d*g)*n;return b},multiply:function(a,b,c){c||(c=a);var d=a[0],e=a[1],g=a[2],\n",
       "f=a[3],h=a[4],j=a[5],i=a[6],m=a[7],a=a[8],l=b[0],C=b[1],q=b[2],n=b[3],k=b[4],p=b[5],o=b[6],s=b[7],b=b[8];c[0]=l*d+C*f+q*i;c[1]=l*e+C*h+q*m;c[2]=l*g+C*j+q*a;c[3]=n*d+k*f+p*i;c[4]=n*e+k*h+p*m;c[5]=n*g+k*j+p*a;c[6]=o*d+s*f+b*i;c[7]=o*e+s*h+b*m;c[8]=o*g+s*j+b*a;return c},multiplyVec2:function(a,b,c){c||(c=b);var d=b[0],b=b[1];c[0]=d*a[0]+b*a[3]+a[6];c[1]=d*a[1]+b*a[4]+a[7];return c},multiplyVec3:function(a,b,c){c||(c=b);var d=b[0],e=b[1],b=b[2];c[0]=d*a[0]+e*a[3]+b*a[6];c[1]=d*a[1]+e*a[4]+b*a[7];c[2]=\n",
       "d*a[2]+e*a[5]+b*a[8];return c},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];b[4]=a[4];b[5]=a[5];b[6]=a[6];b[7]=a[7];b[8]=a[8];return b},equal:function(a,b){return a===b||1.0E-6>Math.abs(a[0]-b[0])&&1.0E-6>Math.abs(a[1]-b[1])&&1.0E-6>Math.abs(a[2]-b[2])&&1.0E-6>Math.abs(a[3]-b[3])&&1.0E-6>Math.abs(a[4]-b[4])&&1.0E-6>Math.abs(a[5]-b[5])&&1.0E-6>Math.abs(a[6]-b[6])&&1.0E-6>Math.abs(a[7]-b[7])&&1.0E-6>Math.abs(a[8]-b[8])},identity:function(a){a||(a=A.create());a[0]=1;a[1]=0;a[2]=0;a[3]=0;\n",
       "a[4]=1;a[5]=0;a[6]=0;a[7]=0;a[8]=1;return a},transpose:function(a,b){if(!b||a===b){var c=a[1],d=a[2],e=a[5];a[1]=a[3];a[2]=a[6];a[3]=c;a[5]=a[7];a[6]=d;a[7]=e;return a}b[0]=a[0];b[1]=a[3];b[2]=a[6];b[3]=a[1];b[4]=a[4];b[5]=a[7];b[6]=a[2];b[7]=a[5];b[8]=a[8];return b},toMat4:function(a,b){b||(b=x.create());b[15]=1;b[14]=0;b[13]=0;b[12]=0;b[11]=0;b[10]=a[8];b[9]=a[7];b[8]=a[6];b[7]=0;b[6]=a[5];b[5]=a[4];b[4]=a[3];b[3]=0;b[2]=a[2];b[1]=a[1];b[0]=a[0];return b},str:function(a){return\"[\"+a[0]+\", \"+a[1]+\n",
       "\", \"+a[2]+\", \"+a[3]+\", \"+a[4]+\", \"+a[5]+\", \"+a[6]+\", \"+a[7]+\", \"+a[8]+\"]\"}},x={create:function(a){var b=new o(16);a&&(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3],b[4]=a[4],b[5]=a[5],b[6]=a[6],b[7]=a[7],b[8]=a[8],b[9]=a[9],b[10]=a[10],b[11]=a[11],b[12]=a[12],b[13]=a[13],b[14]=a[14],b[15]=a[15]);return b},createFrom:function(a,b,c,d,e,g,f,h,j,i,m,l,C,q,n,k){var p=new o(16);p[0]=a;p[1]=b;p[2]=c;p[3]=d;p[4]=e;p[5]=g;p[6]=f;p[7]=h;p[8]=j;p[9]=i;p[10]=m;p[11]=l;p[12]=C;p[13]=q;p[14]=n;p[15]=k;return p},set:function(a,\n",
       "b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];b[4]=a[4];b[5]=a[5];b[6]=a[6];b[7]=a[7];b[8]=a[8];b[9]=a[9];b[10]=a[10];b[11]=a[11];b[12]=a[12];b[13]=a[13];b[14]=a[14];b[15]=a[15];return b},equal:function(a,b){return a===b||1.0E-6>Math.abs(a[0]-b[0])&&1.0E-6>Math.abs(a[1]-b[1])&&1.0E-6>Math.abs(a[2]-b[2])&&1.0E-6>Math.abs(a[3]-b[3])&&1.0E-6>Math.abs(a[4]-b[4])&&1.0E-6>Math.abs(a[5]-b[5])&&1.0E-6>Math.abs(a[6]-b[6])&&1.0E-6>Math.abs(a[7]-b[7])&&1.0E-6>Math.abs(a[8]-b[8])&&1.0E-6>Math.abs(a[9]-b[9])&&1.0E-6>\n",
       "Math.abs(a[10]-b[10])&&1.0E-6>Math.abs(a[11]-b[11])&&1.0E-6>Math.abs(a[12]-b[12])&&1.0E-6>Math.abs(a[13]-b[13])&&1.0E-6>Math.abs(a[14]-b[14])&&1.0E-6>Math.abs(a[15]-b[15])},identity:function(a){a||(a=x.create());a[0]=1;a[1]=0;a[2]=0;a[3]=0;a[4]=0;a[5]=1;a[6]=0;a[7]=0;a[8]=0;a[9]=0;a[10]=1;a[11]=0;a[12]=0;a[13]=0;a[14]=0;a[15]=1;return a},transpose:function(a,b){if(!b||a===b){var c=a[1],d=a[2],e=a[3],g=a[6],f=a[7],h=a[11];a[1]=a[4];a[2]=a[8];a[3]=a[12];a[4]=c;a[6]=a[9];a[7]=a[13];a[8]=d;a[9]=g;a[11]=\n",
       "a[14];a[12]=e;a[13]=f;a[14]=h;return a}b[0]=a[0];b[1]=a[4];b[2]=a[8];b[3]=a[12];b[4]=a[1];b[5]=a[5];b[6]=a[9];b[7]=a[13];b[8]=a[2];b[9]=a[6];b[10]=a[10];b[11]=a[14];b[12]=a[3];b[13]=a[7];b[14]=a[11];b[15]=a[15];return b},determinant:function(a){var b=a[0],c=a[1],d=a[2],e=a[3],g=a[4],f=a[5],h=a[6],j=a[7],i=a[8],m=a[9],l=a[10],C=a[11],q=a[12],n=a[13],k=a[14],a=a[15];return q*m*h*e-i*n*h*e-q*f*l*e+g*n*l*e+i*f*k*e-g*m*k*e-q*m*d*j+i*n*d*j+q*c*l*j-b*n*l*j-i*c*k*j+b*m*k*j+q*f*d*C-g*n*d*C-q*c*h*C+b*n*h*C+\n",
       "g*c*k*C-b*f*k*C-i*f*d*a+g*m*d*a+i*c*h*a-b*m*h*a-g*c*l*a+b*f*l*a},inverse:function(a,b){b||(b=a);var c=a[0],d=a[1],e=a[2],g=a[3],f=a[4],h=a[5],j=a[6],i=a[7],m=a[8],l=a[9],k=a[10],q=a[11],n=a[12],o=a[13],p=a[14],r=a[15],s=c*h-d*f,v=c*j-e*f,t=c*i-g*f,u=d*j-e*h,w=d*i-g*h,x=e*i-g*j,y=m*o-l*n,z=m*p-k*n,F=m*r-q*n,A=l*p-k*o,D=l*r-q*o,E=k*r-q*p,B=s*E-v*D+t*A+u*F-w*z+x*y;if(!B)return null;B=1/B;b[0]=(h*E-j*D+i*A)*B;b[1]=(-d*E+e*D-g*A)*B;b[2]=(o*x-p*w+r*u)*B;b[3]=(-l*x+k*w-q*u)*B;b[4]=(-f*E+j*F-i*z)*B;b[5]=\n",
       "(c*E-e*F+g*z)*B;b[6]=(-n*x+p*t-r*v)*B;b[7]=(m*x-k*t+q*v)*B;b[8]=(f*D-h*F+i*y)*B;b[9]=(-c*D+d*F-g*y)*B;b[10]=(n*w-o*t+r*s)*B;b[11]=(-m*w+l*t-q*s)*B;b[12]=(-f*A+h*z-j*y)*B;b[13]=(c*A-d*z+e*y)*B;b[14]=(-n*u+o*v-p*s)*B;b[15]=(m*u-l*v+k*s)*B;return b},toRotationMat:function(a,b){b||(b=x.create());b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];b[4]=a[4];b[5]=a[5];b[6]=a[6];b[7]=a[7];b[8]=a[8];b[9]=a[9];b[10]=a[10];b[11]=a[11];b[12]=0;b[13]=0;b[14]=0;b[15]=1;return b},toMat3:function(a,b){b||(b=A.create());b[0]=\n",
       "a[0];b[1]=a[1];b[2]=a[2];b[3]=a[4];b[4]=a[5];b[5]=a[6];b[6]=a[8];b[7]=a[9];b[8]=a[10];return b},toInverseMat3:function(a,b){var c=a[0],d=a[1],e=a[2],g=a[4],f=a[5],h=a[6],j=a[8],i=a[9],m=a[10],l=m*f-h*i,k=-m*g+h*j,q=i*g-f*j,n=c*l+d*k+e*q;if(!n)return null;n=1/n;b||(b=A.create());b[0]=l*n;b[1]=(-m*d+e*i)*n;b[2]=(h*d-e*f)*n;b[3]=k*n;b[4]=(m*c-e*j)*n;b[5]=(-h*c+e*g)*n;b[6]=q*n;b[7]=(-i*c+d*j)*n;b[8]=(f*c-d*g)*n;return b},multiply:function(a,b,c){c||(c=a);var d=a[0],e=a[1],g=a[2],f=a[3],h=a[4],j=a[5],\n",
       "i=a[6],m=a[7],l=a[8],k=a[9],q=a[10],n=a[11],o=a[12],p=a[13],r=a[14],a=a[15],s=b[0],v=b[1],t=b[2],u=b[3];c[0]=s*d+v*h+t*l+u*o;c[1]=s*e+v*j+t*k+u*p;c[2]=s*g+v*i+t*q+u*r;c[3]=s*f+v*m+t*n+u*a;s=b[4];v=b[5];t=b[6];u=b[7];c[4]=s*d+v*h+t*l+u*o;c[5]=s*e+v*j+t*k+u*p;c[6]=s*g+v*i+t*q+u*r;c[7]=s*f+v*m+t*n+u*a;s=b[8];v=b[9];t=b[10];u=b[11];c[8]=s*d+v*h+t*l+u*o;c[9]=s*e+v*j+t*k+u*p;c[10]=s*g+v*i+t*q+u*r;c[11]=s*f+v*m+t*n+u*a;s=b[12];v=b[13];t=b[14];u=b[15];c[12]=s*d+v*h+t*l+u*o;c[13]=s*e+v*j+t*k+u*p;c[14]=s*g+\n",
       "v*i+t*q+u*r;c[15]=s*f+v*m+t*n+u*a;return c},multiplyVec3:function(a,b,c){c||(c=b);var d=b[0],e=b[1],b=b[2];c[0]=a[0]*d+a[4]*e+a[8]*b+a[12];c[1]=a[1]*d+a[5]*e+a[9]*b+a[13];c[2]=a[2]*d+a[6]*e+a[10]*b+a[14];return c},multiplyVec4:function(a,b,c){c||(c=b);var d=b[0],e=b[1],g=b[2],b=b[3];c[0]=a[0]*d+a[4]*e+a[8]*g+a[12]*b;c[1]=a[1]*d+a[5]*e+a[9]*g+a[13]*b;c[2]=a[2]*d+a[6]*e+a[10]*g+a[14]*b;c[3]=a[3]*d+a[7]*e+a[11]*g+a[15]*b;return c},translate:function(a,b,c){var d=b[0],e=b[1],b=b[2],g,f,h,j,i,m,l,k,q,\n",
       "n,o,p;if(!c||a===c)return a[12]=a[0]*d+a[4]*e+a[8]*b+a[12],a[13]=a[1]*d+a[5]*e+a[9]*b+a[13],a[14]=a[2]*d+a[6]*e+a[10]*b+a[14],a[15]=a[3]*d+a[7]*e+a[11]*b+a[15],a;g=a[0];f=a[1];h=a[2];j=a[3];i=a[4];m=a[5];l=a[6];k=a[7];q=a[8];n=a[9];o=a[10];p=a[11];c[0]=g;c[1]=f;c[2]=h;c[3]=j;c[4]=i;c[5]=m;c[6]=l;c[7]=k;c[8]=q;c[9]=n;c[10]=o;c[11]=p;c[12]=g*d+i*e+q*b+a[12];c[13]=f*d+m*e+n*b+a[13];c[14]=h*d+l*e+o*b+a[14];c[15]=j*d+k*e+p*b+a[15];return c},scale:function(a,b,c){var d=b[0],e=b[1],b=b[2];if(!c||a===c)return a[0]*=\n",
       "d,a[1]*=d,a[2]*=d,a[3]*=d,a[4]*=e,a[5]*=e,a[6]*=e,a[7]*=e,a[8]*=b,a[9]*=b,a[10]*=b,a[11]*=b,a;c[0]=a[0]*d;c[1]=a[1]*d;c[2]=a[2]*d;c[3]=a[3]*d;c[4]=a[4]*e;c[5]=a[5]*e;c[6]=a[6]*e;c[7]=a[7]*e;c[8]=a[8]*b;c[9]=a[9]*b;c[10]=a[10]*b;c[11]=a[11]*b;c[12]=a[12];c[13]=a[13];c[14]=a[14];c[15]=a[15];return c},rotate:function(a,b,c,d){var e=c[0],g=c[1],c=c[2],f=Math.sqrt(e*e+g*g+c*c),h,j,i,m,l,k,q,n,o,p,r,s,v,t,u,w,x,y,z,A;if(!f)return null;1!==f&&(f=1/f,e*=f,g*=f,c*=f);h=Math.sin(b);j=Math.cos(b);i=1-j;b=a[0];\n",
       "f=a[1];m=a[2];l=a[3];k=a[4];q=a[5];n=a[6];o=a[7];p=a[8];r=a[9];s=a[10];v=a[11];t=e*e*i+j;u=g*e*i+c*h;w=c*e*i-g*h;x=e*g*i-c*h;y=g*g*i+j;z=c*g*i+e*h;A=e*c*i+g*h;e=g*c*i-e*h;g=c*c*i+j;d?a!==d&&(d[12]=a[12],d[13]=a[13],d[14]=a[14],d[15]=a[15]):d=a;d[0]=b*t+k*u+p*w;d[1]=f*t+q*u+r*w;d[2]=m*t+n*u+s*w;d[3]=l*t+o*u+v*w;d[4]=b*x+k*y+p*z;d[5]=f*x+q*y+r*z;d[6]=m*x+n*y+s*z;d[7]=l*x+o*y+v*z;d[8]=b*A+k*e+p*g;d[9]=f*A+q*e+r*g;d[10]=m*A+n*e+s*g;d[11]=l*A+o*e+v*g;return d},rotateX:function(a,b,c){var d=Math.sin(b),\n",
       "b=Math.cos(b),e=a[4],g=a[5],f=a[6],h=a[7],j=a[8],i=a[9],m=a[10],l=a[11];c?a!==c&&(c[0]=a[0],c[1]=a[1],c[2]=a[2],c[3]=a[3],c[12]=a[12],c[13]=a[13],c[14]=a[14],c[15]=a[15]):c=a;c[4]=e*b+j*d;c[5]=g*b+i*d;c[6]=f*b+m*d;c[7]=h*b+l*d;c[8]=e*-d+j*b;c[9]=g*-d+i*b;c[10]=f*-d+m*b;c[11]=h*-d+l*b;return c},rotateY:function(a,b,c){var d=Math.sin(b),b=Math.cos(b),e=a[0],g=a[1],f=a[2],h=a[3],j=a[8],i=a[9],m=a[10],l=a[11];c?a!==c&&(c[4]=a[4],c[5]=a[5],c[6]=a[6],c[7]=a[7],c[12]=a[12],c[13]=a[13],c[14]=a[14],c[15]=\n",
       "a[15]):c=a;c[0]=e*b+j*-d;c[1]=g*b+i*-d;c[2]=f*b+m*-d;c[3]=h*b+l*-d;c[8]=e*d+j*b;c[9]=g*d+i*b;c[10]=f*d+m*b;c[11]=h*d+l*b;return c},rotateZ:function(a,b,c){var d=Math.sin(b),b=Math.cos(b),e=a[0],g=a[1],f=a[2],h=a[3],j=a[4],i=a[5],m=a[6],l=a[7];c?a!==c&&(c[8]=a[8],c[9]=a[9],c[10]=a[10],c[11]=a[11],c[12]=a[12],c[13]=a[13],c[14]=a[14],c[15]=a[15]):c=a;c[0]=e*b+j*d;c[1]=g*b+i*d;c[2]=f*b+m*d;c[3]=h*b+l*d;c[4]=e*-d+j*b;c[5]=g*-d+i*b;c[6]=f*-d+m*b;c[7]=h*-d+l*b;return c},frustum:function(a,b,c,d,e,g,f){f||\n",
       "(f=x.create());var h=b-a,j=d-c,i=g-e;f[0]=2*e/h;f[1]=0;f[2]=0;f[3]=0;f[4]=0;f[5]=2*e/j;f[6]=0;f[7]=0;f[8]=(b+a)/h;f[9]=(d+c)/j;f[10]=-(g+e)/i;f[11]=-1;f[12]=0;f[13]=0;f[14]=-(2*g*e)/i;f[15]=0;return f},perspective:function(a,b,c,d,e){a=c*Math.tan(a*Math.PI/360);b*=a;return x.frustum(-b,b,-a,a,c,d,e)},ortho:function(a,b,c,d,e,g,f){f||(f=x.create());var h=b-a,j=d-c,i=g-e;f[0]=2/h;f[1]=0;f[2]=0;f[3]=0;f[4]=0;f[5]=2/j;f[6]=0;f[7]=0;f[8]=0;f[9]=0;f[10]=-2/i;f[11]=0;f[12]=-(a+b)/h;f[13]=-(d+c)/j;f[14]=\n",
       "-(g+e)/i;f[15]=1;return f},lookAt:function(a,b,c,d){d||(d=x.create());var e,g,f,h,j,i,m,l,k=a[0],o=a[1],a=a[2];f=c[0];h=c[1];g=c[2];m=b[0];c=b[1];e=b[2];if(k===m&&o===c&&a===e)return x.identity(d);b=k-m;c=o-c;m=a-e;l=1/Math.sqrt(b*b+c*c+m*m);b*=l;c*=l;m*=l;e=h*m-g*c;g=g*b-f*m;f=f*c-h*b;(l=Math.sqrt(e*e+g*g+f*f))?(l=1/l,e*=l,g*=l,f*=l):f=g=e=0;h=c*f-m*g;j=m*e-b*f;i=b*g-c*e;(l=Math.sqrt(h*h+j*j+i*i))?(l=1/l,h*=l,j*=l,i*=l):i=j=h=0;d[0]=e;d[1]=h;d[2]=b;d[3]=0;d[4]=g;d[5]=j;d[6]=c;d[7]=0;d[8]=f;d[9]=\n",
       "i;d[10]=m;d[11]=0;d[12]=-(e*k+g*o+f*a);d[13]=-(h*k+j*o+i*a);d[14]=-(b*k+c*o+m*a);d[15]=1;return d},fromRotationTranslation:function(a,b,c){c||(c=x.create());var d=a[0],e=a[1],g=a[2],f=a[3],h=d+d,j=e+e,i=g+g,a=d*h,m=d*j,d=d*i,k=e*j,e=e*i,g=g*i,h=f*h,j=f*j,f=f*i;c[0]=1-(k+g);c[1]=m+f;c[2]=d-j;c[3]=0;c[4]=m-f;c[5]=1-(a+g);c[6]=e+h;c[7]=0;c[8]=d+j;c[9]=e-h;c[10]=1-(a+k);c[11]=0;c[12]=b[0];c[13]=b[1];c[14]=b[2];c[15]=1;return c},str:function(a){return\"[\"+a[0]+\", \"+a[1]+\", \"+a[2]+\", \"+a[3]+\", \"+a[4]+\", \"+\n",
       "a[5]+\", \"+a[6]+\", \"+a[7]+\", \"+a[8]+\", \"+a[9]+\", \"+a[10]+\", \"+a[11]+\", \"+a[12]+\", \"+a[13]+\", \"+a[14]+\", \"+a[15]+\"]\"}},k={create:function(a){var b=new o(4);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3]):b[0]=b[1]=b[2]=b[3]=0;return b},createFrom:function(a,b,c,d){var e=new o(4);e[0]=a;e[1]=b;e[2]=c;e[3]=d;return e},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];return b},equal:function(a,b){return a===b||1.0E-6>Math.abs(a[0]-b[0])&&1.0E-6>Math.abs(a[1]-b[1])&&1.0E-6>Math.abs(a[2]-b[2])&&1.0E-6>\n",
       "Math.abs(a[3]-b[3])},identity:function(a){a||(a=k.create());a[0]=0;a[1]=0;a[2]=0;a[3]=1;return a}},O=k.identity();k.calculateW=function(a,b){var c=a[0],d=a[1],e=a[2];if(!b||a===b)return a[3]=-Math.sqrt(Math.abs(1-c*c-d*d-e*e)),a;b[0]=c;b[1]=d;b[2]=e;b[3]=-Math.sqrt(Math.abs(1-c*c-d*d-e*e));return b};k.dot=function(a,b){return a[0]*b[0]+a[1]*b[1]+a[2]*b[2]+a[3]*b[3]};k.inverse=function(a,b){var c=a[0],d=a[1],e=a[2],g=a[3],c=(c=c*c+d*d+e*e+g*g)?1/c:0;if(!b||a===b)return a[0]*=-c,a[1]*=-c,a[2]*=-c,a[3]*=\n",
       "c,a;b[0]=-a[0]*c;b[1]=-a[1]*c;b[2]=-a[2]*c;b[3]=a[3]*c;return b};k.conjugate=function(a,b){if(!b||a===b)return a[0]*=-1,a[1]*=-1,a[2]*=-1,a;b[0]=-a[0];b[1]=-a[1];b[2]=-a[2];b[3]=a[3];return b};k.length=function(a){var b=a[0],c=a[1],d=a[2],a=a[3];return Math.sqrt(b*b+c*c+d*d+a*a)};k.normalize=function(a,b){b||(b=a);var c=a[0],d=a[1],e=a[2],g=a[3],f=Math.sqrt(c*c+d*d+e*e+g*g);if(0===f)return b[0]=0,b[1]=0,b[2]=0,b[3]=0,b;f=1/f;b[0]=c*f;b[1]=d*f;b[2]=e*f;b[3]=g*f;return b};k.add=function(a,b,c){if(!c||\n",
       "a===c)return a[0]+=b[0],a[1]+=b[1],a[2]+=b[2],a[3]+=b[3],a;c[0]=a[0]+b[0];c[1]=a[1]+b[1];c[2]=a[2]+b[2];c[3]=a[3]+b[3];return c};k.multiply=function(a,b,c){c||(c=a);var d=a[0],e=a[1],g=a[2],a=a[3],f=b[0],h=b[1],j=b[2],b=b[3];c[0]=d*b+a*f+e*j-g*h;c[1]=e*b+a*h+g*f-d*j;c[2]=g*b+a*j+d*h-e*f;c[3]=a*b-d*f-e*h-g*j;return c};k.multiplyVec3=function(a,b,c){c||(c=b);var d=b[0],e=b[1],g=b[2],b=a[0],f=a[1],h=a[2],a=a[3],j=a*d+f*g-h*e,i=a*e+h*d-b*g,k=a*g+b*e-f*d,d=-b*d-f*e-h*g;c[0]=j*a+d*-b+i*-h-k*-f;c[1]=i*a+\n",
       "d*-f+k*-b-j*-h;c[2]=k*a+d*-h+j*-f-i*-b;return c};k.scale=function(a,b,c){if(!c||a===c)return a[0]*=b,a[1]*=b,a[2]*=b,a[3]*=b,a;c[0]=a[0]*b;c[1]=a[1]*b;c[2]=a[2]*b;c[3]=a[3]*b;return c};k.toMat3=function(a,b){b||(b=A.create());var c=a[0],d=a[1],e=a[2],g=a[3],f=c+c,h=d+d,j=e+e,i=c*f,k=c*h,c=c*j,l=d*h,d=d*j,e=e*j,f=g*f,h=g*h,g=g*j;b[0]=1-(l+e);b[1]=k+g;b[2]=c-h;b[3]=k-g;b[4]=1-(i+e);b[5]=d+f;b[6]=c+h;b[7]=d-f;b[8]=1-(i+l);return b};k.toMat4=function(a,b){b||(b=x.create());var c=a[0],d=a[1],e=a[2],g=\n",
       "a[3],f=c+c,h=d+d,j=e+e,i=c*f,k=c*h,c=c*j,l=d*h,d=d*j,e=e*j,f=g*f,h=g*h,g=g*j;b[0]=1-(l+e);b[1]=k+g;b[2]=c-h;b[3]=0;b[4]=k-g;b[5]=1-(i+e);b[6]=d+f;b[7]=0;b[8]=c+h;b[9]=d-f;b[10]=1-(i+l);b[11]=0;b[12]=0;b[13]=0;b[14]=0;b[15]=1;return b};k.slerp=function(a,b,c,d){d||(d=a);var e=a[0]*b[0]+a[1]*b[1]+a[2]*b[2]+a[3]*b[3],g,f;if(1<=Math.abs(e))return d!==a&&(d[0]=a[0],d[1]=a[1],d[2]=a[2],d[3]=a[3]),d;g=Math.acos(e);f=Math.sqrt(1-e*e);if(0.001>Math.abs(f))return d[0]=0.5*a[0]+0.5*b[0],d[1]=0.5*a[1]+0.5*b[1],\n",
       "d[2]=0.5*a[2]+0.5*b[2],d[3]=0.5*a[3]+0.5*b[3],d;e=Math.sin((1-c)*g)/f;c=Math.sin(c*g)/f;d[0]=a[0]*e+b[0]*c;d[1]=a[1]*e+b[1]*c;d[2]=a[2]*e+b[2]*c;d[3]=a[3]*e+b[3]*c;return d};k.fromRotationMatrix=function(a,b){b||(b=k.create());var c=a[0]+a[4]+a[8],d;if(0<c)d=Math.sqrt(c+1),b[3]=0.5*d,d=0.5/d,b[0]=(a[7]-a[5])*d,b[1]=(a[2]-a[6])*d,b[2]=(a[3]-a[1])*d;else{d=k.fromRotationMatrix.s_iNext=k.fromRotationMatrix.s_iNext||[1,2,0];c=0;a[4]>a[0]&&(c=1);a[8]>a[3*c+c]&&(c=2);var e=d[c],g=d[e];d=Math.sqrt(a[3*c+\n",
       "c]-a[3*e+e]-a[3*g+g]+1);b[c]=0.5*d;d=0.5/d;b[3]=(a[3*g+e]-a[3*e+g])*d;b[e]=(a[3*e+c]+a[3*c+e])*d;b[g]=(a[3*g+c]+a[3*c+g])*d}return b};A.toQuat4=k.fromRotationMatrix;(function(){var a=A.create();k.fromAxes=function(b,c,d,e){a[0]=c[0];a[3]=c[1];a[6]=c[2];a[1]=d[0];a[4]=d[1];a[7]=d[2];a[2]=b[0];a[5]=b[1];a[8]=b[2];return k.fromRotationMatrix(a,e)}})();k.identity=function(a){a||(a=k.create());a[0]=0;a[1]=0;a[2]=0;a[3]=1;return a};k.fromAngleAxis=function(a,b,c){c||(c=k.create());var a=0.5*a,d=Math.sin(a);\n",
       "c[3]=Math.cos(a);c[0]=d*b[0];c[1]=d*b[1];c[2]=d*b[2];return c};k.toAngleAxis=function(a,b){b||(b=a);var c=a[0]*a[0]+a[1]*a[1]+a[2]*a[2];0<c?(b[3]=2*Math.acos(a[3]),c=E.invsqrt(c),b[0]=a[0]*c,b[1]=a[1]*c,b[2]=a[2]*c):(b[3]=0,b[0]=1,b[1]=0,b[2]=0);return b};k.str=function(a){return\"[\"+a[0]+\", \"+a[1]+\", \"+a[2]+\", \"+a[3]+\"]\"};var J={create:function(a){var b=new o(2);a?(b[0]=a[0],b[1]=a[1]):(b[0]=0,b[1]=0);return b},createFrom:function(a,b){var c=new o(2);c[0]=a;c[1]=b;return c},add:function(a,b,c){c||\n",
       "(c=b);c[0]=a[0]+b[0];c[1]=a[1]+b[1];return c},subtract:function(a,b,c){c||(c=b);c[0]=a[0]-b[0];c[1]=a[1]-b[1];return c},multiply:function(a,b,c){c||(c=b);c[0]=a[0]*b[0];c[1]=a[1]*b[1];return c},divide:function(a,b,c){c||(c=b);c[0]=a[0]/b[0];c[1]=a[1]/b[1];return c},scale:function(a,b,c){c||(c=a);c[0]=a[0]*b;c[1]=a[1]*b;return c},dist:function(a,b){var c=b[0]-a[0],d=b[1]-a[1];return Math.sqrt(c*c+d*d)},set:function(a,b){b[0]=a[0];b[1]=a[1];return b},equal:function(a,b){return a===b||1.0E-6>Math.abs(a[0]-\n",
       "b[0])&&1.0E-6>Math.abs(a[1]-b[1])},negate:function(a,b){b||(b=a);b[0]=-a[0];b[1]=-a[1];return b},normalize:function(a,b){b||(b=a);var c=a[0]*a[0]+a[1]*a[1];0<c?(c=Math.sqrt(c),b[0]=a[0]/c,b[1]=a[1]/c):b[0]=b[1]=0;return b},cross:function(a,b,c){a=a[0]*b[1]-a[1]*b[0];if(!c)return a;c[0]=c[1]=0;c[2]=a;return c},length:function(a){var b=a[0],a=a[1];return Math.sqrt(b*b+a*a)},squaredLength:function(a){var b=a[0],a=a[1];return b*b+a*a},dot:function(a,b){return a[0]*b[0]+a[1]*b[1]},direction:function(a,\n",
       "b,c){c||(c=a);var d=a[0]-b[0],a=a[1]-b[1],b=d*d+a*a;if(!b)return c[0]=0,c[1]=0,c[2]=0,c;b=1/Math.sqrt(b);c[0]=d*b;c[1]=a*b;return c},lerp:function(a,b,c,d){d||(d=a);d[0]=a[0]+c*(b[0]-a[0]);d[1]=a[1]+c*(b[1]-a[1]);return d},str:function(a){return\"[\"+a[0]+\", \"+a[1]+\"]\"}},I={create:function(a){var b=new o(4);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3]):b[0]=b[1]=b[2]=b[3]=0;return b},createFrom:function(a,b,c,d){var e=new o(4);e[0]=a;e[1]=b;e[2]=c;e[3]=d;return e},set:function(a,b){b[0]=a[0];b[1]=a[1];\n",
       "b[2]=a[2];b[3]=a[3];return b},equal:function(a,b){return a===b||1.0E-6>Math.abs(a[0]-b[0])&&1.0E-6>Math.abs(a[1]-b[1])&&1.0E-6>Math.abs(a[2]-b[2])&&1.0E-6>Math.abs(a[3]-b[3])},identity:function(a){a||(a=I.create());a[0]=1;a[1]=0;a[2]=0;a[3]=1;return a},transpose:function(a,b){if(!b||a===b){var c=a[1];a[1]=a[2];a[2]=c;return a}b[0]=a[0];b[1]=a[2];b[2]=a[1];b[3]=a[3];return b},determinant:function(a){return a[0]*a[3]-a[2]*a[1]},inverse:function(a,b){b||(b=a);var c=a[0],d=a[1],e=a[2],g=a[3],f=c*g-e*\n",
       "d;if(!f)return null;f=1/f;b[0]=g*f;b[1]=-d*f;b[2]=-e*f;b[3]=c*f;return b},multiply:function(a,b,c){c||(c=a);var d=a[0],e=a[1],g=a[2],a=a[3];c[0]=d*b[0]+e*b[2];c[1]=d*b[1]+e*b[3];c[2]=g*b[0]+a*b[2];c[3]=g*b[1]+a*b[3];return c},rotate:function(a,b,c){c||(c=a);var d=a[0],e=a[1],g=a[2],a=a[3],f=Math.sin(b),b=Math.cos(b);c[0]=d*b+e*f;c[1]=d*-f+e*b;c[2]=g*b+a*f;c[3]=g*-f+a*b;return c},multiplyVec2:function(a,b,c){c||(c=b);var d=b[0],b=b[1];c[0]=d*a[0]+b*a[1];c[1]=d*a[2]+b*a[3];return c},scale:function(a,\n",
       "b,c){c||(c=a);var d=a[1],e=a[2],g=a[3],f=b[0],b=b[1];c[0]=a[0]*f;c[1]=d*b;c[2]=e*f;c[3]=g*b;return c},str:function(a){return\"[\"+a[0]+\", \"+a[1]+\", \"+a[2]+\", \"+a[3]+\"]\"}},K={create:function(a){var b=new o(4);a?(b[0]=a[0],b[1]=a[1],b[2]=a[2],b[3]=a[3]):(b[0]=0,b[1]=0,b[2]=0,b[3]=0);return b},createFrom:function(a,b,c,d){var e=new o(4);e[0]=a;e[1]=b;e[2]=c;e[3]=d;return e},add:function(a,b,c){c||(c=b);c[0]=a[0]+b[0];c[1]=a[1]+b[1];c[2]=a[2]+b[2];c[3]=a[3]+b[3];return c},subtract:function(a,b,c){c||(c=\n",
       "b);c[0]=a[0]-b[0];c[1]=a[1]-b[1];c[2]=a[2]-b[2];c[3]=a[3]-b[3];return c},multiply:function(a,b,c){c||(c=b);c[0]=a[0]*b[0];c[1]=a[1]*b[1];c[2]=a[2]*b[2];c[3]=a[3]*b[3];return c},divide:function(a,b,c){c||(c=b);c[0]=a[0]/b[0];c[1]=a[1]/b[1];c[2]=a[2]/b[2];c[3]=a[3]/b[3];return c},scale:function(a,b,c){c||(c=a);c[0]=a[0]*b;c[1]=a[1]*b;c[2]=a[2]*b;c[3]=a[3]*b;return c},set:function(a,b){b[0]=a[0];b[1]=a[1];b[2]=a[2];b[3]=a[3];return b},equal:function(a,b){return a===b||1.0E-6>Math.abs(a[0]-b[0])&&1.0E-6>\n",
       "Math.abs(a[1]-b[1])&&1.0E-6>Math.abs(a[2]-b[2])&&1.0E-6>Math.abs(a[3]-b[3])},negate:function(a,b){b||(b=a);b[0]=-a[0];b[1]=-a[1];b[2]=-a[2];b[3]=-a[3];return b},length:function(a){var b=a[0],c=a[1],d=a[2],a=a[3];return Math.sqrt(b*b+c*c+d*d+a*a)},squaredLength:function(a){var b=a[0],c=a[1],d=a[2],a=a[3];return b*b+c*c+d*d+a*a},lerp:function(a,b,c,d){d||(d=a);d[0]=a[0]+c*(b[0]-a[0]);d[1]=a[1]+c*(b[1]-a[1]);d[2]=a[2]+c*(b[2]-a[2]);d[3]=a[3]+c*(b[3]-a[3]);return d},str:function(a){return\"[\"+a[0]+\", \"+\n",
       "a[1]+\", \"+a[2]+\", \"+a[3]+\"]\"}};w&&(w.glMatrixArrayType=o,w.MatrixArray=o,w.setMatrixArrayType=D,w.determineMatrixArrayType=G,w.glMath=E,w.vec2=J,w.vec3=r,w.vec4=K,w.mat2=I,w.mat3=A,w.mat4=x,w.quat4=k);return{glMatrixArrayType:o,MatrixArray:o,setMatrixArrayType:D,determineMatrixArrayType:G,glMath:E,vec2:J,vec3:r,vec4:K,mat2:I,mat3:A,mat4:x,quat4:k}});!function(e,t){\"object\"==typeof exports&&\"object\"==typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define([],t):\"object\"==typeof exports?exports.dat=t():e.dat=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p=\"\",t(0)}([function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(1),r=o(i);t.default=r.default,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(2),r=o(i),a=n(6),l=o(a),s=n(3),u=o(s),d=n(7),c=o(d),f=n(8),_=o(f),p=n(10),h=o(p),m=n(11),b=o(m),g=n(12),v=o(g),y=n(13),w=o(y),x=n(14),E=o(x),C=n(15),A=o(C),S=n(16),k=o(S),O=n(9),T=o(O),R=n(17),L=o(R);t.default={color:{Color:r.default,math:l.default,interpret:u.default},controllers:{Controller:c.default,BooleanController:_.default,OptionController:h.default,StringController:b.default,NumberController:v.default,NumberControllerBox:w.default,NumberControllerSlider:E.default,FunctionController:A.default,ColorController:k.default},dom:{dom:T.default},gui:{GUI:L.default},GUI:L.default},e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t,n){Object.defineProperty(e,t,{get:function(){return\"RGB\"===this.__state.space?this.__state[t]:(h.recalculateRGB(this,t,n),this.__state[t])},set:function(e){\"RGB\"!==this.__state.space&&(h.recalculateRGB(this,t,n),this.__state.space=\"RGB\"),this.__state[t]=e}})}function a(e,t){Object.defineProperty(e,t,{get:function(){return\"HSV\"===this.__state.space?this.__state[t]:(h.recalculateHSV(this),this.__state[t])},set:function(e){\"HSV\"!==this.__state.space&&(h.recalculateHSV(this),this.__state.space=\"HSV\"),this.__state[t]=e}})}t.__esModule=!0;var l=n(3),s=o(l),u=n(6),d=o(u),c=n(4),f=o(c),_=n(5),p=o(_),h=function(){function e(){if(i(this,e),this.__state=s.default.apply(this,arguments),this.__state===!1)throw new Error(\"Failed to interpret color arguments\");this.__state.a=this.__state.a||1}return e.prototype.toString=function(){return(0,f.default)(this)},e.prototype.toHexString=function(){return(0,f.default)(this,!0)},e.prototype.toOriginal=function(){return this.__state.conversion.write(this)},e}();h.recalculateRGB=function(e,t,n){if(\"HEX\"===e.__state.space)e.__state[t]=d.default.component_from_hex(e.__state.hex,n);else{if(\"HSV\"!==e.__state.space)throw new Error(\"Corrupted color state\");p.default.extend(e.__state,d.default.hsv_to_rgb(e.__state.h,e.__state.s,e.__state.v))}},h.recalculateHSV=function(e){var t=d.default.rgb_to_hsv(e.r,e.g,e.b);p.default.extend(e.__state,{s:t.s,v:t.v}),p.default.isNaN(t.h)?p.default.isUndefined(e.__state.h)&&(e.__state.h=0):e.__state.h=t.h},h.COMPONENTS=[\"r\",\"g\",\"b\",\"h\",\"s\",\"v\",\"hex\",\"a\"],r(h.prototype,\"r\",2),r(h.prototype,\"g\",1),r(h.prototype,\"b\",0),a(h.prototype,\"h\"),a(h.prototype,\"s\"),a(h.prototype,\"v\"),Object.defineProperty(h.prototype,\"a\",{get:function(){return this.__state.a},set:function(e){this.__state.a=e}}),Object.defineProperty(h.prototype,\"hex\",{get:function(){return\"HEX\"!==!this.__state.space&&(this.__state.hex=d.default.rgb_to_hex(this.r,this.g,this.b)),this.__state.hex},set:function(e){this.__state.space=\"HEX\",this.__state.hex=e}}),t.default=h,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(4),r=o(i),a=n(5),l=o(a),s=[{litmus:l.default.isString,conversions:{THREE_CHAR_HEX:{read:function(e){var t=e.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i);return null!==t&&{space:\"HEX\",hex:parseInt(\"0x\"+t[1].toString()+t[1].toString()+t[2].toString()+t[2].toString()+t[3].toString()+t[3].toString(),0)}},write:r.default},SIX_CHAR_HEX:{read:function(e){var t=e.match(/^#([A-F0-9]{6})$/i);return null!==t&&{space:\"HEX\",hex:parseInt(\"0x\"+t[1].toString(),0)}},write:r.default},CSS_RGB:{read:function(e){var t=e.match(/^rgb\\(\\s*(.+)\\s*,\\s*(.+)\\s*,\\s*(.+)\\s*\\)/);return null!==t&&{space:\"RGB\",r:parseFloat(t[1]),g:parseFloat(t[2]),b:parseFloat(t[3])}},write:r.default},CSS_RGBA:{read:function(e){var t=e.match(/^rgba\\(\\s*(.+)\\s*,\\s*(.+)\\s*,\\s*(.+)\\s*,\\s*(.+)\\s*\\)/);return null!==t&&{space:\"RGB\",r:parseFloat(t[1]),g:parseFloat(t[2]),b:parseFloat(t[3]),a:parseFloat(t[4])}},write:r.default}}},{litmus:l.default.isNumber,conversions:{HEX:{read:function(e){return{space:\"HEX\",hex:e,conversionName:\"HEX\"}},write:function(e){return e.hex}}}},{litmus:l.default.isArray,conversions:{RGB_ARRAY:{read:function(e){return 3===e.length&&{space:\"RGB\",r:e[0],g:e[1],b:e[2]}},write:function(e){return[e.r,e.g,e.b]}},RGBA_ARRAY:{read:function(e){return 4===e.length&&{space:\"RGB\",r:e[0],g:e[1],b:e[2],a:e[3]}},write:function(e){return[e.r,e.g,e.b,e.a]}}}},{litmus:l.default.isObject,conversions:{RGBA_OBJ:{read:function(e){return!!(l.default.isNumber(e.r)&&l.default.isNumber(e.g)&&l.default.isNumber(e.b)&&l.default.isNumber(e.a))&&{space:\"RGB\",r:e.r,g:e.g,b:e.b,a:e.a}},write:function(e){return{r:e.r,g:e.g,b:e.b,a:e.a}}},RGB_OBJ:{read:function(e){return!!(l.default.isNumber(e.r)&&l.default.isNumber(e.g)&&l.default.isNumber(e.b))&&{space:\"RGB\",r:e.r,g:e.g,b:e.b}},write:function(e){return{r:e.r,g:e.g,b:e.b}}},HSVA_OBJ:{read:function(e){return!!(l.default.isNumber(e.h)&&l.default.isNumber(e.s)&&l.default.isNumber(e.v)&&l.default.isNumber(e.a))&&{space:\"HSV\",h:e.h,s:e.s,v:e.v,a:e.a}},write:function(e){return{h:e.h,s:e.s,v:e.v,a:e.a}}},HSV_OBJ:{read:function(e){return!!(l.default.isNumber(e.h)&&l.default.isNumber(e.s)&&l.default.isNumber(e.v))&&{space:\"HSV\",h:e.h,s:e.s,v:e.v}},write:function(e){return{h:e.h,s:e.s,v:e.v}}}}}],u=void 0,d=void 0,c=function(){d=!1;var e=arguments.length>1?l.default.toArray(arguments):arguments[0];return l.default.each(s,function(t){if(t.litmus(e))return l.default.each(t.conversions,function(t,n){if(u=t.read(e),d===!1&&u!==!1)return d=u,u.conversionName=n,u.conversion=t,l.default.BREAK}),l.default.BREAK}),d};t.default=c,e.exports=t.default},function(e,t){\"use strict\";t.__esModule=!0,t.default=function(e,t){var n=e.__state.conversionName.toString(),o=Math.round(e.r),i=Math.round(e.g),r=Math.round(e.b),a=e.a,l=Math.round(e.h),s=e.s.toFixed(1),u=e.v.toFixed(1);if(t||\"THREE_CHAR_HEX\"===n||\"SIX_CHAR_HEX\"===n){for(var d=e.hex.toString(16);d.length<6;)d=\"0\"+d;return\"#\"+d}return\"CSS_RGB\"===n?\"rgb(\"+o+\",\"+i+\",\"+r+\")\":\"CSS_RGBA\"===n?\"rgba(\"+o+\",\"+i+\",\"+r+\",\"+a+\")\":\"HEX\"===n?\"0x\"+e.hex.toString(16):\"RGB_ARRAY\"===n?\"[\"+o+\",\"+i+\",\"+r+\"]\":\"RGBA_ARRAY\"===n?\"[\"+o+\",\"+i+\",\"+r+\",\"+a+\"]\":\"RGB_OBJ\"===n?\"{r:\"+o+\",g:\"+i+\",b:\"+r+\"}\":\"RGBA_OBJ\"===n?\"{r:\"+o+\",g:\"+i+\",b:\"+r+\",a:\"+a+\"}\":\"HSV_OBJ\"===n?\"{h:\"+l+\",s:\"+s+\",v:\"+u+\"}\":\"HSVA_OBJ\"===n?\"{h:\"+l+\",s:\"+s+\",v:\"+u+\",a:\"+a+\"}\":\"unknown format\"},e.exports=t.default},function(e,t){\"use strict\";t.__esModule=!0;var n=Array.prototype.forEach,o=Array.prototype.slice,i={BREAK:{},extend:function(e){return this.each(o.call(arguments,1),function(t){var n=this.isObject(t)?Object.keys(t):[];n.forEach(function(n){this.isUndefined(t[n])||(e[n]=t[n])}.bind(this))},this),e},defaults:function(e){return this.each(o.call(arguments,1),function(t){var n=this.isObject(t)?Object.keys(t):[];n.forEach(function(n){this.isUndefined(e[n])&&(e[n]=t[n])}.bind(this))},this),e},compose:function(){var e=o.call(arguments);return function(){for(var t=o.call(arguments),n=e.length-1;n>=0;n--)t=[e[n].apply(this,t)];return t[0]}},each:function(e,t,o){if(e)if(n&&e.forEach&&e.forEach===n)e.forEach(t,o);else if(e.length===e.length+0){var i=void 0,r=void 0;for(i=0,r=e.length;i<r;i++)if(i in e&&t.call(o,e[i],i)===this.BREAK)return}else for(var a in e)if(t.call(o,e[a],a)===this.BREAK)return},defer:function(e){setTimeout(e,0)},debounce:function(e,t,n){var o=void 0;return function(){function i(){o=null,n||e.apply(r,a)}var r=this,a=arguments,l=n||!o;clearTimeout(o),o=setTimeout(i,t),l&&e.apply(r,a)}},toArray:function(e){return e.toArray?e.toArray():o.call(e)},isUndefined:function(e){return void 0===e},isNull:function(e){return null===e},isNaN:function(e){function t(t){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}(function(e){return isNaN(e)}),isArray:Array.isArray||function(e){return e.constructor===Array},isObject:function(e){return e===Object(e)},isNumber:function(e){return e===e+0},isString:function(e){return e===e+\"\"},isBoolean:function(e){return e===!1||e===!0},isFunction:function(e){return\"[object Function]\"===Object.prototype.toString.call(e)}};t.default=i,e.exports=t.default},function(e,t){\"use strict\";t.__esModule=!0;var n=void 0,o={hsv_to_rgb:function(e,t,n){var o=Math.floor(e/60)%6,i=e/60-Math.floor(e/60),r=n*(1-t),a=n*(1-i*t),l=n*(1-(1-i)*t),s=[[n,l,r],[a,n,r],[r,n,l],[r,a,n],[l,r,n],[n,r,a]][o];return{r:255*s[0],g:255*s[1],b:255*s[2]}},rgb_to_hsv:function(e,t,n){var o=Math.min(e,t,n),i=Math.max(e,t,n),r=i-o,a=void 0,l=void 0;return 0===i?{h:NaN,s:0,v:0}:(l=r/i,a=e===i?(t-n)/r:t===i?2+(n-e)/r:4+(e-t)/r,a/=6,a<0&&(a+=1),{h:360*a,s:l,v:i/255})},rgb_to_hex:function(e,t,n){var o=this.hex_with_component(0,2,e);return o=this.hex_with_component(o,1,t),o=this.hex_with_component(o,0,n)},component_from_hex:function(e,t){return e>>8*t&255},hex_with_component:function(e,t,o){return o<<(n=8*t)|e&~(255<<n)}};t.default=o,e.exports=t.default},function(e,t){\"use strict\";function n(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}t.__esModule=!0;var o=function(){function e(t,o){n(this,e),this.initialValue=t[o],this.domElement=document.createElement(\"div\"),this.object=t,this.property=o,this.__onChange=void 0,this.__onFinishChange=void 0}return e.prototype.onChange=function(e){return this.__onChange=e,this},e.prototype.onFinishChange=function(e){return this.__onFinishChange=e,this},e.prototype.setValue=function(e){return this.object[this.property]=e,this.__onChange&&this.__onChange.call(this,e),this.updateDisplay(),this},e.prototype.getValue=function(){return this.object[this.property]},e.prototype.updateDisplay=function(){return this},e.prototype.isModified=function(){return this.initialValue!==this.getValue()},e}();t.default=o,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t){if(!e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return!t||\"object\"!=typeof t&&\"function\"!=typeof t?e:t}function a(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var l=n(7),s=o(l),u=n(9),d=o(u),c=function(e){function t(n,o){function a(){s.setValue(!s.__prev)}i(this,t);var l=r(this,e.call(this,n,o)),s=l;return l.__prev=l.getValue(),l.__checkbox=document.createElement(\"input\"),l.__checkbox.setAttribute(\"type\",\"checkbox\"),d.default.bind(l.__checkbox,\"change\",a,!1),l.domElement.appendChild(l.__checkbox),l.updateDisplay(),l}return a(t,e),t.prototype.setValue=function(t){var n=e.prototype.setValue.call(this,t);return this.__onFinishChange&&this.__onFinishChange.call(this,this.getValue()),this.__prev=this.getValue(),n},t.prototype.updateDisplay=function(){return this.getValue()===!0?(this.__checkbox.setAttribute(\"checked\",\"checked\"),this.__checkbox.checked=!0,this.__prev=!0):(this.__checkbox.checked=!1,this.__prev=!1),e.prototype.updateDisplay.call(this)},t}(s.default);t.default=c,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e){if(\"0\"===e||a.default.isUndefined(e))return 0;var t=e.match(u);return a.default.isNull(t)?0:parseFloat(t[1])}t.__esModule=!0;var r=n(5),a=o(r),l={HTMLEvents:[\"change\"],MouseEvents:[\"click\",\"mousemove\",\"mousedown\",\"mouseup\",\"mouseover\"],KeyboardEvents:[\"keydown\"]},s={};a.default.each(l,function(e,t){a.default.each(e,function(e){s[e]=t})});var u=/(\\d+(\\.\\d+)?)px/,d={makeSelectable:function(e,t){void 0!==e&&void 0!==e.style&&(e.onselectstart=t?function(){return!1}:function(){},e.style.MozUserSelect=t?\"auto\":\"none\",e.style.KhtmlUserSelect=t?\"auto\":\"none\",e.unselectable=t?\"on\":\"off\")},makeFullscreen:function(e,t,n){var o=n,i=t;a.default.isUndefined(i)&&(i=!0),a.default.isUndefined(o)&&(o=!0),e.style.position=\"absolute\",i&&(e.style.left=0,e.style.right=0),o&&(e.style.top=0,e.style.bottom=0)},fakeEvent:function(e,t,n,o){var i=n||{},r=s[t];if(!r)throw new Error(\"Event type \"+t+\" not supported.\");var l=document.createEvent(r);switch(r){case\"MouseEvents\":var u=i.x||i.clientX||0,d=i.y||i.clientY||0;l.initMouseEvent(t,i.bubbles||!1,i.cancelable||!0,window,i.clickCount||1,0,0,u,d,!1,!1,!1,!1,0,null);break;case\"KeyboardEvents\":var c=l.initKeyboardEvent||l.initKeyEvent;a.default.defaults(i,{cancelable:!0,ctrlKey:!1,altKey:!1,shiftKey:!1,metaKey:!1,keyCode:void 0,charCode:void 0}),c(t,i.bubbles||!1,i.cancelable,window,i.ctrlKey,i.altKey,i.shiftKey,i.metaKey,i.keyCode,i.charCode);break;default:l.initEvent(t,i.bubbles||!1,i.cancelable||!0)}a.default.defaults(l,o),e.dispatchEvent(l)},bind:function(e,t,n,o){var i=o||!1;return e.addEventListener?e.addEventListener(t,n,i):e.attachEvent&&e.attachEvent(\"on\"+t,n),d},unbind:function(e,t,n,o){var i=o||!1;return e.removeEventListener?e.removeEventListener(t,n,i):e.detachEvent&&e.detachEvent(\"on\"+t,n),d},addClass:function(e,t){if(void 0===e.className)e.className=t;else if(e.className!==t){var n=e.className.split(/ +/);n.indexOf(t)===-1&&(n.push(t),e.className=n.join(\" \").replace(/^\\s+/,\"\").replace(/\\s+$/,\"\"))}return d},removeClass:function(e,t){if(t)if(e.className===t)e.removeAttribute(\"class\");else{var n=e.className.split(/ +/),o=n.indexOf(t);o!==-1&&(n.splice(o,1),e.className=n.join(\" \"))}else e.className=void 0;return d},hasClass:function(e,t){return new RegExp(\"(?:^|\\\\s+)\"+t+\"(?:\\\\s+|$)\").test(e.className)||!1},getWidth:function(e){var t=getComputedStyle(e);return i(t[\"border-left-width\"])+i(t[\"border-right-width\"])+i(t[\"padding-left\"])+i(t[\"padding-right\"])+i(t.width)},getHeight:function(e){var t=getComputedStyle(e);return i(t[\"border-top-width\"])+i(t[\"border-bottom-width\"])+i(t[\"padding-top\"])+i(t[\"padding-bottom\"])+i(t.height)},getOffset:function(e){var t=e,n={left:0,top:0};if(t.offsetParent)do n.left+=t.offsetLeft,n.top+=t.offsetTop,t=t.offsetParent;while(t);return n},isActive:function(e){return e===document.activeElement&&(e.type||e.href)}};t.default=d,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t){if(!e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return!t||\"object\"!=typeof t&&\"function\"!=typeof t?e:t}function a(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var l=n(7),s=o(l),u=n(9),d=o(u),c=n(5),f=o(c),_=function(e){function t(n,o,a){i(this,t);var l=r(this,e.call(this,n,o)),s=a,u=l;if(l.__select=document.createElement(\"select\"),f.default.isArray(s)){var c={};f.default.each(s,function(e){c[e]=e}),s=c}return f.default.each(s,function(e,t){var n=document.createElement(\"option\");n.innerHTML=t,n.setAttribute(\"value\",e),u.__select.appendChild(n)}),l.updateDisplay(),d.default.bind(l.__select,\"change\",function(){var e=this.options[this.selectedIndex].value;u.setValue(e)}),l.domElement.appendChild(l.__select),l}return a(t,e),t.prototype.setValue=function(t){var n=e.prototype.setValue.call(this,t);return this.__onFinishChange&&this.__onFinishChange.call(this,this.getValue()),n},t.prototype.updateDisplay=function(){return d.default.isActive(this.__select)?this:(this.__select.value=this.getValue(),e.prototype.updateDisplay.call(this))},t}(s.default);t.default=_,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t){if(!e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return!t||\"object\"!=typeof t&&\"function\"!=typeof t?e:t}function a(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var l=n(7),s=o(l),u=n(9),d=o(u),c=function(e){function t(n,o){function a(){u.setValue(u.__input.value)}function l(){u.__onFinishChange&&u.__onFinishChange.call(u,u.getValue())}i(this,t);var s=r(this,e.call(this,n,o)),u=s;return s.__input=document.createElement(\"input\"),s.__input.setAttribute(\"type\",\"text\"),d.default.bind(s.__input,\"keyup\",a),d.default.bind(s.__input,\"change\",a),d.default.bind(s.__input,\"blur\",l),d.default.bind(s.__input,\"keydown\",function(e){13===e.keyCode&&this.blur()}),s.updateDisplay(),s.domElement.appendChild(s.__input),s}return a(t,e),t.prototype.updateDisplay=function(){return d.default.isActive(this.__input)||(this.__input.value=this.getValue()),e.prototype.updateDisplay.call(this)},t}(s.default);t.default=c,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t){if(!e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return!t||\"object\"!=typeof t&&\"function\"!=typeof t?e:t}function a(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(e){var t=e.toString();return t.indexOf(\".\")>-1?t.length-t.indexOf(\".\")-1:0}t.__esModule=!0;var s=n(7),u=o(s),d=n(5),c=o(d),f=function(e){function t(n,o,a){i(this,t);var s=r(this,e.call(this,n,o)),u=a||{};return s.__min=u.min,s.__max=u.max,s.__step=u.step,c.default.isUndefined(s.__step)?0===s.initialValue?s.__impliedStep=1:s.__impliedStep=Math.pow(10,Math.floor(Math.log(Math.abs(s.initialValue))/Math.LN10))/10:s.__impliedStep=s.__step,s.__precision=l(s.__impliedStep),s}return a(t,e),t.prototype.setValue=function(t){var n=t;return void 0!==this.__min&&n<this.__min?n=this.__min:void 0!==this.__max&&n>this.__max&&(n=this.__max),void 0!==this.__step&&n%this.__step!==0&&(n=Math.round(n/this.__step)*this.__step),e.prototype.setValue.call(this,n)},t.prototype.min=function(e){return this.__min=e,this},t.prototype.max=function(e){return this.__max=e,this},t.prototype.step=function(e){return this.__step=e,this.__impliedStep=e,this.__precision=l(e),this},t}(u.default);t.default=f,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t){if(!e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return!t||\"object\"!=typeof t&&\"function\"!=typeof t?e:t}function a(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}t.__esModule=!0;var s=n(12),u=o(s),d=n(9),c=o(d),f=n(5),_=o(f),p=function(e){function t(n,o,a){function l(){var e=parseFloat(m.__input.value);_.default.isNaN(e)||m.setValue(e)}function s(){m.__onFinishChange&&m.__onFinishChange.call(m,m.getValue())}function u(){s()}function d(e){var t=b-e.clientY;m.setValue(m.getValue()+t*m.__impliedStep),b=e.clientY}function f(){c.default.unbind(window,\"mousemove\",d),c.default.unbind(window,\"mouseup\",f),s()}function p(e){c.default.bind(window,\"mousemove\",d),c.default.bind(window,\"mouseup\",f),b=e.clientY}i(this,t);var h=r(this,e.call(this,n,o,a));h.__truncationSuspended=!1;var m=h,b=void 0;return h.__input=document.createElement(\"input\"),h.__input.setAttribute(\"type\",\"text\"),c.default.bind(h.__input,\"change\",l),c.default.bind(h.__input,\"blur\",u),c.default.bind(h.__input,\"mousedown\",p),c.default.bind(h.__input,\"keydown\",function(e){13===e.keyCode&&(m.__truncationSuspended=!0,this.blur(),m.__truncationSuspended=!1,s())}),h.updateDisplay(),h.domElement.appendChild(h.__input),h}return a(t,e),t.prototype.updateDisplay=function(){return this.__input.value=this.__truncationSuspended?this.getValue():l(this.getValue(),this.__precision),e.prototype.updateDisplay.call(this)},t}(u.default);t.default=p,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t){if(!e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return!t||\"object\"!=typeof t&&\"function\"!=typeof t?e:t}function a(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(e,t,n,o,i){return o+(i-o)*((e-t)/(n-t))}t.__esModule=!0;var s=n(12),u=o(s),d=n(9),c=o(d),f=function(e){function t(n,o,a,s,u){function d(e){document.activeElement.blur(),c.default.bind(window,\"mousemove\",f),c.default.bind(window,\"mouseup\",_),f(e)}function f(e){e.preventDefault();var t=h.__background.getBoundingClientRect();return h.setValue(l(e.clientX,t.left,t.right,h.__min,h.__max)),!1}function _(){c.default.unbind(window,\"mousemove\",f),c.default.unbind(window,\"mouseup\",_),h.__onFinishChange&&h.__onFinishChange.call(h,h.getValue())}i(this,t);var p=r(this,e.call(this,n,o,{min:a,max:s,step:u})),h=p;return p.__background=document.createElement(\"div\"),p.__foreground=document.createElement(\"div\"),c.default.bind(p.__background,\"mousedown\",d),c.default.addClass(p.__background,\"slider\"),c.default.addClass(p.__foreground,\"slider-fg\"),p.updateDisplay(),p.__background.appendChild(p.__foreground),p.domElement.appendChild(p.__background),p}return a(t,e),t.prototype.updateDisplay=function(){var t=(this.getValue()-this.__min)/(this.__max-this.__min);return this.__foreground.style.width=100*t+\"%\",e.prototype.updateDisplay.call(this)},t}(u.default);t.default=f,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t){if(!e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return!t||\"object\"!=typeof t&&\"function\"!=typeof t?e:t}function a(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var l=n(7),s=o(l),u=n(9),d=o(u),c=function(e){function t(n,o,a){i(this,t);var l=r(this,e.call(this,n,o)),s=l;return l.__button=document.createElement(\"div\"),l.__button.innerHTML=void 0===a?\"Fire\":a,d.default.bind(l.__button,\"click\",function(e){return e.preventDefault(),s.fire(),!1}),d.default.addClass(l.__button,\"button\"),l.domElement.appendChild(l.__button),l}return a(t,e),t.prototype.fire=function(){this.__onChange&&this.__onChange.call(this),this.getValue().call(this.object),this.__onFinishChange&&this.__onFinishChange.call(this,this.getValue())},t}(s.default);t.default=c,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function r(e,t){if(!e)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return!t||\"object\"!=typeof t&&\"function\"!=typeof t?e:t}function a(e,t){if(\"function\"!=typeof t&&null!==t)throw new TypeError(\"Super expression must either be null or a function, not \"+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(e,t,n,o){e.style.background=\"\",g.default.each(y,function(i){e.style.cssText+=\"background: \"+i+\"linear-gradient(\"+t+\", \"+n+\" 0%, \"+o+\" 100%); \"})}function s(e){e.style.background=\"\",e.style.cssText+=\"background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);\",e.style.cssText+=\"background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);\",e.style.cssText+=\"background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);\",e.style.cssText+=\"background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);\",e.style.cssText+=\"background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);\"}t.__esModule=!0;var u=n(7),d=o(u),c=n(9),f=o(c),_=n(2),p=o(_),h=n(3),m=o(h),b=n(5),g=o(b),v=function(e){function t(n,o){function a(e){h(e),f.default.bind(window,\"mousemove\",h),f.default.bind(window,\"mouseup\",u)}function u(){f.default.unbind(window,\"mousemove\",h),f.default.unbind(window,\"mouseup\",u),_()}function d(){var e=(0,m.default)(this.value);e!==!1?(y.__color.__state=e,y.setValue(y.__color.toOriginal())):this.value=y.__color.toString()}function c(){f.default.unbind(window,\"mousemove\",b),f.default.unbind(window,\"mouseup\",c),_()}function _(){y.__onFinishChange&&y.__onFinishChange.call(y,y.__color.toOriginal())}function h(e){e.preventDefault();var t=y.__saturation_field.getBoundingClientRect(),n=(e.clientX-t.left)/(t.right-t.left),o=1-(e.clientY-t.top)/(t.bottom-t.top);return o>1?o=1:o<0&&(o=0),n>1?n=1:n<0&&(n=0),y.__color.v=o,y.__color.s=n,y.setValue(y.__color.toOriginal()),!1}function b(e){e.preventDefault();var t=y.__hue_field.getBoundingClientRect(),n=1-(e.clientY-t.top)/(t.bottom-t.top);return n>1?n=1:n<0&&(n=0),y.__color.h=360*n,y.setValue(y.__color.toOriginal()),!1}i(this,t);var v=r(this,e.call(this,n,o));v.__color=new p.default(v.getValue()),v.__temp=new p.default(0);var y=v;v.domElement=document.createElement(\"div\"),f.default.makeSelectable(v.domElement,!1),v.__selector=document.createElement(\"div\"),v.__selector.className=\"selector\",v.__saturation_field=document.createElement(\"div\"),v.__saturation_field.className=\"saturation-field\",v.__field_knob=document.createElement(\"div\"),v.__field_knob.className=\"field-knob\",v.__field_knob_border=\"2px solid \",v.__hue_knob=document.createElement(\"div\"),v.__hue_knob.className=\"hue-knob\",v.__hue_field=document.createElement(\"div\"),v.__hue_field.className=\"hue-field\",v.__input=document.createElement(\"input\"),v.__input.type=\"text\",v.__input_textShadow=\"0 1px 1px \",f.default.bind(v.__input,\"keydown\",function(e){13===e.keyCode&&d.call(this)}),f.default.bind(v.__input,\"blur\",d),f.default.bind(v.__selector,\"mousedown\",function(){f.default.addClass(this,\"drag\").bind(window,\"mouseup\",function(){f.default.removeClass(y.__selector,\"drag\")})});var w=document.createElement(\"div\");return g.default.extend(v.__selector.style,{width:\"122px\",height:\"102px\",padding:\"3px\",backgroundColor:\"#222\",boxShadow:\"0px 1px 3px rgba(0,0,0,0.3)\"}),g.default.extend(v.__field_knob.style,{position:\"absolute\",width:\"12px\",height:\"12px\",border:v.__field_knob_border+(v.__color.v<.5?\"#fff\":\"#000\"),boxShadow:\"0px 1px 3px rgba(0,0,0,0.5)\",borderRadius:\"12px\",zIndex:1}),g.default.extend(v.__hue_knob.style,{position:\"absolute\",width:\"15px\",height:\"2px\",borderRight:\"4px solid #fff\",zIndex:1}),g.default.extend(v.__saturation_field.style,{width:\"100px\",height:\"100px\",border:\"1px solid #555\",marginRight:\"3px\",display:\"inline-block\",cursor:\"pointer\"}),g.default.extend(w.style,{width:\"100%\",height:\"100%\",background:\"none\"}),l(w,\"top\",\"rgba(0,0,0,0)\",\"#000\"),g.default.extend(v.__hue_field.style,{width:\"15px\",height:\"100px\",border:\"1px solid #555\",cursor:\"ns-resize\",position:\"absolute\",top:\"3px\",right:\"3px\"}),s(v.__hue_field),g.default.extend(v.__input.style,{outline:\"none\",textAlign:\"center\",color:\"#fff\",border:0,fontWeight:\"bold\",textShadow:v.__input_textShadow+\"rgba(0,0,0,0.7)\"}),f.default.bind(v.__saturation_field,\"mousedown\",a),f.default.bind(v.__field_knob,\"mousedown\",a),f.default.bind(v.__hue_field,\"mousedown\",function(e){b(e),f.default.bind(window,\"mousemove\",b),f.default.bind(window,\"mouseup\",c)}),v.__saturation_field.appendChild(w),v.__selector.appendChild(v.__field_knob),v.__selector.appendChild(v.__saturation_field),v.__selector.appendChild(v.__hue_field),v.__hue_field.appendChild(v.__hue_knob),v.domElement.appendChild(v.__input),v.domElement.appendChild(v.__selector),v.updateDisplay(),v}return a(t,e),t.prototype.updateDisplay=function(){var e=(0,m.default)(this.getValue());if(e!==!1){var t=!1;g.default.each(p.default.COMPONENTS,function(n){if(!g.default.isUndefined(e[n])&&!g.default.isUndefined(this.__color.__state[n])&&e[n]!==this.__color.__state[n])return t=!0,{}},this),t&&g.default.extend(this.__color.__state,e)}g.default.extend(this.__temp.__state,this.__color.__state),this.__temp.a=1;var n=this.__color.v<.5||this.__color.s>.5?255:0,o=255-n;g.default.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(\"+n+\",\"+n+\",\"+n+\")\"}),this.__hue_knob.style.marginTop=100*(1-this.__color.h/360)+\"px\",this.__temp.s=1,this.__temp.v=1,l(this.__saturation_field,\"left\",\"#fff\",this.__temp.toHexString()),this.__input.value=this.__color.toString(),g.default.extend(this.__input.style,{backgroundColor:this.__color.toHexString(),color:\"rgb(\"+n+\",\"+n+\",\"+n+\")\",textShadow:this.__input_textShadow+\"rgba(\"+o+\",\"+o+\",\"+o+\",.7)\"})},t}(d.default),y=[\"-moz-\",\"-o-\",\"-webkit-\",\"-ms-\",\"\"];t.default=v,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t,n){var o=document.createElement(\"li\");return t&&o.appendChild(t),n?e.__ul.insertBefore(o,n):e.__ul.appendChild(o),e.onResize(),o}function r(e,t){var n=e.__preset_select[e.__preset_select.selectedIndex];t?n.innerHTML=n.value+\"*\":n.innerHTML=n.value}function a(e,t,n){if(n.__li=t,n.__gui=e,U.default.extend(n,{options:function(t){if(arguments.length>1){var o=n.__li.nextElementSibling;return n.remove(),s(e,n.object,n.property,{before:o,factoryArgs:[U.default.toArray(arguments)]})}if(U.default.isArray(t)||U.default.isObject(t)){var i=n.__li.nextElementSibling;return n.remove(),s(e,n.object,n.property,{before:i,factoryArgs:[t]})}},name:function(e){return n.__li.firstElementChild.firstElementChild.innerHTML=e,n},listen:function(){return n.__gui.listen(n),n},remove:function(){return n.__gui.remove(n),n}}),n instanceof N.default){var o=new B.default(n.object,n.property,{\n",
       "min:n.__min,max:n.__max,step:n.__step});U.default.each([\"updateDisplay\",\"onChange\",\"onFinishChange\",\"step\"],function(e){var t=n[e],i=o[e];n[e]=o[e]=function(){var e=Array.prototype.slice.call(arguments);return i.apply(o,e),t.apply(n,e)}}),z.default.addClass(t,\"has-slider\"),n.domElement.insertBefore(o.domElement,n.domElement.firstElementChild)}else if(n instanceof B.default){var i=function(t){if(U.default.isNumber(n.__min)&&U.default.isNumber(n.__max)){var o=n.__li.firstElementChild.firstElementChild.innerHTML,i=n.__gui.__listening.indexOf(n)>-1;n.remove();var r=s(e,n.object,n.property,{before:n.__li.nextElementSibling,factoryArgs:[n.__min,n.__max,n.__step]});return r.name(o),i&&r.listen(),r}return t};n.min=U.default.compose(i,n.min),n.max=U.default.compose(i,n.max)}else n instanceof O.default?(z.default.bind(t,\"click\",function(){z.default.fakeEvent(n.__checkbox,\"click\")}),z.default.bind(n.__checkbox,\"click\",function(e){e.stopPropagation()})):n instanceof R.default?(z.default.bind(t,\"click\",function(){z.default.fakeEvent(n.__button,\"click\")}),z.default.bind(t,\"mouseover\",function(){z.default.addClass(n.__button,\"hover\")}),z.default.bind(t,\"mouseout\",function(){z.default.removeClass(n.__button,\"hover\")})):n instanceof j.default&&(z.default.addClass(t,\"color\"),n.updateDisplay=U.default.compose(function(e){return t.style.borderLeftColor=n.__color.toString(),e},n.updateDisplay),n.updateDisplay());n.setValue=U.default.compose(function(t){return e.getRoot().__preset_select&&n.isModified()&&r(e.getRoot(),!0),t},n.setValue)}function l(e,t){var n=e.getRoot(),o=n.__rememberedObjects.indexOf(t.object);if(o!==-1){var i=n.__rememberedObjectIndecesToControllers[o];if(void 0===i&&(i={},n.__rememberedObjectIndecesToControllers[o]=i),i[t.property]=t,n.load&&n.load.remembered){var r=n.load.remembered,a=void 0;if(r[e.preset])a=r[e.preset];else{if(!r[Q])return;a=r[Q]}if(a[o]&&void 0!==a[o][t.property]){var l=a[o][t.property];t.initialValue=l,t.setValue(l)}}}}function s(e,t,n,o){if(void 0===t[n])throw new Error('Object \"'+t+'\" has no property \"'+n+'\"');var r=void 0;if(o.color)r=new j.default(t,n);else{var s=[t,n].concat(o.factoryArgs);r=C.default.apply(e,s)}o.before instanceof S.default&&(o.before=o.before.__li),l(e,r),z.default.addClass(r.domElement,\"c\");var u=document.createElement(\"span\");z.default.addClass(u,\"property-name\"),u.innerHTML=r.property;var d=document.createElement(\"div\");d.appendChild(u),d.appendChild(r.domElement);var c=i(e,d,o.before);return z.default.addClass(c,oe.CLASS_CONTROLLER_ROW),r instanceof j.default?z.default.addClass(c,\"color\"):z.default.addClass(c,g(r.getValue())),a(e,c,r),e.__controllers.push(r),r}function u(e,t){return document.location.href+\".\"+t}function d(e,t,n){var o=document.createElement(\"option\");o.innerHTML=t,o.value=t,e.__preset_select.appendChild(o),n&&(e.__preset_select.selectedIndex=e.__preset_select.length-1)}function c(e,t){t.style.display=e.useLocalStorage?\"block\":\"none\"}function f(e){var t=e.__save_row=document.createElement(\"li\");z.default.addClass(e.domElement,\"has-save\"),e.__ul.insertBefore(t,e.__ul.firstChild),z.default.addClass(t,\"save-row\");var n=document.createElement(\"span\");n.innerHTML=\"&nbsp;\",z.default.addClass(n,\"button gears\");var o=document.createElement(\"span\");o.innerHTML=\"Save\",z.default.addClass(o,\"button\"),z.default.addClass(o,\"save\");var i=document.createElement(\"span\");i.innerHTML=\"New\",z.default.addClass(i,\"button\"),z.default.addClass(i,\"save-as\");var r=document.createElement(\"span\");r.innerHTML=\"Revert\",z.default.addClass(r,\"button\"),z.default.addClass(r,\"revert\");var a=e.__preset_select=document.createElement(\"select\");if(e.load&&e.load.remembered?U.default.each(e.load.remembered,function(t,n){d(e,n,n===e.preset)}):d(e,Q,!1),z.default.bind(a,\"change\",function(){for(var t=0;t<e.__preset_select.length;t++)e.__preset_select[t].innerHTML=e.__preset_select[t].value;e.preset=this.value}),t.appendChild(a),t.appendChild(n),t.appendChild(o),t.appendChild(i),t.appendChild(r),q){var l=document.getElementById(\"dg-local-explain\"),s=document.getElementById(\"dg-local-storage\"),f=document.getElementById(\"dg-save-locally\");f.style.display=\"block\",\"true\"===localStorage.getItem(u(e,\"isLocal\"))&&s.setAttribute(\"checked\",\"checked\"),c(e,l),z.default.bind(s,\"change\",function(){e.useLocalStorage=!e.useLocalStorage,c(e,l)})}var _=document.getElementById(\"dg-new-constructor\");z.default.bind(_,\"keydown\",function(e){!e.metaKey||67!==e.which&&67!==e.keyCode||Z.hide()}),z.default.bind(n,\"click\",function(){_.innerHTML=JSON.stringify(e.getSaveObject(),void 0,2),Z.show(),_.focus(),_.select()}),z.default.bind(o,\"click\",function(){e.save()}),z.default.bind(i,\"click\",function(){var t=prompt(\"Enter a new preset name.\");t&&e.saveAs(t)}),z.default.bind(r,\"click\",function(){e.revert()})}function _(e){function t(t){return t.preventDefault(),e.width+=i-t.clientX,e.onResize(),i=t.clientX,!1}function n(){z.default.removeClass(e.__closeButton,oe.CLASS_DRAG),z.default.unbind(window,\"mousemove\",t),z.default.unbind(window,\"mouseup\",n)}function o(o){return o.preventDefault(),i=o.clientX,z.default.addClass(e.__closeButton,oe.CLASS_DRAG),z.default.bind(window,\"mousemove\",t),z.default.bind(window,\"mouseup\",n),!1}var i=void 0;e.__resize_handle=document.createElement(\"div\"),U.default.extend(e.__resize_handle.style,{width:\"6px\",marginLeft:\"-3px\",height:\"200px\",cursor:\"ew-resize\",position:\"absolute\"}),z.default.bind(e.__resize_handle,\"mousedown\",o),z.default.bind(e.__closeButton,\"mousedown\",o),e.domElement.insertBefore(e.__resize_handle,e.domElement.firstElementChild)}function p(e,t){e.domElement.style.width=t+\"px\",e.__save_row&&e.autoPlace&&(e.__save_row.style.width=t+\"px\"),e.__closeButton&&(e.__closeButton.style.width=t+\"px\")}function h(e,t){var n={};return U.default.each(e.__rememberedObjects,function(o,i){var r={},a=e.__rememberedObjectIndecesToControllers[i];U.default.each(a,function(e,n){r[n]=t?e.initialValue:e.getValue()}),n[i]=r}),n}function m(e){for(var t=0;t<e.__preset_select.length;t++)e.__preset_select[t].value===e.preset&&(e.__preset_select.selectedIndex=t)}function b(e){0!==e.length&&D.default.call(window,function(){b(e)}),U.default.each(e,function(e){e.updateDisplay()})}t.__esModule=!0;var g=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&\"function\"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?\"symbol\":typeof e},v=n(18),y=o(v),w=n(19),x=o(w),E=n(20),C=o(E),A=n(7),S=o(A),k=n(8),O=o(k),T=n(15),R=o(T),L=n(13),B=o(L),M=n(14),N=o(M),H=n(16),j=o(H),P=n(21),D=o(P),V=n(22),F=o(V),I=n(9),z=o(I),G=n(5),U=o(G),X=n(23),K=o(X);y.default.inject(K.default);var Y=\"dg\",J=72,W=20,Q=\"Default\",q=function(){try{return\"localStorage\"in window&&null!==window.localStorage}catch(e){return!1}}(),Z=void 0,$=!0,ee=void 0,te=!1,ne=[],oe=function e(t){function n(){var e=o.getRoot();e.width+=1,U.default.defer(function(){e.width-=1})}var o=this,r=t||{};this.domElement=document.createElement(\"div\"),this.__ul=document.createElement(\"ul\"),this.domElement.appendChild(this.__ul),z.default.addClass(this.domElement,Y),this.__folders={},this.__controllers=[],this.__rememberedObjects=[],this.__rememberedObjectIndecesToControllers=[],this.__listening=[],r=U.default.defaults(r,{closeOnTop:!1,autoPlace:!0,width:e.DEFAULT_WIDTH}),r=U.default.defaults(r,{resizable:r.autoPlace,hideable:r.autoPlace}),U.default.isUndefined(r.load)?r.load={preset:Q}:r.preset&&(r.load.preset=r.preset),U.default.isUndefined(r.parent)&&r.hideable&&ne.push(this),r.resizable=U.default.isUndefined(r.parent)&&r.resizable,r.autoPlace&&U.default.isUndefined(r.scrollable)&&(r.scrollable=!0);var a=q&&\"true\"===localStorage.getItem(u(this,\"isLocal\")),l=void 0;if(Object.defineProperties(this,{parent:{get:function(){return r.parent}},scrollable:{get:function(){return r.scrollable}},autoPlace:{get:function(){return r.autoPlace}},closeOnTop:{get:function(){return r.closeOnTop}},preset:{get:function(){return o.parent?o.getRoot().preset:r.load.preset},set:function(e){o.parent?o.getRoot().preset=e:r.load.preset=e,m(this),o.revert()}},width:{get:function(){return r.width},set:function(e){r.width=e,p(o,e)}},name:{get:function(){return r.name},set:function(e){r.name=e,titleRowName&&(titleRowName.innerHTML=r.name)}},closed:{get:function(){return r.closed},set:function(t){r.closed=t,r.closed?z.default.addClass(o.__ul,e.CLASS_CLOSED):z.default.removeClass(o.__ul,e.CLASS_CLOSED),this.onResize(),o.__closeButton&&(o.__closeButton.innerHTML=t?e.TEXT_OPEN:e.TEXT_CLOSED)}},load:{get:function(){return r.load}},useLocalStorage:{get:function(){return a},set:function(e){q&&(a=e,e?z.default.bind(window,\"unload\",l):z.default.unbind(window,\"unload\",l),localStorage.setItem(u(o,\"isLocal\"),e))}}}),U.default.isUndefined(r.parent)){if(r.closed=!1,z.default.addClass(this.domElement,e.CLASS_MAIN),z.default.makeSelectable(this.domElement,!1),q&&a){o.useLocalStorage=!0;var s=localStorage.getItem(u(this,\"gui\"));s&&(r.load=JSON.parse(s))}this.__closeButton=document.createElement(\"div\"),this.__closeButton.innerHTML=e.TEXT_CLOSED,z.default.addClass(this.__closeButton,e.CLASS_CLOSE_BUTTON),r.closeOnTop?(z.default.addClass(this.__closeButton,e.CLASS_CLOSE_TOP),this.domElement.insertBefore(this.__closeButton,this.domElement.childNodes[0])):(z.default.addClass(this.__closeButton,e.CLASS_CLOSE_BOTTOM),this.domElement.appendChild(this.__closeButton)),z.default.bind(this.__closeButton,\"click\",function(){o.closed=!o.closed})}else{void 0===r.closed&&(r.closed=!0);var d=document.createTextNode(r.name);z.default.addClass(d,\"controller-name\");var c=i(o,d),f=function(e){return e.preventDefault(),o.closed=!o.closed,!1};z.default.addClass(this.__ul,e.CLASS_CLOSED),z.default.addClass(c,\"title\"),z.default.bind(c,\"click\",f),r.closed||(this.closed=!1)}r.autoPlace&&(U.default.isUndefined(r.parent)&&($&&(ee=document.createElement(\"div\"),z.default.addClass(ee,Y),z.default.addClass(ee,e.CLASS_AUTO_PLACE_CONTAINER),document.body.appendChild(ee),$=!1),ee.appendChild(this.domElement),z.default.addClass(this.domElement,e.CLASS_AUTO_PLACE)),this.parent||p(o,r.width)),this.__resizeHandler=function(){o.onResizeDebounced()},z.default.bind(window,\"resize\",this.__resizeHandler),z.default.bind(this.__ul,\"webkitTransitionEnd\",this.__resizeHandler),z.default.bind(this.__ul,\"transitionend\",this.__resizeHandler),z.default.bind(this.__ul,\"oTransitionEnd\",this.__resizeHandler),this.onResize(),r.resizable&&_(this),l=function(){q&&\"true\"===localStorage.getItem(u(o,\"isLocal\"))&&localStorage.setItem(u(o,\"gui\"),JSON.stringify(o.getSaveObject()))},this.saveToLocalStorageIfPossible=l,r.parent||n()};oe.toggleHide=function(){te=!te,U.default.each(ne,function(e){e.domElement.style.display=te?\"none\":\"\"})},oe.CLASS_AUTO_PLACE=\"a\",oe.CLASS_AUTO_PLACE_CONTAINER=\"ac\",oe.CLASS_MAIN=\"main\",oe.CLASS_CONTROLLER_ROW=\"cr\",oe.CLASS_TOO_TALL=\"taller-than-window\",oe.CLASS_CLOSED=\"closed\",oe.CLASS_CLOSE_BUTTON=\"close-button\",oe.CLASS_CLOSE_TOP=\"close-top\",oe.CLASS_CLOSE_BOTTOM=\"close-bottom\",oe.CLASS_DRAG=\"drag\",oe.DEFAULT_WIDTH=245,oe.TEXT_CLOSED=\"Close Controls\",oe.TEXT_OPEN=\"Open Controls\",oe._keydownHandler=function(e){\"text\"===document.activeElement.type||e.which!==J&&e.keyCode!==J||oe.toggleHide()},z.default.bind(window,\"keydown\",oe._keydownHandler,!1),U.default.extend(oe.prototype,{add:function(e,t){return s(this,e,t,{factoryArgs:Array.prototype.slice.call(arguments,2)})},addColor:function(e,t){return s(this,e,t,{color:!0})},remove:function(e){this.__ul.removeChild(e.__li),this.__controllers.splice(this.__controllers.indexOf(e),1);var t=this;U.default.defer(function(){t.onResize()})},destroy:function(){this.autoPlace&&ee.removeChild(this.domElement),z.default.unbind(window,\"keydown\",oe._keydownHandler,!1),z.default.unbind(window,\"resize\",this.__resizeHandler),this.saveToLocalStorageIfPossible&&z.default.unbind(window,\"unload\",this.saveToLocalStorageIfPossible)},addFolder:function(e){if(void 0!==this.__folders[e])throw new Error('You already have a folder in this GUI by the name \"'+e+'\"');var t={name:e,parent:this};t.autoPlace=this.autoPlace,this.load&&this.load.folders&&this.load.folders[e]&&(t.closed=this.load.folders[e].closed,t.load=this.load.folders[e]);var n=new oe(t);this.__folders[e]=n;var o=i(this,n.domElement);return z.default.addClass(o,\"folder\"),n},open:function(){this.closed=!1},close:function(){this.closed=!0},onResize:function(){var e=this.getRoot();if(e.scrollable){var t=z.default.getOffset(e.__ul).top,n=0;U.default.each(e.__ul.childNodes,function(t){e.autoPlace&&t===e.__save_row||(n+=z.default.getHeight(t))}),window.innerHeight-t-W<n?(z.default.addClass(e.domElement,oe.CLASS_TOO_TALL),e.__ul.style.height=window.innerHeight-t-W+\"px\"):(z.default.removeClass(e.domElement,oe.CLASS_TOO_TALL),e.__ul.style.height=\"auto\")}e.__resize_handle&&U.default.defer(function(){e.__resize_handle.style.height=e.__ul.offsetHeight+\"px\"}),e.__closeButton&&(e.__closeButton.style.width=e.width+\"px\")},onResizeDebounced:U.default.debounce(function(){this.onResize()},50),remember:function(){if(U.default.isUndefined(Z)&&(Z=new F.default,Z.domElement.innerHTML=x.default),this.parent)throw new Error(\"You can only call remember on a top level GUI.\");var e=this;U.default.each(Array.prototype.slice.call(arguments),function(t){0===e.__rememberedObjects.length&&f(e),e.__rememberedObjects.indexOf(t)===-1&&e.__rememberedObjects.push(t)}),this.autoPlace&&p(this,this.width)},getRoot:function(){for(var e=this;e.parent;)e=e.parent;return e},getSaveObject:function(){var e=this.load;return e.closed=this.closed,this.__rememberedObjects.length>0&&(e.preset=this.preset,e.remembered||(e.remembered={}),e.remembered[this.preset]=h(this)),e.folders={},U.default.each(this.__folders,function(t,n){e.folders[n]=t.getSaveObject()}),e},save:function(){this.load.remembered||(this.load.remembered={}),this.load.remembered[this.preset]=h(this),r(this,!1),this.saveToLocalStorageIfPossible()},saveAs:function(e){this.load.remembered||(this.load.remembered={},this.load.remembered[Q]=h(this,!0)),this.load.remembered[e]=h(this),this.preset=e,d(this,e,!0),this.saveToLocalStorageIfPossible()},revert:function(e){U.default.each(this.__controllers,function(t){this.getRoot().load.remembered?l(e||this.getRoot(),t):t.setValue(t.initialValue),t.__onFinishChange&&t.__onFinishChange.call(t,t.getValue())},this),U.default.each(this.__folders,function(e){e.revert(e)}),e||r(this.getRoot(),!1)},listen:function(e){var t=0===this.__listening.length;this.__listening.push(e),t&&b(this.__listening)},updateDisplay:function(){U.default.each(this.__controllers,function(e){e.updateDisplay()}),U.default.each(this.__folders,function(e){e.updateDisplay()})}}),t.default=oe,e.exports=t.default},function(e,t){\"use strict\";e.exports={load:function(e,t){var n=t||document,o=n.createElement(\"link\");o.type=\"text/css\",o.rel=\"stylesheet\",o.href=e,n.getElementsByTagName(\"head\")[0].appendChild(o)},inject:function(e,t){var n=t||document,o=document.createElement(\"style\");o.type=\"text/css\",o.innerHTML=e;var i=n.getElementsByTagName(\"head\")[0];try{i.appendChild(o)}catch(e){}}}},function(e,t){e.exports=\"<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>\"},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(10),r=o(i),a=n(13),l=o(a),s=n(14),u=o(s),d=n(11),c=o(d),f=n(15),_=o(f),p=n(8),h=o(p),m=n(5),b=o(m),g=function(e,t){var n=e[t];return b.default.isArray(arguments[2])||b.default.isObject(arguments[2])?new r.default(e,t,arguments[2]):b.default.isNumber(n)?b.default.isNumber(arguments[2])&&b.default.isNumber(arguments[3])?b.default.isNumber(arguments[4])?new u.default(e,t,arguments[2],arguments[3],arguments[4]):new u.default(e,t,arguments[2],arguments[3]):b.default.isNumber(arguments[4])?new l.default(e,t,{min:arguments[2],max:arguments[3],step:arguments[4]}):new l.default(e,t,{min:arguments[2],max:arguments[3]}):b.default.isString(n)?new c.default(e,t):b.default.isFunction(n)?new _.default(e,t,\"\"):b.default.isBoolean(n)?new h.default(e,t):null};t.default=g,e.exports=t.default},function(e,t){\"use strict\";function n(e){setTimeout(e,1e3/60)}t.__esModule=!0,t.default=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||n,e.exports=t.default},function(e,t,n){\"use strict\";function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}t.__esModule=!0;var r=n(9),a=o(r),l=n(5),s=o(l),u=function(){function e(){i(this,e),this.backgroundElement=document.createElement(\"div\"),s.default.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\"}),a.default.makeFullscreen(this.backgroundElement),this.backgroundElement.style.position=\"fixed\",this.domElement=document.createElement(\"div\"),s.default.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 t=this;a.default.bind(this.backgroundElement,\"click\",function(){t.hide()})}return e.prototype.show=function(){var e=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(),s.default.defer(function(){e.backgroundElement.style.opacity=1,e.domElement.style.opacity=1,e.domElement.style.webkitTransform=\"scale(1)\"})},e.prototype.hide=function e(){var t=this,e=function e(){t.domElement.style.display=\"none\",t.backgroundElement.style.display=\"none\",a.default.unbind(t.domElement,\"webkitTransitionEnd\",e),a.default.unbind(t.domElement,\"transitionend\",e),a.default.unbind(t.domElement,\"oTransitionEnd\",e)};a.default.bind(this.domElement,\"webkitTransitionEnd\",e),a.default.bind(this.domElement,\"transitionend\",e),a.default.bind(this.domElement,\"oTransitionEnd\",e),this.backgroundElement.style.opacity=0,this.domElement.style.opacity=0,this.domElement.style.webkitTransform=\"scale(1.1)\"},e.prototype.layout=function(){this.domElement.style.left=window.innerWidth/2-a.default.getWidth(this.domElement)/2+\"px\",this.domElement.style.top=window.innerHeight/2-a.default.getHeight(this.domElement)/2+\"px\"},e}();t.default=u,e.exports=t.default},function(e,t,n){t=e.exports=n(24)(),t.push([e.id,\".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{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 .close-button.drag,.dg.main:hover .close-button{opacity:1}.dg.main .close-button{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{transition:height .1s ease-out;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 transparent}.dg li.title{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 .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.boolean,.dg .cr.boolean *,.dg .cr.function,.dg .cr.function *,.dg .cr.function .property-name{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:0 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;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 hsla(0,0%,100%,.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.boolean:hover,.dg .cr.function: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}\",\"\"])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push(\"@media \"+n[2]+\"{\"+n[1]+\"}\"):e.push(n[1])}return e.join(\"\")},e.i=function(t,n){\"string\"==typeof t&&(t=[[null,t,\"\"]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];\"number\"==typeof r&&(o[r]=!0)}for(i=0;i<t.length;i++){var a=t[i];\"number\"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]=\"(\"+a[2]+\") and (\"+n+\")\"),e.push(a))}},e}}])});window.define = _backup_define; delete _backup_define;/*\n",
       " Javascript graphics utility library\n",
       " Helper functions, WebGL classes, Mouse input, Colours and Gradients UI\n",
       " Copyright (c) 2014, Owen Kaluza\n",
       " Released into public domain:\n",
       " This program is free software. It comes without any warranty, to\n",
       " the extent permitted by applicable law. You can redistribute it\n",
       " and/or modify it as long as this header remains intact\n",
       "*/\n",
       "var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.checkStringArgs=function(a,b,c){if(null==a)throw new TypeError(\"The 'this' value for String.prototype.\"+c+\" must not be null or undefined\");if(b instanceof RegExp)throw new TypeError(\"First argument to String.prototype.\"+c+\" must not be a regular expression\");return a+\"\"};\n",
       "$jscomp.defineProperty=\"function\"==typeof Object.defineProperties?Object.defineProperty:function(a,b,c){if(c.get||c.set)throw new TypeError(\"ES3 does not support getters and setters.\");a!=Array.prototype&&a!=Object.prototype&&(a[b]=c.value)};$jscomp.getGlobal=function(a){return\"undefined\"!=typeof window&&window===a?a:\"undefined\"!=typeof global&&null!=global?global:a};$jscomp.global=$jscomp.getGlobal(this);\n",
       "$jscomp.polyfill=function(a,b,c,d){if(b){c=$jscomp.global;a=a.split(\".\");for(d=0;d<a.length-1;d++){var e=a[d];e in c||(c[e]={});c=c[e]}a=a[a.length-1];d=c[a];b=b(d);b!=d&&null!=b&&$jscomp.defineProperty(c,a,{configurable:!0,writable:!0,value:b})}};\n",
       "$jscomp.polyfill(\"String.prototype.repeat\",function(a){return a?a:function(a){var b=$jscomp.checkStringArgs(this,null,\"repeat\");if(0>a||1342177279<a)throw new RangeError(\"Invalid count value\");a|=0;for(var d=\"\";a;)if(a&1&&(d+=b),a>>>=1)b+=b;return d}},\"es6-impl\",\"es3\");$jscomp.stringPadding=function(a,b){var c=void 0!==a?String(a):\" \";return 0<b&&c?c.repeat(Math.ceil(b/c.length)).substring(0,b):\"\"};\n",
       "$jscomp.polyfill(\"String.prototype.padStart\",function(a){return a?a:function(a,c){var b=$jscomp.checkStringArgs(this,null,\"padStart\");return $jscomp.stringPadding(c,a-b.length)+b}},\"es8\",\"es3\");var OK=function(){var a={debug_on:!1,debug:function(b){if(a.debug_on){var c=document.getElementById(\"console\");c?c.innerHTML=\"<div style=\\\"font-family: 'monospace'; font-size: 8pt;\\\">\"+b+\"</div>\"+c.innerHTML:console.log(b)}},clear:function(){var a=document.getElementById(\"console\");a&&(a.innerHTML=\"\")}};return a}();\n",
       "function getSearchVariable(a,b){for(var c=window.location.search.substring(1).split(\"&\"),d=0;d<c.length;d++){var e=c[d].split(\"=\");if(unescape(e[0])==a)return unescape(e[1])}return b}function getImageDataURL(a){var b=document.createElement(\"canvas\");b.width=a.width;b.height=a.height;b.getContext(\"2d\").drawImage(a,0,0);return b.toDataURL(\"image/png\")}\n",
       "function toggle(a){var b=document.getElementById(a).style.display;\"none\"!=b&&b?document.getElementById(a).style.display=\"none\":document.getElementById(a).style.display=\"block\"}function setAll(a,b){for(var c=document.getElementsByClassName(b),d=0;d<c.length;d++)c[d].style.display=a}function getSourceFromElement(a){var b=document.getElementById(a);if(!b)return null;a=\"\";for(b=b.firstChild;b;)3==b.nodeType&&(a+=b.textContent),b=b.nextSibling;return a}\n",
       "function removeChildren(a){if(a.hasChildNodes())for(;0<a.childNodes.length;)a.removeChild(a.firstChild)}function requestFullScreen(a){a=document.getElementById(a);a.requestFullscreen?a.requestFullscreen():a.mozRequestFullScreen?a.mozRequestFullScreen():a.webkitRequestFullScreen&&a.webkitRequestFullScreen()}function typeOf(a){var b=typeof a;\"object\"===b&&(a?\"number\"!==typeof a.length||a.propertyIsEnumerable(\"length\")||\"function\"!==typeof a.splice||(b=\"array\"):b=\"null\");return b}\n",
       "function isEmpty(a){var b,c;if(\"object\"===typeOf(a))for(b in a)if(c=a[b],void 0!==c&&\"function\"!==typeOf(c))return!1;return!0}\n",
       "function ajaxReadFile(a,b,c,d,e){var f=new XMLHttpRequest,g=0;void 0!=d&&(\"number\"==typeof d?g=d:f.onprogress=d);f.onreadystatechange=function(){if(0<g&&2<f.readyState){var c=parseInt(f.responseText.length);d&&setProgress(c/g*100)}4==f.readyState&&(200==f.status?(d&&setProgress(100),OK.debug(\"RECEIVED: \"+a),b&&b(f.responseText,a)):b?b(\"Error: \"+f.status+\" : \"+a):OK.debug(\"Ajax Read File Error: returned status code \"+f.status+\" \"+f.statusText))};c?f.open(\"GET\",a+\"?d=\"+(new Date).getTime(),!0):f.open(\"GET\",\n",
       "a,!0);for(var h in e)f.setRequestHeader(h,e[h]);f.send(null)}function readURL(a,b,c){var d=new XMLHttpRequest,e=0;void 0!=c&&(\"number\"==typeof c?e=c:d.onprogress=c);d.onreadystatechange=function(){if(0<e&&2<d.readyState){var a=parseInt(d.responseText.length);c&&setProgress(a/e*100)}};b?d.open(\"GET\",a+\"?d=\"+(new Date).getTime(),!1):d.open(\"GET\",a,!1);d.overrideMimeType(\"text/plain; charset=x-user-defined\");d.send(null);if(200!=d.status)return\"\";c&&setProgress(100);return d.responseText}\n",
       "function updateProgress(a){a.lengthComputable&&(setProgress(a.loaded/a.total*100),OK.debug(a.loaded+\" / \"+a.total))}function setProgress(a){a=Math.round(a);document.getElementById(\"progressbar\").style.width=3*a+\"px\";document.getElementById(\"progressstatus\").innerHTML=a+\"%\"}\n",
       "function ajaxPost(a,b,c,d,e){var f=new XMLHttpRequest;void 0!=d&&(f.upload.onprogress=d);f.onreadystatechange=function(){4==f.readyState&&(200==f.status?(d&&setProgress(100),OK.debug(\"POST: \"+a),c&&c(f.responseText)):c?c(\"Error, status:\"+f.status):OK.debug(\"Ajax Post Error: returned status code \"+f.status+\" \"+f.statusText))};f.open(\"POST\",a,!0);\"string\"==typeof b&&f.setRequestHeader(\"Content-type\",\"application/x-www-form-urlencoded\");if(e)for(key in e)f.setRequestHeader(key,e[key]);f.send(b)}\n",
       "var defaultMouse,dragMouse;function MouseEventHandler(a,b,c,d,e,f,g){this.click=a;this.wheel=b;this.move=c;this.down=d;this.up=e;this.leave=f;this.pinch=g}\n",
       "function Mouse(a,b,c){this.element=a;this.handler=b;this.isdown=this.disabled=!1;this.button=null;this.dragged=!1;this.lastY=this.lastX=this.absoluteY=this.absoluteX=this.x=this.x=0;this.slider=null;this.spin=0;this.moveUpdate=!1;this.enableContext=c?!0:!1;a.addEventListener(\"onwheel\"in document?\"wheel\":\"mousewheel\",handleMouseWheel,!1);a.onmousedown=handleMouseDown;a.onmouseout=handleMouseLeave;document.onmouseup=handleMouseUp;document.onmousemove=handleMouseMove;a.addEventListener(\"touchstart\",\n",
       "touchHandler,!0);a.addEventListener(\"touchmove\",touchHandler,!0);a.addEventListener(\"touchend\",touchHandler,!0);a.oncontextmenu=function(){return this.mouse.enableContext}}Mouse.prototype.setDefault=function(){defaultMouse=document.mouse=this};\n",
       "Mouse.prototype.update=function(a){a||(a=window.event);this.x=a.clientX;this.y=a.clientY;this.absoluteX=this.x;this.absoluteY=this.y;var b=this.element.getBoundingClientRect(),b=[b.left,b.top];this.x-=b[0];this.y-=b[1];this.clientx=a.pageX-b[0];this.clienty=a.pageY-b[1]};function getMouse(a){a||(a=window.event);var b=a.target.mouse;if(b)return b;for(a=a.target;a!=document;)if(a=a.parentNode,a.mouse)return a.mouse;return null}\n",
       "function handleMouseDown(a){var b=getMouse(a);if(!b||b.disabled)return!0;b.target=(a||window.event).target;b.dragged=!1;b.update(a);b.isdown||(b.lastX=b.absoluteX,b.lastY=b.absoluteY);b.isdown=!0;dragMouse=b;b.button=a.button;document.mouse=b;var c=!0;b.handler.down&&(c=b.handler.down(a,b));!c&&a.preventDefault&&a.preventDefault();return c}\n",
       "function handleMouseUp(a){var b=document.mouse;if(!b||b.disabled)return!0;var c=!0;b.isdown&&(b.update(a),b.handler.click&&(c=b.handler.click(a,b)),b.isdown=!1,dragMouse=null,b.button=null,b.dragged=!1);b.handler.up&&(c=c&&b.handler.up(a,b));document.mouse=defaultMouse;!c&&a.preventDefault&&a.preventDefault();return c}\n",
       "function handleMouseMove(a){var b=dragMouse?dragMouse:getMouse(a);if(!b||b.disabled)return!0;b.update(a);b.deltaX=b.absoluteX-b.lastX;b.deltaY=b.absoluteY-b.lastY;var c=!0;!b.dragged&&b.isdown&&3<Math.abs(b.deltaX)+Math.abs(b.deltaY)&&(b.dragged=!0);b.handler.move&&(c=b.handler.move(a,b));b.moveUpdate&&(b.lastX=b.absoluteX,b.lastY=b.absoluteY);!c&&a.preventDefault&&a.preventDefault();return c}\n",
       "function handleMouseWheel(a){var b=getMouse(a);if(!b||b.disabled)return!0;b.update(a);var c=!1;a.spin=0<(a.deltaY?-a.deltaY:a.wheelDelta)?1:-1;b.handler.wheel&&(c=b.handler.wheel(a,b));!c&&a.preventDefault&&a.preventDefault();return c}function handleMouseLeave(a){var b=getMouse(a);if(!b||b.disabled)return!0;var c=!0;b.handler.leave&&(c=b.handler.leave(a,b));!c&&a.preventDefault&&a.preventDefault();return a.returnValue=c}\n",
       "function touchHandler(a){var b=a.changedTouches[0],c=null,d=getMouse(a);switch(a.type){case \"touchstart\":2==a.touches.length?(d.isdown=!1,d.scaling=0):c=\"mousedown\";break;case \"touchmove\":if(null!=d.scaling&&2==a.touches.length){var e=Math.sqrt((a.touches[0].pageX-a.touches[1].pageX)*(a.touches[0].pageX-a.touches[1].pageX)+(a.touches[0].pageY-a.touches[1].pageY)*(a.touches[0].pageY-a.touches[1].pageY));0<d.scaling?(a.distance=e-d.scaling,d.handler.pinch&&d.handler.pinch(a,d),a.returnValue=!0):d.scaling=\n",
       "e}else c=\"mousemove\";break;case \"touchend\":null!=d.scaling?d.scaling=0==d.scaling?null:0:c=\"mouseup\";break;default:return}1<a.touches.length&&(c=null);c&&(d=document.createEvent(\"MouseEvent\"),d.initMouseEvent(c,!0,!0,window,1,b.screenX,b.screenY,b.clientX,b.clientY,a.ctrlKey,a.altKey,a.shiftKey,a.metaKey,0,null),b.target.dispatchEvent(d),a.preventDefault())}\n",
       "function printMatrix(a){console.log(\"--------- --------- --------- ---------\");for(var b=0;4>b;b++){for(var c=\"\",d=0;4>d;d++)var e=\"\"+(4*d+b),f=\"\"+a[4*d+b].toFixed(5),c=c+(e.padStart(2)+\" \"+f.padStart(8)+\" \");console.log(c)}console.log(\"--------- --------- --------- ---------\")}function Viewport(a,b,c,d){this.x=a;this.y=b;this.width=c;this.height=d;this.array=new Float32Array([a,b,c,d])}\n",
       "function WebGL(a,b){this.program=null;this.modelView=new ViewMatrix;this.projection=new ViewMatrix;this.textures=[];this.timer=null;if(!window.WebGLRenderingContext)throw\"No browser WebGL support\";try{this.gl=a.getContext(\"webgl\",b)||a.getContext(\"experimental-webgl\",b)}catch(c){throw OK.debug(\"detectGL exception: \"+c),\"No context\";}this.viewport=new Viewport(0,0,a.width,a.height);if(!this.gl)throw\"Failed to get context\";}\n",
       "WebGL.prototype.setMatrices=function(){this.gl.uniformMatrix4fv(this.program.mvMatrixUniform,!1,this.modelView.matrix);this.gl.uniformMatrix4fv(this.program.pMatrixUniform,!1,this.projection.matrix);this.setNormalMatrix()};WebGL.prototype.setNormalMatrix=function(){this.program.nMatrixUniform&&(this.nMatrix=mat4.create(this.modelView.matrix),mat4.inverse(this.nMatrix),mat4.transpose(this.nMatrix),this.gl.uniformMatrix4fv(this.program.nMatrixUniform,!1,this.nMatrix))};\n",
       "WebGL.prototype.initDraw2d=function(){this.gl.enableVertexAttribArray(this.program.attributes.aVertexPosition);this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexPositionBuffer);this.gl.vertexAttribPointer(this.program.attributes.aVertexPosition,this.vertexPositionBuffer.itemSize,this.gl.FLOAT,!1,0,0);this.program.attributes.aTextureCoord&&(this.gl.enableVertexAttribArray(this.program.attributes.aTextureCoord),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.textureCoordBuffer),this.gl.vertexAttribPointer(this.program.attributes.aTextureCoord,\n",
       "this.textureCoordBuffer.itemSize,this.gl.FLOAT,!1,0,0));this.setMatrices()};WebGL.prototype.updateTexture=function(a,b,c){void 0==c&&(c=this.gl.TEXTURE0);this.gl.activeTexture(c);this.gl.bindTexture(this.gl.TEXTURE_2D,a);this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,b);this.gl.bindTexture(this.gl.TEXTURE_2D,null)};\n",
       "WebGL.prototype.init2dBuffers=function(a){void 0==a&&(a=this.gl.TEXTURE0);this.vertexPositionBuffer=this.gl.createBuffer();this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexPositionBuffer);this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([1,1,-1,1,1,-1,-1,-1]),this.gl.STATIC_DRAW);this.vertexPositionBuffer.itemSize=2;this.vertexPositionBuffer.numItems=4;this.gl.activeTexture(a);this.gradientTexture=this.gl.createTexture();this.gl.bindTexture(this.gl.TEXTURE_2D,this.gradientTexture);this.gl.texParameteri(this.gl.TEXTURE_2D,\n",
       "this.gl.TEXTURE_MAG_FILTER,this.gl.NEAREST);this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,this.gl.NEAREST);this.textureCoordBuffer=this.gl.createBuffer();this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.textureCoordBuffer);this.gl.bufferData(this.gl.ARRAY_BUFFER,new Float32Array([1,1,0,1,1,0,0,0]),this.gl.STATIC_DRAW);this.textureCoordBuffer.itemSize=2;this.textureCoordBuffer.numItems=4};\n",
       "WebGL.prototype.loadTexture=function(a,b,c,d){void 0==b&&(b=this.gl.NEAREST);void 0==c&&(c=this.gl.RGBA);this.texid=this.textures.length;this.textures.push(this.gl.createTexture());this.gl.bindTexture(this.gl.TEXTURE_2D,this.textures[this.texid]);d&&this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0);this.gl.texImage2D(this.gl.TEXTURE_2D,0,c,c,this.gl.UNSIGNED_BYTE,a);this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MAG_FILTER,b);this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,\n",
       "b);this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_S,this.gl.CLAMP_TO_EDGE);this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_T,this.gl.CLAMP_TO_EDGE);this.gl.bindTexture(this.gl.TEXTURE_2D,null);return this.textures[this.texid]};WebGL.prototype.setPerspective=function(a,b,c,d){void 0==a&&(a=45);void 0==b&&(b=1);void 0==c&&(c=.1);void 0==d&&(d=1E3);this.projection.matrix=mat4.perspective(a,b,c,d)};WebGL.prototype.use=function(a){this.program=a;this.program.program&&this.gl.useProgram(this.program.program)};\n",
       "WebGL.prototype.view=function(a){this.gl&&(this.gl.viewport(this.viewport.x,this.viewport.y,this.viewport.width,this.viewport.height),this.gl.clear(this.gl.COLOR_BUFFER_BIT|this.gl.DEPTH_BUFFER_BIT),this.apply(a))};\n",
       "WebGL.prototype.apply=function(a){if(this.gl){this.setPerspective(a.fov,this.viewport.width/this.viewport.height,a.near_clip,a.far_clip);this.modelView.identity();this.modelView.translate([a.translate[0],a.translate[1],a.translate[2]]);var b=[-(a.focus[0]-a.centre[0]),-(a.focus[1]-a.centre[1]),-(a.focus[2]-a.centre[2])];this.modelView.translate(b);this.modelView.mult(quat4.toMat4(a.rotate));this.modelView.scale(a.scale);this.modelView.translate([-b[0],-b[1],-b[2]]);this.modelView.translate([-a.focus[0],\n",
       "-a.focus[1],-a.focus[2]*a.orientation]);1==a.orientation?this.gl.frontFace(a.gl.CCW):(this.gl.frontFace(a.gl.CW),this.modelView.scale([1,1,-1]))}};\n",
       "function WebGLProgram(a,b,c){this.program=null;0>b.indexOf(\"main\")&&(b=getSourceFromElement(b));0>c.indexOf(\"main\")&&(c=getSourceFromElement(c));this.gl=a;this.program&&this.gl.isProgram(this.program)&&(this.gl.isShader(this.vshader)&&(this.gl.detachShader(this.program,this.vshader),this.gl.deleteShader(this.vshader)),this.gl.isShader(this.fshader)&&(this.gl.detachShader(this.program,this.fshader),this.gl.deleteShader(this.fshader)),this.gl.deleteProgram(this.program));this.program=this.gl.createProgram();\n",
       "this.vshader=this.compileShader(b,this.gl.VERTEX_SHADER);this.fshader=this.compileShader(c,this.gl.FRAGMENT_SHADER);this.gl.attachShader(this.program,this.vshader);this.gl.attachShader(this.program,this.fshader);this.gl.linkProgram(this.program);if(!this.gl.getProgramParameter(this.program,this.gl.LINK_STATUS))throw\"Could not initialise shaders: \"+this.gl.getProgramInfoLog(this.program);}\n",
       "WebGLProgram.prototype.compileShader=function(a,b){var c=this.gl.createShader(b);this.gl.shaderSource(c,a);this.gl.compileShader(c);if(!this.gl.getShaderParameter(c,this.gl.COMPILE_STATUS))throw this.gl.getShaderInfoLog(c);return c};\n",
       "WebGLProgram.prototype.setup=function(a,b,c){if(this.program){if(void 0==a){a=[];for(var d=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_ATTRIBUTES),e=0;e<d;++e){var f=this.gl.getActiveAttrib(this.program,e);a.push(f.name)}}if(void 0==b)for(b=[],d=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_UNIFORMS),e=0;e<d;++e)f=this.gl.getActiveUniform(this.program,e),b.push(f.name);this.attributes={};for(e in a)this.attributes[a[e]]=this.gl.getAttribLocation(this.program,a[e]),c||this.gl.enableVertexAttribArray(this.attributes[a[e]]);\n",
       "this.uniforms={};for(e in b)this.uniforms[b[e]]=this.gl.getUniformLocation(this.program,b[e]);this.mvMatrixUniform=this.gl.getUniformLocation(this.program,\"uMVMatrix\");this.pMatrixUniform=this.gl.getUniformLocation(this.program,\"uPMatrix\");this.nMatrixUniform=this.gl.getUniformLocation(this.program,\"uNMatrix\")}};function ViewMatrix(){this.matrix=mat4.create();mat4.identity(this.matrix);this.stack=[]}ViewMatrix.prototype.toString=function(){return JSON.stringify(this.toArray())};\n",
       "ViewMatrix.prototype.toArray=function(){return JSON.parse(mat4.str(this.matrix))};ViewMatrix.prototype.push=function(a){a?(this.stack.push(mat4.create(a)),this.matrix=mat4.create(a)):this.stack.push(mat4.create(this.matrix))};ViewMatrix.prototype.pop=function(){if(0==this.stack.length)throw\"Matrix stack underflow\";return this.matrix=this.stack.pop()};ViewMatrix.prototype.mult=function(a){mat4.multiply(this.matrix,a)};ViewMatrix.prototype.identity=function(){mat4.identity(this.matrix)};\n",
       "ViewMatrix.prototype.scale=function(a){mat4.scale(this.matrix,a)};ViewMatrix.prototype.translate=function(a){mat4.translate(this.matrix,a)};ViewMatrix.prototype.rotate=function(a,b){mat4.rotate(this.matrix,a*Math.PI/180,b)};\n",
       "function Palette(a,b){this.premultiply=b;this.background=new Colour(\"rgba(0,0,0,0)\");this.colours=[];this.slider=new Image;this.slider.src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAAj0lEQVQokWNIjHT8/+zZs//Pnj37/+TJk/9XLp/+f+bEwf9HDm79v2Prqv9aKrz/GUYVEaeoMDMQryJXayWIoi0bFmFV1NWS+z/E1/Q/AwMDA0NVcez/LRsWoSia2luOUAADVcWx/xfO6/1/5fLp/1N7y//HhlmhKoCBgoyA/w3Vyf8jgyyxK4CBUF8zDAUAAJRXY0G1eRgAAAAASUVORK5CYII=\";if(a){var c=!1;if(\"string\"==typeof a)for(var d=a.split(/[\\n;]/),e,f=0;f<\n",
       "d.length;f++){var g=d[f].trim();if(g){var h=g.split(\"=\");if(\"Background\"==h[0])this.background=new Colour(h[1]);else if(\"P\"==h[0][0])e=parseFloat(h[1]);else if(\"C\"==h[0][0]){if(this.colours.push(new ColourPos(h[1],e)),1==e)break}else 2==h.length?this.colours.push(new ColourPos(h[1],h[0])):(c=!0,this.colours.push(new ColourPos(g)))}}else{for(d=0;d<a.length;d++)void 0==a[d].position&&(c=!0),this.colours.push(new ColourPos(a[d].colour,a[d].position));a.background&&(this.background=new Colour(a.background))}if(c)for(d=\n",
       "0;d<this.colours.length;d++)this.colours[d].position=1/(this.colours.length-1)*d;this.sort();c=!1;for(d=0;d<this.colours.length;d++)0<this.colours[d].colour.alpha&&(c=!0),1<this.colours[d].colour.alpha&&(this.colours[d].colour.alpha=1);if(!c)for(d=0;d<this.colours.length;d++)this.colours[d].colour.alpha=1}else this.colours.push(new ColourPos(\"rgba(255,255,255,1)\",0)),this.colours.push(new ColourPos(\"rgba(0,0,0,1)\",1))}\n",
       "Palette.prototype.sort=function(){this.colours.sort(function(a,b){return a.position-b.position})};Palette.prototype.newColour=function(a,b){var c=new ColourPos(b,a);this.colours.push(c);this.sort();for(c=1;c<this.colours.length-1;c++)if(this.colours[c].position==a)return c;return-1};Palette.prototype.inRange=function(a,b,c){for(var d=0;d<this.colours.length;d++){var e=this.colours[d].position*c;if(a==e||1<b&&a>=e-b/2&&a<=e+b/2)return d}return-1};\n",
       "Palette.prototype.inDragRange=function(a,b,c){for(var d=1;d<this.colours.length-1;d++){var e=this.colours[d].position*c;if(a==e||1<b&&a>=e-b/2&&a<=e+b/2)return d}return 0};Palette.prototype.remove=function(a){this.colours.splice(a,1)};Palette.prototype.toString=function(){for(var a=\"Background=\"+this.background.html(),b=0;b<this.colours.length;b++)a+=\"\\n\"+this.colours[b].position.toFixed(6)+\"=\"+this.colours[b].colour.html();return a};\n",
       "Palette.prototype.get=function(a){a||(a={});a.background=this.background.html();a.colours=[];for(var b=0;b<this.colours.length;b++)a.colours.push({position:this.colours[b].position,colour:this.colours[b].colour.html()});return a};Palette.prototype.toJSON=function(){return JSON.stringify(this.get())};\n",
       "Palette.prototype.draw=function(a,b){if(!this.slider.width&&b){var c=this;setTimeout(function(){c.draw(a,b)},150)}else if(a){var d=/webkit/.test(navigator.userAgent.toLowerCase());0==this.colours.length&&(this.background=new Colour(\"#ffffff\"),this.colours.push(new ColourPos(\"#000000\",0)),this.colours.push(new ColourPos(\"#ffffff\",1)));list=this.colours.slice(0);list.sort(function(a,b){return a.position-b.position});if(a.getContext){var e=a.width,f=a.height,g=a.getContext(\"2d\");g.clearRect(0,0,e,f);\n",
       "if(d)for(var h=0,d=1;d<list.length;d++){var k=Math.round(e*list[d].position);g.fillStyle=g.createLinearGradient(h,0,k,0);var l=list[d-1].colour,m=list[d].colour;this.premultiply&&!b&&(l=this.background.blend(l),m=this.background.blend(m));g.fillStyle.addColorStop(0,l.html());g.fillStyle.addColorStop(1,m.html());g.fillRect(h,0,k-h,f);h=k}else{g.fillStyle=g.createLinearGradient(0,0,e,0);for(d=0;d<list.length;d++)h=list[d].colour,this.premultiply&&!b&&(h=this.background.blend(h)),g.fillStyle.addColorStop(list[d].position,\n",
       "h.html());g.fillRect(0,0,e,f)}if(f=document.getElementById(\"backgroundCUR\"))f.style.background=this.background.html();if(b)for(d=1;d<list.length-1;d++)f=Math.floor(e*list[d].position)+.5,50<list[d].colour.HSV().V?g.strokeStyle=\"black\":g.strokeStyle=\"white\",g.beginPath(),g.moveTo(f,0),g.lineTo(f,a.height),g.closePath(),g.stroke(),f-=this.slider.width/2,g.drawImage(this.slider,f,0)}else alert(\"getContext failed!\")}else alert(\"Invalid canvas!\")};\n",
       "function ColourPos(a,b){this.position=void 0==b?0:parseFloat(b);if(0<=this.position&&1>=this.position)this.colour=a?\"object\"==typeof a?a:new Colour(a):new Colour(\"#000000\");else throw\"Invalid Colour Position: \"+b;}\n",
       "function Colour(a){\"undefined\"==typeof a?this.set(\"#ffffff\"):\"string\"==typeof a?this.set(a):\"object\"==typeof a?\"undefined\"!=typeof a.H?this.setHSV(a):\"undefined\"!=typeof a.red?(this.red=a.red,this.green=a.green,this.blue=a.blue,this.alpha=a.alpha):a.R?(this.red=a.R,this.green=a.G,this.blue=a.B,this.alpha=\"undefined\"==typeof a.A?1:a.A):(this.red=a[0],this.green=a[1],this.blue=a[2],1>=this.red&&1>=this.green&&1>=this.blue&&(this.red=Math.round(255*this.red),this.green=Math.round(255*this.green),this.blue=\n",
       "Math.round(255*this.blue)),this.alpha=\"undefined\"==typeof a[3]?1:a[3]):this.fromInt(a);1<this.alpha&&(this.alpha/=255)}\n",
       "Colour.prototype.set=function(a){a||(a=\"#ffffff\");var b=/^rgba?\\((\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,?\\s*(\\d\\.?\\d*)?\\)$/.exec(a);b?(this.red=parseInt(b[1]),this.green=parseInt(b[2]),this.blue=parseInt(b[3]),this.alpha=\"undefined\"==typeof b[4]?1:parseFloat(b[4])):\"#\"==a.charAt(0)?(a=a.substring(1,7),this.alpha=1,this.red=parseInt(a.substring(0,2),16),this.green=parseInt(a.substring(2,4),16),this.blue=parseInt(a.substring(4,6),16)):this.fromInt(parseInt(a));1<this.alpha&&(this.alpha/=255)};\n",
       "Colour.prototype.fromInt=function(a){this.red=a&255;this.green=(a&65280)>>>8;this.blue=(a&16711680)>>>16;this.alpha=((a&4278190080)>>>24)/255};Colour.prototype.toInt=function(){var a=this.red,a=a+(this.green<<8),a=a+(this.blue<<16);return a+=Math.round(255*this.alpha)<<24};Colour.prototype.toString=function(){return this.html()};Colour.prototype.html=function(){return\"rgba(\"+this.red+\",\"+this.green+\",\"+this.blue+\",\"+this.alpha.toFixed(2)/1+\")\"};\n",
       "Colour.prototype.rgbaGL=function(){return new Float32Array([this.red/255,this.green/255,this.blue/255,this.alpha])};Colour.prototype.rgbaGLSL=function(){var a=this.rgbaGL();return\"rgba(\"+a[0].toFixed(4)/1+\",\"+a[1].toFixed(4)/1+\",\"+a[2].toFixed(4)/1+\",\"+a[3].toFixed(4)/1+\")\"};Colour.prototype.rgba=function(){return[this.red/255,this.green/255,this.blue/255,this.alpha]};Colour.prototype.rgbaObj=function(){return{R:this.red,G:this.green,B:this.blue,A:this.alpha}};Colour.prototype.print=function(){OK.debug(this.printString(!0))};\n",
       "Colour.prototype.printString=function(a){return\"R:\"+this.red+\" G:\"+this.green+\" B:\"+this.blue+(a?\" A:\"+this.alpha:\"\")};Colour.prototype.HEX=function(a){a=Math.round(Math.min(Math.max(0,a),255));return\"0123456789ABCDEF\".charAt((a-a%16)/16)+\"0123456789ABCDEF\".charAt(a%16)};Colour.prototype.htmlHex=function(a){return\"#\"+this.HEX(this.red)+this.HEX(this.green)+this.HEX(this.blue)};Colour.prototype.hex=function(a){return this.HEX(this.red)+this.HEX(this.green)+this.HEX(this.blue)+this.HEX(255*this.alpha)};\n",
       "Colour.prototype.hexGL=function(a){return this.HEX(255*this.alpha)+this.HEX(this.blue)+this.HEX(this.green)+this.HEX(this.red)};\n",
       "Colour.prototype.setHSV=function(a){var b,c,d,e,f;f=a.S/100;var g=a.V/100,h=a.H/360;if(0<f){1<=h&&(h=0);h*=6;F=h-Math.floor(h);d=Math.round(255*g*(1-f));e=Math.round(255*g*(1-f*F));f=Math.round(255*g*(1-f*(1-F)));g=Math.round(255*g);switch(Math.floor(h)){case 0:b=g;c=f;e=d;break;case 1:b=e;c=g;e=d;break;case 2:b=d;c=g;e=f;break;case 3:b=d;c=e;e=g;break;case 4:b=f;c=d;e=g;break;case 5:b=g,c=d}this.red=b?b:0;this.green=c?c:0;this.blue=e?e:0}else this.blue=this.green=this.red=g=Math.round(255*g);this.alpha=\n",
       "\"undefined\"==typeof a.A?1:a.A};Colour.prototype.HSV=function(){var a=this.red/255,b=this.green/255,c=this.blue/255,d=Math.max(a,b,c);deltaMax=d-Math.min(a,b,c);var e,f,g,h,k;0==deltaMax?e=f=0:(e=deltaMax/d,g=((d-a)/6+deltaMax/2)/deltaMax,h=((d-b)/6+deltaMax/2)/deltaMax,k=((d-c)/6+deltaMax/2)/deltaMax,a==d?f=k-h:b==d?f=1/3+g-k:c==d&&(f=2/3+h-g),0>f&&(f+=1),1<f&&--f);return{H:360*f,S:100*e,V:100*d}};Colour.prototype.HSVA=function(){var a=this.HSV();a.A=this.alpha;return a};\n",
       "Colour.prototype.interpolate=function(a,b){this.red=Math.round(this.red+b*(a.red-this.red));this.green=Math.round(this.green+b*(a.green-this.green));this.blue=Math.round(this.blue+b*(a.blue-this.blue));this.alpha=Math.round(this.alpha+b*(a.alpha-this.alpha))};Colour.prototype.blend=function(a){return new Colour([Math.round((1-a.alpha)*this.red+a.alpha*a.red),Math.round((1-a.alpha)*this.green+a.alpha*a.green),Math.round((1-a.alpha)*this.blue+a.alpha*a.blue),(1-a.alpha)*this.alpha+a.alpha*a.alpha])};\n",
       "function MoveWindow(a){if(a){this.element=document.getElementById(a);if(!this.element)return alert(\"No such element: \"+a),null;this.mouse=new Mouse(this.element,this);this.mouse.moveUpdate=!0;this.element.mouse=this.mouse}}\n",
       "MoveWindow.prototype.open=function(a,b){var c=this.element.style;0>a&&(a=0);0>b&&(b=0);void 0!=a&&(c.left=a+\"px\");void 0!=b&&(c.top=b+\"px\");c.display=\"block\";var d=this.element.offsetWidth,e=this.element.offsetHeight;a+d>window.innerWidth-20&&(c.left=window.innerWidth-d-20+\"px\");b+e>window.innerHeight-20&&(c.top=window.innerHeight-e-20+\"px\")};MoveWindow.prototype.close=function(){this.element.style.display=\"none\"};\n",
       "MoveWindow.prototype.move=function(a,b){if(b.isdown&&!(0<b.button)){var c=b.element.style;c.left=parseInt(c.left)+b.deltaX+\"px\";c.top=parseInt(c.top)+b.deltaY+\"px\"}};MoveWindow.prototype.down=function(a,b){return!1};function scale(a,b,c,d){return clamp(d*a/b,c,d)}function clamp(a,b,c){return Math.max(b,Math.min(c,a))}\n",
       "function ColourPicker(a,b){function c(a,b,c){var d=document.createElement(\"div\");d.id=a;b&&(d.innerHTML=b);c&&(d.style.cssText=c);return d}var d=document.getElementById(\"picker\");if(d&&d.picker)return d.picker.savefn=a,d.picker.abortfn=b,d.picker;d=document.body;this.element=c(\"picker\",null,\"display:none; top: 58px; z-index: 20; background: #0d0d0d; color: #aaa; cursor: move; font-family: sans; font-size: 11px; padding: 7px 10px 11px 10px; position: fixed; width: 252px; border-radius: 5px; border: 1px solid #444;\");\n",
       "var e=c(\"pickCURBG\",null,'background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4jWP4TwAcOHAAL2YYNWBYGEBIASEwasCwMAAALvidroqDalkAAAAASUVORK5CYII=\"); float: left; width: 12px; height: 12px; margin-right: 3px;');e.appendChild(c(\"pickCUR\",null,\"float: left; width: 12px; height: 12px; background: #fff; margin-right: 3px;\"));this.element.appendChild(e);e=c(\"pickRGB\",\"R: 255 G: 255 B: 255\",\"float: left; position: relative; top: -1px;\");e.onclick=\"colours.picker.updateString()\";\n",
       "this.element.appendChild(e);this.element.appendChild(c(\"pickCLOSE\",\"X\",\"float: right; cursor: pointer; margin: 0 8px 3px;\"));this.element.appendChild(c(\"pickOK\",\"OK\",\"float: right; cursor: pointer; margin: 0 8px 3px;\"));e=c(\"SV\",null,\"position: relative; cursor: crosshair; float: left; height: 170px; width: 170px; margin-right: 10px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAEG0lEQVQ4jQEQBO/7APz8/Pz7+/vx+/v75Pr6+tb6+vrF+Pj4tPf396H4+PiO9/f3e/X19Wfz8/NU8PDwQuvr6zLi4uIjzs7OFZmZmQoA8PDw/O/v7/Ht7e3l7Ozs2Ozs7Mjq6uq35ubmpeXl5ZLf39+A3NzcbtXV1VvMzMxLvr6+O6ioqCyEhIQfQEBAFADk5OT84eHh8uDg4Obe3t7Z3Nzcy9nZ2brV1dWq0NDQmcrKyofCwsJ2uLi4ZKqqqlSYmJhFfX19N1lZWSsnJychANPT0/zT09Pz0NDQ6c3NzdzKysrNx8fHv8DAwK+6urqfsrKyj6mpqX+cnJxvjIyMX3l5eVBeXl5EPz8/ORsbGy8Aw8PD/MHBwfS+vr7qurq63ra2ttKxsbHErKystaOjo6eampqXj4+PiYODg3lycnJrXl5eX0hISFIuLi5IEBAQPwCwsLD9r6+v9aysrOynp6fioqKi1p2dncmVlZW8jo6OroODg6F5eXmUa2trhl1dXXlLS0ttNzc3YiIiIlkNDQ1RAJ6env2bm5v2l5eX7pSUlOWPj4/aiIiIz4GBgcN5eXm3cHBwq2RkZJ5XV1eSSkpKhzk5OX0qKipzGBgYawgICGMAioqK/YeHh/eDg4PvgICA6Hp6et90dHTVbW1ty2VlZcBcXFy1UVFRqkZGRqA6OjqWLS0tjSEhIYQSEhJ9BgYGdwB2dnb+c3Nz+HFxcfJra2vrZmZm42JiYttaWlrRUlJSyUtLS79CQkK2Nzc3rS0tLaQiIiKdGBgYlQ4ODo8EBASKAGNjY/5gYGD5XV1d9FpaWu5VVVXnTk5O4UlJSdlCQkLRPDw8yTQ0NMEqKiq7IiIisxkZGa0RERGmCgoKoQMDA5wAUFBQ/k9PT/pKSkr3R0dH8kNDQ+w+Pj7mOTk54DMzM9otLS3TJycnzSAgIMgZGRnBExMTvA0NDbcHBweyAwMDrwA9PT3+PDw8+zo6Ovg2Njb0MzMz8DAwMOwqKirnJSUl4iEhId4cHBzYFxcX1BISEtAODg7KCQkJxwQEBMQBAQHBAC0tLf4rKyv9Kioq+iYmJvclJSX0ISEh8R4eHu4aGhrqFhYW5xMTE+MQEBDgDQ0N3AgICNkGBgbWBAQE0wAAANEAHh4e/h0dHf0bGxv7Ghoa+hgYGPcWFhb2FBQU8xEREfEPDw/uDAwM7AoKCuoICAjoBgYG5gMDA+MBAQHiAAAA4QARERH+EBAQ/g8PD/0NDQ38DQ0N+wsLC/kKCgr4CAgI9wcHB/YFBQX0BAQE8wICAvIBAQHwAQEB7wAAAO8AAADuAAUFBf4FBQX+BAQE/gQEBP4DAwP+AwMD/QMDA/0CAgL8AQEB/AEBAfsAAAD7AAAA+wAAAPoAAAD6AAAA+QAAAPmq2NbsCl2m4wAAAABJRU5ErkJggg==') no-repeat; background-size: 100%;\");\n",
       "e.appendChild(c(\"SVslide\",null,\"background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYlWNgQAX/kTBW8B8ZYFMIk0ARQFaIoQCbQuopIspNRPsOrpABSzgBAFHzU61KjdKlAAAAAElFTkSuQmCC'); height: 9px; width: 9px; position: absolute; cursor: crosshair\"));this.element.appendChild(e);e=c(\"H\",null,'cursor: crosshair; float: left; height: 170px; position: relative; width: 19px; padding: 0;background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4jWP4TwAcOHAAL2YYNWBYGEBIASEwasCwMAAALvidroqDalkAAAAASUVORK5CYII=\");');\n",
       "e.appendChild(c(\"Hmodel\",null,\"position: relative;\"));e.appendChild(c(\"Hslide\",null,'top: 0px; left: -5px; background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAFCAYAAAC5Fuf5AAAAKklEQVQokWP4////fwY6gv////9n+A8F9LIQxVJaW4xiz4D5lB4WIlsMAPjER7mTpG/OAAAAAElFTkSuQmCC\"); height: 5px; width: 29px; position: absolute; '));this.element.appendChild(e);e=c(\"O\",null,'cursor: crosshair; float: left; height: 170px; position: relative; width: 19px; padding: 0;background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4jWP4TwAcOHAAL2YYNWBYGEBIASEwasCwMAAALvidroqDalkAAAAASUVORK5CYII=\");border: 1px solid #888; left: 9px;');\n",
       "e.appendChild(c(\"Omodel\",null,\"position: relative;\"));e.appendChild(c(\"Oslide\",null,'top: 0px; left: -5px; background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAFCAYAAAC5Fuf5AAAAKklEQVQokWP4////fwY6gv////9n+A8F9LIQxVJaW4xiz4D5lB4WIlsMAPjER7mTpG/OAAAAAElFTkSuQmCC\"); height: 5px; width: 29px; position: absolute; '));this.element.appendChild(e);d.appendChild(this.element);d=document.createElement(\"style\");d.styleSheet?d.styleSheet.cssText=\"#pickRGB:hover {color: #FFD000;} #pickCLOSE:hover {color: #FFD000;} #pickOK:hover {color: #FFD000;}\":\n",
       "d.appendChild(document.createTextNode(\"#pickRGB:hover {color: #FFD000;} #pickCLOSE:hover {color: #FFD000;} #pickOK:hover {color: #FFD000;}\"));document.getElementsByTagName(\"head\")[0].appendChild(d);MoveWindow.call(this,\"picker\");this.savefn=a;this.abortfn=b;this.size=170;this.sv=5;this.oh=2;this.picked={H:360,S:100,V:100,A:1};this.max={H:360,S:100,V:100,A:1};this.colour=new Colour;for(var e=\"\",f,d=0;d<=this.size;d++)f=new Colour({H:Math.round(360/this.size*d),S:100,V:100,A:1}),e+=\"<div class='hue' style='height: 1px; width: 19px; margin: 0; padding: 0; background: \"+\n",
       "f.htmlHex()+\";'> </div>\";document.getElementById(\"Hmodel\").innerHTML=e;e=\"\";for(d=0;d<=this.size;d++)f=1-d/this.size,e+=\"<div class='opacity' style='height: 1px; width: 19px; margin: 0; padding: 0; background: #000;opacity: \"+f.toFixed(2)+\";'> </div>\";document.getElementById(\"Omodel\").innerHTML=e;this.element.picker=this}ColourPicker.prototype=new MoveWindow;ColourPicker.prototype.constructor=MoveWindow;\n",
       "ColourPicker.prototype.pick=function(a,b,c){this.update(a.HSVA());\"block\"!=this.element.style.display&&MoveWindow.prototype.open.call(this,b,c)};ColourPicker.prototype.select=function(a,b,c){if(!b||!c){var d=a.getBoundingClientRect();b=b?b:d.left+32;c=c?c:d.top+32}d=new Colour(a.style.backgroundColor);this.update(d.HSVA());\"block\"!=this.element.style.display&&(MoveWindow.prototype.open.call(this,b,c),this.target=a)};\n",
       "ColourPicker.prototype.click=function(a,b){if(\"pickCLOSE\"==b.target.id)this.abortfn&&this.abortfn(),toggle(\"picker\");else if(\"pickOK\"==b.target.id){this.savefn&&this.savefn(this.picked);if(this.target){var c=new Colour(this.picked);this.target.style.backgroundColor=c.html()}toggle(\"picker\")}else\"SV\"==b.target.id?this.setSV(b):\"Hslide\"==b.target.id||\"hue\"==b.target.className?this.setHue(b):\"Oslide\"!=b.target.id&&\"opacity\"!=b.target.className||this.setOpacity(b)};\n",
       "ColourPicker.prototype.move=function(a,b){b.isdown&&0==b.button&&(\"picker\"==b.target.id||\"pickCUR\"==b.target.id||\"pickRGB\"==b.target.id?MoveWindow.prototype.move.call(this,a,b):b.target&&this.click(a,b))};ColourPicker.prototype.wheel=function(a,b){this.incHue(-a.spin)};\n",
       "ColourPicker.prototype.setSV=function(a){var b=document.getElementById(\"SV\").getBoundingClientRect(),c=a.absoluteX-parseInt(b.left);a=a.absoluteY-parseInt(b.top);this.picked.S=scale(c,this.size,0,this.max.S);this.picked.V=this.max.V-scale(a,this.size,0,this.max.V);this.update(this.picked)};ColourPicker.prototype.setHue=function(a){var b=document.getElementById(\"H\").getBoundingClientRect();parseInt(b.left);a=a.absoluteY-parseInt(b.top);this.picked.H=scale(a,this.size,0,this.max.H);this.update(this.picked)};\n",
       "ColourPicker.prototype.incHue=function(a){this.picked.H+=a;this.picked.H=clamp(this.picked.H,0,this.max.H);this.update(this.picked)};ColourPicker.prototype.setOpacity=function(a){var b=document.getElementById(\"O\").getBoundingClientRect();parseInt(b.left);a=a.absoluteY-parseInt(b.top);this.picked.A=1-clamp(a/this.size,0,1);this.update(this.picked)};ColourPicker.prototype.updateString=function(a){a||(a=prompt(\"Edit colour:\",this.colour.html()));a&&(this.colour=new Colour(a),this.update(this.colour.HSV()))};\n",
       "ColourPicker.prototype.update=function(a){this.picked=a;this.colour=new Colour(a);rgba=this.colour.rgbaObj();rgbaStr=this.colour.html();bgcol=new Colour({H:a.H,S:100,V:100,A:255});document.getElementById(\"pickRGB\").innerHTML=this.colour.printString();document.getElementById(\"pickCUR\").style.background=rgbaStr;document.getElementById(\"pickCUR\").style.backgroundColour=rgbaStr;document.getElementById(\"SV\").style.backgroundColor=bgcol.htmlHex();document.getElementById(\"Hslide\").style.top=a.H/360*this.size-\n",
       "this.oh+\"px\";document.getElementById(\"SVslide\").style.top=Math.round(this.size-a.V/100*this.size-this.sv)+\"px\";document.getElementById(\"SVslide\").style.left=Math.round(a.S/100*this.size-this.sv)+\"px\";document.getElementById(\"Oslide\").style.top=this.size*(1-a.A)-this.oh-1+\"px\"};\n",
       "function GradientEditor(a,b,c,d,e){this.canvas=a;this.callback=b;this.premultiply=c;this.changed=!0;this.inserting=!1;this.element=this.editing=null;this.spin=0;this.scrollable=e;d||(this.picker=new ColourPicker(this.save.bind(this),this.cancel.bind(this)));this.palette=new Palette(null,c);this.canvas.mouse=new Mouse(this.canvas,this);this.canvas.oncontextmenu=\"return false;\";this.canvas.oncontextmenu=function(){return!1}}\n",
       "GradientEditor.prototype.read=function(a){this.palette=new Palette(a,this.premultiply);this.reset();this.update(!0)};GradientEditor.prototype.update=function(a){this.changed=!0;this.palette.draw(this.canvas,!0);!a&&this.callback&&this.callback(this)};GradientEditor.prototype.get=function(a,b){if(b&&!this.changed)return!1;this.changed=!1;this.palette.draw(a,!1);return!0};\n",
       "GradientEditor.prototype.insert=function(a,b,c){this.inserting=!0;var d=new Colour;this.editing=this.palette.newColour(a,d);this.update();this.picker=new ColourPicker(this.save.bind(this),this.cancel.bind(this));this.picker.pick(d,b,c)};GradientEditor.prototype.editBackground=function(a){this.editing=-1;this.element=a;this.picker=new ColourPicker(this.save.bind(this),this.cancel.bind(this));a=a.getBoundingClientRect();this.picker.pick(this.palette.background,a.left+32,a.top+32)};\n",
       "GradientEditor.prototype.edit=function(a,b,c){this.picker=new ColourPicker(this.save.bind(this),this.cancel.bind(this));\"number\"==typeof a?(this.editing=a,this.picker.pick(this.palette.colours[a].colour,b,c)):\"object\"==typeof a&&(this.cancel(),this.element=a,b=new Colour(a.style.backgroundColor),a=a.getBoundingClientRect(),this.picker.pick(b,a.left+32,a.top+32));this.update()};\n",
       "GradientEditor.prototype.save=function(a){null!=this.editing&&(0<=this.editing?this.palette.colours[this.editing].colour.setHSV(a):this.palette.background.setHSV(a));if(this.element){var b=new Colour(0);b.setHSV(a);this.element.style.backgroundColor=b.html();if(this.element.onchange)this.element.onchange()}this.reset();this.update()};GradientEditor.prototype.cancel=function(){0<=this.editing&&this.inserting&&this.palette.remove(this.editing);this.reset();this.update()};\n",
       "GradientEditor.prototype.reset=function(){this.inserting=!1;this.element=this.editing=null};\n",
       "GradientEditor.prototype.click=function(a,b){if(a.ctrlKey){for(var c=0;c<this.palette.colours.length;c++)this.palette.colours[c].position=1-this.palette.colours[c].position;this.update();return!1}if(null!=b.slider)return b.slider=null,this.palette.sort(),this.update(),!1;var d=this.canvas;if(d.getContext){this.cancel();d.getContext(\"2d\");var e=d.getBoundingClientRect().top+30,c=this.palette.inRange(b.x,this.palette.slider.width,d.width);0<=c?0==a.button?this.edit(c,a.clientX-128,e):2==a.button&&(this.palette.remove(c),\n",
       "this.update()):this.insert(b.x/d.width,a.clientX-128,e)}return!1};GradientEditor.prototype.down=function(a,b){return!1};GradientEditor.prototype.move=function(a,b){if(!b.isdown)return!0;if(null==b.slider){var c=this.palette.inDragRange(b.x,this.palette.slider.width,this.canvas.width);0<c&&(b.slider=c)}null==b.slider?b.isdown=!1:(1>b.x&&(b.x=1),b.x>this.canvas.width-1&&(b.x=this.canvas.width-1),this.palette.colours[b.slider].position=b.x/this.canvas.width,this.update(!0))};\n",
       "GradientEditor.prototype.wheel=function(a,b){this.timer?clearTimeout(this.timer):this.canvas.style.cursor=\"wait\";this.spin+=.01*a.spin;var c=this;this.timer=setTimeout(function(){c.cycle(c.spin);c.spin=0},150)};GradientEditor.prototype.leave=function(a,b){};\n",
       "GradientEditor.prototype.cycle=function(a){this.canvas.style.cursor=\"default\";this.timer=null;for(var b=1;b<this.palette.colours.length-1;b++){var c=this.palette.colours[b].position,c=c+a;0>=c&&(c+=1);1<=c&&--c;this.palette.colours[b].position=c}this.palette.sort();this.update()};\n",
       "//Maintain a list of interactor instances opened by id\n",
       "//(check in case this script imported twice, don't overwrite previous)\n",
       "var _wi = window._wi ? window._wi : {};\n",
       "var debug_mode = false;\n",
       "\n",
       "function WindowInteractor(id, uid, port) {\n",
       "  //Interactor class, handles javascript side of window control\n",
       "  //Takes viewer id, viewer python id, command server port optional\n",
       "  //(otherwise assumes command server same as page server)\n",
       "  // - set as active target for commands\n",
       "  // - init webgl bounding box\n",
       "  // - display initial image\n",
       "\n",
       "  //Store self in list and save id\n",
       "  this.id = id;\n",
       "  this.uid = uid;\n",
       "  var loc = window.location;\n",
       "\n",
       "  //Request type settings\n",
       "  this.instant = true; //false; //Use image.src to issue commands, combines into single request;\n",
       "  this.post = false; //Set this to use POST instead of GET\n",
       "\n",
       "  //Standalone? Always request images at the full window size\n",
       "  this.fixedsize = 0;\n",
       "  if (uid == 0) {\n",
       "    this.fixedsize = 1;\n",
       "    var that = this;\n",
       "    window.onresize = function() {that.resize();};\n",
       "  }\n",
       "\n",
       "  //Connection attempts via this function, pass url\n",
       "  this.baseurl = null;\n",
       "  var that = this;\n",
       "  var connect = function(url) {\n",
       "    var xhttp = new XMLHttpRequest();\n",
       "    xhttp.onload = function() {\n",
       "      //Success? Use current url\n",
       "      if (xhttp.status == 200) {\n",
       "        if (!that.baseurl) {\n",
       "          if (that.uid && that.uid != parseInt(xhttp.response)) {\n",
       "            console.log(\"--- Connection OK, but UID does not match! \" + url + \" : \" + that.uid + \" != \" + xhttp.response);\n",
       "          } else {\n",
       "            //Remove last slash if any\n",
       "            if (url.slice(-1) == '/')\n",
       "              url = url.slice(0,-1);\n",
       "            console.log(\"--- Connected to LavaVu via \" + url + \" UID: \" + that.uid);\n",
       "            that.baseurl = url;\n",
       "            //Ready to initialise\n",
       "            that.init();\n",
       "          }\n",
       "        } else {\n",
       "          console.log(\"--- Connection OK, but already connected: \" + url)\n",
       "        }\n",
       "      } else {\n",
       "        console.log(\"--- Connection failed on : \" + url);\n",
       "      }\n",
       "    }\n",
       "    //Catch errors, we expect some as not all urls will work\n",
       "    try {\n",
       "      xhttp.open('GET', url + \"/connect?url=\" + url + \"&ts=\" + new Date().getTime(), true);\n",
       "      xhttp.send();\n",
       "    } catch (err) {\n",
       "      console.log(err.message);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  //Possible connection modes:\n",
       "  // 1) No port provided, assume running on same port/address as current page\n",
       "  // 2) Port provided, running on this port, accessible via hostname:port\n",
       "  // 3) Port provided, running on this port, accessible via hostname/proxy/port (jupyter-server-proxy)\n",
       "  // 4) Port provided, running on this port, accessible via localhost:port (google colab auto-translated proxy)\n",
       "\n",
       "  //Call connect function for each url\n",
       "  //First to succeed will be used\n",
       "  console.log(\"Attempting to connect to LavaVu server\");\n",
       "  if (!port) {\n",
       "    //No port provided? We are the server,\n",
       "    //Just use the same address for requests\n",
       "    connect(loc.href);\n",
       "  } else {\n",
       "\n",
       "    //Several possible modes to try\n",
       "    //JupyterHub URL\n",
       "    var regex = /\\/user\\/[a-z0-9-]+\\//i;\n",
       "    var parsed = regex.exec(loc.href);\n",
       "    if (parsed && parsed.length > 0) {\n",
       "      var base = parsed[0];\n",
       "      connect(loc.href.substring(0,parsed.index) + base + \"proxy/\" + port);\n",
       "    }\n",
       "\n",
       "    if (loc.protocol != 'file:') {\n",
       "      //(Don't bother for file:// urls)\n",
       "      connect(loc.protocol + \"//\" + loc.hostname + \":\" + port);\n",
       "      connect(loc.protocol + \"//\" + loc.hostname + (loc.port ? \":\" + loc.port : \"\") + \"/proxy/\" + port);\n",
       "      // In an authenticated setting, user-redirect is used to tell the hub to\n",
       "      // make a link with the correct path for the user. jupyter-server-proxy\n",
       "      // documentation tells us to use a link of this form.\n",
       "      connect(loc.protocol + \"//\" + loc.hostname + (loc.port ? \":\" + loc.port : \"\") + \"/user-redirect/proxy/\" + port);\n",
       "    }\n",
       "    if (loc.hostname != \"localhost\") {\n",
       "      connect(\"https://localhost:\" + port);\n",
       "      //connect(\"http://localhost:\" + port);\n",
       "      connect(\"http://127.0.0.1:\" + port);\n",
       "      //connect(\"https://127.0.0.1:\" + port);\n",
       "    }\n",
       "  }\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.resize = function() {\n",
       "  var that = this;\n",
       "  if (that.resizeTimer)\n",
       "    clearTimeout(that.resizeTimer);\n",
       "  that.resizeTimer = setTimeout(function() {that.get_image();}, 250);\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.init = function() {\n",
       "  console.log(\"WindowInteractor: \" + this.id + \" baseurl: \" + this.baseurl);\n",
       "\n",
       "  this.img = document.getElementById(\"imgtarget_\" + this.id);\n",
       "\n",
       "  //No window\n",
       "  if (!this.img) return;\n",
       "\n",
       "  //Save baseurl on img for menu popup function\n",
       "  this.img.baseurl = this.baseurl;\n",
       "\n",
       "  //Load frame image and run command in single action\n",
       "  //console.log(\"INITIAL SIZE: \" + this.img.width + ' x ' + this.img.height);\n",
       "  //If initial img size > 64x64 (default image => grey 64x64 square)\n",
       "  //then use the image size as in the image requests\n",
       "  if (this.img.width > 64 && this.img.height > 64) {\n",
       "    this.fixedsize = 2; //2 == use image size\n",
       "    this.img.fixedsize = 2; //2 == use image size\n",
       "  }\n",
       "\n",
       "  //Initial image\n",
       "  //(Init WebGL bounding box interaction on load)\n",
       "  var that = this;\n",
       "  this.get_image(function() {\n",
       "    //console.log('In image loaded callback ' + that.id);\n",
       "    //Init on image load with callback function to execute commands\n",
       "    that.box = initBox(that.img, function(cmd) {that.execute(cmd);}, that.fixedsize);\n",
       "    console.log(\"Window initialised, id: \" + that.id);\n",
       "    //Clear onload\n",
       "    that.img.onload = null;\n",
       "\n",
       "    //Update the box size by getting state\n",
       "    that.get_state();\n",
       "  });\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.execute = function(cmd, callback) {\n",
       "  //console.log(this.id + \" execute: \" + cmd);\n",
       "  var that = this;\n",
       "  var final_callback = function(response) {\n",
       "    if (callback)\n",
       "      callback(response);\n",
       "\n",
       "    //Update state\n",
       "    that.get_state();\n",
       "  }\n",
       "\n",
       "  //Replace newlines with semi-colon first\n",
       "  if (cmd.charAt(0) != '{')\n",
       "    cmd = cmd.replace(/\\n/g,';');\n",
       "\n",
       "  var usepost = this.post;\n",
       "  if (cmd.length > 1024)\n",
       "    usepost = true;\n",
       "\n",
       "  //Use IMG.SRC to issue the command and retrieve new image in single action\n",
       "  if (this.instant && this.img && !usepost) {\n",
       "    //Base64 encode to avoid issues with jupyterlab and command urls\n",
       "    var url = this.baseurl +  \"/icommand=\" + '_' + window.btoa(cmd) + this.image_args();\n",
       "\n",
       "    //this.img.onload = null; //This breaks interact while timestepper animating\n",
       "    this.img.onload = final_callback;\n",
       "    this.img.src = url;\n",
       "  //Use HTTP POST or GET to issue command and IMG.SRC to get image\n",
       "  } else {\n",
       "    var xhttp = new XMLHttpRequest();\n",
       "    var params = undefined;\n",
       "    if (usepost) {\n",
       "      var url = this.baseurl + \"/command\";\n",
       "      xhttp.open('POST', this.baseurl, true);\n",
       "      params = cmd;\n",
       "      //console.log(\"POST: \" + params);\n",
       "    } else {\n",
       "      var url = this.baseurl + \"/command=\" + '_' + window.btoa(cmd);\n",
       "      xhttp.open('GET', url, true);\n",
       "    }\n",
       "    xhttp.onload = function() {\n",
       "      if (xhttp.status == 200) {\n",
       "        that.get_image();\n",
       "        final_callback(xhttp.response);\n",
       "      } else\n",
       "        console.log(\"Ajax Error: \" + url + \", returned status code \" + xhttp.status + \" \" + xhttp.statusText);\n",
       "    }\n",
       "    xhttp.send(params);\n",
       "  }\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.do_action = function(id, val, el) {\n",
       "  //HTML control actions via http, replace value first\n",
       "  var script = this.actions[id];\n",
       "  //console.log(id + \" : \" + val);\n",
       "  script = script.replace(/---VAL---/g, val);\n",
       "  this.execute(script);\n",
       "  //Reload state - this happens in action execute anyway, so not needed?\n",
       "  //this.get_state();\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.redisplay = function() {\n",
       "  //console.log(\"redisplay: \" + this.id);\n",
       "  if (this.img && this.box) {\n",
       "    //Call get_image\n",
       "    this.get_image();\n",
       "    //Update the box size by getting state\n",
       "    this.get_state();\n",
       "  }\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.image_args = function() {\n",
       "  if (this.fixedsize) {\n",
       "    if (this.fixedsize == 1) {\n",
       "      //Full screen minus image border (1px)\n",
       "      var W = window.innerWidth - 2;\n",
       "      var H = window.innerHeight - 2;\n",
       "      return \"?width=\" + W + \"&height=\" + H + \"&ts=\" + new Date().getTime()\n",
       "    } else if (this.fixedsize == 2) {\n",
       "      //Image size (use width only and preserve aspect ratio if dimensions are equal)\n",
       "      var W = this.img.width;\n",
       "      var H = this.img.height;\n",
       "      if (W == H) {\n",
       "        return \"?width=\" + W + \"&ts=\" + new Date().getTime()\n",
       "      } else {\n",
       "        return \"?width=\" + W + \"&height=\" + H + \"&ts=\" + new Date().getTime()\n",
       "      }\n",
       "    }\n",
       "  } else {\n",
       "    //Once the first frame received, set to fixed size to preserve dimensions\n",
       "    //(prevents changes if the default output res is modified)\n",
       "    this.fixedsize = 2;\n",
       "    return \"?\" + new Date().getTime();\n",
       "  }\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.get_image = function(onload) {\n",
       "  if (!this.img) return;\n",
       "  //console.log(\"get_img: \" + this.id);\n",
       "\n",
       "  //if (!this.img) this.img = document.getElementById('imgtarget_0');\n",
       "  var url = this.baseurl + \"/image\" + this.image_args();\n",
       "  if (this.img) {\n",
       "    this.img.onload = onload;\n",
       "    this.img.src = url;\n",
       "  }\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.get_state = function() {\n",
       "  //Reload state\n",
       "  if (!this.box) {\n",
       "    //console.log(\"Not yet initialised. Skip get_state\");\n",
       "    //No box interactor\n",
       "    //if this interactor has value controls only,\n",
       "    //trigger redisplay on matching interactive window if any\n",
       "    for (var w in _wi) {\n",
       "      if (_wi[w] != this && _wi[w].uid == this.uid) {\n",
       "        console.log(this.id + ': Redisplaying on matching controller found: ' + w)\n",
       "        _wi[w].redisplay();\n",
       "      }\n",
       "    }\n",
       "    return;\n",
       "  }\n",
       "  //console.log(\"get_state called by \" + this.get_state.caller);\n",
       "  if (!this.img) return; //Skip for control only interator\n",
       "  var that = this;\n",
       "  var onget = function(data) {\n",
       "    if (that.box.deleted) {\n",
       "      console.log(\"This Window is defunct! removing\");\n",
       "      that.box = null;\n",
       "    } else {\n",
       "      that.box.loadFile(data);\n",
       "      that.redisplay_reset();\n",
       "    }\n",
       "  };\n",
       "\n",
       "  var url = this.baseurl + \"/getstate?\" + new Date().getTime();\n",
       "  var xhttp = new XMLHttpRequest();\n",
       "  xhttp.onload = function() {\n",
       "    if (xhttp.status == 200) {\n",
       "      //Success, callback\n",
       "      onget(xhttp.response);\n",
       "    } else\n",
       "      console.log(\"Ajax Request Error: \" + url + \", returned status code \" + xhttp.status + \" \" + xhttp.statusText);\n",
       "  }\n",
       "  xhttp.open('GET', url, true);\n",
       "  xhttp.send();\n",
       "}\n",
       "\n",
       "WindowInteractor.prototype.redisplay_reset = function() {\n",
       "  //Auto redisplay on idle - should be called on successful image load\n",
       "  if (!this.img) return;\n",
       "\n",
       "  //Redisplay interval / keep-alive (10 seconds)\n",
       "  //Reset the timer whenever get_state called, should only trigger after idle period\n",
       "  //console.log(\"REDISPLAY RESET \" + this.id);\n",
       "  var that = this;\n",
       "  if (this.redisplay_timer)\n",
       "    clearTimeout(this.redisplay_timer);\n",
       "\n",
       "  //Image element no longer exists? Skip\n",
       "  if (!document.getElementById(\"imgtarget_\" + this.id)) return;\n",
       "\n",
       "  // Get img position in the viewport\n",
       "  var bounding = this.img.getBoundingClientRect();\n",
       "  if (\n",
       "    bounding.top >= 0 &&\n",
       "    bounding.left >= 0 &&\n",
       "    bounding.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n",
       "    bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n",
       "  ) {\n",
       "    //console.log('IMG In the viewport! Setting redisplay timer on');\n",
       "    this.redisplay_timer = setTimeout(function() { console.log(\"Redisplay \" + that.id); that.redisplay(); }, 10000);\n",
       "  } else {\n",
       "    //console.log('Not in the viewport... disabling auto-refresh');\n",
       "  }\n",
       "}\n",
       "\n",
       "//Bounding box only in WebGL\n",
       "//Urgent TODO: move shared code with draw.js into common file\n",
       "//maintaining two copies currently!\n",
       "//Re-init using previous callback data\n",
       "\n",
       "function initBox(el, cmd_callback, fixedsize) {\n",
       "  //console.log(\"INITBOX: \" + el.id);\n",
       "  var canvas = document.createElement(\"canvas\");\n",
       "  canvas.classList.add(\"resized\");\n",
       "  if (!el) el = document.body.firstChild;\n",
       "  canvas.id = \"canvas_\" + el.id;\n",
       "  canvas.imgtarget = el\n",
       "  el.parentElement.appendChild(canvas);\n",
       "  canvas.style.cssText = \"position: absolute; width: 100%; height: 100%; margin: 0px; padding: 0px; top: 0; left: 0; bottom: 0; right: 0; z-index: 11; border: none;\"\n",
       "  var viewer = new BoxViewer(canvas);\n",
       "\n",
       "  //Canvas event handling\n",
       "  canvas.mouse = new Mouse(canvas, new MouseEventHandler(canvasBoxMouseClick, canvasBoxMouseWheel, canvasBoxMouseMove, canvasBoxMouseDown, null, null, canvasBoxMousePinch));\n",
       "  //Following two settings should probably be defaults?\n",
       "  canvas.mouse.moveUpdate = true; //Continual update of deltaX/Y\n",
       "  //canvas.mouse.setDefault();\n",
       "  canvas.mouse.wheelTimer = true; //Accumulate wheel scroll (prevents too many events backing up)\n",
       "  defaultMouse = document.mouse = canvas.mouse;\n",
       "\n",
       "  //Attach viewer object to canvas\n",
       "  canvas.viewer = viewer;\n",
       "\n",
       "  //Disable context menu and prevent bubbling\n",
       "  canvas.addEventListener('contextmenu', e => {e.preventDefault(); e.stopPropagation();});\n",
       "\n",
       "  //Command callback function\n",
       "  viewer.command = cmd_callback;\n",
       "\n",
       "  //Data dict and colourmap names stored in globals\n",
       "  viewer.dict = window.dictionary;\n",
       "  viewer.defaultcolourmaps = window.defaultcolourmaps;\n",
       "\n",
       "  //Enable to forward key presses to server directly\n",
       "  //(only used for full size viewers)\n",
       "  if (fixedsize == 1)\n",
       "    document.addEventListener('keyup', function(event) {keyPress(event, viewer);});\n",
       "\n",
       "  return viewer;\n",
       "}\n",
       "\n",
       "function keyModifiers(event) {\n",
       "  modifiers = '';\n",
       "  if (event.ctrlKey) modifiers += 'C';\n",
       "  if (event.shiftKey) modifiers += 'S';\n",
       "  if (event.altKey) modifiers += 'A';\n",
       "  if (event.metaKey) modifiers += 'M';\n",
       "  return modifiers;\n",
       "}\n",
       "\n",
       "function keyPress(event, viewer) {\n",
       "  // space and arrow keys, prevent scrolling\n",
       "  if ([' ', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key))\n",
       "    event.preventDefault();\n",
       "\n",
       "  if (event.target.tagName == 'INPUT') return;\n",
       "\n",
       "  //Special key codes\n",
       "  if (event.key == 'ArrowUp') key = 17;\n",
       "  else if (event.key == 'ArrowDown') key = 18;\n",
       "  else if (event.key == 'ArrowLeft') key = 20;\n",
       "  else if (event.key == 'ArrowRight') key = 19;\n",
       "  else if (event.key == 'PageUp') key = 24;\n",
       "  else if (event.key == 'PageDown') key = 25;\n",
       "  else if (event.key == 'PageUp') key = 24;\n",
       "  else if (event.key == 'Home') key = 22;\n",
       "  else if (event.key == 'End') key = 23;\n",
       "  else if (event.key == 'Backspace') key = 8;\n",
       "  else if (event.key == 'Tab') key = 9;\n",
       "  else if (event.key == 'Escape') key = 27;\n",
       "  else if (event.key == 'Enter') key = 13;\n",
       "  else if (event.key == 'Insert') key = 21;\n",
       "  else if (event.key == 'Delete') key = 127;\n",
       "  else if (event.key[0] == 'F' && event.key.length > 1)\n",
       "    key = 189 + parseInt(event.key.substr(1));\n",
       "  else if (event.key.length == 1) {\n",
       "    key = event.key.charCodeAt(0);\n",
       "    if (key > 127 && event.code.length == 4 && event.code.substr(0,3) == 'Key')\n",
       "      key = event.code.charCodeAt(3);\n",
       "  } else\n",
       "    return;\n",
       "\n",
       "  //console.log(event.key);\n",
       "  //console.log(event.code);\n",
       "  //console.log(key);\n",
       "\n",
       "  var modifiers = keyModifiers(event);\n",
       "\n",
       "  //Ignore CTRL+R, CTRL+SHIFT+R\n",
       "  if (key == 114 && modifiers == 'C' || key == 82 && modifiers == 'CS') return;\n",
       "\n",
       "  cmd = 'key key=' + key + ',modifiers=' + modifiers + \",x=\" + defaultMouse.x + \",y=\" + defaultMouse.y;\n",
       "  //console.log(cmd);\n",
       "  viewer.command(cmd);\n",
       "}\n",
       "\n",
       "function canvasBoxMouseClick(event, mouse) {\n",
       "  mouse.element.viewer.check_context(mouse);\n",
       "\n",
       "  if (mouse.element.viewer.rotating)\n",
       "    mouse.element.viewer.command('' + mouse.element.viewer.getRotationString());\n",
       "  else\n",
       "    mouse.element.viewer.command('' + mouse.element.viewer.getTranslationString());\n",
       "\n",
       "  if (mouse.element.viewer.rotating) {\n",
       "    mouse.element.viewer.rotating = false;\n",
       "    //mouse.element.viewer.reload = true;\n",
       "  }\n",
       "\n",
       "  //Clear the webgl box\n",
       "  mouse.element.viewer.clear();\n",
       "\n",
       "  return false;\n",
       "}\n",
       "\n",
       "function canvasBoxMouseDown(event, mouse) {\n",
       "  mouse.element.viewer.check_context(mouse);\n",
       "  //Just draw so the box appears\n",
       "  mouse.element.viewer.draw();\n",
       "  return false;\n",
       "}\n",
       "\n",
       "var hideBoxTimer;\n",
       "\n",
       "function canvasBoxMouseMove(event, mouse) {\n",
       "  //GUI elements to show on mouseover\n",
       "  if (mouse.element && mouse.element.viewer && Object.keys(mouse.element.viewer.vis).length) {\n",
       "    var gui = mouse.element.viewer.gui;\n",
       "    var rect = mouse.element.getBoundingClientRect();\n",
       "    x = event.clientX-rect.left;\n",
       "    y = event.clientY-rect.top;\n",
       "    if (x >= 0 && y >= 0 && x < rect.width && y < rect.height) {\n",
       "      if (!gui && mouse.element.imgtarget)\n",
       "        mouse.element.imgtarget.nextElementSibling.style.display = \"block\";\n",
       "\n",
       "      if (gui) {\n",
       "        if (mouse.element.imgtarget) mouse.element.imgtarget.nextElementSibling.style.display = \"none\";\n",
       "        gui.domElement.style.display = \"block\";\n",
       "      }\n",
       "\n",
       "      if (hideBoxTimer) \n",
       "        clearTimeout(hideBoxTimer);\n",
       "\n",
       "      hideBoxTimer = setTimeout(function () { hideMenu(mouse.element, gui);}, 1000 );\n",
       "    }\n",
       "  }\n",
       "\n",
       "  if (!mouse.isdown || !mouse.element.viewer) return true;\n",
       "  mouse.element.viewer.rotating = false;\n",
       "\n",
       "  //Switch buttons for translate/rotate\n",
       "  var button = mouse.button;\n",
       "\n",
       "  if (mouse.element.viewer.mode == \"Translate\") {\n",
       "    //Swap rotate/translate buttons\n",
       "    if (button == 0)\n",
       "      button = 2\n",
       "    else if (button == 2)\n",
       "      button = 0;\n",
       "  } else if (button==0 && mouse.element.viewer.mode == \"Zoom\") {\n",
       "      button = 100;\n",
       "  }\n",
       "\n",
       "  //console.log(mouse.deltaX + \",\" + mouse.deltaY);\n",
       "  switch (button)\n",
       "  {\n",
       "    case 0:\n",
       "      mouse.element.viewer.rotateY(mouse.deltaX/5);\n",
       "      mouse.element.viewer.rotateX(mouse.deltaY/5);\n",
       "      mouse.element.viewer.rotating = true;\n",
       "      break;\n",
       "    case 1:\n",
       "      mouse.element.viewer.rotateZ(Math.sqrt(mouse.deltaX*mouse.deltaX + mouse.deltaY*mouse.deltaY)/5);\n",
       "      mouse.element.viewer.rotating = true;\n",
       "      break;\n",
       "    case 2:\n",
       "      var adjust = mouse.element.viewer.modelsize / 1000;   //1/1000th of size\n",
       "      mouse.element.viewer.translate[0] += mouse.deltaX * adjust;\n",
       "      mouse.element.viewer.translate[1] -= mouse.deltaY * adjust;\n",
       "      break;\n",
       "    case 100:\n",
       "      var adjust = mouse.element.viewer.modelsize / 1000;   //1/1000th of size\n",
       "      mouse.element.viewer.translate[2] += mouse.deltaX * adjust;\n",
       "      break;\n",
       "  }\n",
       "\n",
       "  mouse.element.viewer.draw();\n",
       "\n",
       "  return false;\n",
       "}\n",
       "\n",
       "function canvasBoxMouseWheel(event, mouse) {\n",
       "  mouse.element.viewer.check_context(mouse);\n",
       "  var scroll = event.deltaY < 0 ? 0.01 : -0.01;\n",
       "  //console.log(event.shiftKey,event.deltaY * -0.01);\n",
       "  if (event.shiftKey) {\n",
       "    mouse.element.viewer.zoomClip(scroll);\n",
       "    //mouse.element.viewer.zoomClip(event.spin*0.01);\n",
       "  } else {\n",
       "    mouse.element.viewer.zoom(scroll);\n",
       "    //mouse.element.viewer.zoom(event.spin*0.01);\n",
       "  }\n",
       "  return false; //Prevent default\n",
       "}\n",
       "\n",
       "function canvasBoxMousePinch(event, mouse) {\n",
       "  mouse.element.viewer.check_context(mouse);\n",
       "  if (event.distance != 0) {\n",
       "    var factor = event.distance * 0.0001;\n",
       "    mouse.element.viewer.zoom(factor);\n",
       "    //Clear the box after a second\n",
       "    setTimeout(function() {mouse.element.viewer.clear();}, 1000);\n",
       "  }\n",
       "  return false; //Prevent default\n",
       "}\n",
       "\n",
       "//This object encapsulates a vertex buffer and shader set\n",
       "function BoxRenderer(gl, colour) {\n",
       "  this.gl = gl;\n",
       "  if (colour)\n",
       "    this.colour = colour;\n",
       "  else\n",
       "    this.colour = [0.5, 0.5, 0.5, 1.0];\n",
       "\n",
       "  //Line renderer\n",
       "  this.attribSizes = [3 * Float32Array.BYTES_PER_ELEMENT];\n",
       "\n",
       "  this.elements = 0;\n",
       "  this.elementSize = 0;\n",
       "  for (var i=0; i<this.attribSizes.length; i++)\n",
       "    this.elementSize += this.attribSizes[i];\n",
       "}\n",
       "\n",
       "var vs = \"precision highp float; \\n \\\n",
       "attribute vec3 aVertexPosition; \\n \\\n",
       "attribute vec4 aVertexColour; \\n \\\n",
       "uniform mat4 uMVMatrix; \\n \\\n",
       "uniform mat4 uPMatrix; \\n \\\n",
       "uniform vec4 uColour; \\n \\\n",
       "varying vec4 vColour; \\n \\\n",
       "void main(void) \\n \\\n",
       "{ \\n \\\n",
       "  vec4 mvPosition = uMVMatrix * vec4(aVertexPosition, 1.0); \\n \\\n",
       "  gl_Position = uPMatrix * mvPosition; \\n \\\n",
       "  vColour = uColour; \\n \\\n",
       "}\";\n",
       "\n",
       "var fs = \"precision highp float; \\n \\\n",
       "varying vec4 vColour; \\n \\\n",
       "void main(void) \\n \\\n",
       "{ \\n \\\n",
       "  gl_FragColor = vColour; \\n \\\n",
       "}\";\n",
       "\n",
       "BoxRenderer.prototype.init = function() {\n",
       "  //Compile the shaders\n",
       "  this.program = new WebGLProgram(this.gl, vs, fs);\n",
       "  if (this.program.errors) console.log(this.program.errors);\n",
       "  //Setup attribs/uniforms (flag set to skip enabling attribs)\n",
       "  this.program.setup(undefined, undefined, true);\n",
       "\n",
       "  return true;\n",
       "}\n",
       "\n",
       "BoxRenderer.prototype.updateBuffers = function(view) {\n",
       "  //Create buffer if not yet allocated\n",
       "  if (this.vertexBuffer == undefined) {\n",
       "    //Init shaders etc...\n",
       "    if (!this.init()) return;\n",
       "    this.vertexBuffer = this.gl.createBuffer();\n",
       "    this.indexBuffer = this.gl.createBuffer();\n",
       "  }\n",
       "\n",
       "  //Bind buffers\n",
       "  this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.vertexBuffer);\n",
       "  this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);\n",
       "\n",
       "  this.box(view.min, view.max);\n",
       "}\n",
       "\n",
       "BoxRenderer.prototype.box = function(min, max) {\n",
       "  var zero = [min[0]+0.5*(max[0] - min[0]), min[1]+0.5*(max[1] - min[1]), min[2]+0.5*(max[2] - min[2])];\n",
       "  var min10 = [min[0] + 0.45*(max[0] - min[0]), min[1]+0.45*(max[1] - min[1]), min[2]+0.45*(max[2] - min[2])];\n",
       "  var max10 = [min[0] + 0.55*(max[0] - min[0]), min[1]+0.55*(max[1] - min[1]), min[2]+0.55*(max[2] - min[2])];\n",
       "  var vertices = new Float32Array(\n",
       "        [\n",
       "          /* Bounding box */\n",
       "          min[0], min[1], max[2],\n",
       "          min[0], max[1], max[2],\n",
       "          max[0], max[1], max[2],\n",
       "          max[0], min[1], max[2],\n",
       "          min[0], min[1], min[2],\n",
       "          min[0], max[1], min[2],\n",
       "          max[0], max[1], min[2],\n",
       "          max[0], min[1], min[2],\n",
       "          /* 10% box */\n",
       "          min10[0], min10[1], max10[2],\n",
       "          min10[0], max10[1], max10[2],\n",
       "          max10[0], max10[1], max10[2],\n",
       "          max10[0], min10[1], max10[2],\n",
       "          min10[0], min10[1], min10[2],\n",
       "          min10[0], max10[1], min10[2],\n",
       "          max10[0], max10[1], min10[2],\n",
       "          max10[0], min10[1], min10[2],\n",
       "          /* Axis lines */\n",
       "          min[0], zero[1], zero[2],\n",
       "          max[0], zero[1], zero[2],\n",
       "          zero[0], min[1], zero[2],\n",
       "          zero[0], max[1], zero[2],\n",
       "          zero[0], zero[1], min[2],\n",
       "          zero[0], zero[1], max[2]\n",
       "        ]);\n",
       "\n",
       "  var indices = new Uint16Array(\n",
       "        [\n",
       "          /* Bounding box */\n",
       "          0, 1, 1, 2, 2, 3, 3, 0,\n",
       "          4, 5, 5, 6, 6, 7, 7, 4,\n",
       "          0, 4, 3, 7, 1, 5, 2, 6,\n",
       "          /* 10% box */\n",
       "          8, 9, 9, 10, 10, 11, 11, 8,\n",
       "          12, 13, 13, 14, 14, 15, 15, 12,\n",
       "          8, 12, 11, 15, 9, 13, 10, 14,\n",
       "          /* Axis lines */\n",
       "          16, 17,\n",
       "          18, 19,\n",
       "          20, 21\n",
       "        ]\n",
       "     );\n",
       "  this.gl.bufferData(this.gl.ARRAY_BUFFER, vertices, this.gl.STATIC_DRAW);\n",
       "  this.gl.bufferData(this.gl.ELEMENT_ARRAY_BUFFER, indices, this.gl.STATIC_DRAW);\n",
       "  this.elements = 24+24+6;\n",
       "}\n",
       "\n",
       "BoxRenderer.prototype.draw = function(webgl, nobox, noaxes) {\n",
       "  if (!this.elements) return;\n",
       "\n",
       "  if (this.program.attributes[\"aVertexPosition\"] == undefined) return; //Require vertex buffer\n",
       "\n",
       "  webgl.use(this.program);\n",
       "  webgl.setMatrices();\n",
       "\n",
       "  //Bind buffers\n",
       "  this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.vertexBuffer);\n",
       "  this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);\n",
       "\n",
       "  //Enable attributes\n",
       "  for (var key in this.program.attributes)\n",
       "    this.gl.enableVertexAttribArray(this.program.attributes[key]);\n",
       "\n",
       " \n",
       "  //Line box render\n",
       "  this.gl.vertexAttribPointer(this.program.attributes[\"aVertexPosition\"], 3, this.gl.FLOAT, false, 0, 0);\n",
       "  //Bounding box\n",
       "  if (!nobox) {\n",
       "    this.gl.uniform4f(this.program.uniforms[\"uColour\"], this.colour[0], this.colour[1], this.colour[2], this.colour[3]);\n",
       "    this.gl.drawElements(this.gl.LINES, 24, this.gl.UNSIGNED_SHORT, 0);\n",
       "  }\n",
       "\n",
       "  //10% box (always draw)\n",
       "  this.gl.drawElements(this.gl.LINES, 24, this.gl.UNSIGNED_SHORT, 24 * 2);\n",
       "\n",
       "  //Axes (2 bytes per unsigned short)\n",
       "  if (!noaxes) {\n",
       "    this.gl.uniform4f(this.program.uniforms[\"uColour\"], 1.0, 0.0, 0.0, 1.0);\n",
       "    this.gl.drawElements(this.gl.LINES, 2, this.gl.UNSIGNED_SHORT, (24+24) * 2);\n",
       "    this.gl.uniform4f(this.program.uniforms[\"uColour\"], 0.0, 1.0, 0.0, 1.0);\n",
       "    this.gl.drawElements(this.gl.LINES, 2, this.gl.UNSIGNED_SHORT, (24+24+2) * 2);\n",
       "    this.gl.uniform4f(this.program.uniforms[\"uColour\"], 0.0, 0.0, 1.0, 1.0);\n",
       "    this.gl.drawElements(this.gl.LINES, 2, this.gl.UNSIGNED_SHORT, (24+24+4) * 2);\n",
       "  }\n",
       "\n",
       "  //Disable attribs\n",
       "  for (var key in this.program.attributes)\n",
       "    this.gl.disableVertexAttribArray(this.program.attributes[key]);\n",
       "\n",
       "  this.gl.bindBuffer(this.gl.ARRAY_BUFFER, null);\n",
       "  this.gl.bindBuffer(this.gl.ELEMENT_ARRAY_BUFFER, null);\n",
       "  this.gl.useProgram(null);\n",
       "}\n",
       "\n",
       "//This object holds the viewer details and calls the renderers\n",
       "function BoxViewer(canvas) {\n",
       "  this.vis = {};\n",
       "  this.vis.objects = [];\n",
       "  this.vis.colourmaps = [];\n",
       "  this.canvas = canvas;\n",
       "  if (!canvas) {alert(\"Invalid Canvas\"); return;}\n",
       "  try {\n",
       "    this.webgl = new WebGL(this.canvas, {antialias: true}); //, premultipliedAlpha: false});\n",
       "    this.gl = this.webgl.gl;\n",
       "    canvas.addEventListener(\"webglcontextlost\", function(event) {\n",
       "      //event.preventDefault();\n",
       "      console.log(\"Context loss detected, clearing data/state and flagging defunct\");\n",
       "      this.mouse.lostContext = true;\n",
       "    }, false);\n",
       "\n",
       "    canvas.addEventListener(\"webglcontextrestored\", function(event) {\n",
       "      console.log(\"Context restored\");\n",
       "    }, false);\n",
       "\n",
       "  } catch(e) {\n",
       "    //No WebGL\n",
       "    console.log(\"No WebGL: \" + e);\n",
       "  }\n",
       "\n",
       "  this.rotating = false;\n",
       "  this.translate = [0,0,0];\n",
       "  this.rotate = quat4.create();\n",
       "  quat4.identity(this.rotate);\n",
       "  this.fov = 45;\n",
       "  this.focus = [0,0,0];\n",
       "  this.centre = [0,0,0];\n",
       "  this.near_clip = this.far_clip = 0.0;\n",
       "  this.modelsize = 1;\n",
       "  this.scale = [1, 1, 1];\n",
       "  this.orientation = 1.0; //1.0 for RH, -1.0 for LH\n",
       "\n",
       "  //Non-persistant settings\n",
       "  this.mode = 'Rotate';\n",
       "  if (!this.gl) return;\n",
       "\n",
       "  //Create the renderers\n",
       "  this.border = new BoxRenderer(this.gl, [0.5,0.5,0.5,1]);\n",
       "\n",
       "  this.gl.enable(this.gl.DEPTH_TEST);\n",
       "  this.gl.depthFunc(this.gl.LEQUAL);\n",
       "  //this.gl.depthMask(this.gl.FALSE);\n",
       "  this.gl.enable(this.gl.BLEND);\n",
       "  //this.gl.blendFunc(this.gl.SRC_ALPHA, this.gl.ONE_MINUS_SRC_ALPHA);\n",
       "  //this.gl.blendFuncSeparate(this.gl.SRC_ALPHA, this.gl.ONE_MINUS_SRC_ALPHA, this.gl.ZERO, this.gl.ONE);\n",
       "  this.gl.blendFuncSeparate(this.gl.SRC_ALPHA, this.gl.ONE_MINUS_SRC_ALPHA, this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.check_context = function(mouse) {\n",
       "  if (mouse.lostContext) {\n",
       "    console.log(\"Recreating viewer after context loss\");\n",
       "    //Reinit on timer? on click?\n",
       "    var box = initBox(this.canvas.imgtarget, this.command);\n",
       "    box.loadFile(JSON.stringify(this.vis));\n",
       "    //Delete the old canvas now\n",
       "    this.canvas.parentNode.removeChild(this.canvas);\n",
       "    this.vis = null;\n",
       "    mouse.lostContext = false;\n",
       "    this.deleted = true;\n",
       "  }\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.reload = function() {\n",
       "  this.command('reload');\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.checkPointMinMax = function(coord) {\n",
       "  for (var i=0; i<3; i++) {\n",
       "    this.view.min[i] = Math.min(coord[i], this.view.min[i]);\n",
       "    this.view.max[i] = Math.max(coord[i], this.view.max[i]);\n",
       "  }\n",
       "  //console.log(JSON.stringify(this.view.min) + \" -- \" + JSON.stringify(this.view.max));\n",
       "}\n",
       "\n",
       "function Merge(obj1, obj2) {\n",
       "  for (var p in obj2) {\n",
       "    try {\n",
       "      //console.log(p + \" ==> \" + obj2[p].constructor);\n",
       "      // Property in destination object set; update its value.\n",
       "      if (!obj2.hasOwnProperty(p)) continue;\n",
       "      if (obj2[p].constructor == Object || obj2[p].constructor == Array) {\n",
       "        obj1[p] = Merge(obj1[p], obj2[p]);\n",
       "      } else {\n",
       "        //Just copy\n",
       "        obj1[p] = obj2[p];\n",
       "      }\n",
       "    } catch(e) {\n",
       "      // Property in destination object not set; create it and set its value.\n",
       "      obj1[p] = obj2[p];\n",
       "    }\n",
       "  }\n",
       "\n",
       "  //Clear any keys in obj1 that are not in obj2\n",
       "  for (var p in obj1) {\n",
       "    if (!obj1.hasOwnProperty(p)) continue; //Ignore built in keys\n",
       "    if (p in obj2) continue;\n",
       "    if (typeof(obj1[p]) != 'object') {\n",
       "      //Just delete\n",
       "      delete obj1[p]\n",
       "    }\n",
       "  }\n",
       "\n",
       "  return obj1;\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.exportJson = function(nocam) {\n",
       "  return {\"objects\"    : this.exportObjects(),\n",
       "          \"colourmaps\" : this.vis.colourmaps,\n",
       "          \"views\"      : this.exportView(nocam),\n",
       "          \"properties\" : this.vis.properties};\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.sendState = function(reload) {\n",
       "  var exp = this.exportJson();\n",
       "  exp.reload = reload;\n",
       "  this.command(JSON.stringify(exp));\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.toString = function(nocam, reload, noformat) {\n",
       "  var exp = this.exportJson(nocam);\n",
       "  exp.exported = true;\n",
       "  exp.reload = reload ? true : false;\n",
       "\n",
       "  if (noformat)\n",
       "    return JSON.stringify(exp);\n",
       "  //Export with 2 space indentation\n",
       "  return JSON.stringify(exp, undefined, 2);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.exportView = function(nocam) {\n",
       "  //Update camera settings of current view\n",
       "  if (nocam)\n",
       "    this.view = {};\n",
       "  else {\n",
       "    this.view.rotate = this.getRotation();\n",
       "    this.view.focus = this.focus;\n",
       "    this.view.translate = this.translate;\n",
       "    //Allows scale editing in UI by commenting this\n",
       "    //this.view.scale = this.scale;\n",
       "  }\n",
       "  /*\n",
       "   * If we overwrite these, changes from menu will not apply\n",
       "   *\n",
       "  this.view.fov = this.fov;\n",
       "  this.view.near = this.near_clip;\n",
       "  this.view.far = this.far_clip;\n",
       "  this.view.border = this.showBorder ? 1 : 0;\n",
       "  this.view.axis = this.axes;\n",
       "  */\n",
       "  //this.view.background = this.background.toString();\n",
       "\n",
       "  //Never export min/max\n",
       "  var V = Object.assign(this.view);\n",
       "  V.min = undefined;\n",
       "  V.max = undefined;\n",
       "  return [V];\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.exportObjects = function() {\n",
       "  objs = [];\n",
       "  for (var id in this.vis.objects) {\n",
       "    objs[id] = {};\n",
       "    //Skip geometry data\n",
       "    for (var type in this.vis.objects[id]) {\n",
       "      if (type != \"triangles\" && type != \"points\" && type != 'lines' && type != \"volume\") {\n",
       "        objs[id][type] = this.vis.objects[id][type];\n",
       "      }\n",
       "    }\n",
       "  }\n",
       "  //console.log(\"OBJECTS: \" + JSON.stringify(objs));\n",
       "\n",
       "  return objs;\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.exportColourMaps = function() {\n",
       "  return this.vis.colourmaps;\n",
       "//DEPRECATED\n",
       "  //Below extracts map from gui editor, not needed unless editor hasn't updated vis object\n",
       "  cmaps = [];\n",
       "  if (this.vis.colourmaps) {\n",
       "    for (var i=0; i<this.vis.colourmaps.length; i++) {\n",
       "      console.log(i + \" - \" + this.vis.colourmaps[i].palette);\n",
       "      if (!this.vis.colourmaps[i].palette) continue;\n",
       "      cmaps[i] = this.vis.colourmaps[i].palette.get();\n",
       "      //Copy additional properties\n",
       "      for (var type in this.vis.colourmaps[i]) {\n",
       "        if (type != \"palette\" && type != \"colours\")\n",
       "          cmaps[i][type] = this.vis.colourmaps[i][type];\n",
       "      }\n",
       "    }\n",
       "  }\n",
       "  return cmaps;\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.exportFile = function() {\n",
       "  window.open('data:text/plain;base64,' + window.btoa(this.toString(false, true)));\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.loadFile = function(source) {\n",
       "  //Skip update to rotate/translate etc if in process of updating\n",
       "  //if (document.mouse.isdown) return;\n",
       "  if (source.length < 3) {\n",
       "    console.log('Invalid source data, ignoring');\n",
       "    console.log(source);\n",
       "    console.log(BoxViewer.prototype.loadFile.caller);\n",
       "    return; //Invalid\n",
       "  }\n",
       "\n",
       "  if (!this.vis)\n",
       "    this.vis = {};\n",
       "\n",
       "  //Parse data\n",
       "  var src = {};\n",
       "  try {\n",
       "    src = JSON.parse(source);\n",
       "  } catch(e) {\n",
       "    console.log(source);\n",
       "    console.log(\"Parse Error: \" + e);\n",
       "    return;\n",
       "  }\n",
       "\n",
       "  //Before merge, delete all colourmap data if changed\n",
       "  for (var c in this.vis.colourmaps) {\n",
       "    //Name or colour count mismatch? delete so can be recreated\n",
       "    if (this.vis.colourmaps[c].name != src.colourmaps[c].name || \n",
       "        this.vis.colourmaps[c].colours.length != src.colourmaps[c].colours.length) {\n",
       "      //Delete the colourmap folder for this map, will be re-created\n",
       "      if (this.cgui && this.cgui.__folders[this.vis.colourmaps[c].name]) {\n",
       "        this.cgui.removeFolder(this.cgui.__folders[this.vis.colourmaps[c].name]);\n",
       "        this.cgui.__folders[this.vis.colourmaps[c].name] = undefined;\n",
       "      }\n",
       "      //Clear all the colours so new data will replace in merge\n",
       "      this.vis.colourmaps[c].colours = undefined;\n",
       "    }\n",
       "  }\n",
       "\n",
       "  //Merge keys - preserves original objects for gui access\n",
       "  Merge(this.vis, src);\n",
       "\n",
       "  //No model loaded? Prevents errors so default are loaded\n",
       "  if (!this.vis.properties)\n",
       "    this.vis.properties = {};\n",
       "\n",
       "  //Set active view (always first for now)\n",
       "  this.view = this.vis.views[0];\n",
       "\n",
       "  //Always set a bounding box, get from objects if not in view\n",
       "  var objbb = false;\n",
       "  if (!this.view.min || !this.view.max) {\n",
       "    this.view.min = [Number.MAX_VALUE, Number.MAX_VALUE, Number.MAX_VALUE];\n",
       "    this.view.max = [-Number.MAX_VALUE, -Number.MAX_VALUE, -Number.MAX_VALUE];\n",
       "    objbb = true;\n",
       "  }\n",
       "  //console.log(JSON.stringify(this.view,null, 2));\n",
       "\n",
       "  if (this.view) {\n",
       "    this.fov = this.view.fov || 45;\n",
       "    this.near_clip = this.view.near || 0;\n",
       "    this.far_clip = this.view.far || 0;\n",
       "    this.orientation = this.view.orientation || 1;\n",
       "    this.axes = this.view.axis == undefined ? true : this.view.axis;\n",
       "  }\n",
       "\n",
       "  if (this.vis.properties.resolution && this.vis.properties.resolution[0] && this.vis.properties.resolution[1]) {\n",
       "    this.width = this.vis.properties.resolution[0];\n",
       "    this.height = this.vis.properties.resolution[1];\n",
       "    //this.canvas.style.width = \"\";\n",
       "    //this.canvas.style.height = \"\";\n",
       "  } else {\n",
       "    //Autosize when img loaded\n",
       "    this.width = 0;\n",
       "    this.height = 0;\n",
       "  }\n",
       "\n",
       "  //Process object data\n",
       "  for (var id in this.vis.objects) {\n",
       "    //Apply object bounding box\n",
       "    if (objbb && this.vis.objects[id].min)\n",
       "      this.checkPointMinMax(this.vis.objects[id].min);\n",
       "    if (objbb && this.vis.objects[id].max)\n",
       "      this.checkPointMinMax(this.vis.objects[id].max);\n",
       "  }\n",
       "\n",
       "  this.updateDims(this.view);\n",
       "\n",
       "  //Update display\n",
       "  if (!this.gl) return;\n",
       "  this.draw();\n",
       "  this.clear();\n",
       "\n",
       "  //Create UI - disable by omitting dat.gui.min.js\n",
       "  //(If menu doesn't exist or is open, update immediately\n",
       "  // otherwise, wait until clicked/opened as update is slow)\n",
       "  if (!this.gui || !this.gui.closed)\n",
       "    this.menu();\n",
       "  else\n",
       "    this.reloadgui = true;\n",
       "\n",
       "  //Copy updated values to all generated controls\n",
       "  //This allows data changed by other means (ie: through python) to \n",
       "  // be reflected in the HTML control values\n",
       "  var that = this;\n",
       "  var getValWithIndex = function(prop, val, idx) {\n",
       "    if (val === undefined) return;\n",
       "    if (idx != null && idx >= 0 && val.length > idx)\n",
       "       val = val[idx];\n",
       "    //Round off floating point numbers\n",
       "    if (that.dict[property].type.indexOf('real') >= 0)\n",
       "       return val.toFixed(6) / 1; //toFixed() / 1 rounds to fixed position and removes trailing zeros\n",
       "    return val;\n",
       "  }\n",
       "  var pel = this.canvas.parentElement.parentElement;\n",
       "  var children = pel.getElementsByTagName('*');\n",
       "  for (var i=0; i<children.length; i++) {\n",
       "    //Process property controls\n",
       "    var id = children[i].id;\n",
       "    if (id.indexOf('lvctrl') >= 0) {\n",
       "      var target = children[i].getAttribute(\"data-target\");\n",
       "      var property = children[i].getAttribute(\"data-property\");\n",
       "      var idx = children[i].getAttribute(\"data-index\");\n",
       "      //console.log(id + \" : \" + target + \" : \" + property + \" [\" + idx + \"]\");\n",
       "      if (property) {\n",
       "        if (target) {\n",
       "          //Loop through objects, find those whose name matches element target\n",
       "          for (var o in this.vis.objects) {\n",
       "            var val = this.vis.objects[o][property];\n",
       "            if (val === undefined) continue;\n",
       "            if (this.vis.objects[o].name == target) {\n",
       "              if (idx != null && idx >= 0)\n",
       "                val = val[idx];\n",
       "              //console.log(target + \" ==> SET \" + id + \" : ['\" + property + \"'] VALUE TO \" + val);\n",
       "              //console.log(\"TAG: \" + children[i].tagName);\n",
       "              if (children[i].type == 'checkbox')\n",
       "                children[i].checked = val;\n",
       "              else if (children[i].tagName == 'SELECT') {\n",
       "                //If integer, set by index, otherwise set by value\n",
       "                var parsed = parseInt(val);\n",
       "                if (isNaN(parsed) || parsed.toString() != val) {\n",
       "                  //If the value is in the options, set it, otherwise leave as is\n",
       "                  for (var c in children[i].options) {\n",
       "                    if (children[i].options[c].value == val) {\n",
       "                      children[i].selectedIndex = c;\n",
       "                      break;\n",
       "                    }\n",
       "                  }\n",
       "                } else {\n",
       "                  children[i].selectedIndex = parsed;\n",
       "                }\n",
       "              } else if (children[i].tagName == 'DIV') {\n",
       "                children[i].style.background = new Colour(val).html();\n",
       "              } else if (children[i].tagName == 'CANVAS' && children[i].gradient) {\n",
       "                //Store full list of colourmaps\n",
       "                var el = children[i]; //canvas element\n",
       "                //Ensure we aren't merging the same object\n",
       "                el.colourmaps = Merge(JSON.parse(JSON.stringify(el.colourmaps)), this.vis.colourmaps);\n",
       "                //Load the initial colourmap\n",
       "                if (!el.selectedIndex >= 0) {\n",
       "                  //Get the selected index from the property value\n",
       "                  for (var c in this.vis.colourmaps) {\n",
       "                    if (this.vis.colourmaps[c].name == val) {\n",
       "                      el.selectedIndex = c;\n",
       "                      //Copy, don't link\n",
       "                      el.currentmap = JSON.parse(JSON.stringify(this.vis.colourmaps[c]));\n",
       "                      //el.currentmap = Object.assign(this.vis.colourmaps[c]);\n",
       "                      break;\n",
       "                    }\n",
       "                  }\n",
       "                }\n",
       "                //Can't use gradient.read() here as it triggers another state load,\n",
       "                //looping infinitely - so load the palette change directly\n",
       "                el.gradient.palette = new Palette(this.vis.colourmaps[el.selectedIndex].colours, true);\n",
       "                //el.gradient.reset(); //For some reason this screws up colour editing\n",
       "                el.gradient.update(true); //Update without triggering callback that triggers a state reload\n",
       "              } else {\n",
       "                //console.log(id + \" : \" + target + \" : \" + property + \" = \" + val);\n",
       "                children[i].value = getValWithIndex(property, val, idx);\n",
       "              }\n",
       "            }\n",
       "          }\n",
       "        } else if (this.vis.views[0][property] != null) {\n",
       "          //View property\n",
       "          var val = this.vis.views[0][property];\n",
       "          //console.log(\"SET \" + id + \" : ['\" + property + \"'] VIEW PROP VALUE TO \" + val);\n",
       "          children[i].value = getValWithIndex(property, val, idx);\n",
       "        } else if (this.vis.properties[property] != null) {\n",
       "          //Global property\n",
       "          var val = this.vis.properties[property];\n",
       "          //console.log(\"SET \" + id + \" : ['\" + property + \"'] GLOBAL VALUE TO \" + val);\n",
       "          children[i].value = getValWithIndex(property, val, idx);\n",
       "        }\n",
       "      }\n",
       "    }\n",
       "  }\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.menu = function() {\n",
       "  //Create UI - disable by omitting dat.gui.min.js\n",
       "  //This is slow! Don't call while animating\n",
       "  var viewer = this;\n",
       "  var changefn = function(value, reload) {\n",
       "    //console.log(JSON.stringify(Object.keys(this)));\n",
       "    //console.log(value);\n",
       "    if (reload == undefined) {\n",
       "      reload = true;\n",
       "      if (this.property && viewer.dict[this.property])\n",
       "      {\n",
       "        //Get reload level from prop dict\n",
       "        //console.log(this.property + \" REDRAW: \" + viewer.dict[this.property].redraw);\n",
       "        reload = viewer.dict[this.property].redraw;\n",
       "      }\n",
       "    }\n",
       "\n",
       "    //Sync state and reload\n",
       "    viewer.sendState(reload);\n",
       "  };\n",
       "\n",
       "  if (!this.gui || this.gui.closed) {\n",
       "    //Re-create from scratch if closed or not present\n",
       "    createMenu(this, changefn);\n",
       "  } else {\n",
       "    updateMenu(this, changefn);\n",
       "  }\n",
       "  this.reloadgui = false;\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.clear = function() {\n",
       "  if (!this.gl) return;\n",
       "  this.gl.clear(this.gl.COLOR_BUFFER_BIT | this.gl.DEPTH_BUFFER_BIT);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.draw = function() {\n",
       "  if (!this.canvas) return;\n",
       "\n",
       "  //Get the dimensions from the current canvas\n",
       "  if (this.width != this.canvas.offsetWidth || this.height != this.canvas.offsetHeight) {\n",
       "    this.width = this.canvas.offsetWidth;\n",
       "    this.height = this.canvas.offsetHeight;\n",
       "    //Need to set this too for some reason\n",
       "    this.canvas.width = this.width;\n",
       "    this.canvas.height = this.height;\n",
       "    if (this.gl) {\n",
       "      this.gl.viewportWidth = this.width;\n",
       "      this.gl.viewportHeight = this.height;\n",
       "      this.webgl.viewport = new Viewport(0, 0, this.width, this.height);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  /*/Attempt to prevent element resizing to 0,0 when a frame is dropped\n",
       "  if (this.width)\n",
       "    this.canvas.parentElement.style.minWidth = this.width + 'px';\n",
       "  if (this.height)\n",
       "    this.canvas.parentElement.style.minHeight = this.height + 'px';\n",
       "  */\n",
       "\n",
       "  if (!this.gl) return;\n",
       "\n",
       "  //Check isContextLost\n",
       "  if (this.gl.isContextLost()) {\n",
       "    console.log(\"boxviewer_draw_: context lost\");\n",
       "    this.mouse.lostContext = true;\n",
       "    return;\n",
       "  }\n",
       "\n",
       "  this.gl.viewport(0, 0, this.gl.viewportWidth, this.gl.viewportHeight);\n",
       "  //this.gl.clearColor(1, 1, 1, 0);\n",
       "  this.gl.clearColor(0, 0, 0, 0);\n",
       "  this.gl.clear(this.gl.COLOR_BUFFER_BIT | this.gl.DEPTH_BUFFER_BIT);\n",
       "\n",
       "  this.webgl.view(this);\n",
       "\n",
       "  //Render objects\n",
       "  this.border.draw(this.webgl, false, true);\n",
       "\n",
       "    //Remove translation and re-render axes\n",
       "    var tr = this.translate.slice();\n",
       "    this.translate = [0,0,-this.modelsize*1.25];\n",
       "    this.webgl.apply(this);\n",
       "    this.border.draw(this.webgl, true, false);\n",
       "    this.translate = tr;\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.syncRotation = function(rot) {\n",
       "  if (rot)\n",
       "    this.rotate = quat4.create(rot);\n",
       "  this.rotated = true;\n",
       "  this.draw();\n",
       "  rstr = '' + this.getRotationString();\n",
       "  that = this;\n",
       "  window.requestAnimationFrame(function() {that.command(rstr);});\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.rotateX = function(deg) {\n",
       "  this.rotation(deg, [1,0,0]);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.rotateY = function(deg) {\n",
       "  this.rotation(deg, [0,1,0]);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.rotateZ = function(deg) {\n",
       "  this.rotation(deg, [0,0,1]);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.rotation = function(deg, axis) {\n",
       "  //Quaterion rotate\n",
       "  var arad = deg * Math.PI / 180.0;\n",
       "  var rotation = quat4.fromAngleAxis(arad, axis);\n",
       "  rotation = quat4.normalize(rotation);\n",
       "  this.rotate = quat4.multiply(rotation, this.rotate);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.getRotation = function() {\n",
       "  return [this.rotate[0], this.rotate[1], this.rotate[2], this.rotate[3]];\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.getRotationString = function() {\n",
       "  //Return current rotation quaternion as string\n",
       "  var q = this.getRotation();\n",
       "  return 'rotation ' + q[0] + ' ' + q[1] + ' ' + q[2] + ' ' + q[3];\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.getTranslationString = function() {\n",
       "  return 'translation ' + this.translate[0] + ' ' + this.translate[1] + ' ' + this.translate[2];\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.reset = function() {\n",
       "  if (this.gl) {\n",
       "    this.updateDims(this.view);\n",
       "    this.draw();\n",
       "  }\n",
       "\n",
       "  this.command('reset');\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.zoom = function(factor) {\n",
       "  if (this.gl) {\n",
       "    this.translate[2] += factor * Math.max(0.01*this.modelsize, Math.abs(this.translate[2]));\n",
       "    this.draw();\n",
       "  }\n",
       "\n",
       "  var that = this;\n",
       "  if (this.zoomTimer) \n",
       "    clearTimeout(this.zoomTimer);\n",
       "  this.zoomTimer = setTimeout(function () {that.command('' + that.getTranslationString());  that.clear(); that.zoomTimer = null;}, 500 );\n",
       "\n",
       "  //this.command('' + this.getTranslationString());\n",
       "  //this.command('zoom ' + factor);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.zoomClip = function(factor) {\n",
       "  var near_clip = this.near_clip + factor * this.modelsize;\n",
       "  if (near_clip >= this.modelsize * 0.001)\n",
       "     this.near_clip = near_clip;\n",
       "\n",
       "  if (this.gl) this.draw();\n",
       "\n",
       "  var that = this;\n",
       "  if (this.zoomTimer) clearTimeout(this.zoomTimer);\n",
       "  //this.zoomTimer = setTimeout(function () {that.command('zoomclip ' + factor);  that.clear();}, 500 );\n",
       "  this.zoomTimer = setTimeout(function () {that.command('nearclip ' + that.near_clip);  that.clear();}, 500 );\n",
       "\n",
       "  //this.command('zoomclip ' + factor);\n",
       "}\n",
       "\n",
       "BoxViewer.prototype.updateDims = function(view) {\n",
       "  if (!view) return;\n",
       "  var oldsize = this.modelsize;\n",
       "\n",
       "  //Check for valid dims\n",
       "  for (var i=0; i<3; i++) {\n",
       "    if (view.bounds && view.max[i] < view.bounds.max[i])\n",
       "      view.max[i] = view.bounds.max[i];\n",
       "    if (view.bounds && view.min[i] > view.bounds.min[i])\n",
       "      view.min[i] = view.bounds.min[i];\n",
       "    /*if (view.max[i] <  view.min[i] <= 0.0) {\n",
       "        view.max[i] = 1.0;\n",
       "        view.min[i] = -1.0;\n",
       "      }\n",
       "    }*/\n",
       "  }\n",
       "\n",
       "  this.dims = [view.max[0] - view.min[0], view.max[1] - view.min[1], view.max[2] - view.min[2]];\n",
       "  this.modelsize = Math.sqrt(this.dims[0]*this.dims[0] + this.dims[1]*this.dims[1] + this.dims[2]*this.dims[2]);\n",
       "\n",
       "  this.focus = [view.min[0] + 0.5*this.dims[0], view.min[1] + 0.5*this.dims[1], view.min[2] + 0.5*this.dims[2]];\n",
       "  this.centre = [this.focus[0],this.focus[1],this.focus[2]];\n",
       "\n",
       "  this.translate = [0,0,0];\n",
       "  if (this.modelsize != oldsize) this.translate[2] = -this.modelsize*1.25;\n",
       "\n",
       "  if (this.near_clip == 0.0) this.near_clip = this.modelsize / 10.0;   \n",
       "  if (this.far_clip == 0.0) this.far_clip = this.modelsize * 10.0;\n",
       "\n",
       "  quat4.identity(this.rotate);\n",
       "\n",
       "  if (view) {\n",
       "    //Initial rotation\n",
       "    if (view.rotate) {\n",
       "      if (view.rotate.length == 3) {\n",
       "        this.rotateZ(-view.rotate[2]);\n",
       "        this.rotateY(-view.rotate[1]);\n",
       "        this.rotateX(-view.rotate[0]);\n",
       "      } else if (view.rotate.length == 4) {\n",
       "        this.rotate = quat4.create(view.rotate);\n",
       "      }\n",
       "    }\n",
       "\n",
       "    //Translate\n",
       "    if (view.translate) {\n",
       "      this.translate[0] = view.translate[0];\n",
       "      this.translate[1] = view.translate[1];\n",
       "      this.translate[2] = view.translate[2];\n",
       "    }\n",
       "\n",
       "    //Scale\n",
       "    if (view.scale) {\n",
       "      this.scale[0] = view.scale[0];\n",
       "      this.scale[1] = view.scale[1];\n",
       "      this.scale[2] = view.scale[2];\n",
       "    }\n",
       "\n",
       "    //Focal point\n",
       "    if (view.focus) {\n",
       "      this.focus[0] = this.centre[0] = view.focus[0];\n",
       "      this.focus[1] = this.centre[1] = view.focus[1];\n",
       "      this.focus[2] = this.centre[2] = view.focus[2];\n",
       "    }\n",
       "\n",
       "  }\n",
       "\n",
       "  //console.log(\"DIMS: \" + view.min[0] + \" to \" + view.max[0] + \",\" + view.min[1] + \" to \" + view.max[1] + \",\" + view.min[2] + \" to \" + view.max[2]);\n",
       "  //console.log(\"New model size: \" + this.modelsize + \", Focal point: \" + this.focus[0] + \",\" + this.focus[1] + \",\" + this.focus[2]);\n",
       "  //console.log(\"Translate: \" + this.translate[0] + \",\" + this.translate[1] + \",\" + this.translate[2]);\n",
       "\n",
       "  if (!this.gl) return;\n",
       " \n",
       "  //Create the bounding box vertex buffer\n",
       "  this.border.updateBuffers(this.view);\n",
       "}\n",
       "\n",
       "/* dat.gui menu */\n",
       "\n",
       "function parseColour(input) {\n",
       "  if (typeof(input) != 'object') {\n",
       "    //var div = document.createElement('div');\n",
       "    var div = document.getElementById('hidden_style_div');\n",
       "    div.style.color = input;\n",
       "    //This triggers a full layout calc - can slow things down\n",
       "    c = getComputedStyle(div).color;\n",
       "    o = getComputedStyle(div).opacity;\n",
       "    C = new Colour(c);\n",
       "    //c.alpha = o;\n",
       "    //toFixed() / 1 rounds to fixed position and removes trailing zeros\n",
       "    c.alpha = parseFloat(o).toFixed(2) / 1;\n",
       "  } else {\n",
       "    C = new Colour(input);\n",
       "  }\n",
       "  return C.html();\n",
       "}\n",
       "\n",
       "//Attempts to get range from data/volume objects for range controls\n",
       "function menu_getrange(obj, ctrl) {\n",
       "    //Ranged?\n",
       "    if (ctrl.length > 1 && ctrl[1].length == 3) {\n",
       "      var range = [ctrl[1][0], ctrl[1][1]];\n",
       "      //Mapped range?\n",
       "      if (ctrl[1][0] === ctrl[1][1] && ctrl[1][0] === 0.0) {\n",
       "        //Try volume range\n",
       "        if (obj.volume && obj.volume.minimum < obj.volume.maximum)\n",
       "          range = [obj.volume.minimum, obj.volume.maximum];\n",
       "        //Or value data range\n",
       "        else if (obj.values && obj.values.minimum < obj.values.maximum)\n",
       "          range = [obj.values.minimum, obj.values.maximum];\n",
       "      }\n",
       "      if (range[1] <= range[0]) {\n",
       "        //console.log(obj.name + \" : range (invalid) = \" + range);\n",
       "        return [0.0, 1.0]; //No valid range data, use a default\n",
       "      }\n",
       "      //console.log(obj.name + \" : range = \" + range);\n",
       "      return range;\n",
       "    }\n",
       "    return null;\n",
       "}\n",
       "\n",
       "//Add controls to menu, using property metadata\n",
       "function menu_addctrl(menu, obj, viewer, prop, changefn) {\n",
       "  //TODO: implement delayed high quality render for faster interaction\n",
       "  //var changefn = function(value) {viewer.delayedRender(250);};\n",
       "  var ctrl = viewer.dict[prop].control;\n",
       "\n",
       "  //Query prop dict for data type, default, min/max/step etc\n",
       "  var dtype = viewer.dict[prop].type;\n",
       "  if (prop === 'colourmap') {\n",
       "    var maps = ['']\n",
       "    for (var i=0; i<viewer.vis.colourmaps.length; i++)\n",
       "      maps.push(viewer.vis.colourmaps[i].name);\n",
       "    //console.log(JSON.stringify(maps));\n",
       "    menu.add(obj, prop, maps).onFinishChange(changefn);\n",
       "\n",
       "  } else if (ctrl.length > 2 && ctrl[2] != null) {\n",
       "    //Select from list of options\n",
       "    menu.add(obj, prop, ctrl[2]).onFinishChange(changefn);\n",
       "\n",
       "  } else if ((dtype.indexOf('real') >= 0 || dtype.indexOf('integer') >= 0)) { // && typeof(obj[prop]) == 'number') {\n",
       "\n",
       "    //Ranged?\n",
       "    var range = menu_getrange(obj, ctrl);\n",
       "    var addnumeric = function(menu, obj, prop, range, changefn) {\n",
       "      if (range) {\n",
       "        if (obj[prop] < range[0]) obj[prop] = range[0];\n",
       "        if (obj[prop] > range[1]) obj[prop] = range[1];\n",
       "        return menu.add(obj, prop, range[0], range[1], ctrl[1][2]).onFinishChange(changefn);\n",
       "      } else {\n",
       "        return menu.add(obj, prop).onFinishChange(changefn);\n",
       "      }\n",
       "    }\n",
       "\n",
       "    //Array quantities\n",
       "    var dims = 1;\n",
       "    var p0 = dtype.indexOf('[');\n",
       "    var p1 = dtype.indexOf(']');\n",
       "    if (p0 >= 0 && p1 >= 0)\n",
       "      dims = parseInt(dtype.slice(p0+1, p1));\n",
       "    if (dims > 1) {\n",
       "      //2d, 3d ?\n",
       "      for (var d=0; d<dims; d++) {\n",
       "        //console.log(\"Adding DIM \" + d);\n",
       "        var added = addnumeric(menu, obj[prop], \"\" + d, range, changefn)\n",
       "        added.name(prop + '[' + d + ']');\n",
       "      }\n",
       "\n",
       "    //Only add if a number, anything else will cause dat.gui to error\n",
       "    } else if (typeof(obj[prop]) == 'number') {\n",
       "      //1d\n",
       "      console.log(\"Adding \", prop, typeof(obj[prop]));\n",
       "      addnumeric(menu, obj, prop, range, changefn)\n",
       "    }\n",
       "\n",
       "  } else if (dtype === 'string' || dtype === 'boolean') {\n",
       "    menu.add(obj, prop).onFinishChange(changefn);\n",
       "  } else if (dtype === 'boolean') {\n",
       "    menu.add(obj, prop).onFinishChange(changefn);\n",
       "  } else if (dtype === 'colour') {\n",
       "    try {\n",
       "      //Convert to html colour first\n",
       "      obj[prop] = parseColour(obj[prop]);\n",
       "      menu.addColor(obj, prop).onChange(changefn);\n",
       "    } catch(e) {\n",
       "      console.log(e);\n",
       "    }\n",
       "  }\n",
       "}\n",
       "\n",
       "function menu_addctrls(menu, obj, viewer, onchange) {\n",
       "  //Loop through every available property\n",
       "  var extras = [];\n",
       "  for (var prop in viewer.dict) {\n",
       "\n",
       "    //Check if it is enabled in GUI\n",
       "    var ctrl = viewer.dict[prop].control;\n",
       "    if (!ctrl || ctrl[0] === false) continue; //Control disabled\n",
       "\n",
       "    //Check if it has been set on the target object\n",
       "    if (prop in obj) {\n",
       "      //console.log(prop + \" ==> \" + JSON.stringify(viewer.dict[prop]));\n",
       "      menu_addctrl(menu, obj, viewer, prop, onchange);\n",
       "\n",
       "    } else {\n",
       "      //Save list of properties without controls\n",
       "      extras.push(prop);\n",
       "      continue;\n",
       "    }\n",
       "  }\n",
       "\n",
       "  //Sort into alphabetical order\n",
       "  extras.sort();\n",
       "\n",
       "  //Add the extra properties to a dropdown list\n",
       "  //Selecting a property will add a controller for it\n",
       "  var propadd = {\"properties\" : \"\"};\n",
       "  var propselfn = function(prop) {\n",
       "    //Set the property to the default value\n",
       "    propadd.ref[prop] = viewer.dict[prop][\"default\"];\n",
       "    //Add new property controller\n",
       "    menu_addctrl(propadd.menu, propadd.ref, viewer, prop, onchange);\n",
       "    //Remove, then add the props list back at the bottom, minus new prop\n",
       "    propadd.menu.remove(propadd.controller);\n",
       "    //Save the new filtered list\n",
       "    propadd.list = propadd.list.filter(word => word != prop);\n",
       "    propadd.controller = propadd.menu.add(propadd, \"properties\", propadd.list).name(\"More properties\").onFinishChange(propadd.fn);\n",
       "  }\n",
       "  propadd.controller = menu.add(propadd, \"properties\", extras).name(\"More properties\").onFinishChange(propselfn);\n",
       "  propadd.ref = obj;\n",
       "  propadd.menu = menu;\n",
       "  propadd.fn = propselfn;\n",
       "  propadd.list = extras;\n",
       "}\n",
       "\n",
       "\n",
       "function menu_addcmaps(menu, obj, viewer, onchange) {\n",
       "  //Colourmap editing menu\n",
       "  if (viewer.cgui.prmenu) viewer.cgui.removeFolder(viewer.cgui.prmenu);\n",
       "  if (viewer.cgui.cmenu) viewer.cgui.removeFolder(viewer.cgui.cmenu);\n",
       "  if (viewer.cgui.pomenu) viewer.cgui.removeFolder(viewer.cgui.pomenu);\n",
       "  viewer.cgui.prmenu = viewer.cgui.addFolder(\"Properties\");\n",
       "  viewer.cgui.cmenu = viewer.cgui.addFolder(\"Colours\");\n",
       "  viewer.cgui.pomenu = viewer.cgui.addFolder(\"Positions\");\n",
       "  //Loop through every available property\n",
       "  for (var prop in viewer.dict) {\n",
       "    //Check if it is enabled in GUI\n",
       "    var ctrl = viewer.dict[prop].control;\n",
       "    if (!ctrl || ctrl[0] === false) continue; //Control disabled\n",
       "\n",
       "    //Check if it applies to colourmap object\n",
       "    if (viewer.dict[prop][\"target\"] == 'colourmap') {\n",
       "      //console.log(prop + \" ==> \" + JSON.stringify(viewer.dict[prop]));\n",
       "      //Need to add property default if not set\n",
       "      if (!obj[prop])\n",
       "        obj[prop] = viewer.dict[prop].default;\n",
       "      menu_addctrl(menu.prmenu, obj, viewer, prop, onchange);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  var reload_onchange = function() {onchange(\"\", true);};\n",
       "\n",
       "  //Loop through colours\n",
       "  menu.cmenu.add({\"Add Colour\" : function() {obj.colours.unshift({\"colour\" : \"rgba(0,0,0,1)\", \"position\" : 0.0}); viewer.gui.close(); reload_onchange(); }}, \"Add Colour\");\n",
       "  //Need to add delete buttons in closure to get correct pos/index\n",
       "  function del_btn(pos) {menu.pomenu.add({\"Delete\" : function() {obj.colours.splice(pos, 1); viewer.gui.close(); reload_onchange(); }}, 'Delete').name('Delete ' + pos);}\n",
       "  for (var c in obj.colours) {\n",
       "    var o = obj.colours[c];\n",
       "    //Convert to html colour first\n",
       "    o.colour = parseColour(o.colour);\n",
       "    o.opacity = 1.0;\n",
       "    menu.cmenu.addColor(o, 'colour').onChange(reload_onchange).name('Colour ' + c);\n",
       "    menu.pomenu.add(o, 'position', 0.0, 1.0, 0.01).onFinishChange(reload_onchange).name('Position ' + c);\n",
       "    del_btn(c);\n",
       "  }\n",
       "}\n",
       "\n",
       "function createMenu(viewer, onchange, webglmode, global) {\n",
       "  if (!dat) return null;\n",
       "  //var t0 = performance.now();\n",
       "\n",
       "  //Exists? Destroy\n",
       "  if (viewer.gui)\n",
       "    viewer.gui.destroy();\n",
       "\n",
       "  var el = null;\n",
       "  //Insert within element rather than whole document\n",
       "  if (!global && viewer.canvas && viewer.canvas.parentElement != document.body && viewer.canvas.parentElement.parentElement != document.body) {\n",
       "    var pel = viewer.canvas.parentElement;\n",
       "    //A bit of a hack to detect converted HTML output and skip going up two parent elements\n",
       "    if (pel.parentElement.className != 'section')\n",
       "      pel = pel.parentElement;\n",
       "    pel.style.position = 'relative'; //Parent element relative prevents menu escaping wrapper div\n",
       "    //Jupyter notebook overflow hacks (allows gui to be larger than cell)\n",
       "    var e = pel;\n",
       "    //These parent elements need 'overflow: visible' to prevent scrolling or cut-off of menu\n",
       "    //Add the \"pgui\" class to all the parent containers \n",
       "    while (e != document.body) {\n",
       "      e.classList.add(\"pgui\");\n",
       "      e = e.parentElement;\n",
       "    }\n",
       "    //pel.style.overflow = 'visible'; //Parent element relative prevents menu escaping wrapper div\n",
       "    //pel.parentElement.style.overflow = 'visible'; //Parent element relative prevents menu escaping wrapper div\n",
       "    var id = 'dat_gui_menu_' + (viewer.canvas ? viewer.canvas.id : 'default');\n",
       "    el = document.getElementById(id)\n",
       "    if (el)\n",
       "      el.parentNode.removeChild(el);\n",
       "    el = document.createElement(\"div\");\n",
       "    el.id = id;\n",
       "    el.style.cssText = \"position: absolute; top: 0em; right: 0em; z-index: 255;\";\n",
       "    pel.insertBefore(el, pel.childNodes[0]);\n",
       "  }\n",
       "\n",
       "  var gui;\n",
       "  //Insert within element rather than whole document\n",
       "  if (el) {\n",
       "    gui = new dat.GUI({ autoPlace: false, width: 275, hideable: false });\n",
       "    el.appendChild(gui.domElement);\n",
       "  } else {\n",
       "    gui = new dat.GUI({ hideable: false, width: 275 });\n",
       "  }\n",
       "\n",
       "  //Re-create menu on element mouse down if we need to reload\n",
       "  //(Instead of calling whenever state changes, re-creation is slow!)\n",
       "  gui.domElement.onmousedown = function(e) {\n",
       "    if (viewer.reloadgui)\n",
       "      viewer.menu();\n",
       "    return true;\n",
       "  }\n",
       "\n",
       "  //Horrible hack to stop codemirror stealing events when menu is over an editor element\n",
       "  gui.domElement.onmouseenter = function(e) {\n",
       "    //console.log('mouseenter');\n",
       "    var stylesheet = document.styleSheets[0];\n",
       "    stylesheet.insertRule('.CodeMirror-code { pointer-events: none;}', 0);\n",
       "  };\n",
       "\n",
       "  gui.domElement.onmouseleave = function(e) {\n",
       "    //console.log('mouseleave');\n",
       "    var stylesheet = document.styleSheets[0];\n",
       "    if (stylesheet.cssRules[0].cssText.indexOf('CodeMirror') >= 0)\n",
       "      stylesheet.deleteRule(0);\n",
       "  };\n",
       "\n",
       "  //Hidden element for style compute, required to be on page for chrome, can't just use createElement\n",
       "  var elem = document.getElementById('hidden_style_div');\n",
       "  if (!elem) {\n",
       "    elem = document.createElement('div');\n",
       "    elem.style.display = 'none';\n",
       "    elem.id = 'hidden_style_div';\n",
       "    document.body.appendChild(elem);\n",
       "  }\n",
       "\n",
       "  //Move above other controls\n",
       "  gui.domElement.parentElement.style.zIndex = '255';\n",
       "  //Save close button for hide menu check\n",
       "  gui.closebtn = gui.domElement.getElementsByClassName('close-button')[0];\n",
       "  //Hide/show on mouseover (only if overlapping)\n",
       "  if (!viewer.reloadgui) {\n",
       "    //Create closed and hidden for the first time, leave as is otherwise\n",
       "    gui.close();\n",
       "    hideMenu(viewer.canvas, gui);\n",
       "  }\n",
       "\n",
       "  gui.add({\"Reload\" : function() {viewer.reload();}}, \"Reload\");\n",
       "  //VR supported? (WebGL only)\n",
       "  if (webglmode === 1 && navigator.getVRDisplays) {\n",
       "    viewer.vrDisplay = null;\n",
       "    viewer.inVR = false;\n",
       "    gui.add({\"VR Mode\" : function() {start_VR(viewer);}}, 'VR Mode');\n",
       "  }\n",
       "\n",
       "  if (!!window.chrome) //Stupid chrome disabled data URL open\n",
       "    gui.add({\"Export\" : function() {var w = window.open(); w.document.write('<pre>' + viewer.toString()  + '</pre>');}}, 'Export');\n",
       "  else\n",
       "    gui.add({\"Export\" : function() {window.open('data:application/json;base64,' + window.btoa(viewer.toString()));}}, 'Export');\n",
       "  //gui.add({\"loadFile\" : function() {document.getElementById('fileupload').click();}}, 'loadFile'). name('Load Image file');\n",
       "\n",
       "  //Non-persistent settings\n",
       "  gui.add(viewer, \"mode\", ['Rotate', 'Translate', 'Zoom']);\n",
       "  if (webglmode === 0) {\n",
       "    viewer.cmd = '';\n",
       "    gui.add(viewer, \"cmd\").onFinishChange(function(cmd) {if (cmd.length) {viewer.command(cmd); viewer.cmd = '';}}).name('Command');\n",
       "  }\n",
       "\n",
       "  //var s = gui.addFolder('Settings');\n",
       "  if (webglmode === 1) {\n",
       "    //Old WebGL 1.0 mode\n",
       "    gui.add(viewer.vis, \"interactive\").name(\"Interactive Render\");\n",
       "    gui.add(viewer.vis, \"immediatesort\").name(\"Immediate Sort\");\n",
       "    gui.add(viewer.vis, \"sortenabled\").name('Sort Enabled');\n",
       "  } else if (webglmode === 2) {\n",
       "    //Emscripten WebGL2 mode\n",
       "    gui.add({\"Full Screen\" : function() {Module.requestFullscreen(false,true);}}, 'Full Screen');\n",
       "    var params = {loadBrowserFile : function() { document.getElementById('fileinput').click(); } };\n",
       "    gui.add(params, 'loadBrowserFile').name('Load file');\n",
       "    gui.add({\"Export GLDB\" : function() {window.commands.push('export');}}, 'Export GLDB');\n",
       "  } else if (viewer.canvas) {\n",
       "    //Server render\n",
       "    var url = viewer.canvas.imgtarget.baseurl;\n",
       "    if (url)\n",
       "      gui.add({\"Popup Viewer\" : function() {window.open(url, \"LavaVu\", \"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=1024,height=768\");}}, 'Popup Viewer');\n",
       "  }\n",
       "\n",
       "  var g = gui.addFolder('Globals/Defaults');\n",
       "  menu_addctrls(g, viewer.vis.properties, viewer, onchange);\n",
       "\n",
       "  var v = gui.addFolder('Views');\n",
       "  var ir2 = 1.0 / Math.sqrt(2.0);\n",
       "  v.add({\"Reset\" : function() {viewer.reset(); }}, 'Reset');\n",
       "  v.add({\"XY\" : function() {viewer.syncRotation([0, 0, 0, 1]); }}, 'XY');\n",
       "  v.add({\"YX\" : function() {viewer.syncRotation([0, 1, 0, 0]);}}, 'YX');\n",
       "  v.add({\"XZ\" : function() {viewer.syncRotation([ir2, 0, 0, -ir2]);}}, 'XZ');\n",
       "  v.add({\"ZX\" : function() {viewer.syncRotation([ir2, 0, 0, ir2]);}}, 'ZX');\n",
       "  v.add({\"YZ\" : function() {viewer.syncRotation([0, -ir2, 0, -ir2]);}}, 'YZ');\n",
       "  v.add({\"ZY\" : function() {viewer.syncRotation([0, -ir2, 0, ir2]);}}, 'ZY');\n",
       "  //console.log(JSON.stringify(viewer.view));\n",
       "  if (viewer.view)\n",
       "    menu_addctrls(v, viewer.view, viewer, onchange);\n",
       "  else\n",
       "    menu_addctrls(v, viewer.vis.views[0], viewer, onchange);\n",
       "\n",
       "  var o = gui.addFolder('Objects');\n",
       "  for (var id in viewer.vis.objects) {\n",
       "    var of = o.addFolder(viewer.vis.objects[id].name);\n",
       "    menu_addctrls(of, viewer.vis.objects[id], viewer, onchange);\n",
       "  }\n",
       "\n",
       "  viewer.gui = gui;\n",
       "  if (!viewer.selectedcolourmap) {\n",
       "    viewer.selectedcolourmap = \"\";\n",
       "    viewer.newcolourmap = \"\";\n",
       "  }\n",
       "  viewer.cgui = viewer.gui.addFolder('ColourMaps');\n",
       "\n",
       "  createColourMapMenu(viewer, onchange, webglmode === 1);\n",
       "\n",
       "  //var t1 = performance.now();\n",
       "  //console.log(\"Call to menu() took \" + (t1 - t0) + \" milliseconds.\")\n",
       "}\n",
       "\n",
       "function createColourMapMenu(viewer, onchange, webglmode) {\n",
       "  //Remove existing entries\n",
       "  for (var i in viewer.cgui.__controllers)\n",
       "    viewer.cgui.__controllers[i].remove();\n",
       "\n",
       "  var cms = [];\n",
       "\n",
       "  //Dropdown to select a colourmap, when selected the editing menu will be populated\n",
       "  for (var id in viewer.vis.colourmaps)\n",
       "    cms.push(viewer.vis.colourmaps[id].name);\n",
       "\n",
       "  if (webglmode) {\n",
       "    //Add a default colourmap\n",
       "    viewer.cgui.add({\"Add\" : function() {viewer.addColourMap(); viewer.gui.close();}}, 'Add');\n",
       "  } else {\n",
       "    //Add a colourmap from list of defaults\n",
       "    cmapaddfn = function(value) {\n",
       "      if (!value || !value.length) return;\n",
       "      viewer.command(\"select; colourmap \" + value + \" \" + value);\n",
       "      viewer.gui.close();\n",
       "    };\n",
       "\n",
       "    viewer.cgui.add(viewer, \"newcolourmap\", viewer.defaultcolourmaps).onFinishChange(cmapaddfn).name(\"Add\");\n",
       "  }\n",
       "\n",
       "  //Do the rest only if colourmaps exist...\n",
       "  if (cms.length == 0) return;\n",
       "\n",
       "  //When selected, populate the Colours & Positions menus\n",
       "  cmapselfn = function(value) {\n",
       "    if (!value) return;\n",
       "    for (var id in viewer.vis.colourmaps) {\n",
       "      if (value == viewer.vis.colourmaps[id].name)\n",
       "        menu_addcmaps(viewer.cgui, viewer.vis.colourmaps[id], viewer, onchange);\n",
       "    }\n",
       "  };\n",
       "\n",
       "  viewer.cgui.cmap = viewer.cgui.add(viewer, \"selectedcolourmap\", cms).onFinishChange(cmapselfn).name(\"Colourmap\");\n",
       "\n",
       "  //Re-select if previous value if any\n",
       "  if (viewer.selectedcolourmap)\n",
       "  cmapselfn(viewer.selectedcolourmap);\n",
       "}\n",
       "\n",
       "function updateMenu(viewer, onchange) {\n",
       "  //Attempt to update DAT.GUI controls\n",
       "  function updateDisplay(gui) {\n",
       "    for (var i in gui.__controllers)\n",
       "      gui.__controllers[i].updateDisplay();\n",
       "    for (var f in gui.__folders)\n",
       "      updateDisplay(gui.__folders[f]);\n",
       "  }\n",
       "  updateDisplay(viewer.gui);\n",
       "  updateDisplay(viewer.cgui);\n",
       "}\n",
       "\n",
       "function hideMenu(canvas, gui) {\n",
       "  //No menu, but hide the mode controls\n",
       "  if (!gui) {\n",
       "    if (canvas && canvas.imgtarget)\n",
       "      canvas.imgtarget.nextElementSibling.style.display = \"none\";\n",
       "    return;\n",
       "  }\n",
       "\n",
       "  //Requires menu to be closed and hiding enabled\n",
       "  if (!gui.closed) return;\n",
       "\n",
       "  //Only hide if overlapping the canvas (unless no canvas passed)\n",
       "  if (canvas) {\n",
       "    var rect0 = gui.closebtn.getBoundingClientRect();\n",
       "    var rect1 = canvas.getBoundingClientRect();\n",
       "    if (rect0.right < rect1.left || rect0.left > rect1.right ||\n",
       "        rect0.bottom < rect1.top || rect0.top > rect1.bottom) {\n",
       "      //No overlap, don't hide\n",
       "      return;\n",
       "    }\n",
       "  }\n",
       "\n",
       "  //Reached this point? Menu needs hiding\n",
       "  gui.domElement.style.display = \"none\";\n",
       "}\n",
       "\n",
       "//https://hacks.mozilla.org/2018/09/converting-a-webgl-application-to-webvr/\n",
       "//https://github.com/Manishearth/webgl-to-webvr/\n",
       "// This function is triggered when the user clicks the \"enter VR\" button\n",
       "function start_VR(viewer) {\n",
       "  if (viewer.vrDisplay != null) {\n",
       "    if (!viewer.inVR) {\n",
       "      viewer.inVR = true;\n",
       "      // hand the canvas to the WebVR API\n",
       "      viewer.vrDisplay.requestPresent([{ source: viewer.canvas }]);\n",
       "      // requestPresent() will request permission to enter VR mode,\n",
       "      // and once the user has done this our `vrdisplaypresentchange`\n",
       "      // callback will be triggered\n",
       "\n",
       "      //Show stats\n",
       "      if (!document.getElementById(\"stats_info\")) {\n",
       "        var stats = new Stats();\n",
       "        document.body.appendChild(stats.dom);\n",
       "        requestAnimationFrame(function loop() {\n",
       "          stats.update();\n",
       "          requestAnimationFrame(loop)\n",
       "        });\n",
       "      }\n",
       "\n",
       "    } else {\n",
       "      stop_VR(viewer);\n",
       "    }\n",
       "  }\n",
       "}\n",
       "\n",
       "function stop_VR(viewer) {\n",
       "  viewer.inVR = false;\n",
       "  // resize canvas to regular non-VR size if necessary\n",
       "  viewer.width = 0; //Auto resize\n",
       "  viewer.height = 0;\n",
       "  viewer.canvas.style.width = \"100%\";\n",
       "  viewer.canvas.style.height = \"100%\";\n",
       "\n",
       "  viewer.drawFrame();\n",
       "  viewer.draw();\n",
       "}\n",
       "\n",
       "function setup_VR(viewer) {\n",
       "  if (!navigator.getVRDisplays) {\n",
       "    alert(\"Your browser does not support WebVR\");\n",
       "    return;\n",
       "  }\n",
       "\n",
       "  function display_setup(displays) {\n",
       "    if (displays.length === 0)\n",
       "      return;\n",
       "    //Use last in list\n",
       "    viewer.vrDisplay = displays[displays.length-1];\n",
       "  }\n",
       "\n",
       "  navigator.getVRDisplays().then(display_setup);\n",
       "\n",
       "  function VR_change() {\n",
       "    // no VR display, exit\n",
       "    if (viewer.vrDisplay == null)\n",
       "        return;\n",
       "\n",
       "    // are we entering or exiting VR?\n",
       "    if (viewer.vrDisplay.isPresenting) {\n",
       "      // optional, but recommended\n",
       "      viewer.vrDisplay.depthNear = viewer.near_clip;\n",
       "      viewer.vrDisplay.depthFar = viewer.far_clip;\n",
       "\n",
       "      // We should make our canvas the size expected\n",
       "      // by WebVR\n",
       "      const eye = viewer.vrDisplay.getEyeParameters(\"left\");\n",
       "      // multiply by two since we're rendering both eyes side\n",
       "      // by side\n",
       "      viewer.width = eye.renderWidth * 2;\n",
       "      viewer.height = eye.renderHeight;\n",
       "      viewer.canvas.style.width = viewer.width + \"px\";\n",
       "      viewer.canvas.style.height = viewer.height + \"px\";\n",
       "      viewer.canvas.width = viewer.canvas.clientWidth;\n",
       "      viewer.canvas.height = viewer.canvas.clientHeight;\n",
       "\n",
       "      const vrCallback = () => {\n",
       "        if (viewer.vrDisplay == null || !viewer.inVR)\n",
       "          return;\n",
       "\n",
       "        // reregister callback if we're still in VR\n",
       "        viewer.vrDisplay.requestAnimationFrame(vrCallback);\n",
       "\n",
       "        // render scene\n",
       "        renderVR(viewer);\n",
       "      };\n",
       "\n",
       "      // register callback\n",
       "      viewer.vrDisplay.requestAnimationFrame(vrCallback);\n",
       "\n",
       "    } else {\n",
       "      stop_VR(viewer);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  window.addEventListener('vrdisplaypresentchange', VR_change);\n",
       "}\n",
       "\n",
       "function renderVR(viewer) {\n",
       "  //Clear full canvas\n",
       "  viewer.gl.viewport(0, 0, viewer.canvas.width, viewer.canvas.height);\n",
       "  viewer.gl.clear(viewer.gl.COLOR_BUFFER_BIT | viewer.gl.DEPTH_BUFFER_BIT);\n",
       "\n",
       "  //Left eye\n",
       "  renderEye(viewer, true);\n",
       "\n",
       "  //Right eye\n",
       "  renderEye(viewer, false);\n",
       "\n",
       "  viewer.vrDisplay.submitFrame();\n",
       "}\n",
       "\n",
       "function renderEye(viewer, isLeft) {\n",
       "  let projection, mview;\n",
       "  let frameData = new VRFrameData();\n",
       "  var gl = viewer.webgl.gl;\n",
       "  var width = viewer.canvas.width / 2;\n",
       "  var height = viewer.canvas.height;\n",
       "\n",
       "  viewer.vrDisplay.getFrameData(frameData);\n",
       "\n",
       "  // choose which half of the canvas to draw on\n",
       "  if (isLeft) {\n",
       "    viewer.webgl.viewport = new Viewport(0, 0, width, height);\n",
       "    gl.viewport(0, 0, width, height);\n",
       "    //Apply the default camera\n",
       "    viewer.webgl.apply(viewer);\n",
       "\n",
       "    projection = frameData.leftProjectionMatrix;\n",
       "    mview = frameData.leftViewMatrix;\n",
       "  } else {\n",
       "    viewer.webgl.viewport = new Viewport(width, 0, width, height);\n",
       "    gl.viewport(width, 0, width, height);\n",
       "//viewer.webgl.viewport = new Viewport(0, 0, width, height);\n",
       "//gl.viewport(0, 0, width, height);\n",
       "    projection = frameData.rightProjectionMatrix;\n",
       "    mview = frameData.rightViewMatrix;\n",
       "  }\n",
       "\n",
       "  //Apply the default camera\n",
       "  viewer.webgl.apply(viewer);\n",
       "\n",
       "  //Update matrices with VR modified versions\n",
       "  //mat4.multiply(mview, viewer.webgl.modelView.matrix);\n",
       "  //viewer.webgl.modelView.matrix = mview;\n",
       "  mat4.multiply(viewer.webgl.modelView.matrix, mview);\n",
       "//console.log(isLeft ? \"LEFT \" : \"RIGHT \"); printMatrix(mview);\n",
       "  //gl.uniformMatrix4fv(viewer.webgl.program.mvMatrixUniform, false, mview);\n",
       "\n",
       "  viewer.webgl.projection.matrix = projection;\n",
       "\n",
       "  //Render objects\n",
       "  for (var r in viewer.renderers) {\n",
       "    if (viewer.renderers[r].border && !viewer.showBorder) continue;\n",
       "    viewer.renderers[r].draw();\n",
       "  }\n",
       "\n",
       "  viewer.rotated = false; //Clear rotation flag\n",
       "}\n",
       "\n",
       "\n",
       "</script>\n",
       "<style>\n",
       "/* Notebook control stylesheet */\n",
       ".lvctrl input { display: inline; }\n",
       ".lvctrl input[type=range] { width: 200px; border: 0px;}\n",
       ".lvctrl input[type=button] { width: 100px; border: 1px solid #999; border-radius: 3px; background: transparent; margin-right: 3px; height: 20px;}\n",
       ".lvctrl input[type=number] { width: 105px; height: 26px; border-radius: 0; border: 1px dotted #999;}\n",
       ".lvctrl pre { display: inline; }\n",
       ".lvctrl p  { color: gray; margin: 0px}\n",
       ".lvctrl label { margin: 0px}\n",
       "\n",
       ".lvtab    { border: 1px solid #999; padding: 5px; }\n",
       ".lvtabbar { width:100%; overflow:hidden; margin-top: 5px; }\n",
       ".lvtabbar .lvtabbar-item { padding:4px 8px; float:left; width:auto; border:none; outline:none; display:block; }\n",
       ".lvtabbar .dropdown-hover,.lvtabbar .dropdown-click { position:static; float:left; }\n",
       ".lvtabbar .lvbutton { white-space:normal; }\n",
       "\n",
       ".lvbutton:hover { color:#000!important; background-color:#ccc!important; border: 1px solid #999; border-bottom: 0; }\n",
       ".lvbutton { border: 1px solid #999; border-bottom: 0; border-radius: 5px 5px 0px 0px; margin-right: 3px; display:inline-block; outline:0; padding:4px 8px; vertical-align:middle; overflow:hidden; text-decoration:none; color:inherit; background-color:inherit; text-align:center; cursor:pointer; white-space:nowrap; }\n",
       "\n",
       ".lvseltab,.hover-lvseltab:hover { color:#fff!important; background-color:#555!important; }\n",
       "\n",
       "/* Range styling: http://danielstern.ca/range.css/?ref=css-tricks#/ */\n",
       "input[type=range] {\n",
       "  -webkit-appearance: none;\n",
       "  width: 100%;\n",
       "}\n",
       "input[type=range]:focus {\n",
       "  outline: none;\n",
       "}\n",
       "input[type=range]::-webkit-slider-runnable-track {\n",
       "  width: 100%;\n",
       "  height: 3px; /* Larger track in chrome as can only click exactly on it */\n",
       "  cursor: pointer;\n",
       "  background: #d7d7d7;\n",
       "  border-radius: 0px;\n",
       "  border: 0px solid #7f7f7f;\n",
       "}\n",
       "input[type=range]::-webkit-slider-thumb {\n",
       "  border: 0.5px solid #7f7f7f;\n",
       "  height: 12px;\n",
       "  width: 12px;\n",
       "  border-radius: 8px;\n",
       "  background: #ffffff;\n",
       "  cursor: pointer;\n",
       "  -webkit-appearance: none;\n",
       "  margin-top: -5px;\n",
       "}\n",
       "input[type=range]:focus::-webkit-slider-runnable-track {\n",
       "  background: #949494;\n",
       "  margin-top: -3px;\n",
       "}\n",
       "input[type=range]::-moz-range-track {\n",
       "  width: 100%;\n",
       "  height: 2px;\n",
       "  cursor: pointer;\n",
       "  background: #d7d7d7;\n",
       "  border-radius: 0px;\n",
       "  border: 0px solid #7f7f7f;\n",
       "}\n",
       "input[type=range]::-moz-range-thumb {\n",
       "  border: 0.5px solid #7f7f7f;\n",
       "  height: 12px;\n",
       "  width: 12px;\n",
       "  border-radius: 8px;\n",
       "  background: #ffffff;\n",
       "  cursor: pointer;\n",
       "}\n",
       "input[type=range]::-ms-track {\n",
       "  width: 100%;\n",
       "  height: 2px;\n",
       "  cursor: pointer;\n",
       "  background: transparent;\n",
       "  border-color: transparent;\n",
       "  color: transparent;\n",
       "}\n",
       "input[type=range]::-ms-fill-lower {\n",
       "  background: #cacaca;\n",
       "  border: 0px solid #7f7f7f;\n",
       "  border-radius: 0px;\n",
       "}\n",
       "input[type=range]::-ms-fill-upper {\n",
       "  background: #d7d7d7;\n",
       "  border: 0px solid #7f7f7f;\n",
       "  border-radius: 0px;\n",
       "}\n",
       "input[type=range]::-ms-thumb {\n",
       "  border: 0.5px solid #7f7f7f;\n",
       "  height: 12px;\n",
       "  width: 12px;\n",
       "  border-radius: 8px;\n",
       "  background: #ffffff;\n",
       "  cursor: pointer;\n",
       "  height: 2px;\n",
       "}\n",
       "input[type=range]:focus::-ms-fill-lower {\n",
       "  background: #d7d7d7;\n",
       "}\n",
       "input[type=range]:focus::-ms-fill-upper {\n",
       "  background: #949494;\n",
       "}\n",
       "\n",
       ".resizer { display:flex; margin:0; padding:0; resize:both; overflow:hidden }\n",
       ".resizer > .resized { flex-grow:1; margin:0; padding:0; border:0 }\n",
       "\n",
       "\n",
       "/* General webgl control stylesheet */\n",
       "\n",
       "/*\n",
       ".lvctrl {\n",
       "  font-family: sans-serif;\n",
       "  font-size: 9pt !important;\n",
       "  line-height: 20px !important;\n",
       "}\n",
       "*/\n",
       ".message {font-family: monospace; font-size: 9pt;}\n",
       "\n",
       "/* Popup div */\n",
       ".popup {\n",
       "  position:fixed;\n",
       "  width:200px; height:100px;\n",
       "  top: 50%; left:50%;\n",
       "  margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */\n",
       "  display:none; z-index: 30; border: none; \n",
       "  padding: 5px; overflow: hidden;\n",
       "  background: #ffe;\n",
       "  border-radius: 5px 5px 5px 5px;\n",
       "  box-shadow: 3px 3px 2px #333;\n",
       "}\n",
       ".popclose {float: right; cursor: pointer; color: #333; margin: 0px 3px; font-weight: bold}\n",
       "\n",
       "/*\n",
       " * These somehow break scrollbars in jupyter notebook, should be scoped if still needed\n",
       ".lvctrl input, select {\n",
       "  margin: 1px 0px;\n",
       "  font-size: 9pt;\n",
       "}\n",
       "\n",
       ".lvctrl input[type=\"text\"] {width: 200px; }\n",
       ".lvctrl input[type=\"range\"] {width: 148px; }\n",
       "*/\n",
       "\n",
       "/* Colour select */\n",
       ".colourbg {margin:0px; width: 100px; height: 20px; border: 1px dotted #999; }\n",
       ".colour {display: inline-block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: none;}\n",
       "\n",
       ".checkerboard {background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4jWP4TwAcOHAAL2YYNWBYGEBIASEwasCwMAAALvidroqDalkAAAAASUVORK5CYII=\");}\n",
       "\n",
       ".palette { margin: 3px 0px; border:1px solid #999;}\n",
       "\n",
       "/* Hacky select element styling, fixes selects in dat.gui, but also apply to other inline select elements */\n",
       "select:not([multiple]) {\n",
       "    -webkit-appearance: none;\n",
       "    -moz-appearance: none;\n",
       "    background-position: right 50%;\n",
       "    background-repeat: no-repeat;\n",
       "    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);\n",
       "    padding-right: 1.0em;\n",
       "    border: 1px solid #888;\n",
       "    border-radius: 0\n",
       "}\n",
       "\n",
       "\n",
       "\n",
       ".dg.main.taller-than-window .close-button {\n",
       "    border-top: 1px solid #ddd;\n",
       "}\n",
       "\n",
       ".dg.main .close-button {\n",
       "    background-color: #e8e8e8;\n",
       "}\n",
       "\n",
       ".dg.main ul { padding-left: 0; list-style: none; }\n",
       " \n",
       ".dg.main .close-button:hover {\n",
       "    background-color: #ddd;\n",
       "}\n",
       "\n",
       ".dg {\n",
       "    color: #555;\n",
       "    text-shadow: none !important;\n",
       "}\n",
       "\n",
       ".dg.main::-webkit-scrollbar {\n",
       "    background: #fafafa;\n",
       "}\n",
       "\n",
       ".dg.main::-webkit-scrollbar-thumb {\n",
       "    background: #bbb;\n",
       "}\n",
       " \n",
       ".dg li:not(.folder) {\n",
       "    background: #fafafa;\n",
       "    border-bottom: 1px solid #ddd;\n",
       "}\n",
       " \n",
       ".dg li input {\n",
       "    line-height: 16px;\n",
       "}\n",
       "\n",
       ".dg li.save-row .button {\n",
       "    text-shadow: none !important;\n",
       "}\n",
       "\n",
       ".dg li.title {\n",
       "    background: #e8e8e8 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;\n",
       "}\n",
       "\n",
       ".dg .cr.function:hover,.dg .cr.boolean:hover {\n",
       "    background: #bbb;\n",
       "}\n",
       " \n",
       ".dg .c input[type=text] {\n",
       "    background: #e9e9e9;\n",
       "}\n",
       " \n",
       ".dg .c input[type=text]:hover {\n",
       "    background: #bbb;\n",
       "}\n",
       " \n",
       ".dg .c input[type=text]:focus {\n",
       "    background: #bbb;\n",
       "    color: #555;\n",
       "}\n",
       " \n",
       ".dg .c .slider {\n",
       "    background: #e9e9e9;\n",
       "}\n",
       "\n",
       ".dg .c .slider:hover {\n",
       "    background: #bbb;\n",
       "}\n",
       "\n",
       ".dg li input {\n",
       "    line-height: 17px;\n",
       "}\n",
       "\n",
       ".dg input, .dg select {\n",
       "  margin: 1px 0px !important;\n",
       "  line-height: 20px; \n",
       "  font-size: 9pt;\n",
       "}\n",
       "\n",
       ".dg select {\n",
       "  float: right;\n",
       "}\n",
       "\n",
       ".dg {cursor: default !important;}\n",
       "\n",
       "/* Classic notebook - allows menu to escape cell */\n",
       "div .output_subarea.output_html.rendered_html.pgui { overflow: visible;}\n",
       "\n",
       "/* Jupyterlab notebook - allows menu to escape cell */\n",
       ".p-Widget.jp-OutputArea.jp-Cell-outputArea.pgui { overflow: visible;}\n",
       ".p-Widget.jp-OutputArea-output.pgui { overflow: visible;}\n",
       ".p-Widget.p-Panel.jp-OutputArea-child.pgui { overflow: visible; }\n",
       "\n",
       "\n",
       "</style>\n",
       "<script>\n",
       "var dictionary = {\"renderers\":{\"default\":[{\"labels\":\"labels\"},{\"points\":\"points\",\"sortedpoints\":\"points\",\"particles\":\"points\",\"pointspheres\":\"spheres\",\"pointcubes\":\"cuboids\"},{\"quads\":\"quads\",\"grid\":\"quads\"},{\"triangles\":\"sortedtriangles\",\"sortedtriangles\":\"sortedtriangles\",\"basictriangles\":\"basictriangles\",\"mesh\":\"basictriangles\",\"surface\":\"basictriangles\"},{\"vectors\":\"vectors\",\"arrows\":\"vectors\"},{\"tracers\":\"tracers\",\"streamlines\":\"tracers\"},{\"lines\":\"lines\",\"links\":\"lines\",\"sortedlines\":\"sortedlines\",\"simplelines\":\"simplelines\"},{\"shapes\":\"shapes\",\"spheres\":\"spheres\",\"cuboids\":\"cuboids\",\"cubes\":\"cuboids\"},{\"volume\":\"volume\",\"volumes\":\"volume\"},{\"screen\":\"screen\",\"fullscreen\":\"screen\"}],\"target\":\"all\",\"type\":\"object\",\"desc\":\"Holds list of available renderer types that can be created and their aliases, grouped in order of base types (label/point/grid/tri/vector/tracer/line/shape/volume/screen) read only.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"renderlist\":{\"default\":\"\",\"target\":\"all\",\"type\":\"string\",\"desc\":\"Sets a list of renderers to create and order they are displayed. This allows overriding the default renderer order, defined by the object order. For valid types see \\\"renderers\\\" property.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"subrenderers\":{\"default\":\"sortedtriangles points simplelines\",\"target\":\"all\",\"type\":\"string\",\"desc\":\"List of renderers created for rendering primitives (points, lines, triangles) from more complex renderers (eg: vectors). Allows selection of different primitive rendering modes, globally or per object.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"font\":{\"default\":\"vector\",\"target\":\"all\",\"type\":\"string\",\"desc\":\"Font typeface vector (thicker, better for larger text) or line (better for small labels)\",\"strict\":true,\"redraw\":0,\"control\":[true,null,[\"vector\",\"line\"]]},\"fontscale\":{\"default\":1.0,\"target\":\"all\",\"type\":\"real\",\"desc\":\"Font scaling, applied by multiplying with any existing calculated scaling.\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"fontsize\":{\"default\":1.0,\"target\":\"all\",\"type\":\"real\",\"desc\":\"Font size, absolute scaling that overrides all automatic calculations of the font size\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"fontcolour\":{\"default\":[0,0,0,0],\"target\":\"all\",\"type\":\"colour\",\"desc\":\"Font colour RGB(A)\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"time\":{\"default\":0.0,\"target\":\"timestep\",\"type\":\"real\",\"desc\":\"Time value for timestep\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"name\":{\"default\":\"\",\"target\":\"object\",\"type\":\"string\",\"desc\":\"Name of object\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"visible\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Set to false to hide object\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"inview\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Set to false to exclude object from bounding box calculation and the default camera view\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"fixed\":{\"default\":false,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Set to true to make all data fixed, not time varying, for this object\",\"strict\":true,\"redraw\":1,\"control\":[false]},\"renderer\":{\"default\":\"\",\"target\":\"object\",\"type\":\"string\",\"desc\":\"Create a custom renderer using label provided instead of using the default renderers, type of renderer created based on the \\\"geometry\\\" property\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"shaders\":{\"default\":[],\"target\":\"object\",\"type\":\"object\",\"desc\":\"Custom shaders for rendering object, either filenames or source strings, provide either [fragment], [vertex, fragment] or [geometry, vertex, fragment]\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"uniforms\":{\"default\":[],\"target\":\"object\",\"type\":\"object\",\"desc\":\"Custom shader uniforms for rendering objects, list of uniform names, will be copied from property data\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"steprange\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Calculate dynamic range values per step rather than over full time range\",\"strict\":true,\"redraw\":2,\"control\":[true]},\"lit\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Apply lighting to object\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"cullface\":{\"default\":false,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Cull back facing polygons of object surfaces\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"wireframe\":{\"default\":false,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Render object surfaces as wireframe\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"flat\":{\"default\":false,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Renders surfaces as flat shaded, lines/vectors/tracers as 2d, faster but no 3d or lighting\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"depthtest\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Set to false to disable depth test when drawing object so always drawn regardless of 3d position\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"depthwrite\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Set to false to disable depth buffer write when drawing object, so other objects behind it will still be drawn and will appear in front if drawn after this object\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"dims\":{\"default\":[0,0,0],\"target\":\"object\",\"type\":\"integer[3]\",\"desc\":\"Width,Height,Depth override for geometry. Usually this data will be determined from the numpy array shape when loaded from python but setting this property overrides the shape, unless it doesn't match the data size. Note this property is the reverse of the numpy array shape (Depth,Height,Width) or (Height,Width).\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"shift\":{\"default\":0.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Apply a shift to object position by this amount multiplied by model size*10^-7, to fix depth fighting when visualising objects drawn at same depth\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"colour\":{\"default\":[0,0,0,255],\"target\":\"object\",\"type\":\"colour\",\"desc\":\"Object colour RGB(A)\",\"strict\":true,\"redraw\":2,\"control\":[true]},\"colourmap\":{\"default\":\"\",\"target\":\"object\",\"type\":\"string\",\"desc\":\"name of the colourmap to use\",\"strict\":false,\"redraw\":2,\"control\":[true]},\"opacitymap\":{\"default\":\"\",\"target\":\"object\",\"type\":\"string\",\"desc\":\"name of the opacity colourmap to use\",\"strict\":false,\"redraw\":2,\"control\":[true]},\"opacity\":{\"default\":1.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Opacity of object where 0 is transparent and 1 is opaque\",\"strict\":true,\"redraw\":2,\"control\":[true,[0.01,1.0,0.01]]},\"brightness\":{\"default\":0.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Brightness of object from -1 (full dark) to 0 (default) to 1 (full light)\",\"strict\":true,\"redraw\":0,\"control\":[true,[-1.0,1.0,0.01]]},\"contrast\":{\"default\":1.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Contrast of object from 0 (none, grey) to 2 (max)\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,2.0,0.01]]},\"saturation\":{\"default\":1.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Saturation of object from 0 (greyscale) to 2 (fully saturated)\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,2.0,0.01]]},\"ambient\":{\"default\":0.4,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Ambient lighting level (background constant light)\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"diffuse\":{\"default\":0.65,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Diffuse lighting level (shading light/dark)\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"specular\":{\"default\":0.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Specular highlight lighting level (spot highlights)\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"shininess\":{\"default\":0.5,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Specular shininess factor, controls size of highlight\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"light\":{\"default\":[1.0,1.0,1.0,0.0],\"target\":\"object\",\"type\":\"real[4]\",\"desc\":\"Light properties, colour Red,Green,Blue values and fourth component if provided is two-sided lighting flag, set to 1.0 to switch to single-sided lighting\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"lightpos\":{\"default\":[0.1,-0.1,2.0,0.0],\"target\":\"object\",\"type\":\"real[4]\",\"desc\":\"Light position X Y Z. Default is relative to camera (light moves follows camera, rotating the scene changes the illuminated area). Fourth component, if provided, is scene light flag, set to 1.0 to switch to a position in the scene, regardless of camera/view position the same parts of the scene will be illuminated.\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"clip\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Allow object to be clipped\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"clipmap\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Clipping mapped to range normalised [0,1]\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"clipmin\":{\"default\":[0.0,0.0,0.0],\"target\":\"object\",\"type\":\"real[3]\",\"desc\":\"Object clipping minimum [x,y,z]\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"clipmax\":{\"default\":[1.0,1.0,1.0],\"target\":\"object\",\"type\":\"real[3]\",\"desc\":\"Object clipping maximum [x,y,z]\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"xmin\":{\"default\":0.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"(legacy) Object clipping, minimum x\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"ymin\":{\"default\":0.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"(legacy) Object clipping, maximum y\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"zmin\":{\"default\":0.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"(legacy) Object clipping, minimum z\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"xmax\":{\"default\":1.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"(legacy) Object clipping, maximum x\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"ymax\":{\"default\":1.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"(legacy) Object clipping, maximum y\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"zmax\":{\"default\":1.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"(legacy) Object clipping, maximum z\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"filters\":{\"default\":[],\"target\":\"object\",\"type\":\"object\",\"desc\":\"Filter list\",\"strict\":true,\"redraw\":1,\"control\":[false]},\"glyphs\":{\"default\":2,\"target\":\"object\",\"type\":\"integer\",\"desc\":\"Glyph quality 0=none, 1=low, higher=increasing triangulation detail (arrows/shapes etc)\",\"strict\":true,\"redraw\":2,\"control\":[true,null,{\"none\":0,\"verylow\":1,\"low\":2,\"medium\":3,\"high\":4,\"veryhigh\":5}]},\"scaling\":{\"default\":1.0,\"target\":\"object\",\"type\":\"real\",\"desc\":\"Object scaling factor\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"texture\":{\"default\":\"\",\"target\":\"object\",\"type\":\"string\",\"desc\":\"Apply a texture, either external texture image file path to load or colourmap\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"fliptexture\":{\"default\":true,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Flip texture image after loading, usually required\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"repeat\":{\"default\":false,\"target\":\"object\",\"type\":\"boolean\",\"desc\":\"Repeat texture image enabled, default is clamp to edges\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"texturefilter\":{\"default\":2,\"target\":\"object\",\"type\":\"integer\",\"desc\":\"Type of texture filtering, 0=nearest, 1=linear, 2=mipmap (default)\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"colourby\":{\"default\":0,\"target\":\"object\",\"type\":\"string or integer\",\"desc\":\"Index or label of data set to colour object by (requires colour map)\",\"strict\":false,\"redraw\":2,\"control\":[true]},\"opacityby\":{\"default\":\"\",\"target\":\"object\",\"type\":\"string or integer\",\"desc\":\"Index or label of data set to apply transparency to object by (requires opacity map)\",\"strict\":false,\"redraw\":2,\"control\":[true]},\"limit\":{\"default\":0,\"target\":\"object,line\",\"type\":\"real\",\"desc\":\"Line length limit, can be used to skip drawing line segments that cross periodic boundary\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"link\":{\"default\":false,\"target\":\"object,line\",\"type\":\"boolean\",\"desc\":\"To chain line vertices into longer lines set to true\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"loop\":{\"default\":false,\"target\":\"object,line\",\"type\":\"boolean\",\"desc\":\"To join the start and end of linked lines set to true\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"scalelines\":{\"default\":1.0,\"target\":\"object,line\",\"type\":\"real\",\"desc\":\"Line scaling multiplier, applies to all line objects\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"linewidth\":{\"default\":1.0,\"target\":\"object,line\",\"type\":\"real\",\"desc\":\"Line width scaling\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"tubes\":{\"default\":false,\"target\":\"object,line\",\"type\":\"boolean\",\"desc\":\"Draw lines as 3D tubes\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"pointsize\":{\"default\":1.0,\"target\":\"object,point\",\"type\":\"real\",\"desc\":\"Point size scaling\",\"strict\":true,\"redraw\":2,\"control\":[true,[0.1,20.0,0.01]]},\"pointtype\":{\"default\":1,\"target\":\"object,point\",\"type\":\"integer/string\",\"desc\":\"Point type 0/blur, 1/smooth, 2/sphere, 3/shiny, 4/flat\",\"strict\":true,\"redraw\":2,\"control\":[true,null,{\"blur\":0,\"smooth\":1,\"sphere\":2,\"shiny\":3,\"flat\":4}]},\"scalepoints\":{\"default\":1.0,\"target\":\"object,point\",\"type\":\"real\",\"desc\":\"Point scaling multiplier, applies to all points objects\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"sizeby\":{\"default\":\"\",\"target\":\"object,point\",\"type\":\"string or integer\",\"desc\":\"Index or label of data set to apply to point sizes\",\"strict\":false,\"redraw\":2,\"control\":[true]},\"opaque\":{\"default\":false,\"target\":\"object,surface\",\"type\":\"boolean\",\"desc\":\"If opaque flag is set skips depth sorting step and allows individual surface properties to be applied\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"optimise\":{\"default\":true,\"target\":\"object,surface\",\"type\":\"boolean\",\"desc\":\"Disable this flag to skip the mesh optimisation step\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"vertexnormals\":{\"default\":true,\"target\":\"object,surface\",\"type\":\"boolean\",\"desc\":\"Disable this flag to skip calculating vertex normals\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"smoothangle\":{\"default\":90,\"target\":\"object,surface\",\"type\":\"int\",\"desc\":\"Angle between surface normals (in degrees) below which normals will be smoothed. Reduce this to preserve hard edges.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"flip\":{\"default\":false,\"target\":\"object,surface\",\"type\":\"boolean\",\"desc\":\"Set this flag to reverse the surface faces (currently implemented for grids only)\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"power\":{\"default\":1.0,\"target\":\"object,volume\",\"type\":\"real\",\"desc\":\"Power used when applying transfer function, 1.0=linear mapping\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,3.0,0.01]]},\"bloom\":{\"default\":0.0,\"target\":\"object,volume\",\"type\":\"real\",\"desc\":\"Bloom effect, brightens colours, particularly around edges of transparent areas, by using a more additive blend equation. Setting this to ~0.5 will replicate the old (technically incorrect) volume shader blending for lavavu pre v1.5.\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"samples\":{\"default\":256,\"target\":\"object,volume\",\"type\":\"integer\",\"desc\":\"Number of samples to take per ray cast, higher = better quality, but slower\",\"strict\":true,\"redraw\":0,\"control\":[true,[16,2048,1]]},\"density\":{\"default\":5.0,\"target\":\"object,volume\",\"type\":\"real\",\"desc\":\"Density multiplier for volume data\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,200.0,1.0]]},\"isovalue\":{\"default\":0.0,\"target\":\"object,volume\",\"type\":\"real\",\"desc\":\"Isovalue for dynamic isosurface (normalised to [0,1] over actual data range)\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"isovalues\":{\"default\":[],\"target\":\"object,volume\",\"type\":\"real[]\",\"desc\":\"Isovalues to extract from volume into mesh isosurface\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"isoalpha\":{\"default\":1.0,\"target\":\"object,volume\",\"type\":\"real\",\"desc\":\"Transparency value for isosurface\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"isosmooth\":{\"default\":0.1,\"target\":\"object,volume\",\"type\":\"real\",\"desc\":\"Isosurface smoothing factor for normal calculation\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,4.0,0.1]]},\"isowalls\":{\"default\":true,\"target\":\"object,volume\",\"type\":\"boolean\",\"desc\":\"Connect isosurface enclosed area with walls\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"tricubicfilter\":{\"default\":false,\"target\":\"object,volume\",\"type\":\"boolean\",\"desc\":\"Apply a tricubic filter for increased smoothness\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"densityclip\":{\"default\":[0.0,1.0],\"target\":\"object,volume\",\"type\":\"real[2]\",\"desc\":\"Density range [min,max] to map, values outside the range are discarded\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"minclip\":{\"default\":0.0,\"target\":\"object,volume\",\"type\":\"real\",\"desc\":\"(legacy) Minimum density value to map, lower discarded\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"maxclip\":{\"default\":1.0,\"target\":\"object,volume\",\"type\":\"real\",\"desc\":\"(legacy) Maximum density value to map, higher discarded\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"compresstextures\":{\"default\":false,\"target\":\"object,volume\",\"type\":\"boolean\",\"desc\":\"Compress volume textures where possible\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"texturesize\":{\"default\":[0,0,0],\"target\":\"object,volume\",\"type\":\"int[3]\",\"desc\":\"Volume texture size limit (for crop)\",\"strict\":true,\"redraw\":2,\"control\":[false]},\"textureoffset\":{\"default\":[0,0,0],\"target\":\"object,volume\",\"type\":\"int[3]\",\"desc\":\"Volume texture offset (for crop)\",\"strict\":true,\"redraw\":2,\"control\":[false]},\"scalemax\":{\"default\":0.0,\"target\":\"object,vector\",\"type\":\"real\",\"desc\":\"Length scaling maximum, sets the range over which vectors will be scaled [0,scalemax]. Default automatically calculated based on data max\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"arrowhead\":{\"default\":5.0,\"target\":\"object,vector\",\"type\":\"real\",\"desc\":\"Arrow head size as a multiple of length or radius, if < 1.0 is multiple of length, if > 1.0 is multiple of radius\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"scalevectors\":{\"default\":1.0,\"target\":\"object,vector\",\"type\":\"real\",\"desc\":\"Vector scaling multiplier, applies to all vector objects\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"thickness\":{\"default\":0.0,\"target\":\"object,vector\",\"type\":\"real\",\"desc\":\"Arrow shaft thickness as fixed value (overrides \\\"radius\\\")\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"length\":{\"default\":0.0,\"target\":\"object,vector\",\"type\":\"real\",\"desc\":\"Arrow fixed length, default is to use vector magnitude\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"normalise\":{\"default\":1.0,\"target\":\"object,vector\",\"type\":\"real\",\"desc\":\"Normalisation factor to adjust between vector arrows scaled to their vector length or all arrows having a constant length. If 0.0 vectors are scaled to their vector length, if 1.0 vectors are all scaled to the constant \\\"length\\\" property (if property length=0.0, this is ignored).\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"autoscale\":{\"default\":true,\"target\":\"object,vector\",\"type\":\"boolean\",\"desc\":\"Automatically scale vectors based on maximum magnitude\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"radius\":{\"default\":0.02,\"target\":\"object,vector\",\"type\":\"real\",\"desc\":\"When applied to Vector Arrows: Arrow shaft radius as ratio of vector length. When applied to shapes: radius of spheres.\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"steps\":{\"default\":0,\"target\":\"object,tracer\",\"type\":\"integer\",\"desc\":\"Number of time steps to trace particle path\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"taper\":{\"default\":true,\"target\":\"object,tracer\",\"type\":\"boolean\",\"desc\":\"Taper width of tracer arrow up as we get closer to current timestep\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"fade\":{\"default\":false,\"target\":\"object,tracer\",\"type\":\"boolean\",\"desc\":\"Fade opacity of tracer arrow in from transparent as we get closer to current timestep\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"connect\":{\"default\":true,\"target\":\"object,tracer\",\"type\":\"boolean\",\"desc\":\"Set false to render tracers as points instead of connected lines\",\"strict\":true,\"redraw\":1,\"control\":[true]},\"scaletracers\":{\"default\":1.0,\"target\":\"object,tracer\",\"type\":\"real\",\"desc\":\"Tracer scaling multiplier, applies to all tracer objects\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"shapewidth\":{\"default\":1.0,\"target\":\"object,shape\",\"type\":\"real\",\"desc\":\"Shape width scaling factor\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"shapeheight\":{\"default\":1.0,\"target\":\"object,shape\",\"type\":\"real\",\"desc\":\"Shape height scaling factor\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"shapelength\":{\"default\":1.0,\"target\":\"object,shape\",\"type\":\"real\",\"desc\":\"Shape length scaling factor\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"shape\":{\"default\":0,\"target\":\"object,shape\",\"type\":\"integer\",\"desc\":\"Shape type: 0=ellipsoid, 1=cuboid\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"scaleshapes\":{\"default\":1.0,\"target\":\"object,shape\",\"type\":\"real\",\"desc\":\"Shape scaling multiplier, applies to all shape objects\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"widthby\":{\"default\":\"widths\",\"target\":\"object,shape\",\"type\":\"string or integer\",\"desc\":\"Index or label of data set to apply to shape widths\",\"strict\":false,\"redraw\":2,\"control\":[true]},\"heightby\":{\"default\":\"heights\",\"target\":\"object,shape\",\"type\":\"string or integer\",\"desc\":\"Index or label of data set to apply to shape heights\",\"strict\":false,\"redraw\":2,\"control\":[true]},\"lengthby\":{\"default\":\"lengths\",\"target\":\"object,shape\",\"type\":\"string or integer\",\"desc\":\"Index or label of data set to apply to shape lengths\",\"strict\":false,\"redraw\":2,\"control\":[true]},\"segments\":{\"default\":32,\"target\":\"object,shape\",\"type\":\"integer\",\"desc\":\"Triangulation quality for spheres, number of segments to draw (minimum 4)\",\"strict\":true,\"redraw\":2,\"control\":[true]},\"colourbar\":{\"default\":false,\"target\":\"colourbar\",\"type\":\"boolean\",\"desc\":\"Indicates object is a colourbar\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"align\":{\"default\":\"bottom\",\"target\":\"colourbar\",\"type\":\"string\",\"desc\":\"Alignment of colour bar to screen edge, top/bottom/left/right\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"size\":{\"default\":[0,0],\"target\":\"colourbar\",\"type\":\"real[2]\",\"desc\":\"Dimensions of colour bar (length/breadth) in pixels or viewport size ratio\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"ticks\":{\"default\":0,\"target\":\"colourbar\",\"type\":\"integer\",\"desc\":\"Number of additional tick marks to draw besides start and end\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"tickvalues\":{\"default\":[],\"target\":\"colourbar\",\"type\":\"real[]\",\"desc\":\"Values of intermediate tick marks\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"printticks\":{\"default\":true,\"target\":\"colourbar\",\"type\":\"boolean\",\"desc\":\"Set to false to disable drawing of intermediate tick values\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"format\":{\"default\":\"%.5g\",\"target\":\"colourbar\",\"type\":\"string\",\"desc\":\"Format specifier for label values, eg: %.3[f/e/g] standard, scientific, both\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"scalevalue\":{\"default\":1.0,\"target\":\"colourbar\",\"type\":\"real\",\"desc\":\"Multiplier to scale tick values\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"outline\":{\"default\":1.0,\"target\":\"colourbar\",\"type\":\"integer\",\"desc\":\"Outline width to draw around colour bar\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"offset\":{\"default\":0,\"target\":\"colourbar\",\"type\":\"real\",\"desc\":\"Margin to parallel edge in pixels or viewport size ratio\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"position\":{\"default\":0,\"target\":\"colourbar\",\"type\":\"real\",\"desc\":\"Margin to perpendicular edge in pixels or viewport size ratio, >0=towards left/bottom, 0=centre (horizontal only), <0=towards right/top\",\"strict\":true,\"redraw\":1,\"control\":[false]},\"binlabels\":{\"default\":false,\"target\":\"colourbar\",\"type\":\"boolean\",\"desc\":\"Set to true to label discrete bins rather than tick points\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"logscale\":{\"default\":false,\"target\":\"colourmap\",\"type\":\"boolean\",\"desc\":\"Set to true to use log scales\",\"strict\":true,\"redraw\":2,\"control\":[true]},\"discrete\":{\"default\":false,\"target\":\"colourmap\",\"type\":\"boolean\",\"desc\":\"Set to true to apply colours as discrete values rather than gradient\",\"strict\":true,\"redraw\":2,\"control\":[true]},\"interpolate\":{\"default\":true,\"target\":\"colourmap\",\"type\":\"boolean\",\"desc\":\"Set to false to disable interpolation between colours, nearest colour will always be applied\",\"strict\":true,\"redraw\":2,\"control\":[true]},\"colours\":{\"default\":[],\"target\":\"colourmap\",\"type\":\"colours\",\"desc\":\"Colour list (or string), X11 colour names, rgb(a) colours or html hex colours\",\"strict\":false,\"redraw\":2,\"control\":[false]},\"range\":{\"default\":[0.0,0.0],\"target\":\"colourmap\",\"type\":\"real[2]\",\"desc\":\"Fixed scale range, default is to automatically calculate range based on data min/max\",\"strict\":true,\"redraw\":2,\"control\":[true]},\"locked\":{\"default\":false,\"target\":\"colourmap\",\"type\":\"boolean\",\"desc\":\"Set to true to lock colourmap ranges to current values\",\"strict\":true,\"redraw\":2,\"control\":[true]},\"zoomstep\":{\"default\":-1,\"target\":\"view\",\"type\":\"integer\",\"desc\":\"When to apply camera auto-zoom to fit model to window, -1=never, 0=first timestep only, 1=every timestep\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"margin\":{\"default\":0.025,\"target\":\"view\",\"type\":\"real\",\"desc\":\"Margin in pixels (when >= 1) or ratio of viewport width (when < 1.0) around edges of model when to applying camera auto-zoom\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"rotate\":{\"default\":[0.0,0.0,0.0,1.0],\"target\":\"view\",\"type\":\"quaternion\",\"desc\":\"Camera rotation quaternion [x,y,z,w]\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"xyzrotate\":{\"default\":[0.0,0.0,0.0],\"target\":\"view\",\"type\":\"real[3]\",\"desc\":\"Camera rotation as Euler angles [x,y,z] - output only\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"translate\":{\"default\":[0.0,0.0,0.0],\"target\":\"view\",\"type\":\"real[3]\",\"desc\":\"Camera translation [x,y,z]\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"focus\":{\"default\":[0.0,0.0,0.0],\"target\":\"view\",\"type\":\"real[3]\",\"desc\":\"Camera focal point [x,y,z]\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"origin\":{\"default\":[0.0,0.0,0.0],\"target\":\"view\",\"type\":\"real[3]\",\"desc\":\"Origin / centre of rotation [x,y,z] if not set, defaults to same as focal point.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"scale\":{\"default\":[1.0,1.0,1.0],\"target\":\"view\",\"type\":\"real[3]\",\"desc\":\"Global model scaling factors [x,y,z]\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,20.0,0.1]]},\"near\":{\"default\":0.0,\"target\":\"view\",\"type\":\"real\",\"desc\":\"Near clipping plane position, adjusts where geometry close to the camera is clipped\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"far\":{\"default\":0.0,\"target\":\"view\",\"type\":\"real\",\"desc\":\"Far clip plane position, adjusts where far geometry is clipped\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"fov\":{\"default\":45.0,\"target\":\"view\",\"type\":\"real\",\"desc\":\"Field-Of-View (horizontal) in degrees\",\"strict\":true,\"redraw\":0,\"control\":[true,[10,170,1]]},\"orthographic\":{\"default\":false,\"target\":\"view\",\"type\":\"boolean\",\"desc\":\"Enable to switch to an orthographic projection instead of the default perspective projection\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"coordsystem\":{\"default\":1,\"target\":\"view\",\"type\":\"integer\",\"desc\":\"Set to determine coordinate system, 1=Right-handed (OpenGL default) -1=Left-handed\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"follow\":{\"default\":false,\"target\":\"view\",\"type\":\"boolean\",\"desc\":\"Enable to follow the model bounding box centre with camera as it changes\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"min\":{\"default\":[0,0,0],\"target\":\"global\",\"type\":\"real[3]\",\"desc\":\"Global model minimum bounds [x,y,z]\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"max\":{\"default\":[0,0,0],\"target\":\"global\",\"type\":\"real[3]\",\"desc\":\"Global model maximum bounds [x,y,z]\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"title\":{\"default\":\"\",\"target\":\"global\",\"type\":\"string\",\"desc\":\"Title to display at top centre of view\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"filename\":{\"default\":\"\",\"target\":\"global\",\"type\":\"string\",\"desc\":\"Active database filename\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"compression\":{\"default\":1,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Set zlib compression level for GLDB, -1=default, 0=None, 1=fast, 9=best. LavaVu default is 1 (fast).\",\"strict\":true,\"redraw\":0,\"control\":[true,null,[-1,0,1,2,3,4,5,6,7,8,9]]},\"rulers\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Draw rulers around object axes\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"ruleraxes\":{\"default\":\"xyz\",\"target\":\"global\",\"type\":\"string\",\"desc\":\"Which figure axes to draw rulers beside (xyzXYZ) lowercase = min, capital = max \",\"strict\":true,\"redraw\":0,\"control\":[false]},\"rulerticks\":{\"default\":5,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Number of tick marks to display on rulers\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"rulerformat\":{\"default\":\"%-10.3f\",\"target\":\"global\",\"type\":\"string\",\"desc\":\"Format specifier for ruler tick values, eg: %.3[f/e/g] standard, scientific, both\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"rulerlabels\":{\"default\":[],\"target\":\"global\",\"type\":\"string[][]\",\"desc\":\"Tick labels to display on rulers, 2d array, one dimension per model axis, replaces rulerticks. If values are numeric, will define the position value, otherwise define the label only.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"rulerwidth\":{\"default\":1.5,\"target\":\"global\",\"type\":\"real\",\"desc\":\"Width of ruler lines\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"rulerscale\":{\"default\":1.0,\"target\":\"global\",\"type\":\"real\",\"desc\":\"Scaling of ruler label text\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"border\":{\"default\":1.0,\"target\":\"global\",\"type\":\"real\",\"desc\":\"Border width around model boundary, 0=disabled\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,5.0,0.5]]},\"fillborder\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Draw filled background box around model boundary\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"bordercolour\":{\"default\":\"grey\",\"target\":\"global\",\"type\":\"colour\",\"desc\":\"Colour of model boundary border\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"axis\":{\"default\":true,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Draw X/Y/Z legend showing model axes orientation\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"axislength\":{\"default\":0.1,\"target\":\"global\",\"type\":\"real\",\"desc\":\"Axis legend scaling factor\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"axisbox\":{\"default\":[0,0,0,0],\"target\":\"global\",\"type\":\"real[4]\",\"desc\":\"Custom dimensions of viewport for drawing the axis (x, y, width, height) proportional to main viewport size\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"quality\":{\"default\":2,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Read only: Over-sample antialiasing level, for off-screen rendering\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"bounds\":{\"default\":[],\"target\":\"global\",\"type\":\"real[][]\",\"desc\":\"Read only bounding box (min/max)\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"caption\":{\"default\":\"default\",\"target\":\"global\",\"type\":\"string\",\"desc\":\"Title for caption area and image output filenames\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"resolution\":{\"default\":[1024,768],\"target\":\"global\",\"type\":\"integer[2]\",\"desc\":\"Window resolution X,Y\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"antialias\":{\"default\":true,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Enable multisample anti-aliasing, only works with interactive viewing\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"fps\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Turn on to display FPS count\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"filestep\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Turn on to automatically add and switch to a new timestep after loading a data file\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"hideall\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Turn on to set initial state of all loaded objects to hidden\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"background\":{\"default\":[0,0,0,255],\"target\":\"global\",\"type\":\"colour\",\"desc\":\"Background colour RGB(A)\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"alpha\":{\"default\":1.0,\"target\":\"global\",\"type\":\"real\",\"desc\":\"Global opacity multiplier where 0 is transparent and 1 is opaque, this is combined with \\\"opacity\\\" prop\",\"strict\":true,\"redraw\":0,\"control\":[true,[0.0,1.0,0.01]]},\"noload\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Disables initial loading of object data from database, only object names loaded, use the \\\"load\\\" command to subsequently load selected object data\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"merge\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Enable to load subsequent databases into the current model, if disabled then each database is loaded into a new model\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"pngalpha\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Enable transparent png output\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"trisplit\":{\"default\":0,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Imported model triangle subdivision level. Can also be set to 1 to force vertex normals to be recalculated by ignoring any present in the loaded model data.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"trilimit\":{\"default\":0,\"target\":\"global\",\"type\":\"real\",\"desc\":\"Imported model triangle edge size limit. Triangles will be split until edges below this threashold.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"globalcam\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Enable global camera for all models (default is separate cam for each)\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"volchannels\":{\"default\":1,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Volume rendering output channels 1 (luminance) 3/4 (rgba)\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"volres\":{\"default\":[256,256,256],\"target\":\"global\",\"type\":\"integer[3]\",\"desc\":\"Volume rendering data voxel resolution X Y Z\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"volmin\":{\"default\":[0.0,0.0,0.0],\"target\":\"global\",\"type\":\"real[3]\",\"desc\":\"Volume rendering min bound X Y Z\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"volmax\":{\"default\":[1.0,1.0,1.0],\"target\":\"global\",\"type\":\"real[3]\",\"desc\":\"Volume rendering max bound X Y Z\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"volsubsample\":{\"default\":[1,1,1],\"target\":\"global\",\"type\":\"int[3]\",\"desc\":\"Volume rendering subsampling factor X Y Z\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"slicevolumes\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Convert full volume data sets to slices (allows cropping and sub-sampling)\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"slicedump\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Export full volume data sets to slices\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"pointsubsample\":{\"default\":0,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Point render sub-sampling factor\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"pointmaxcount\":{\"default\":0,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Point render maximum count before auto sub-sampling\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"pointdistsample\":{\"default\":0,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Point distance sub-sampling factor\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"pointattribs\":{\"default\":true,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Point size/type attributes can be applied per object (requires more GPU ram)\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"pointattenuate\":{\"default\":true,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Point distance size attenuation (points shrink when further from viewer ie: perspective)\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"pointpixelscale\":{\"default\":1,\"target\":\"global\",\"type\":\"int\",\"desc\":\"Set to zero for constant point size in pixels, set to 1 to scale points when the viewport is resized after storing the initial render size. If set to > 1, this is the viewport height where pointsize = pixels. As the viewport height is adjusted points are scaled relative to this height - so points will appear the same regardless of render size\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"sort\":{\"default\":true,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Automatic depth sorting enabled\",\"strict\":true,\"redraw\":0,\"control\":[true]},\"cache\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Cache all time varying data in ram on initial load\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"gpucache\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Cache timestep varying data on gpu as well as ram (only if model size permits)\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"clearstep\":{\"default\":false,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Clear all time varying data from previous step on loading another\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"timestep\":{\"default\":-1,\"target\":\"global\",\"type\":\"integer\",\"desc\":\"Holds the current model timestep, read only, -1 indicates no time varying data loaded\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"validate\":{\"default\":true,\"target\":\"global\",\"type\":\"boolean\",\"desc\":\"Disable to turn off validation of property names from the dictionary. Allows setting/reading custom properties.\",\"strict\":true,\"redraw\":0,\"control\":[false]},\"data\":{\"default\":null,\"target\":\"global\",\"type\":\"dict\",\"desc\":\"Holds a dictionary of data sets in the current model by label, read only\",\"strict\":true,\"redraw\":0,\"control\":[false]}}\n",
       "var defaultcolourmaps = [\"diverge\", \"isolum\", \"isorainbow\", \"cubelaw\", \"cubelaw2\", \"smoothheat\", \"coolwarm\", \"spectral\", \"drywet\", \"elevation\", \"dem1\", \"dem2\", \"dem3\", \"dem4\", \"ocean\", \"bathy\", \"seafloor\", \"abyss\", \"ibcso\", \"gebco\", \"topo\", \"sealand\", \"nighttime\", \"world\", \"geo\", \"terra\", \"relief\", \"globe\", \"earth\", \"etopo1\", \"cubhelix\", \"hot\", \"cool\", \"copper\", \"gray\", \"split\", \"polar\", \"red2green\", \"paired\", \"categorical\", \"haxby\", \"jet\", \"panoply\", \"no_green\", \"wysiwyg\", \"seis\", \"rainbow\", \"nih\"]\n",
       "\n",
       "</script>\n"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<script type=\"text/javascript\">\n",
       "function init(viewerid) {_wi[viewerid] = new WindowInteractor(viewerid, 139906408544976, 8091);\n",
       "_wi[viewerid].actions = {\n",
       "  \"BJydLb6j98\" : \"<Pound_Subgroup>colour=---VAL---; \",\n",
       "  \"230ZvQBjvQ\" : \"<Pound_Subgroup>visible=---VAL---; \",\n",
       "  \"VxRZGG8urb\" : \"<ABC_Range_Quartzite>colour=---VAL---; \",\n",
       "  \"VVOtNwVKe9\" : \"<ABC_Range_Quartzite>visible=---VAL---; \",\n",
       "  \"5DApoL92iN\" : \"<Wilpena_Group>colour=---VAL---; \",\n",
       "  \"cI1DHrMLfv\" : \"<Wilpena_Group>visible=---VAL---; \",\n",
       "  \"ppoxH8XqID\" : \"<Yerelina_Subgroup>colour=---VAL---; \",\n",
       "  \"90Te7ZyArr\" : \"<Yerelina_Subgroup>visible=---VAL---; \",\n",
       "  \"zFJfuD71SB\" : \"<Umberatana_Group>colour=---VAL---; \",\n",
       "  \"MVbiM4YetW\" : \"<Umberatana_Group>visible=---VAL---; \",\n",
       "  \"Bh9yHEAUsE\" : \"<Yudnamutana_Subgroup>colour=---VAL---; \",\n",
       "  \"yrNHrK3ofj\" : \"<Yudnamutana_Subgroup>visible=---VAL---; \",\n",
       "  \"xINvyaQETa\" : \"<Emeroo_Subgroup>colour=---VAL---; \",\n",
       "  \"ForPrgKoz6\" : \"<Emeroo_Subgroup>visible=---VAL---; \",\n",
       "  \"Aa5whb2AmC\" : \"<Burra_Group>colour=---VAL---; \",\n",
       "  \"hWtRUm4gOt\" : \"<Burra_Group>visible=---VAL---; \",\n",
       "  \"d2ruUCM8Rc\" : \"<Fault_331_iso_0.000000>colour=---VAL---; \",\n",
       "  \"L7zGplWAiS\" : \"<Fault_331_iso_0.000000>visible=---VAL---; \",\n",
       "  \"4oQh4NXjcD\" : \"<Fault_338_iso_0.000000>colour=---VAL---; \",\n",
       "  \"xCZHi7ItZW\" : \"<Fault_338_iso_0.000000>visible=---VAL---; \",\n",
       "  \"txWdjfm4Ey\" : \"<Fault_341_iso_0.000000>colour=---VAL---; \",\n",
       "  \"pDMpMV4rQe\" : \"<Fault_341_iso_0.000000>visible=---VAL---; \",\n",
       "  \"YS48DTFUg5\" : \"<Fault_343_iso_0.000000>colour=---VAL---; \",\n",
       "  \"aNys3eCkrG\" : \"<Fault_343_iso_0.000000>visible=---VAL---; \",\n",
       "  \"ATvydQtmmY\" : \"<Fault_344_iso_0.000000>colour=---VAL---; \",\n",
       "  \"Jm8lIyET9w\" : \"<Fault_344_iso_0.000000>visible=---VAL---; \",\n",
       "  \"7IllBMd1Zs\" : \"<Fault_334_iso_0.000000>colour=---VAL---; \",\n",
       "  \"9y2QkniBkC\" : \"<Fault_334_iso_0.000000>visible=---VAL---; \",\n",
       "  \"iy2R6uHs04\" : \"<Fault_546_iso_0.000000>colour=---VAL---; \",\n",
       "  \"fUQLmW0IKx\" : \"<Fault_546_iso_0.000000>visible=---VAL---; \",\n",
       "  \"C2wttoeSGF\" : \"<supergroup_0_norm_cp>colour=---VAL---; \",\n",
       "  \"X3ER8zs8FC\" : \"<supergroup_0_norm_cp>visible=---VAL---; \",\n",
       "  \"jH0uLLWODY\" : \"<supergroup_0_value_cp>colour=---VAL---; \",\n",
       "  \"RBY4ZPtD7Q\" : \"<supergroup_0_value_cp>visible=---VAL---; \"};\n",
       "}\n",
       "</script>\n",
       "<form novalidate><div style=\"padding:0px; margin: 0px; position: relative;\" class=\"lvctrl\">\n",
       "</div>\n",
       "<div class=\"resizer\" style=\"height: 480px; width: 640px; min-height: 50px; min-width: 50px; position: relative; display: inline-block; float: right; border: 1px solid #aaa;\">\n",
       "<img id=\"imgtarget_7Dr1SHSxWY\" draggable=false style=\"height: 100%; width: 100%; position: relative; margin: 0px; display: inline-block;\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAAPUlEQVR42u3OMQEAAAgDINe/iSU1xh5IQPamKgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLtwAMBsGqBDct9xQAAAABJRU5ErkJggg==\">\n",
       "\n",
       "           <div style=\"display: none; z-index: 200; position: absolute; top: 5px; right: 5px;\">\n",
       "             <select onchange=\"_wi['7Dr1SHSxWY'].box.mode = this.value;\">\n",
       "               <option>Rotate</option>\n",
       "               <option>Translate</option>\n",
       "               <option>Zoom</option>\n",
       "             </select>\n",
       "             <input type=\"button\" value=\"Reset\" onclick=\"_wi['7Dr1SHSxWY'].execute('reset');\">\n",
       "           </div></div>\n",
       "<div style=\"padding:0px; margin: 0px; position: relative;\" class=\"lvctrl\">\n",
       "<p>Objects:</p>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_BJydLb6j98\" data-target=\"Pound_Subgroup\" data-property=\"colour\"  class=\"colour lvctrl_BJydLb6j98\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('BJydLb6j98', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_BJydLb6j98\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_230ZvQBjvQ_checkbox\" class=\"lvctrl_230ZvQBjvQ\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Pound_Subgroup\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('230ZvQBjvQ', this.checked ? 1 : 0, this);\" >\n",
       " Pound_Subgroup</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_VxRZGG8urb\" data-target=\"ABC_Range_Quartzite\" data-property=\"colour\"  class=\"colour lvctrl_VxRZGG8urb\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('VxRZGG8urb', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_VxRZGG8urb\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_VVOtNwVKe9_checkbox\" class=\"lvctrl_VVOtNwVKe9\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"ABC_Range_Quartzite\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('VVOtNwVKe9', this.checked ? 1 : 0, this);\" >\n",
       " ABC_Range_Quartzite</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_5DApoL92iN\" data-target=\"Wilpena_Group\" data-property=\"colour\"  class=\"colour lvctrl_5DApoL92iN\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('5DApoL92iN', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_5DApoL92iN\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_cI1DHrMLfv_checkbox\" class=\"lvctrl_cI1DHrMLfv\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Wilpena_Group\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('cI1DHrMLfv', this.checked ? 1 : 0, this);\" >\n",
       " Wilpena_Group</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_ppoxH8XqID\" data-target=\"Yerelina_Subgroup\" data-property=\"colour\"  class=\"colour lvctrl_ppoxH8XqID\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('ppoxH8XqID', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_ppoxH8XqID\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_90Te7ZyArr_checkbox\" class=\"lvctrl_90Te7ZyArr\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Yerelina_Subgroup\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('90Te7ZyArr', this.checked ? 1 : 0, this);\" >\n",
       " Yerelina_Subgroup</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_zFJfuD71SB\" data-target=\"Umberatana_Group\" data-property=\"colour\"  class=\"colour lvctrl_zFJfuD71SB\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('zFJfuD71SB', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_zFJfuD71SB\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_MVbiM4YetW_checkbox\" class=\"lvctrl_MVbiM4YetW\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Umberatana_Group\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('MVbiM4YetW', this.checked ? 1 : 0, this);\" >\n",
       " Umberatana_Group</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_Bh9yHEAUsE\" data-target=\"Yudnamutana_Subgroup\" data-property=\"colour\"  class=\"colour lvctrl_Bh9yHEAUsE\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('Bh9yHEAUsE', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_Bh9yHEAUsE\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_yrNHrK3ofj_checkbox\" class=\"lvctrl_yrNHrK3ofj\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Yudnamutana_Subgroup\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('yrNHrK3ofj', this.checked ? 1 : 0, this);\" >\n",
       " Yudnamutana_Subgroup</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_xINvyaQETa\" data-target=\"Emeroo_Subgroup\" data-property=\"colour\"  class=\"colour lvctrl_xINvyaQETa\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('xINvyaQETa', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_xINvyaQETa\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_ForPrgKoz6_checkbox\" class=\"lvctrl_ForPrgKoz6\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Emeroo_Subgroup\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('ForPrgKoz6', this.checked ? 1 : 0, this);\" >\n",
       " Emeroo_Subgroup</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_Aa5whb2AmC\" data-target=\"Burra_Group\" data-property=\"colour\"  class=\"colour lvctrl_Aa5whb2AmC\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('Aa5whb2AmC', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_Aa5whb2AmC\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_hWtRUm4gOt_checkbox\" class=\"lvctrl_hWtRUm4gOt\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Burra_Group\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('hWtRUm4gOt', this.checked ? 1 : 0, this);\" >\n",
       " Burra_Group</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_d2ruUCM8Rc\" data-target=\"Fault_331_iso_0.000000\" data-property=\"colour\"  class=\"colour lvctrl_d2ruUCM8Rc\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('d2ruUCM8Rc', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_d2ruUCM8Rc\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_L7zGplWAiS_checkbox\" class=\"lvctrl_L7zGplWAiS\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Fault_331_iso_0.000000\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('L7zGplWAiS', this.checked ? 1 : 0, this);\" >\n",
       " Fault_331_iso_0.000000</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_4oQh4NXjcD\" data-target=\"Fault_338_iso_0.000000\" data-property=\"colour\"  class=\"colour lvctrl_4oQh4NXjcD\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('4oQh4NXjcD', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_4oQh4NXjcD\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_xCZHi7ItZW_checkbox\" class=\"lvctrl_xCZHi7ItZW\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Fault_338_iso_0.000000\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('xCZHi7ItZW', this.checked ? 1 : 0, this);\" >\n",
       " Fault_338_iso_0.000000</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_txWdjfm4Ey\" data-target=\"Fault_341_iso_0.000000\" data-property=\"colour\"  class=\"colour lvctrl_txWdjfm4Ey\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('txWdjfm4Ey', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_txWdjfm4Ey\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_pDMpMV4rQe_checkbox\" class=\"lvctrl_pDMpMV4rQe\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Fault_341_iso_0.000000\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('pDMpMV4rQe', this.checked ? 1 : 0, this);\" >\n",
       " Fault_341_iso_0.000000</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_YS48DTFUg5\" data-target=\"Fault_343_iso_0.000000\" data-property=\"colour\"  class=\"colour lvctrl_YS48DTFUg5\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('YS48DTFUg5', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_YS48DTFUg5\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_aNys3eCkrG_checkbox\" class=\"lvctrl_aNys3eCkrG\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Fault_343_iso_0.000000\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('aNys3eCkrG', this.checked ? 1 : 0, this);\" >\n",
       " Fault_343_iso_0.000000</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_ATvydQtmmY\" data-target=\"Fault_344_iso_0.000000\" data-property=\"colour\"  class=\"colour lvctrl_ATvydQtmmY\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('ATvydQtmmY', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_ATvydQtmmY\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_Jm8lIyET9w_checkbox\" class=\"lvctrl_Jm8lIyET9w\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Fault_344_iso_0.000000\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('Jm8lIyET9w', this.checked ? 1 : 0, this);\" >\n",
       " Fault_344_iso_0.000000</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_7IllBMd1Zs\" data-target=\"Fault_334_iso_0.000000\" data-property=\"colour\"  class=\"colour lvctrl_7IllBMd1Zs\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('7IllBMd1Zs', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_7IllBMd1Zs\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_9y2QkniBkC_checkbox\" class=\"lvctrl_9y2QkniBkC\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Fault_334_iso_0.000000\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('9y2QkniBkC', this.checked ? 1 : 0, this);\" >\n",
       " Fault_334_iso_0.000000</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_iy2R6uHs04\" data-target=\"Fault_546_iso_0.000000\" data-property=\"colour\"  class=\"colour lvctrl_iy2R6uHs04\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('iy2R6uHs04', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_iy2R6uHs04\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_fUQLmW0IKx_checkbox\" class=\"lvctrl_fUQLmW0IKx\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"Fault_546_iso_0.000000\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('fUQLmW0IKx', this.checked ? 1 : 0, this);\" >\n",
       " Fault_546_iso_0.000000</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_C2wttoeSGF\" data-target=\"supergroup_0_norm_cp\" data-property=\"colour\"  class=\"colour lvctrl_C2wttoeSGF\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('C2wttoeSGF', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_C2wttoeSGF\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('black');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_X3ER8zs8FC_checkbox\" class=\"lvctrl_X3ER8zs8FC\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"supergroup_0_norm_cp\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('X3ER8zs8FC', this.checked ? 1 : 0, this);\" >\n",
       " supergroup_0_norm_cp</label><br>\n",
       "\n",
       "        <div class=\"colourbg checkerboard\" style=\"border: #888 1px solid; display: inline-block; width: 20px; height: 20px;\">\n",
       "          <div id=\"lvctrl_jH0uLLWODY\" data-target=\"supergroup_0_value_cp\" data-property=\"colour\"  class=\"colour lvctrl_jH0uLLWODY\" onclick=\"\n",
       "            var col = new Colour(this.style.backgroundColor);\n",
       "            var offset = [this.getBoundingClientRect().left, this.getBoundingClientRect().top];\n",
       "            var el = this;\n",
       "            var savefn = function(val) {\n",
       "              var c = new Colour(0);\n",
       "              c.setHSV(val);\n",
       "              el.style.backgroundColor = c.html();\n",
       "              _wi['7Dr1SHSxWY'].do_action('jH0uLLWODY', c.html(), el);\n",
       "            }\n",
       "            el.picker = new ColourPicker(savefn);\n",
       "            el.picker.pick(col, offset[0], offset[1]);\">\n",
       "          </div>\n",
       "        </div>\n",
       "        <script>\n",
       "        var el = document.getElementById(\"lvctrl_jH0uLLWODY\");\n",
       "        //Set the initial colour\n",
       "        var col = new Colour('[0, 0, 0, 255]');\n",
       "        el.style.backgroundColor = col.html();\n",
       "        </script>\n",
       "        <label>\n",
       "<input id=\"lvctrl_RBY4ZPtD7Q_checkbox\" class=\"lvctrl_RBY4ZPtD7Q\" type=\"checkbox\"checked=\"checked\" step=\"any\" data-target=\"supergroup_0_value_cp\" data-property=\"visible\" value=\"True\" onchange=\"; _wi['7Dr1SHSxWY'].do_action('RBY4ZPtD7Q', this.checked ? 1 : 0, this);\" >\n",
       " supergroup_0_value_cp</label><br>\n",
       "</div>\n",
       "</form><!-- CREATION TIMESTAMP 20210330024445 --><script>init('7Dr1SHSxWY');</script>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "view = LavaVuModelViewer(model,vertical_exaggeration=1) \n",
    "view.nsteps = np.array([200,200,100])\n",
    "#view.set_zscale(2)\n",
    "# view.add_model()\n",
    "# view.nelements = 3e5#steps=np.array([,50,50])\n",
    "#view.add_model_surfaces(filename=filename)\n",
    "view.add_model_surfaces(opacity=0.8)\n",
    "view.add_data(model['supergroup_0'])\n",
    "view.interactive()  "
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.9.1"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}