@dualbox/editor 1.0.20 → 1.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/html/editor.html +2 -2
  2. package/js/dist/GraphEditor.js +38 -24
  3. package/js/src/v/GraphView.js +5 -1
  4. package/js/src/v/templates/main.html +8 -6
  5. package/js/src/v/templates/main.js +27 -19
  6. package/package.json +1 -1
package/html/editor.html CHANGED
@@ -90,8 +90,8 @@
90
90
  var packages = _.map(pkgIndex, function(o) { return o.pkg });
91
91
 
92
92
  window.editor = new DualboxEditor($('#editor'), {
93
- showLoadSaveButtons : true,
94
- /*json:JSON.parse("{\r\n \"data\": {},\r\n \"metanodes\": {},\r\n \"modules\": {\r\n \"geometryscale-0001\": {\r\n \"module\": \"@dualbox\/dualbox-module-geometry-scale\",\r\n \"version\": \"1.0.66\",\r\n \"links\": {\r\n \"g\": {\r\n \"boxgeometry-0001\": \"result\"\r\n },\r\n \"x\": {\r\n \"input\": \"x\"\r\n },\r\n \"y\": {\r\n \"input\": \"y\"\r\n },\r\n \"z\": {\r\n \"input\": \"z\"\r\n }\r\n },\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"540\",\r\n \"top\": \"40\"\r\n },\r\n \"input\": {\r\n \"visible\": {\r\n \"x\": true,\r\n \"y\": true,\r\n \"z\": true,\r\n \"g\": true\r\n }\r\n },\r\n \"in\": {\r\n \"visible\": {\r\n \"x\": true,\r\n \"y\": true,\r\n \"z\": true,\r\n \"g\": true\r\n }\r\n },\r\n \"parallel\": true\r\n },\r\n \"id\": \"geometryscale-0001\",\r\n \"options\": {},\r\n \"defaultInputs\": {}\r\n },\r\n \"boxgeometry-0001\": {\r\n \"module\": \"@dualbox\/dualbox-module-boxgeometry\",\r\n \"version\": \"1.0.68\",\r\n \"defaultInputs\": {\r\n \"width\": 1,\r\n \"height\": 1,\r\n \"depth\": 1\r\n },\r\n \"cache\": true,\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"250\",\r\n \"top\": \"360\"\r\n },\r\n \"input\": {\r\n \"visible\": {\r\n \"width\": false,\r\n \"height\": false,\r\n \"depth\": false,\r\n \"widthSegments\": false,\r\n \"heightSegments\": false,\r\n \"depthSegments\": false\r\n }\r\n },\r\n \"in\": {\r\n \"visible\": {\r\n \"width\": false,\r\n \"height\": false,\r\n \"depth\": false,\r\n \"widthSegments\": false,\r\n \"heightSegments\": false,\r\n \"depthSegments\": false\r\n }\r\n }\r\n },\r\n \"id\": \"boxgeometry-0001\",\r\n \"options\": {},\r\n \"links\": {}\r\n },\r\n \"phongmaterial-0001\": {\r\n \"module\": \"@dualbox\/dualbox-module-material-phong\",\r\n \"version\": \"1.0.64\",\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"540\",\r\n \"top\": \"220\"\r\n },\r\n \"input\": {\r\n \"visible\": {\r\n \"color\": false,\r\n \"specular\": false,\r\n \"shininess\": false,\r\n \"map\": false,\r\n \"lightMap\": false,\r\n \"lightMapIntensity\": false,\r\n \"aoMap\": false,\r\n \"aoMapIntensity\": false,\r\n \"emissive\": false,\r\n \"emissiveMap\": false,\r\n \"bumpMap\": false,\r\n \"bumpScale\": false,\r\n \"normalMap\": false,\r\n \"normalScale\": false,\r\n \"displacementMap\": false,\r\n \"displacementScale\": false,\r\n \"displacementBias\": false,\r\n \"specularMap\": false,\r\n \"alphaMap\": false,\r\n \"envMap\": false,\r\n \"combine\": false,\r\n \"reflectivity\": false,\r\n \"refractionRatio\": false,\r\n \"fog\": false,\r\n \"shading\": false,\r\n \"wireframe\": false,\r\n \"wireframeLinewidth\": false,\r\n \"wireframeLinecap\": false,\r\n \"wireframeLinejoin\": false,\r\n \"vertexColors\": false,\r\n \"skinning\": false,\r\n \"morphTargets\": false,\r\n \"morphNormals\": false,\r\n \"side\": false,\r\n \"opacity\": false,\r\n \"blending\": false\r\n }\r\n },\r\n \"in\": {\r\n \"visible\": {\r\n \"color\": false,\r\n \"specular\": false,\r\n \"shininess\": false,\r\n \"map\": false,\r\n \"lightMap\": false,\r\n \"lightMapIntensity\": false,\r\n \"aoMap\": false,\r\n \"aoMapIntensity\": false,\r\n \"emissive\": false,\r\n \"emissiveMap\": false,\r\n \"bumpMap\": false,\r\n \"bumpScale\": false,\r\n \"normalMap\": false,\r\n \"normalScale\": false,\r\n \"displacementMap\": false,\r\n \"displacementScale\": false,\r\n \"displacementBias\": false,\r\n \"specularMap\": false,\r\n \"alphaMap\": false,\r\n \"envMap\": false,\r\n \"combine\": false,\r\n \"reflectivity\": false,\r\n \"refractionRatio\": false,\r\n \"fog\": false,\r\n \"shading\": false,\r\n \"wireframe\": false,\r\n \"wireframeLinewidth\": false,\r\n \"wireframeLinecap\": false,\r\n \"wireframeLinejoin\": false,\r\n \"vertexColors\": false,\r\n \"skinning\": false,\r\n \"morphTargets\": false,\r\n \"morphNormals\": false,\r\n \"side\": false,\r\n \"opacity\": false,\r\n \"blending\": false\r\n }\r\n }\r\n },\r\n \"id\": \"phongmaterial-0001\",\r\n \"options\": {},\r\n \"defaultInputs\": {},\r\n \"links\": {}\r\n },\r\n \"mesh-0001\": {\r\n \"module\": \"@dualbox\/dualbox-module-mesh\",\r\n \"version\": \"1.0.65\",\r\n \"links\": {\r\n \"mat\": {\r\n \"phongmaterial-0001\": \"mat\"\r\n },\r\n \"g\": {\r\n \"geometryscale-0001\": \"g\"\r\n }\r\n },\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"840\",\r\n \"top\": \"60\"\r\n },\r\n \"input\": {\r\n \"visible\": {\r\n \"g\": true,\r\n \"mat\": true,\r\n \"renderOrder\": false,\r\n \"position\": false,\r\n \"scale\": false,\r\n \"name\": false\r\n }\r\n },\r\n \"in\": {\r\n \"visible\": {\r\n \"g\": true,\r\n \"mat\": true,\r\n \"renderOrder\": false,\r\n \"position\": false,\r\n \"rotation\": false,\r\n \"scale\": false,\r\n \"name\": false\r\n }\r\n }\r\n },\r\n \"id\": \"mesh-0001\",\r\n \"options\": {},\r\n \"defaultInputs\": {}\r\n },\r\n \"snode-0001\": {\r\n \"module\": \"@dualbox\/dualbox-module-scenenode-addmesh\",\r\n \"version\": \"1.0.64\",\r\n \"defaultInputs\": {\r\n \"snode\": {}\r\n },\r\n \"links\": {\r\n \"mesh\": {\r\n \"mesh-0001\": \"mesh\"\r\n }\r\n },\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"1040\",\r\n \"top\": \"74\"\r\n },\r\n \"input\": {\r\n \"visible\": {\r\n \"snode\": false,\r\n \"mesh\": true\r\n }\r\n },\r\n \"in\": {\r\n \"visible\": {\r\n \"snode\": false,\r\n \"mesh\": true\r\n }\r\n }\r\n },\r\n \"id\": \"snode-0001\",\r\n \"options\": {}\r\n }\r\n },\r\n \"ui\": {\r\n \"canvas3D-0001\": {\r\n \"webGLErrorMessage\": \"Votre WebGL n\'est pas fonctionnel !\",\r\n \"module\": \"@dualbox\/dualbox-ui-canvas3d\",\r\n \"version\": \"1.0.73\",\r\n \"type\": \"Canvas3D\",\r\n \"attr\": {\r\n \"grid\": true,\r\n \"cameraLights\": [\r\n {\r\n \"type\": \"directional\",\r\n \"position\": {\r\n \"x\": 0.3,\r\n \"y\": 0.3,\r\n \"z\": -1\r\n },\r\n \"intensity\": 0.7\r\n }\r\n ]\r\n },\r\n \"links\": {\r\n \"snode\": {\r\n \"output\": \"snode\"\r\n }\r\n },\r\n \"events\": [\r\n {\r\n \"node\": \"loader\",\r\n \"event\": \"hide\"\r\n }\r\n ],\r\n \"autotrigger\": true,\r\n \"options\": {},\r\n \"defaultInputs\": {},\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"1552\",\r\n \"top\": \"94\"\r\n },\r\n \"input\": {\r\n \"visible\": {\r\n \"mesh\": false,\r\n \"snode\": true,\r\n \"lights\": false,\r\n \"cameraLights\": false\r\n }\r\n },\r\n \"in\": {\r\n \"visible\": {\r\n \"mesh\": false,\r\n \"snode\": true,\r\n \"lights\": false,\r\n \"cameraLights\": false\r\n }\r\n }\r\n },\r\n \"id\": \"canvas3D-0001\"\r\n },\r\n \"loader\": {\r\n \"module\": \"@dualbox\/dualbox-ui-bootstrap-loader\",\r\n \"version\": \"1.0.64\",\r\n \"options\": {},\r\n \"defaultInputs\": {},\r\n \"links\": {},\r\n \"id\": \"loader\",\r\n \"graph\": {\r\n \"position\": {\r\n \"top\": 10,\r\n \"left\": 10\r\n },\r\n \"in\": {\r\n \"visible\": {}\r\n }\r\n },\r\n \"attr\": {}\r\n },\r\n \"widget3d-cameraman\": {\r\n \"module\": \"@dualbox\/dualbox-ui-widget3d-cameraman\",\r\n \"version\": \"1.0.68\",\r\n \"registerTo\": \"canvas3D-0001\",\r\n \"options\": {},\r\n \"defaultInputs\": {},\r\n \"links\": {},\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"1553\",\r\n \"top\": \"172\"\r\n },\r\n \"input\": {\r\n \"visible\": {\r\n \"cameraType\": false,\r\n \"target\": false,\r\n \"orientation\": false,\r\n \"distToTarget\": false,\r\n \"bottom\": false,\r\n \"top\": false,\r\n \"left\": false,\r\n \"right\": false,\r\n \"resetMode\": false,\r\n \"targetMode\": false,\r\n \"trackballHelper\": false,\r\n \"centered\": false,\r\n \"centeredAABB\": false\r\n }\r\n },\r\n \"in\": {\r\n \"visible\": {\r\n \"cameraType\": false,\r\n \"target\": false,\r\n \"orientation\": false,\r\n \"distToTarget\": false,\r\n \"bottom\": false,\r\n \"top\": false,\r\n \"left\": false,\r\n \"right\": false,\r\n \"resetMode\": false,\r\n \"targetMode\": false,\r\n \"trackballHelper\": false,\r\n \"centered\": false,\r\n \"centeredAABB\": false\r\n }\r\n }\r\n },\r\n \"attr\": {\r\n \"mouse\": {\r\n \"mousedown0\": [\r\n \"rotateCam\"\r\n ],\r\n \"mousewheel\": [\r\n \"smartZoomCam\"\r\n ],\r\n \"mousedown2\": [\r\n \"translateCam\"\r\n ]\r\n }\r\n },\r\n \"id\": \"widget3d-cameraman\"\r\n },\r\n \"slider-0001\": {\r\n \"module\": \"@dualbox\/dualbox-ui-bootstrap-slider\",\r\n \"version\": \"1.0.65\",\r\n \"type\": \"Slider\",\r\n \"attr\": {\r\n \"min\": 1,\r\n \"max\": 50,\r\n \"step\": 0.1,\r\n \"label\": \"Box width\",\r\n \"value\": 10\r\n },\r\n \"options\": {},\r\n \"defaultInputs\": {},\r\n \"events\": [\r\n {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"trigger\"\r\n }\r\n ],\r\n \"links\": {},\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"20\",\r\n \"top\": \"20\"\r\n },\r\n \"input\": {\r\n \"visible\": {}\r\n },\r\n \"in\": {\r\n \"visible\": {}\r\n }\r\n },\r\n \"id\": \"slider-0001\"\r\n },\r\n \"slider-0002\": {\r\n \"module\": \"@dualbox\/dualbox-ui-bootstrap-slider\",\r\n \"version\": \"1.0.65\",\r\n \"type\": \"Slider\",\r\n \"attr\": {\r\n \"min\": 1,\r\n \"max\": 50,\r\n \"step\": 0.1,\r\n \"label\": \"Box height\",\r\n \"value\": 10\r\n },\r\n \"options\": {},\r\n \"defaultInputs\": {},\r\n \"events\": [\r\n {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"trigger\"\r\n }\r\n ],\r\n \"links\": {},\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"20\",\r\n \"top\": \"120\"\r\n },\r\n \"input\": {\r\n \"visible\": {}\r\n },\r\n \"in\": {\r\n \"visible\": {}\r\n }\r\n },\r\n \"id\": \"slider-0002\"\r\n },\r\n \"slider-0003\": {\r\n \"module\": \"@dualbox\/dualbox-ui-bootstrap-slider\",\r\n \"version\": \"1.0.65\",\r\n \"type\": \"Slider\",\r\n \"attr\": {\r\n \"min\": 1,\r\n \"max\": 50,\r\n \"step\": 0.1,\r\n \"label\": \"Box depth\",\r\n \"value\": 10\r\n },\r\n \"options\": {},\r\n \"defaultInputs\": {},\r\n \"events\": [\r\n {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"trigger\"\r\n }\r\n ],\r\n \"links\": {},\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"20\",\r\n \"top\": \"220\"\r\n },\r\n \"input\": {\r\n \"visible\": {}\r\n },\r\n \"in\": {\r\n \"visible\": {}\r\n }\r\n },\r\n \"id\": \"slider-0003\"\r\n }\r\n },\r\n \"input\": {\r\n \"x\": {\r\n \"type\": \"Number\",\r\n \"desc\": \"Width of the box, this is the length of the box on the x axis\",\r\n \"link\": {\r\n \"slider-0001\": \"result\"\r\n },\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"312\",\r\n \"top\": \"60\"\r\n }\r\n }\r\n },\r\n \"y\": {\r\n \"type\": \"Number\",\r\n \"desc\": \"Height of the box, this is the length of the box on the y axis\",\r\n \"link\": {\r\n \"slider-0002\": \"result\"\r\n },\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"320\",\r\n \"top\": \"160\"\r\n }\r\n }\r\n },\r\n \"z\": {\r\n \"type\": \"Number\",\r\n \"desc\": \"Depth of the box, this is the length of the box on the z axis\",\r\n \"link\": {\r\n \"slider-0003\": \"result\"\r\n },\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"320\",\r\n \"top\": \"260\"\r\n }\r\n }\r\n }\r\n },\r\n \"output\": {\r\n \"snode\": {\r\n \"type\": \"SceneNode\",\r\n \"desc\": \"A SceneNode of the built object in the scene\",\r\n \"link\": {\r\n \"snode-0001\": \"snode\"\r\n },\r\n \"graph\": {\r\n \"position\": {\r\n \"left\": \"1310\",\r\n \"top\": \"112\"\r\n }\r\n }\r\n }\r\n },\r\n \"events\": {\r\n \"start\": {\r\n \"desc\": \"What is triggered automatically when the application starts\",\r\n \"in\": [\r\n {\r\n \"node\": \"loader\",\r\n \"event\": \"show\"\r\n },\r\n {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"trigger\"\r\n },\r\n {\r\n \"node\": \"widget3d-cameraman\",\r\n \"event\": \"trigger\"\r\n }\r\n ],\r\n \"out\": {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"display\"\r\n }\r\n },\r\n \"build\": {\r\n \"desc\": \"Ask the application to resolve and display the object from current parameters\",\r\n \"in\": [\r\n {\r\n \"node\": \"loader\",\r\n \"event\": \"show\"\r\n },\r\n {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"trigger\"\r\n },\r\n {\r\n \"node\": \"widget3d-cameraman\",\r\n \"event\": \"trigger\"\r\n }\r\n ],\r\n \"out\": {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"display\"\r\n }\r\n },\r\n \"screenshot\": {\r\n \"desc\": \"Ask the canvas for a screenshot\",\r\n \"in\": [\r\n {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"screenshot\"\r\n }\r\n ],\r\n \"out\": {\r\n \"node\": \"canvas3D-0001\",\r\n \"event\": \"screenshot\"\r\n }\r\n }\r\n },\r\n \"css\": \".dualbox hr { \\n border-top: 1px solid #ccc;\\n}\\n\\n.dualbox-panel {\\n padding: 15px; \\n border: 1px solid #ccc; \\n border-radius: 4px; \\n margin: 15px; \\n background: white;\\n}\",\r\n \"dependencies\": {},\r\n \"libs\": {\r\n \"@dualbox\/dualbox\": \"1.0.65\",\r\n \"@dualbox\/dualbox-lib-bootstrap\": \"1.0.16\",\r\n \"@dualbox\/dualbox-lib-bootstrap-slider\": \"1.0.10\",\r\n \"@dualbox\/dualbox-lib-htmltool\": \"1.0.3\",\r\n \"@dualbox\/dualbox-lib-jquery\": \"1.0.5\",\r\n \"@dualbox\/dualbox-type-all3d\": \"1.0.58\",\r\n \"@dualbox\/dualbox-type-box2\": \"1.0.23\",\r\n \"@dualbox\/dualbox-lib-xthree\": \"1.0.18\",\r\n \"@dualbox\/dualbox-lib-interpolants\": \"1.0.6\",\r\n \"@dualbox\/dualbox-type-scenenode\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-geometry\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-linegeometry\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-cameraman\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-bezierpath\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-box3\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-color\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-cubetexture\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-cylindrical\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-euler\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-matrix3\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-matrix4\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-plane\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-quaternion\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-ray\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-segment3\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-sphere\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-spherical\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-vector2\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-vector3\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-vector4\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-light\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-material\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-displacementmap\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-mesh\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-texture\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-blending\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-mapping\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-pixeldatatype\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-pixelformat\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-shading\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-side\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-textureconst\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-texturefilter\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-usedcolor\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-vertexcolors\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-wrapping\": \"1.0.23\",\r\n \"@dualbox\/dualbox-type-number\": \"1.0.15\",\r\n \"@dualbox\/dualbox-type-boolean\": \"1.0.16\",\r\n \"@dualbox\/dualbox-type-string\": \"1.0.16\",\r\n \"@dualbox\/dualbox-type-array\": \"1.0.16\",\r\n \"@dualbox\/dualbox-type-object\": \"1.0.16\",\r\n \"@dualbox\/dualbox-type-buffer\": \"1.0.15\",\r\n \"@dualbox\/dualbox-type-map\": \"1.0.16\",\r\n \"@dualbox\/dualbox-type-json\": \"1.0.16\",\r\n \"@dualbox\/dualbox-type-regexp\": \"1.0.16\",\r\n \"@dualbox\/dualbox-type-nativearray\": \"1.0.16\",\r\n \"@dualbox\/dualbox-type-heightmap\": \"1.0.24\",\r\n \"@dualbox\/dualbox-type-line\": \"1.0.23\",\r\n \"@dualbox\/dualbox-lib-appparser\": \"1.0.4\",\r\n \"@dualbox\/dualbox-lib-three-ssao-96\": \"1.0.4\",\r\n \"@dualbox\/dualbox-lib-lodash\": \"1.0.1\",\r\n \"@dualbox\/dualbox-lib-jszip\": \"1.0.1\"\r\n },\r\n \"interface\": {\r\n \"viewer\": {\r\n \"type\": \"Element\",\r\n \"tagName\": \"div\",\r\n \"attributes\": {\r\n \"className\": [\r\n \"dualbox\",\r\n \"dualbox-container\",\r\n \"dualbox-viewer\"\r\n ],\r\n \"style\": {\r\n \"position\": \"relative\",\r\n \"width\": \"100%\",\r\n \"height\": \"100%\"\r\n }\r\n },\r\n \"children\": [\r\n {\r\n \"type\": \"Element\",\r\n \"tagName\": \"div\",\r\n \"attributes\": {\r\n \"className\": [\r\n \"dualbox\",\r\n \"dualbox-component\"\r\n ],\r\n \"style\": {\r\n \"width\": \"auto\",\r\n \"height\": \"auto\"\r\n },\r\n \"dataset\": {\r\n \"node\": \"canvas3D-0001\"\r\n }\r\n }\r\n },\r\n {\r\n \"type\": \"Element\",\r\n \"tagName\": \"div\",\r\n \"attributes\": {\r\n \"className\": [\r\n \"dualbox\",\r\n \"dualbox-component\"\r\n ],\r\n \"style\": {\r\n \"width\": \"auto\",\r\n \"height\": \"auto\"\r\n },\r\n \"dataset\": {\r\n \"node\": \"loader\"\r\n }\r\n }\r\n },\r\n {\r\n \"type\": \"Element\",\r\n \"tagName\": \"div\",\r\n \"attributes\": {\r\n \"className\": [\r\n \"dualbox\",\r\n \"dualbox-component\"\r\n ],\r\n \"style\": {\r\n \"width\": \"auto\",\r\n \"height\": \"auto\"\r\n },\r\n \"dataset\": {\r\n \"node\": \"widget3d-cameraman\"\r\n }\r\n }\r\n }\r\n ]\r\n },\r\n \"controls\": {\r\n \"type\": \"Element\",\r\n \"tagName\": \"div\",\r\n \"attributes\": {\r\n \"className\": [\r\n \"dualbox\",\r\n \"dualbox-container\",\r\n \"dualbox-panel\",\r\n \"dualbox-controls\"\r\n ],\r\n \"style\": {\r\n \"width\": \"300px\",\r\n \"height\": \"auto\",\r\n \"position\": \"absolute\",\r\n \"top\": 0,\r\n \"left\": 0\r\n }\r\n },\r\n \"children\": [\r\n {\r\n \"type\": \"Element\",\r\n \"tagName\": \"div\",\r\n \"attributes\": {\r\n \"className\": [\r\n \"dualbox\",\r\n \"dualbox-component\"\r\n ],\r\n \"style\": {\r\n \"width\": \"auto\",\r\n \"height\": \"auto\"\r\n },\r\n \"dataset\": {\r\n \"node\": \"slider-0001\"\r\n }\r\n },\r\n \"children\": []\r\n },\r\n {\r\n \"type\": \"Element\",\r\n \"tagName\": \"div\",\r\n \"attributes\": {\r\n \"className\": [\r\n \"dualbox\",\r\n \"dualbox-component\"\r\n ],\r\n \"style\": {\r\n \"width\": \"auto\",\r\n \"height\": \"auto\"\r\n },\r\n \"dataset\": {\r\n \"node\": \"slider-0002\"\r\n }\r\n },\r\n \"children\": []\r\n },\r\n {\r\n \"type\": \"Element\",\r\n \"tagName\": \"div\",\r\n \"attributes\": {\r\n \"className\": [\r\n \"dualbox\",\r\n \"dualbox-component\"\r\n ],\r\n \"style\": {\r\n \"width\": \"auto\",\r\n \"height\": \"auto\"\r\n },\r\n \"dataset\": {\r\n \"node\": \"slider-0003\"\r\n }\r\n },\r\n \"children\": []\r\n }\r\n ]\r\n }\r\n }\r\n}"),*/
93
+ showLoadButton : true,
94
+ showSaveButton : true,
95
95
 
96
96
  search : function(text, cb) {
97
97
  var options = {