@dualbox/editor 1.0.19 → 1.0.21

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 (8) hide show
  1. package/css/plumb.css +0 -155
  2. package/html/editor.html +2 -2
  3. package/js/dist/GraphEditor.js +39 -25
  4. package/js/src/v/GraphView.js +5 -1
  5. package/js/src/v/templates/main.css +126 -0
  6. package/js/src/v/templates/main.html +8 -6
  7. package/js/src/v/templates/main.js +27 -19
  8. package/package.json +1 -1
package/css/plumb.css CHANGED
@@ -1,155 +0,0 @@
1
-
2
- .demo {
3
- /* for IE10+ touch devices */
4
- touch-action:none;
5
- }
6
-
7
- .dualbox-graph-canvas .marker-color-tag {
8
- height: 8px;
9
- margin: 0 3px 3px 0;
10
- padding: 0;
11
- width: 42px;
12
- line-height: 75pt;
13
- border-radius: 3px;
14
- display: block;
15
- width: 100%;
16
- }
17
-
18
- .input-color-tag {
19
- background-color: #F2D600;
20
- }
21
-
22
- .output-color-tag {
23
- background-color: #FFAB4A;
24
- }
25
-
26
- .ui-color-tag {
27
- background-color: #61BD4F;
28
- }
29
-
30
- .metanode-color-tag {
31
- background-color: #DDDDDD;
32
- }
33
-
34
- .input {
35
- }
36
-
37
- .output {
38
- }
39
-
40
- #flowchartWindow1 {
41
- top: 34em;
42
- left: 5em;
43
- }
44
-
45
- #flowchartWindow2 {
46
- top: 7em;
47
- left: 36em;
48
- }
49
-
50
- #flowchartWindow3 {
51
- top: 27em;
52
- left: 48em;
53
- }
54
-
55
- #flowchartWindow4 {
56
- top: 23em;
57
- left: 22em;
58
- }
59
-
60
- #flowchartWindow5 {
61
- top: 0em;
62
- left: 0em;
63
- }
64
-
65
- .dualbox-graph-canvas .jsplumb-connector {
66
- z-index: 4;
67
- }
68
-
69
- .dualbox-graph-canvas .jsplumb-endpoint {
70
- z-index: 30;
71
- }
72
- .dualbox-graph-canvas .inoutEndpointLabel, .endpointSourceLabel {
73
- box-shadow: 1px 1px 1px #716f6f;
74
- -o-box-shadow: 1px 1px 1px #716f6f;
75
- -webkit-box-shadow: 0px 1px 1px #716f6f;
76
- -moz-box-shadow: 1px 1px 1px #716f6f;
77
- z-index: 2000;
78
- transform:translate(0%,0%) !important; /* this shit is just to prevent jsplumb of centering the box on the endpoint... */
79
- }
80
- .dualbox-graph-canvas .descSpan {
81
- box-shadow: 1px 1px 1px #716f6f;
82
- -o-box-shadow: 1px 1px 1px #716f6f;
83
- -webkit-box-shadow: 0px 1px 1px #716f6f;
84
- -moz-box-shadow: 1px 1px 1px #716f6f;
85
- position: fixed;
86
- display:none;
87
- z-index:2010;
88
- }
89
-
90
- .dualbox-graph-canvas .aLabel {
91
- background-color: white;
92
- padding: 0.4em;
93
- font: 12px sans-serif;
94
- color: #444;
95
- z-index: 21;
96
- border: 1px dotted gray;
97
- opacity: 0.8;
98
- cursor: pointer;
99
- }
100
-
101
- .dualbox-graph-canvas .aLabel.jsplumb-hover {
102
- background-color: #5C96BC;
103
- color: white;
104
- border: 1px solid white;
105
- }
106
-
107
- .card.jsplumb-connected {
108
- /*border: 1px solid #a1a1a1; change border when connected to spot isolated elements as disabled*/
109
- }
110
-
111
- .jsplumb-drag {
112
- opacity:0.7 !important;
113
- }
114
-
115
- path, .jsplumb-endpoint {
116
- cursor: pointer;
117
- }
118
-
119
- .jsplumb-overlay {
120
- background-color:transparent;
121
- }
122
-
123
- .fileUpload {
124
- position: relative;
125
- overflow: hidden;
126
- margin: 10px;
127
- }
128
- .fileUpload input.upload {
129
- position: absolute;
130
- top: 0;
131
- right: 0;
132
- margin: 0;
133
- padding: 0;
134
- font-size: 20px;
135
- cursor: pointer;
136
- opacity: 0;
137
- filter: alpha(opacity=0);
138
- }
139
-
140
-
141
- .module-edit-modal-body .btn+.btn {
142
- margin-bottom: 0;
143
- margin-left: 5px;
144
- }
145
-
146
- .btn-add-node {
147
- width:46%;
148
- margin:1%;
149
- }
150
-
151
- button.close {
152
- position: absolute;
153
- right: 0;
154
- margin-right: 5px!important;
155
- }
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 = {