json-object-editor 0.9.901 → 0.10.0

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 (59) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/app.js +5 -4
  3. package/css/jif/Read Me.txt +5 -5
  4. package/css/jif/demo-files/demo.css +153 -153
  5. package/css/jif/demo-files/demo.js +30 -30
  6. package/css/jif/demo.html +285 -285
  7. package/css/jif/fonts/joeiconfont.svg +24 -24
  8. package/css/jif/ie7/ie7.css +45 -45
  9. package/css/jif/ie7/ie7.js +46 -46
  10. package/css/jif/selection.json +573 -573
  11. package/css/joe.css +6 -6
  12. package/css/jquery-ui-1.10.4.custom.min.css +5 -5
  13. package/css/jquery-ui.min.css +6 -6
  14. package/css/jquery.timepicker.css +72 -72
  15. package/es5-build/capp/capp.js +1083 -1083
  16. package/es5-build/js/JsonObjectEditor_es5.jquery.craydent.js +11047 -11047
  17. package/es5-build/web-components/account-info.js +136 -136
  18. package/es5-build/web-components/capp-components.js +160 -160
  19. package/es5-build/web-components/capp-panel.js +85 -85
  20. package/es5-build/web-components/capp-view.js +73 -73
  21. package/es5-build/web-components/joe-autocomplete.js +149 -149
  22. package/es5-build/web-components/joe-button.js +132 -132
  23. package/es5-build/web-components/joe-card.js +92 -92
  24. package/es5-build/web-components/joe-component.js +74 -74
  25. package/es5-build/web-components/joe-field.js +70 -70
  26. package/es5-build/web-components/joe-list-item.js +176 -176
  27. package/es5-build/web-components/joe-user-cube.js +100 -100
  28. package/es5-build/web-components/report-components.js +133 -133
  29. package/grunt/build +86 -86
  30. package/grunt/package-lock.json +6301 -2489
  31. package/grunt/package.json +47 -47
  32. package/grunt/src +86 -86
  33. package/js/JsonObjectEditor.jquery.craydent.js +3 -2
  34. package/js/joe-full.js +11 -10
  35. package/js/joe.js +12 -11
  36. package/js/joe_es5.js +11056 -11056
  37. package/js/jquery.timepicker.min.js +1 -1
  38. package/js/leaflet.js +8 -8
  39. package/js/libs/adapter-latest.js +4400 -4400
  40. package/js/libs/craydent-1.9.2.js +11741 -11741
  41. package/js/libs/craydent-upload-2.0.0.js +394 -394
  42. package/js/libs/hammer.min.208.js +6 -6
  43. package/js/libs/jquery-3.5.1.min.js +2 -2
  44. package/js/libs/moment.min.js +6 -6
  45. package/js/native-shim.js +46 -46
  46. package/js/plugins/c3/c3.min.js +5 -5
  47. package/js/plugins/c3/d3.v3.min.js +4 -4
  48. package/js/plugins/threejs/Detector.js +78 -78
  49. package/js/plugins/threejs/LICENSE +21 -21
  50. package/js/plugins/threejs/MTLLoader.js +417 -417
  51. package/js/plugins/threejs/OBJLoader.js +564 -564
  52. package/js/plugins/threejs/OrbitControls.js +1037 -1037
  53. package/js/plugins/threejs/README.md +9 -9
  54. package/js/plugins/threejs/assets/female-croupier-2013-03-26.mtl +3 -3
  55. package/js/plugins/threejs/index.html +178 -178
  56. package/js/plugins/threejs/three.js +41507 -41507
  57. package/package copy.json +62 -0
  58. package/package.json +12 -13
  59. package/projectFilesBackup/.idea/workspace.xml +0 -424
@@ -1,9 +1,9 @@
1
- # WebGL 3D Model Viewer Using three.js
2
-
3
- ## Specification
4
-
5
- * OBJ loader for loading a geometry format that is as old and widely supported as GIFs.
6
- * MTL loader for loading really simple materials.
7
- * Orbit controls to smoothly turn the camera around the model.
8
- * Nearest-neighbor filtering and a pure white ambient light to showcase pixel art textures.
9
- * All libraries taken from the [three.js](https://github.com/mrdoob/three.js/) repository.
1
+ # WebGL 3D Model Viewer Using three.js
2
+
3
+ ## Specification
4
+
5
+ * OBJ loader for loading a geometry format that is as old and widely supported as GIFs.
6
+ * MTL loader for loading really simple materials.
7
+ * Orbit controls to smoothly turn the camera around the model.
8
+ * Nearest-neighbor filtering and a pure white ambient light to showcase pixel art textures.
9
+ * All libraries taken from the [three.js](https://github.com/mrdoob/three.js/) repository.
@@ -1,3 +1,3 @@
1
- newmtl default
2
- Ks 0 0 0
3
- map_Kd female-croupier-2013-03-26.png
1
+ newmtl default
2
+ Ks 0 0 0
3
+ map_Kd female-croupier-2013-03-26.png
@@ -1,178 +1,178 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <title>Three.js Viewer</title>
6
-
7
- <meta charset="utf-8">
8
- <meta name="viewport" content="width=device-width, initial-scale=1">
9
-
10
- <script src="three.js"></script>
11
- <script src="Detector.js"></script>
12
- <script src="OrbitControls.js"></script>
13
- <script src="OBJLoader.js"></script>
14
- <script src="MTLLoader.js"></script>
15
- <script src="http://localhost:2099/JsonObjectEditor/js/libs/craydent-1.9.2.js"></script>
16
-
17
- <style>
18
- body {
19
- overflow: hidden;
20
- margin: 0;
21
- padding: 0;
22
- background: #fff;
23
- }
24
- </style>
25
-
26
- </head>
27
- <body>
28
-
29
- <script>
30
-
31
- if (!Detector.webgl) {
32
- Detector.addGetWebGLMessage();
33
- }
34
-
35
- var container;
36
-
37
- var camera, controls, scene, renderer;
38
- var lighting, ambient, keyLight, fillLight, backLight;
39
-
40
- var windowHalfX = window.innerWidth / 2;
41
- var windowHalfY = window.innerHeight / 2;
42
-
43
- init();
44
- animate();
45
-
46
- function init() {
47
-
48
- container = document.createElement('div');
49
- document.body.appendChild(container);
50
-
51
- /* Camera */
52
-
53
- camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000);
54
- camera.position.z = 3;
55
-
56
- /* Scene */
57
-
58
- scene = new THREE.Scene();
59
- lighting = false;
60
-
61
- ambient = new THREE.AmbientLight(0xffffff, 1.0);
62
- scene.add(ambient);
63
-
64
- keyLight = new THREE.DirectionalLight(new THREE.Color('hsl(30, 100%, 75%)'), 1.0);
65
- keyLight.position.set(-100, 0, 100);
66
-
67
- fillLight = new THREE.DirectionalLight(new THREE.Color('hsl(240, 100%, 75%)'), 0.75);
68
- fillLight.position.set(100, 0, 100);
69
-
70
- backLight = new THREE.DirectionalLight(0xffffff, 1.0);
71
- backLight.position.set(100, 0, -100).normalize();
72
-
73
- /* Model */
74
- var dir = $GET('dir')||'';
75
- if(dir){dir = dir+'/';}
76
- var model = $GET('model')||'female-croupier-2013-03-26';
77
- var mtlLoader = new THREE.MTLLoader();
78
- mtlLoader.setBaseUrl('assets/'+dir);
79
- mtlLoader.setPath('assets/'+dir);
80
- mtlLoader.load(model+'.mtl', function (materials) {
81
-
82
- materials.preload();
83
-
84
- //materials.materials.default.map.magFilter = THREE.NearestFilter;
85
- //materials.materials.default.map.minFilter = THREE.LinearFilter;
86
-
87
- var objLoader = new THREE.OBJLoader();
88
- objLoader.setMaterials(materials);
89
- objLoader.setPath('assets/'+dir);
90
- objLoader.load(model+'.obj', function (object) {
91
-
92
- scene.add(object);
93
-
94
- });
95
-
96
- });
97
-
98
- /* Renderer */
99
-
100
- renderer = new THREE.WebGLRenderer();
101
- renderer.setPixelRatio(window.devicePixelRatio);
102
- renderer.setSize(window.innerWidth, window.innerHeight);
103
- renderer.setClearColor(new THREE.Color('#fff'));
104
-
105
- container.appendChild(renderer.domElement);
106
-
107
- /* Controls */
108
-
109
- controls = new THREE.OrbitControls(camera, renderer.domElement);
110
- controls.enableDamping = true;
111
- controls.dampingFactor = 0.5;
112
- controls.enableZoom = true;
113
-
114
- /* Events */
115
-
116
- window.addEventListener('resize', onWindowResize, false);
117
- window.addEventListener('keydown', onKeyboardEvent, false);
118
-
119
- }
120
-
121
- function onWindowResize() {
122
-
123
- windowHalfX = window.innerWidth / 2;
124
- windowHalfY = window.innerHeight / 2;
125
-
126
- camera.aspect = window.innerWidth / window.innerHeight;
127
- camera.updateProjectionMatrix();
128
-
129
- renderer.setSize(window.innerWidth, window.innerHeight);
130
-
131
- }
132
-
133
- function onKeyboardEvent(e) {
134
-
135
- if (e.code === 'KeyL') {
136
-
137
- lighting = !lighting;
138
-
139
- if (lighting) {
140
-
141
- ambient.intensity = 0.25;
142
- scene.add(keyLight);
143
- scene.add(fillLight);
144
- scene.add(backLight);
145
-
146
- } else {
147
-
148
- ambient.intensity = 1.0;
149
- scene.remove(keyLight);
150
- scene.remove(fillLight);
151
- scene.remove(backLight);
152
-
153
- }
154
-
155
- }
156
-
157
- }
158
-
159
- function animate() {
160
-
161
- requestAnimationFrame(animate);
162
-
163
- controls.update();
164
-
165
- render();
166
-
167
- }
168
-
169
- function render() {
170
-
171
- renderer.render(scene, camera);
172
-
173
- }
174
-
175
- </script>
176
-
177
- </body>
178
- </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+
5
+ <title>Three.js Viewer</title>
6
+
7
+ <meta charset="utf-8">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1">
9
+
10
+ <script src="three.js"></script>
11
+ <script src="Detector.js"></script>
12
+ <script src="OrbitControls.js"></script>
13
+ <script src="OBJLoader.js"></script>
14
+ <script src="MTLLoader.js"></script>
15
+ <script src="http://localhost:2099/JsonObjectEditor/js/libs/craydent-1.9.2.js"></script>
16
+
17
+ <style>
18
+ body {
19
+ overflow: hidden;
20
+ margin: 0;
21
+ padding: 0;
22
+ background: #fff;
23
+ }
24
+ </style>
25
+
26
+ </head>
27
+ <body>
28
+
29
+ <script>
30
+
31
+ if (!Detector.webgl) {
32
+ Detector.addGetWebGLMessage();
33
+ }
34
+
35
+ var container;
36
+
37
+ var camera, controls, scene, renderer;
38
+ var lighting, ambient, keyLight, fillLight, backLight;
39
+
40
+ var windowHalfX = window.innerWidth / 2;
41
+ var windowHalfY = window.innerHeight / 2;
42
+
43
+ init();
44
+ animate();
45
+
46
+ function init() {
47
+
48
+ container = document.createElement('div');
49
+ document.body.appendChild(container);
50
+
51
+ /* Camera */
52
+
53
+ camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000);
54
+ camera.position.z = 3;
55
+
56
+ /* Scene */
57
+
58
+ scene = new THREE.Scene();
59
+ lighting = false;
60
+
61
+ ambient = new THREE.AmbientLight(0xffffff, 1.0);
62
+ scene.add(ambient);
63
+
64
+ keyLight = new THREE.DirectionalLight(new THREE.Color('hsl(30, 100%, 75%)'), 1.0);
65
+ keyLight.position.set(-100, 0, 100);
66
+
67
+ fillLight = new THREE.DirectionalLight(new THREE.Color('hsl(240, 100%, 75%)'), 0.75);
68
+ fillLight.position.set(100, 0, 100);
69
+
70
+ backLight = new THREE.DirectionalLight(0xffffff, 1.0);
71
+ backLight.position.set(100, 0, -100).normalize();
72
+
73
+ /* Model */
74
+ var dir = $GET('dir')||'';
75
+ if(dir){dir = dir+'/';}
76
+ var model = $GET('model')||'female-croupier-2013-03-26';
77
+ var mtlLoader = new THREE.MTLLoader();
78
+ mtlLoader.setBaseUrl('assets/'+dir);
79
+ mtlLoader.setPath('assets/'+dir);
80
+ mtlLoader.load(model+'.mtl', function (materials) {
81
+
82
+ materials.preload();
83
+
84
+ //materials.materials.default.map.magFilter = THREE.NearestFilter;
85
+ //materials.materials.default.map.minFilter = THREE.LinearFilter;
86
+
87
+ var objLoader = new THREE.OBJLoader();
88
+ objLoader.setMaterials(materials);
89
+ objLoader.setPath('assets/'+dir);
90
+ objLoader.load(model+'.obj', function (object) {
91
+
92
+ scene.add(object);
93
+
94
+ });
95
+
96
+ });
97
+
98
+ /* Renderer */
99
+
100
+ renderer = new THREE.WebGLRenderer();
101
+ renderer.setPixelRatio(window.devicePixelRatio);
102
+ renderer.setSize(window.innerWidth, window.innerHeight);
103
+ renderer.setClearColor(new THREE.Color('#fff'));
104
+
105
+ container.appendChild(renderer.domElement);
106
+
107
+ /* Controls */
108
+
109
+ controls = new THREE.OrbitControls(camera, renderer.domElement);
110
+ controls.enableDamping = true;
111
+ controls.dampingFactor = 0.5;
112
+ controls.enableZoom = true;
113
+
114
+ /* Events */
115
+
116
+ window.addEventListener('resize', onWindowResize, false);
117
+ window.addEventListener('keydown', onKeyboardEvent, false);
118
+
119
+ }
120
+
121
+ function onWindowResize() {
122
+
123
+ windowHalfX = window.innerWidth / 2;
124
+ windowHalfY = window.innerHeight / 2;
125
+
126
+ camera.aspect = window.innerWidth / window.innerHeight;
127
+ camera.updateProjectionMatrix();
128
+
129
+ renderer.setSize(window.innerWidth, window.innerHeight);
130
+
131
+ }
132
+
133
+ function onKeyboardEvent(e) {
134
+
135
+ if (e.code === 'KeyL') {
136
+
137
+ lighting = !lighting;
138
+
139
+ if (lighting) {
140
+
141
+ ambient.intensity = 0.25;
142
+ scene.add(keyLight);
143
+ scene.add(fillLight);
144
+ scene.add(backLight);
145
+
146
+ } else {
147
+
148
+ ambient.intensity = 1.0;
149
+ scene.remove(keyLight);
150
+ scene.remove(fillLight);
151
+ scene.remove(backLight);
152
+
153
+ }
154
+
155
+ }
156
+
157
+ }
158
+
159
+ function animate() {
160
+
161
+ requestAnimationFrame(animate);
162
+
163
+ controls.update();
164
+
165
+ render();
166
+
167
+ }
168
+
169
+ function render() {
170
+
171
+ renderer.render(scene, camera);
172
+
173
+ }
174
+
175
+ </script>
176
+
177
+ </body>
178
+ </html>