@combeenation/3d-viewer 6.5.0 → 7.0.0-beta2

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 (118) hide show
  1. package/README.md +111 -111
  2. package/dist/lib-cjs/api/classes/animationInterface.d.ts +8 -8
  3. package/dist/lib-cjs/api/classes/animationInterface.js +2 -2
  4. package/dist/lib-cjs/api/classes/dottedPath.d.ts +79 -79
  5. package/dist/lib-cjs/api/classes/dottedPath.js +166 -166
  6. package/dist/lib-cjs/api/classes/element.d.ts +153 -149
  7. package/dist/lib-cjs/api/classes/element.js +670 -669
  8. package/dist/lib-cjs/api/classes/element.js.map +1 -1
  9. package/dist/lib-cjs/api/classes/event.d.ts +396 -342
  10. package/dist/lib-cjs/api/classes/event.js +419 -365
  11. package/dist/lib-cjs/api/classes/event.js.map +1 -1
  12. package/dist/lib-cjs/api/classes/eventBroadcaster.d.ts +26 -26
  13. package/dist/lib-cjs/api/classes/eventBroadcaster.js +49 -49
  14. package/dist/lib-cjs/api/classes/fuzzyMap.d.ts +7 -0
  15. package/dist/lib-cjs/api/classes/fuzzyMap.js +22 -0
  16. package/dist/lib-cjs/api/classes/fuzzyMap.js.map +1 -0
  17. package/dist/lib-cjs/api/classes/parameter.d.ts +351 -339
  18. package/dist/lib-cjs/api/classes/parameter.js +517 -464
  19. package/dist/lib-cjs/api/classes/parameter.js.map +1 -1
  20. package/dist/lib-cjs/api/classes/parameterObservable.d.ts +36 -36
  21. package/dist/lib-cjs/api/classes/parameterObservable.js +72 -97
  22. package/dist/lib-cjs/api/classes/parameterObservable.js.map +1 -1
  23. package/dist/lib-cjs/api/classes/parameterizable.d.ts +15 -15
  24. package/dist/lib-cjs/api/classes/parameterizable.js +102 -102
  25. package/dist/lib-cjs/api/classes/placementAnimation.d.ts +45 -45
  26. package/dist/lib-cjs/api/classes/placementAnimation.js +176 -176
  27. package/dist/lib-cjs/api/classes/variant.d.ts +253 -234
  28. package/dist/lib-cjs/api/classes/variant.js +843 -818
  29. package/dist/lib-cjs/api/classes/variant.js.map +1 -1
  30. package/dist/lib-cjs/api/classes/variantInstance.d.ts +53 -44
  31. package/dist/lib-cjs/api/classes/variantInstance.js +125 -105
  32. package/dist/lib-cjs/api/classes/variantInstance.js.map +1 -1
  33. package/dist/lib-cjs/api/classes/variantParameterizable.d.ts +17 -17
  34. package/dist/lib-cjs/api/classes/variantParameterizable.js +88 -88
  35. package/dist/lib-cjs/api/classes/viewer.d.ts +199 -185
  36. package/dist/lib-cjs/api/classes/viewer.js +670 -619
  37. package/dist/lib-cjs/api/classes/viewer.js.map +1 -1
  38. package/dist/lib-cjs/api/classes/viewerLight.d.ts +66 -66
  39. package/dist/lib-cjs/api/classes/viewerLight.js +348 -348
  40. package/dist/lib-cjs/api/classes/viewerLight.js.map +1 -1
  41. package/dist/lib-cjs/api/internal/lensRendering.d.ts +8 -8
  42. package/dist/lib-cjs/api/internal/lensRendering.js +11 -11
  43. package/dist/lib-cjs/api/internal/sceneSetup.d.ts +13 -13
  44. package/dist/lib-cjs/api/internal/sceneSetup.js +226 -226
  45. package/dist/lib-cjs/api/manager/animationManager.d.ts +30 -30
  46. package/dist/lib-cjs/api/manager/animationManager.js +126 -126
  47. package/dist/lib-cjs/api/manager/animationManager.js.map +1 -1
  48. package/dist/lib-cjs/api/manager/gltfExportManager.d.ts +78 -78
  49. package/dist/lib-cjs/api/manager/gltfExportManager.js +241 -241
  50. package/dist/lib-cjs/api/manager/sceneManager.d.ts +33 -33
  51. package/dist/lib-cjs/api/manager/sceneManager.js +130 -130
  52. package/dist/lib-cjs/api/manager/sceneManager.js.map +1 -1
  53. package/dist/lib-cjs/api/manager/tagManager.d.ts +108 -0
  54. package/dist/lib-cjs/api/manager/tagManager.js +420 -0
  55. package/dist/lib-cjs/api/manager/tagManager.js.map +1 -0
  56. package/dist/lib-cjs/api/manager/textureLoadManager.d.ts +22 -22
  57. package/dist/lib-cjs/api/manager/textureLoadManager.js +97 -97
  58. package/dist/lib-cjs/api/manager/variantInstanceManager.d.ts +102 -92
  59. package/dist/lib-cjs/api/manager/variantInstanceManager.js +284 -260
  60. package/dist/lib-cjs/api/manager/variantInstanceManager.js.map +1 -1
  61. package/dist/lib-cjs/api/store/specStorage.d.ts +32 -24
  62. package/dist/lib-cjs/api/store/specStorage.js +65 -50
  63. package/dist/lib-cjs/api/store/specStorage.js.map +1 -1
  64. package/dist/lib-cjs/api/util/babylonHelper.d.ts +235 -206
  65. package/dist/lib-cjs/api/util/babylonHelper.js +745 -668
  66. package/dist/lib-cjs/api/util/babylonHelper.js.map +1 -1
  67. package/dist/lib-cjs/api/util/globalTypes.d.ts +432 -387
  68. package/dist/lib-cjs/api/util/globalTypes.js +1 -1
  69. package/dist/lib-cjs/api/util/resourceHelper.d.ts +58 -58
  70. package/dist/lib-cjs/api/util/resourceHelper.js +203 -203
  71. package/dist/lib-cjs/api/util/sceneLoaderHelper.d.ts +44 -43
  72. package/dist/lib-cjs/api/util/sceneLoaderHelper.js +173 -155
  73. package/dist/lib-cjs/api/util/sceneLoaderHelper.js.map +1 -1
  74. package/dist/lib-cjs/api/util/stringHelper.d.ts +13 -13
  75. package/dist/lib-cjs/api/util/stringHelper.js +32 -32
  76. package/dist/lib-cjs/api/util/structureHelper.d.ts +9 -9
  77. package/dist/lib-cjs/api/util/structureHelper.js +48 -48
  78. package/dist/lib-cjs/buildinfo.json +3 -3
  79. package/dist/lib-cjs/commonjs.tsconfig.tsbuildinfo +1 -1
  80. package/dist/lib-cjs/index.d.ts +53 -52
  81. package/dist/lib-cjs/index.js +114 -112
  82. package/dist/lib-cjs/index.js.map +1 -1
  83. package/package.json +81 -81
  84. package/src/api/classes/animationInterface.ts +10 -10
  85. package/src/api/classes/dottedPath.ts +181 -181
  86. package/src/api/classes/element.ts +731 -717
  87. package/src/api/classes/event.ts +452 -385
  88. package/src/api/classes/eventBroadcaster.ts +52 -52
  89. package/src/api/classes/fuzzyMap.ts +21 -0
  90. package/src/api/classes/parameter.ts +554 -497
  91. package/src/api/classes/parameterObservable.ts +73 -100
  92. package/src/api/classes/parameterizable.ts +87 -87
  93. package/src/api/classes/placementAnimation.ts +162 -162
  94. package/src/api/classes/variant.ts +933 -884
  95. package/src/api/classes/variantInstance.ts +123 -97
  96. package/src/api/classes/variantParameterizable.ts +85 -85
  97. package/src/api/classes/viewer.ts +743 -691
  98. package/src/api/classes/viewerLight.ts +339 -339
  99. package/src/api/internal/debugViewer.ts +90 -90
  100. package/src/api/internal/lensRendering.ts +9 -9
  101. package/src/api/internal/sceneSetup.ts +205 -205
  102. package/src/api/manager/animationManager.ts +143 -143
  103. package/src/api/manager/gltfExportManager.ts +236 -236
  104. package/src/api/manager/sceneManager.ts +136 -132
  105. package/src/api/manager/tagManager.ts +451 -0
  106. package/src/api/manager/textureLoadManager.ts +95 -95
  107. package/src/api/manager/variantInstanceManager.ts +297 -265
  108. package/src/api/store/specStorage.ts +68 -51
  109. package/src/api/util/babylonHelper.ts +817 -739
  110. package/src/api/util/globalTypes.ts +499 -437
  111. package/src/api/util/resourceHelper.ts +191 -191
  112. package/src/api/util/sceneLoaderHelper.ts +170 -151
  113. package/src/api/util/stringHelper.ts +30 -30
  114. package/src/api/util/structureHelper.ts +49 -49
  115. package/src/buildinfo.json +3 -3
  116. package/src/dev.ts +62 -60
  117. package/src/index.ts +100 -98
  118. package/src/types.d.ts +35 -28
@@ -1,143 +1,143 @@
1
- import { AnimationInterface } from '../classes/animationInterface';
2
- import { PlacementAnimation } from '../classes/placementAnimation';
3
- import { Animation as BabylonAnimation } from '@babylonjs/core/Animations/animation';
4
- import { ArcRotateCamera } from '@babylonjs/core/Cameras/arcRotateCamera';
5
- import { Scene as BabylonScene, Scene } from '@babylonjs/core/scene';
6
- import { Nullable } from '@babylonjs/core/types';
7
- //import { CustomEase } from 'gsap/CustomEase';
8
- //import { ExpoScaleEase, RoughEase, SlowMo } from 'gsap/EasePack';
9
- import { remove } from 'lodash-es';
10
-
11
- //gsap.registerPlugin( CustomEase, ExpoScaleEase, RoughEase, SlowMo );
12
-
13
- export class AnimationManager {
14
- public animations: AnimationInterface[] = [];
15
-
16
- /**
17
- * Constructor.
18
- */
19
- protected constructor(protected scene: Scene) {}
20
-
21
- /**
22
- * Creates an {@link AnimationManager} based on given BabylonJS scene.
23
- */
24
- public static async create(scene: BabylonScene): Promise<AnimationManager> {
25
- return new AnimationManager(scene);
26
- }
27
-
28
- /**
29
- * @deprecated Use viewer.moveCameraTo().
30
- */
31
- public resetCamera(animate: boolean = false) {
32
- //TODO currently only works for arcrotate. are there any other cameras?
33
- const activeCamera = this.scene.activeCamera as Nullable<ArcRotateCamera>;
34
- if (!activeCamera) {
35
- throw new Error('There is no active camera');
36
- }
37
-
38
- const initAlpha = activeCamera.metadata.alpha;
39
- const initBeta = activeCamera.metadata.beta;
40
- const initRadius = activeCamera.metadata.radius;
41
-
42
- if (animate) {
43
- this.animateArcRotateCamera(initAlpha, initBeta, initRadius);
44
- } else {
45
- activeCamera.alpha = initAlpha;
46
- activeCamera.beta = initBeta;
47
- activeCamera.radius = initRadius;
48
- }
49
- }
50
-
51
- /**
52
- * @deprecated Use viewer.moveCameraTo().
53
- */
54
- public animateArcRotateCamera(targetAlpha: number, targetBeta: number, targetRadius: number) {
55
- const activeCamera = this.scene.activeCamera as Nullable<ArcRotateCamera>;
56
- if (!activeCamera) {
57
- throw new Error('There is no active camera');
58
- }
59
- const alphaAnimation = new BabylonAnimation(
60
- 'alphaAnimation',
61
- 'alpha',
62
- 30,
63
- BabylonAnimation.ANIMATIONTYPE_FLOAT,
64
- BabylonAnimation.ANIMATIONLOOPMODE_CONSTANT
65
- );
66
- const betaAnimation = new BabylonAnimation(
67
- 'betaAnimation',
68
- 'beta',
69
- 30,
70
- BabylonAnimation.ANIMATIONTYPE_FLOAT,
71
- BabylonAnimation.ANIMATIONLOOPMODE_CONSTANT
72
- );
73
- const radiusAnimation = new BabylonAnimation(
74
- 'radiusAnimation',
75
- 'radius',
76
- 30,
77
- BabylonAnimation.ANIMATIONTYPE_FLOAT,
78
- BabylonAnimation.ANIMATIONLOOPMODE_CONSTANT
79
- );
80
- alphaAnimation.setKeys([
81
- {
82
- frame: 0,
83
- value: activeCamera.alpha,
84
- },
85
- {
86
- frame: 100,
87
- value: targetAlpha,
88
- },
89
- ]);
90
- betaAnimation.setKeys([
91
- {
92
- frame: 0,
93
- value: activeCamera.beta,
94
- },
95
- {
96
- frame: 100,
97
- value: targetBeta,
98
- },
99
- ]);
100
- radiusAnimation.setKeys([
101
- {
102
- frame: 0,
103
- value: activeCamera.radius,
104
- },
105
- {
106
- frame: 100,
107
- value: targetRadius,
108
- },
109
- ]);
110
- activeCamera.animations.push(alphaAnimation);
111
- activeCamera.animations.push(betaAnimation);
112
- activeCamera.animations.push(radiusAnimation);
113
-
114
- const animation = this.scene.beginAnimation(activeCamera, 0, 100, false, 10);
115
- animation.disposeOnEnd = true;
116
- }
117
-
118
- /**
119
- * Stops and kills all running animations.
120
- */
121
- public killAllAnimations() {
122
- this.animations.forEach(animation => animation.kill());
123
- this.animations = [];
124
- }
125
-
126
- /**
127
- * @see {@link PlacementAnimation.play}
128
- */
129
- public async animateToPlacement(
130
- mutable: object,
131
- placement: PlacementDefinition | string,
132
- animation?: AnimationDefinition | string
133
- ): Promise<AnimationInterface> {
134
- const _animation = new PlacementAnimation(mutable, placement, animation);
135
- this.animations.push(_animation);
136
- const animationPromise = _animation.play();
137
- animationPromise.then(a => {
138
- remove(this.animations, _a => _a === a);
139
- a.kill();
140
- });
141
- return await animationPromise;
142
- }
143
- }
1
+ import { AnimationInterface } from '../classes/animationInterface';
2
+ import { PlacementAnimation } from '../classes/placementAnimation';
3
+ import { Animation as BabylonAnimation } from '@babylonjs/core/Animations/animation';
4
+ import { ArcRotateCamera } from '@babylonjs/core/Cameras/arcRotateCamera';
5
+ import { Scene as BabylonScene } from '@babylonjs/core/scene';
6
+ import { Nullable } from '@babylonjs/core/types';
7
+ //import { CustomEase } from 'gsap/CustomEase';
8
+ //import { ExpoScaleEase, RoughEase, SlowMo } from 'gsap/EasePack';
9
+ import { remove } from 'lodash-es';
10
+
11
+ //gsap.registerPlugin( CustomEase, ExpoScaleEase, RoughEase, SlowMo );
12
+
13
+ export class AnimationManager {
14
+ public animations: AnimationInterface[] = [];
15
+
16
+ /**
17
+ * Constructor.
18
+ */
19
+ protected constructor(protected scene: BabylonScene) {}
20
+
21
+ /**
22
+ * Creates an {@link AnimationManager} based on given Babylon.js scene.
23
+ */
24
+ public static async create(scene: BabylonScene): Promise<AnimationManager> {
25
+ return new AnimationManager(scene);
26
+ }
27
+
28
+ /**
29
+ * @deprecated Use viewer.moveCameraTo().
30
+ */
31
+ public resetCamera(animate: boolean = false) {
32
+ //TODO currently only works for arcrotate. are there any other cameras?
33
+ const activeCamera = this.scene.activeCamera as Nullable<ArcRotateCamera>;
34
+ if (!activeCamera) {
35
+ throw new Error('There is no active camera');
36
+ }
37
+
38
+ const initAlpha = activeCamera.metadata.alpha;
39
+ const initBeta = activeCamera.metadata.beta;
40
+ const initRadius = activeCamera.metadata.radius;
41
+
42
+ if (animate) {
43
+ this.animateArcRotateCamera(initAlpha, initBeta, initRadius);
44
+ } else {
45
+ activeCamera.alpha = initAlpha;
46
+ activeCamera.beta = initBeta;
47
+ activeCamera.radius = initRadius;
48
+ }
49
+ }
50
+
51
+ /**
52
+ * @deprecated Use viewer.moveCameraTo().
53
+ */
54
+ public animateArcRotateCamera(targetAlpha: number, targetBeta: number, targetRadius: number) {
55
+ const activeCamera = this.scene.activeCamera as Nullable<ArcRotateCamera>;
56
+ if (!activeCamera) {
57
+ throw new Error('There is no active camera');
58
+ }
59
+ const alphaAnimation = new BabylonAnimation(
60
+ 'alphaAnimation',
61
+ 'alpha',
62
+ 30,
63
+ BabylonAnimation.ANIMATIONTYPE_FLOAT,
64
+ BabylonAnimation.ANIMATIONLOOPMODE_CONSTANT
65
+ );
66
+ const betaAnimation = new BabylonAnimation(
67
+ 'betaAnimation',
68
+ 'beta',
69
+ 30,
70
+ BabylonAnimation.ANIMATIONTYPE_FLOAT,
71
+ BabylonAnimation.ANIMATIONLOOPMODE_CONSTANT
72
+ );
73
+ const radiusAnimation = new BabylonAnimation(
74
+ 'radiusAnimation',
75
+ 'radius',
76
+ 30,
77
+ BabylonAnimation.ANIMATIONTYPE_FLOAT,
78
+ BabylonAnimation.ANIMATIONLOOPMODE_CONSTANT
79
+ );
80
+ alphaAnimation.setKeys([
81
+ {
82
+ frame: 0,
83
+ value: activeCamera.alpha,
84
+ },
85
+ {
86
+ frame: 100,
87
+ value: targetAlpha,
88
+ },
89
+ ]);
90
+ betaAnimation.setKeys([
91
+ {
92
+ frame: 0,
93
+ value: activeCamera.beta,
94
+ },
95
+ {
96
+ frame: 100,
97
+ value: targetBeta,
98
+ },
99
+ ]);
100
+ radiusAnimation.setKeys([
101
+ {
102
+ frame: 0,
103
+ value: activeCamera.radius,
104
+ },
105
+ {
106
+ frame: 100,
107
+ value: targetRadius,
108
+ },
109
+ ]);
110
+ activeCamera.animations.push(alphaAnimation);
111
+ activeCamera.animations.push(betaAnimation);
112
+ activeCamera.animations.push(radiusAnimation);
113
+
114
+ const animation = this.scene.beginAnimation(activeCamera, 0, 100, false, 10);
115
+ animation.disposeOnEnd = true;
116
+ }
117
+
118
+ /**
119
+ * Stops and kills all running animations.
120
+ */
121
+ public killAllAnimations() {
122
+ this.animations.forEach(animation => animation.kill());
123
+ this.animations = [];
124
+ }
125
+
126
+ /**
127
+ * @see {@link PlacementAnimation.play}
128
+ */
129
+ public async animateToPlacement(
130
+ mutable: object,
131
+ placement: PlacementDefinition | string,
132
+ animation?: AnimationDefinition | string
133
+ ): Promise<AnimationInterface> {
134
+ const _animation = new PlacementAnimation(mutable, placement, animation);
135
+ this.animations.push(_animation);
136
+ const animationPromise = _animation.play();
137
+ animationPromise.then(a => {
138
+ remove(this.animations, _a => _a === a);
139
+ a.kill();
140
+ });
141
+ return await animationPromise;
142
+ }
143
+ }