@combeenation/3d-viewer 4.0.0-beta3 → 4.0.0-beta4

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 (92) hide show
  1. package/README.md +112 -112
  2. package/dist/lib-cjs/api/classes/animationInterface.d.ts +8 -8
  3. package/dist/lib-cjs/api/classes/animationInterface.js +1 -1
  4. package/dist/lib-cjs/api/classes/dottedPath.d.ts +79 -79
  5. package/dist/lib-cjs/api/classes/dottedPath.js +190 -190
  6. package/dist/lib-cjs/api/classes/element.d.ts +125 -125
  7. package/dist/lib-cjs/api/classes/element.js +682 -682
  8. package/dist/lib-cjs/api/classes/elementParameterizable.d.ts +14 -14
  9. package/dist/lib-cjs/api/classes/elementParameterizable.js +134 -134
  10. package/dist/lib-cjs/api/classes/event.d.ts +312 -312
  11. package/dist/lib-cjs/api/classes/event.js +357 -357
  12. package/dist/lib-cjs/api/classes/eventBroadcaster.d.ts +26 -26
  13. package/dist/lib-cjs/api/classes/eventBroadcaster.js +53 -53
  14. package/dist/lib-cjs/api/classes/parameter.d.ts +165 -165
  15. package/dist/lib-cjs/api/classes/parameter.js +267 -267
  16. package/dist/lib-cjs/api/classes/parameterObservable.d.ts +36 -36
  17. package/dist/lib-cjs/api/classes/parameterObservable.js +126 -126
  18. package/dist/lib-cjs/api/classes/parameterizable.d.ts +15 -15
  19. package/dist/lib-cjs/api/classes/parameterizable.js +149 -149
  20. package/dist/lib-cjs/api/classes/placementAnimation.d.ts +38 -38
  21. package/dist/lib-cjs/api/classes/placementAnimation.js +138 -138
  22. package/dist/lib-cjs/api/classes/variant.d.ts +190 -190
  23. package/dist/lib-cjs/api/classes/variant.js +873 -873
  24. package/dist/lib-cjs/api/classes/variantInstance.d.ts +41 -41
  25. package/dist/lib-cjs/api/classes/variantInstance.js +98 -98
  26. package/dist/lib-cjs/api/classes/variantParameterizable.d.ts +17 -17
  27. package/dist/lib-cjs/api/classes/variantParameterizable.js +92 -92
  28. package/dist/lib-cjs/api/classes/viewer.d.ts +128 -128
  29. package/dist/lib-cjs/api/classes/viewer.js +486 -486
  30. package/dist/lib-cjs/api/classes/viewerLight.d.ts +65 -66
  31. package/dist/lib-cjs/api/classes/viewerLight.js +322 -389
  32. package/dist/lib-cjs/api/classes/viewerLight.js.map +1 -1
  33. package/dist/lib-cjs/api/internal/debugViewer.d.ts +13 -13
  34. package/dist/lib-cjs/api/internal/debugViewer.js +87 -87
  35. package/dist/lib-cjs/api/internal/lensRendering.d.ts +8 -8
  36. package/dist/lib-cjs/api/internal/lensRendering.js +11 -11
  37. package/dist/lib-cjs/api/internal/sceneSetup.d.ts +6 -6
  38. package/dist/lib-cjs/api/internal/sceneSetup.js +227 -227
  39. package/dist/lib-cjs/api/manager/animationManager.d.ts +29 -29
  40. package/dist/lib-cjs/api/manager/animationManager.js +121 -121
  41. package/dist/lib-cjs/api/manager/sceneManager.d.ts +32 -32
  42. package/dist/lib-cjs/api/manager/sceneManager.js +132 -132
  43. package/dist/lib-cjs/api/manager/variantInstanceManager.d.ts +90 -90
  44. package/dist/lib-cjs/api/manager/variantInstanceManager.js +321 -321
  45. package/dist/lib-cjs/api/store/specStorage.d.ts +24 -24
  46. package/dist/lib-cjs/api/store/specStorage.js +51 -51
  47. package/dist/lib-cjs/api/util/babylonHelper.d.ts +125 -125
  48. package/dist/lib-cjs/api/util/babylonHelper.js +368 -368
  49. package/dist/lib-cjs/api/util/globalTypes.d.ts +279 -279
  50. package/dist/lib-cjs/api/util/globalTypes.js +1 -1
  51. package/dist/lib-cjs/api/util/resourceHelper.d.ts +51 -48
  52. package/dist/lib-cjs/api/util/resourceHelper.js +243 -240
  53. package/dist/lib-cjs/api/util/resourceHelper.js.map +1 -1
  54. package/dist/lib-cjs/api/util/stringHelper.d.ts +9 -9
  55. package/dist/lib-cjs/api/util/stringHelper.js +25 -25
  56. package/dist/lib-cjs/buildinfo.json +3 -3
  57. package/dist/lib-cjs/index.d.ts +46 -46
  58. package/dist/lib-cjs/index.js +82 -82
  59. package/dist/webpack-stats.json +0 -0
  60. package/package.json +83 -83
  61. package/src/api/classes/animationInterface.ts +11 -11
  62. package/src/api/classes/dottedPath.ts +189 -189
  63. package/src/api/classes/element.ts +617 -617
  64. package/src/api/classes/elementParameterizable.ts +78 -78
  65. package/src/api/classes/event.ts +355 -355
  66. package/src/api/classes/eventBroadcaster.ts +54 -54
  67. package/src/api/classes/parameter.ts +277 -277
  68. package/src/api/classes/parameterObservable.ts +121 -121
  69. package/src/api/classes/placementAnimation.ts +133 -133
  70. package/src/api/classes/variant.ts +670 -670
  71. package/src/api/classes/variantInstance.ts +81 -81
  72. package/src/api/classes/viewer.ts +421 -421
  73. package/src/api/internal/debugViewer.ts +81 -81
  74. package/src/api/internal/lensRendering.ts +10 -10
  75. package/src/api/internal/sceneSetup.ts +203 -203
  76. package/src/api/manager/animationManager.ts +116 -116
  77. package/src/api/manager/sceneManager.ts +105 -105
  78. package/src/api/manager/variantInstanceManager.ts +236 -236
  79. package/src/api/store/specStorage.ts +53 -53
  80. package/src/api/util/babylonHelper.ts +392 -392
  81. package/src/api/util/globalTypes.ts +318 -318
  82. package/src/api/util/resourceHelper.ts +187 -184
  83. package/src/buildinfo.json +2 -2
  84. package/src/commonjs.tsconfig.json +13 -13
  85. package/src/declaration.tsconfig.json +10 -10
  86. package/src/dev.ts +46 -46
  87. package/src/es6.tsconfig.json +13 -13
  88. package/src/index.ts +87 -87
  89. package/src/pagesconfig.json +57 -57
  90. package/src/tsconfig.json +43 -43
  91. package/src/tsconfig.types.json +9 -9
  92. package/src/types.d.ts +4 -4
@@ -1,139 +1,139 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PlacementAnimation = void 0;
4
- var tslib_1 = require("tslib");
5
- var arcRotateCamera_1 = require("@babylonjs/core/Cameras/arcRotateCamera");
6
- var math_vector_1 = require("@babylonjs/core/Maths/math.vector");
7
- var gsap_1 = require("gsap");
8
- var lodash_es_1 = require("lodash-es");
9
- var parameter_1 = require("../classes/parameter");
10
- var specStorage_1 = require("../store/specStorage");
11
- /**
12
- * An {@link PlacementAnimation} handling `Tweens` of the `GSAP` API using configured {@link PlacementDefinition}s
13
- * and {@link AnimationDefinition}s. It mutates the attributes in the given {@link PlacementDefinition} with the given
14
- * {@link AnimationDefinition}. The latter can be anything the `GSAP` allows in its API. Please consider using the
15
- * API of the {@link AnimationManager} to handle instances of this class in your consuming project.
16
- */
17
- var PlacementAnimation = /** @class */ (function () {
18
- /**
19
- * Constructor.
20
- */
21
- function PlacementAnimation(mutable, _placement, _animation) {
22
- var _a;
23
- this.mutable = mutable;
24
- this._placement = _placement;
25
- this._animation = _animation;
26
- if (lodash_es_1.isString(_placement)) {
27
- var placementDefinitions = specStorage_1.SpecStorage.get('scene.placements');
28
- if (!placementDefinitions) {
29
- throw new Error("No PlacementDefinitions defined in JSON structure.");
30
- }
31
- var placementDefinition = placementDefinitions[_placement];
32
- if (!placementDefinition) {
33
- throw new Error("PlacementDefinition \"" + _placement + "\" not defined in JSON structure.");
34
- }
35
- this._placementDefinition = lodash_es_1.cloneDeep(placementDefinition);
36
- }
37
- else {
38
- this._placementDefinition = lodash_es_1.cloneDeep(_placement);
39
- }
40
- if (lodash_es_1.isString(_animation)) {
41
- var animationDefinition = (_a = specStorage_1.SpecStorage.get('scene.animations')) === null || _a === void 0 ? void 0 : _a[_animation];
42
- if (!animationDefinition) {
43
- throw new Error("AnimationDefinition \"" + _animation + "\" not defined in JSON structure.");
44
- }
45
- this._animationDefinition = lodash_es_1.cloneDeep(animationDefinition);
46
- }
47
- else {
48
- this._animationDefinition = lodash_es_1.cloneDeep(_animation);
49
- }
50
- this._timeline = gsap_1.gsap.timeline({
51
- defaults: lodash_es_1.merge({ duration: 0, ease: 'none' }, this._animationDefinition),
52
- paused: true
53
- });
54
- this.preparePlacementDefinition();
55
- this.createTweens();
56
- }
57
- /**
58
- * Plays all `Tweens` of this {@link PlacementAnimation}.
59
- */
60
- PlacementAnimation.prototype.play = function () {
61
- return tslib_1.__awaiter(this, void 0, void 0, function () {
62
- return tslib_1.__generator(this, function (_a) {
63
- switch (_a.label) {
64
- case 0: return [4 /*yield*/, this._timeline.play().then()];
65
- case 1:
66
- _a.sent();
67
- return [2 /*return*/, this];
68
- }
69
- });
70
- });
71
- };
72
- /**
73
- * Pause all `Tweens` of this {@link PlacementAnimation}.
74
- */
75
- PlacementAnimation.prototype.pause = function () {
76
- this._timeline.pause();
77
- return this;
78
- };
79
- /**
80
- * Kills all `Tweens` of this {@link PlacementAnimation}.
81
- */
82
- PlacementAnimation.prototype.kill = function () {
83
- this._timeline.kill();
84
- return this;
85
- };
86
- /**
87
- * Prepares different types of {@link PlacementDefinition} and sets some defaults.
88
- */
89
- PlacementAnimation.prototype.preparePlacementDefinition = function () {
90
- var position = this._placementDefinition.position;
91
- if (lodash_es_1.isString(position)) {
92
- position = parameter_1.Parameter.parseVector(position);
93
- this._placementDefinition.position = position;
94
- }
95
- if (this.mutable instanceof arcRotateCamera_1.ArcRotateCamera) {
96
- // parse the target
97
- if (lodash_es_1.isString(this._placementDefinition.target)) {
98
- this._placementDefinition.target = parameter_1.Parameter.parseVector(this._placementDefinition.target);
99
- }
100
- if (position) {
101
- // parse the position and calculate alpha, beta and radius with a "ghost camera"
102
- // @see https://www.babylonjs-playground.com/#4IVMG#0
103
- var ghostCam = this.mutable.clone('ghost');
104
- ghostCam.setPosition(position);
105
- lodash_es_1.merge(this._placementDefinition, {
106
- alpha: ghostCam.alpha,
107
- beta: ghostCam.beta,
108
- radius: ghostCam.radius,
109
- });
110
- delete this._placementDefinition.position;
111
- ghostCam.dispose();
112
- }
113
- }
114
- };
115
- /**
116
- * Creates `Tweens` for the {@link PlacementDefinition} configured for this {@link PlacementAnimation}.
117
- */
118
- PlacementAnimation.prototype.createTweens = function () {
119
- for (var property in this._placementDefinition) {
120
- var propertyValue = lodash_es_1.get(this._placementDefinition, property);
121
- var tweenVars = {};
122
- var _mutable = this.mutable;
123
- if (propertyValue instanceof math_vector_1.Vector3) {
124
- // GSAP does not support mutation of complex objects, so we are forced
125
- // to use the properties on the object as mutable directly and mutate
126
- // the coordinates separately.
127
- _mutable = lodash_es_1.get(this.mutable, property);
128
- lodash_es_1.merge(tweenVars, { x: propertyValue.x, y: propertyValue.y, z: propertyValue.z });
129
- }
130
- else {
131
- lodash_es_1.set(tweenVars, property, propertyValue);
132
- }
133
- this._timeline.to(_mutable, tweenVars, 0); // Note: position 0 does the "parallel" stuff here
134
- }
135
- };
136
- return PlacementAnimation;
137
- }());
138
- exports.PlacementAnimation = PlacementAnimation;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PlacementAnimation = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var arcRotateCamera_1 = require("@babylonjs/core/Cameras/arcRotateCamera");
6
+ var math_vector_1 = require("@babylonjs/core/Maths/math.vector");
7
+ var gsap_1 = require("gsap");
8
+ var lodash_es_1 = require("lodash-es");
9
+ var parameter_1 = require("../classes/parameter");
10
+ var specStorage_1 = require("../store/specStorage");
11
+ /**
12
+ * An {@link PlacementAnimation} handling `Tweens` of the `GSAP` API using configured {@link PlacementDefinition}s
13
+ * and {@link AnimationDefinition}s. It mutates the attributes in the given {@link PlacementDefinition} with the given
14
+ * {@link AnimationDefinition}. The latter can be anything the `GSAP` allows in its API. Please consider using the
15
+ * API of the {@link AnimationManager} to handle instances of this class in your consuming project.
16
+ */
17
+ var PlacementAnimation = /** @class */ (function () {
18
+ /**
19
+ * Constructor.
20
+ */
21
+ function PlacementAnimation(mutable, _placement, _animation) {
22
+ var _a;
23
+ this.mutable = mutable;
24
+ this._placement = _placement;
25
+ this._animation = _animation;
26
+ if (lodash_es_1.isString(_placement)) {
27
+ var placementDefinitions = specStorage_1.SpecStorage.get('scene.placements');
28
+ if (!placementDefinitions) {
29
+ throw new Error("No PlacementDefinitions defined in JSON structure.");
30
+ }
31
+ var placementDefinition = placementDefinitions[_placement];
32
+ if (!placementDefinition) {
33
+ throw new Error("PlacementDefinition \"" + _placement + "\" not defined in JSON structure.");
34
+ }
35
+ this._placementDefinition = lodash_es_1.cloneDeep(placementDefinition);
36
+ }
37
+ else {
38
+ this._placementDefinition = lodash_es_1.cloneDeep(_placement);
39
+ }
40
+ if (lodash_es_1.isString(_animation)) {
41
+ var animationDefinition = (_a = specStorage_1.SpecStorage.get('scene.animations')) === null || _a === void 0 ? void 0 : _a[_animation];
42
+ if (!animationDefinition) {
43
+ throw new Error("AnimationDefinition \"" + _animation + "\" not defined in JSON structure.");
44
+ }
45
+ this._animationDefinition = lodash_es_1.cloneDeep(animationDefinition);
46
+ }
47
+ else {
48
+ this._animationDefinition = lodash_es_1.cloneDeep(_animation);
49
+ }
50
+ this._timeline = gsap_1.gsap.timeline({
51
+ defaults: lodash_es_1.merge({ duration: 0, ease: 'none' }, this._animationDefinition),
52
+ paused: true
53
+ });
54
+ this.preparePlacementDefinition();
55
+ this.createTweens();
56
+ }
57
+ /**
58
+ * Plays all `Tweens` of this {@link PlacementAnimation}.
59
+ */
60
+ PlacementAnimation.prototype.play = function () {
61
+ return tslib_1.__awaiter(this, void 0, void 0, function () {
62
+ return tslib_1.__generator(this, function (_a) {
63
+ switch (_a.label) {
64
+ case 0: return [4 /*yield*/, this._timeline.play().then()];
65
+ case 1:
66
+ _a.sent();
67
+ return [2 /*return*/, this];
68
+ }
69
+ });
70
+ });
71
+ };
72
+ /**
73
+ * Pause all `Tweens` of this {@link PlacementAnimation}.
74
+ */
75
+ PlacementAnimation.prototype.pause = function () {
76
+ this._timeline.pause();
77
+ return this;
78
+ };
79
+ /**
80
+ * Kills all `Tweens` of this {@link PlacementAnimation}.
81
+ */
82
+ PlacementAnimation.prototype.kill = function () {
83
+ this._timeline.kill();
84
+ return this;
85
+ };
86
+ /**
87
+ * Prepares different types of {@link PlacementDefinition} and sets some defaults.
88
+ */
89
+ PlacementAnimation.prototype.preparePlacementDefinition = function () {
90
+ var position = this._placementDefinition.position;
91
+ if (lodash_es_1.isString(position)) {
92
+ position = parameter_1.Parameter.parseVector(position);
93
+ this._placementDefinition.position = position;
94
+ }
95
+ if (this.mutable instanceof arcRotateCamera_1.ArcRotateCamera) {
96
+ // parse the target
97
+ if (lodash_es_1.isString(this._placementDefinition.target)) {
98
+ this._placementDefinition.target = parameter_1.Parameter.parseVector(this._placementDefinition.target);
99
+ }
100
+ if (position) {
101
+ // parse the position and calculate alpha, beta and radius with a "ghost camera"
102
+ // @see https://www.babylonjs-playground.com/#4IVMG#0
103
+ var ghostCam = this.mutable.clone('ghost');
104
+ ghostCam.setPosition(position);
105
+ lodash_es_1.merge(this._placementDefinition, {
106
+ alpha: ghostCam.alpha,
107
+ beta: ghostCam.beta,
108
+ radius: ghostCam.radius,
109
+ });
110
+ delete this._placementDefinition.position;
111
+ ghostCam.dispose();
112
+ }
113
+ }
114
+ };
115
+ /**
116
+ * Creates `Tweens` for the {@link PlacementDefinition} configured for this {@link PlacementAnimation}.
117
+ */
118
+ PlacementAnimation.prototype.createTweens = function () {
119
+ for (var property in this._placementDefinition) {
120
+ var propertyValue = lodash_es_1.get(this._placementDefinition, property);
121
+ var tweenVars = {};
122
+ var _mutable = this.mutable;
123
+ if (propertyValue instanceof math_vector_1.Vector3) {
124
+ // GSAP does not support mutation of complex objects, so we are forced
125
+ // to use the properties on the object as mutable directly and mutate
126
+ // the coordinates separately.
127
+ _mutable = lodash_es_1.get(this.mutable, property);
128
+ lodash_es_1.merge(tweenVars, { x: propertyValue.x, y: propertyValue.y, z: propertyValue.z });
129
+ }
130
+ else {
131
+ lodash_es_1.set(tweenVars, property, propertyValue);
132
+ }
133
+ this._timeline.to(_mutable, tweenVars, 0); // Note: position 0 does the "parallel" stuff here
134
+ }
135
+ };
136
+ return PlacementAnimation;
137
+ }());
138
+ exports.PlacementAnimation = PlacementAnimation;
139
139
  //# sourceMappingURL=placementAnimation.js.map