@babylonjs/gui 5.0.0-rc.7 → 5.0.0-rc.9

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 (203) hide show
  1. package/2D/adtInstrumentation.d.ts +52 -52
  2. package/2D/adtInstrumentation.js +126 -126
  3. package/2D/advancedDynamicTexture.d.ts +448 -448
  4. package/2D/advancedDynamicTexture.js +1318 -1318
  5. package/2D/controls/button.d.ts +135 -135
  6. package/2D/controls/button.js +276 -276
  7. package/2D/controls/checkbox.d.ts +59 -59
  8. package/2D/controls/checkbox.js +188 -188
  9. package/2D/controls/colorpicker.d.ts +103 -103
  10. package/2D/controls/colorpicker.js +1417 -1417
  11. package/2D/controls/container.d.ts +175 -175
  12. package/2D/controls/container.js +570 -570
  13. package/2D/controls/control.d.ts +866 -866
  14. package/2D/controls/control.js +2433 -2433
  15. package/2D/controls/displayGrid.d.ts +53 -53
  16. package/2D/controls/displayGrid.js +245 -245
  17. package/2D/controls/ellipse.d.ts +21 -21
  18. package/2D/controls/ellipse.js +85 -85
  19. package/2D/controls/focusableButton.d.ts +59 -59
  20. package/2D/controls/focusableButton.js +99 -99
  21. package/2D/controls/focusableControl.d.ts +34 -34
  22. package/2D/controls/focusableControl.js +1 -1
  23. package/2D/controls/grid.d.ts +139 -139
  24. package/2D/controls/grid.js +529 -529
  25. package/2D/controls/image.d.ts +204 -204
  26. package/2D/controls/image.js +887 -887
  27. package/2D/controls/index.d.ts +29 -29
  28. package/2D/controls/index.js +29 -29
  29. package/2D/controls/inputPassword.d.ts +8 -8
  30. package/2D/controls/inputPassword.js +25 -25
  31. package/2D/controls/inputText.d.ts +201 -201
  32. package/2D/controls/inputText.js +1119 -1119
  33. package/2D/controls/line.d.ts +66 -66
  34. package/2D/controls/line.js +271 -271
  35. package/2D/controls/multiLine.d.ts +75 -75
  36. package/2D/controls/multiLine.js +262 -262
  37. package/2D/controls/radioButton.d.ts +49 -49
  38. package/2D/controls/radioButton.js +205 -205
  39. package/2D/controls/rectangle.d.ts +29 -29
  40. package/2D/controls/rectangle.js +150 -150
  41. package/2D/controls/scrollViewers/scrollViewer.d.ts +182 -182
  42. package/2D/controls/scrollViewers/scrollViewer.js +677 -677
  43. package/2D/controls/scrollViewers/scrollViewerWindow.d.ts +57 -57
  44. package/2D/controls/scrollViewers/scrollViewerWindow.js +278 -278
  45. package/2D/controls/selector.d.ts +263 -263
  46. package/2D/controls/selector.js +692 -692
  47. package/2D/controls/sliders/baseSlider.d.ts +82 -82
  48. package/2D/controls/sliders/baseSlider.js +347 -347
  49. package/2D/controls/sliders/imageBasedSlider.d.ts +49 -49
  50. package/2D/controls/sliders/imageBasedSlider.js +192 -192
  51. package/2D/controls/sliders/imageScrollBar.d.ts +65 -65
  52. package/2D/controls/sliders/imageScrollBar.js +263 -263
  53. package/2D/controls/sliders/scrollBar.d.ts +38 -38
  54. package/2D/controls/sliders/scrollBar.js +143 -143
  55. package/2D/controls/sliders/slider.d.ts +35 -35
  56. package/2D/controls/sliders/slider.js +271 -271
  57. package/2D/controls/stackPanel.d.ts +64 -64
  58. package/2D/controls/stackPanel.js +246 -246
  59. package/2D/controls/statics.d.ts +6 -6
  60. package/2D/controls/statics.js +49 -49
  61. package/2D/controls/textBlock.d.ts +175 -175
  62. package/2D/controls/textBlock.js +603 -603
  63. package/2D/controls/textWrapper.d.ts +13 -13
  64. package/2D/controls/textWrapper.js +101 -101
  65. package/2D/controls/toggleButton.d.ts +117 -117
  66. package/2D/controls/toggleButton.js +268 -268
  67. package/2D/controls/virtualKeyboard.d.ts +96 -96
  68. package/2D/controls/virtualKeyboard.js +256 -256
  69. package/2D/index.d.ts +9 -9
  70. package/2D/index.js +9 -9
  71. package/2D/math2D.d.ts +117 -117
  72. package/2D/math2D.js +221 -221
  73. package/2D/measure.d.ts +77 -77
  74. package/2D/measure.js +139 -139
  75. package/2D/multiLinePoint.d.ts +47 -47
  76. package/2D/multiLinePoint.js +127 -127
  77. package/2D/style.d.ts +46 -46
  78. package/2D/style.js +97 -97
  79. package/2D/valueAndUnit.d.ts +89 -89
  80. package/2D/valueAndUnit.js +226 -226
  81. package/2D/xmlLoader.d.ts +60 -60
  82. package/2D/xmlLoader.js +348 -348
  83. package/3D/behaviors/defaultBehavior.d.ts +73 -73
  84. package/3D/behaviors/defaultBehavior.js +121 -121
  85. package/3D/controls/abstractButton3D.d.ts +15 -15
  86. package/3D/controls/abstractButton3D.js +25 -25
  87. package/3D/controls/button3D.d.ts +30 -30
  88. package/3D/controls/button3D.js +93 -93
  89. package/3D/controls/container3D.d.ts +72 -72
  90. package/3D/controls/container3D.js +139 -139
  91. package/3D/controls/contentDisplay3D.d.ts +30 -30
  92. package/3D/controls/contentDisplay3D.js +79 -79
  93. package/3D/controls/control3D.d.ts +201 -201
  94. package/3D/controls/control3D.js +445 -445
  95. package/3D/controls/cylinderPanel.d.ts +17 -17
  96. package/3D/controls/cylinderPanel.js +66 -66
  97. package/3D/controls/handMenu.d.ts +28 -28
  98. package/3D/controls/handMenu.js +47 -47
  99. package/3D/controls/holographicBackplate.d.ts +49 -49
  100. package/3D/controls/holographicBackplate.js +120 -120
  101. package/3D/controls/holographicButton.d.ts +84 -84
  102. package/3D/controls/holographicButton.js +339 -339
  103. package/3D/controls/holographicSlate.d.ts +131 -131
  104. package/3D/controls/holographicSlate.js +431 -431
  105. package/3D/controls/index.d.ts +21 -21
  106. package/3D/controls/index.js +21 -21
  107. package/3D/controls/meshButton3D.d.ts +21 -21
  108. package/3D/controls/meshButton3D.js +62 -62
  109. package/3D/controls/nearMenu.d.ts +44 -44
  110. package/3D/controls/nearMenu.js +114 -114
  111. package/3D/controls/planePanel.d.ts +9 -9
  112. package/3D/controls/planePanel.js +36 -36
  113. package/3D/controls/scatterPanel.d.ts +18 -18
  114. package/3D/controls/scatterPanel.js +108 -108
  115. package/3D/controls/slider3D.d.ts +81 -81
  116. package/3D/controls/slider3D.js +268 -268
  117. package/3D/controls/spherePanel.d.ts +17 -17
  118. package/3D/controls/spherePanel.js +67 -67
  119. package/3D/controls/stackPanel3D.d.ts +22 -22
  120. package/3D/controls/stackPanel3D.js +107 -107
  121. package/3D/controls/touchButton3D.d.ts +80 -80
  122. package/3D/controls/touchButton3D.js +233 -233
  123. package/3D/controls/touchHolographicButton.d.ts +110 -110
  124. package/3D/controls/touchHolographicButton.js +445 -445
  125. package/3D/controls/touchHolographicMenu.d.ts +61 -61
  126. package/3D/controls/touchHolographicMenu.js +149 -149
  127. package/3D/controls/touchMeshButton3D.d.ts +21 -21
  128. package/3D/controls/touchMeshButton3D.js +62 -62
  129. package/3D/controls/volumeBasedPanel.d.ts +53 -53
  130. package/3D/controls/volumeBasedPanel.js +174 -174
  131. package/3D/gizmos/gizmoHandle.d.ts +108 -108
  132. package/3D/gizmos/gizmoHandle.js +209 -209
  133. package/3D/gizmos/index.d.ts +2 -2
  134. package/3D/gizmos/index.js +2 -2
  135. package/3D/gizmos/slateGizmo.d.ts +57 -57
  136. package/3D/gizmos/slateGizmo.js +369 -369
  137. package/3D/gui3DManager.d.ts +94 -94
  138. package/3D/gui3DManager.js +257 -257
  139. package/3D/index.d.ts +5 -5
  140. package/3D/index.js +5 -5
  141. package/3D/materials/fluent/fluentMaterial.d.ts +90 -90
  142. package/3D/materials/fluent/fluentMaterial.js +292 -292
  143. package/3D/materials/fluent/index.d.ts +1 -1
  144. package/3D/materials/fluent/index.js +1 -1
  145. package/3D/materials/fluent/shaders/fluent.fragment.d.ts +5 -5
  146. package/3D/materials/fluent/shaders/fluent.fragment.js +8 -8
  147. package/3D/materials/fluent/shaders/fluent.vertex.d.ts +5 -5
  148. package/3D/materials/fluent/shaders/fluent.vertex.js +8 -8
  149. package/3D/materials/fluentBackplate/fluentBackplateMaterial.d.ts +154 -154
  150. package/3D/materials/fluentBackplate/fluentBackplateMaterial.js +469 -469
  151. package/3D/materials/fluentBackplate/index.d.ts +1 -1
  152. package/3D/materials/fluentBackplate/index.js +1 -1
  153. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.d.ts +5 -5
  154. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js +8 -8
  155. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.d.ts +5 -5
  156. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js +8 -8
  157. package/3D/materials/fluentButton/fluentButtonMaterial.d.ts +189 -189
  158. package/3D/materials/fluentButton/fluentButtonMaterial.js +539 -539
  159. package/3D/materials/fluentButton/index.d.ts +1 -1
  160. package/3D/materials/fluentButton/index.js +1 -1
  161. package/3D/materials/fluentButton/shaders/fluentButton.fragment.d.ts +5 -5
  162. package/3D/materials/fluentButton/shaders/fluentButton.fragment.js +8 -8
  163. package/3D/materials/fluentButton/shaders/fluentButton.vertex.d.ts +5 -5
  164. package/3D/materials/fluentButton/shaders/fluentButton.vertex.js +8 -8
  165. package/3D/materials/fluentMaterial.d.ts +4 -4
  166. package/3D/materials/fluentMaterial.js +4 -4
  167. package/3D/materials/handle/handleMaterial.d.ts +68 -68
  168. package/3D/materials/handle/handleMaterial.js +126 -126
  169. package/3D/materials/handle/index.d.ts +1 -1
  170. package/3D/materials/handle/index.js +1 -1
  171. package/3D/materials/handle/shaders/handle.fragment.d.ts +5 -5
  172. package/3D/materials/handle/shaders/handle.fragment.js +8 -8
  173. package/3D/materials/handle/shaders/handle.vertex.d.ts +5 -5
  174. package/3D/materials/handle/shaders/handle.vertex.js +8 -8
  175. package/3D/materials/index.d.ts +5 -5
  176. package/3D/materials/index.js +5 -5
  177. package/3D/materials/mrdl/index.d.ts +3 -3
  178. package/3D/materials/mrdl/index.js +3 -3
  179. package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts +147 -147
  180. package/3D/materials/mrdl/mrdlBackplateMaterial.js +436 -436
  181. package/3D/materials/mrdl/mrdlSliderBarMaterial.d.ts +333 -333
  182. package/3D/materials/mrdl/mrdlSliderBarMaterial.js +851 -851
  183. package/3D/materials/mrdl/mrdlSliderThumbMaterial.d.ts +333 -333
  184. package/3D/materials/mrdl/mrdlSliderThumbMaterial.js +851 -851
  185. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.d.ts +5 -5
  186. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js +8 -8
  187. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.d.ts +5 -5
  188. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js +8 -8
  189. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.d.ts +5 -5
  190. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js +8 -8
  191. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.d.ts +5 -5
  192. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js +8 -8
  193. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.d.ts +5 -5
  194. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js +8 -8
  195. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.d.ts +5 -5
  196. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js +8 -8
  197. package/3D/vector3WithInfo.d.ts +16 -16
  198. package/3D/vector3WithInfo.js +23 -23
  199. package/index.d.ts +2 -2
  200. package/index.js +2 -2
  201. package/legacy/legacy.d.ts +1 -1
  202. package/legacy/legacy.js +13 -13
  203. package/package.json +2 -2
@@ -1,348 +1,348 @@
1
- import { __decorate, __extends } from "tslib";
2
- import { Observable } from "@babylonjs/core/Misc/observable.js";
3
- import { Control } from "../control.js";
4
- import { ValueAndUnit } from "../../valueAndUnit.js";
5
- import { serialize } from "@babylonjs/core/Misc/decorators.js";
6
- /**
7
- * Class used to create slider controls
8
- */
9
- var BaseSlider = /** @class */ (function (_super) {
10
- __extends(BaseSlider, _super);
11
- /**
12
- * Creates a new BaseSlider
13
- * @param name defines the control name
14
- */
15
- function BaseSlider(name) {
16
- var _this = _super.call(this, name) || this;
17
- _this.name = name;
18
- _this._thumbWidth = new ValueAndUnit(20, ValueAndUnit.UNITMODE_PIXEL, false);
19
- _this._minimum = 0;
20
- _this._maximum = 100;
21
- _this._value = 50;
22
- _this._isVertical = false;
23
- _this._barOffset = new ValueAndUnit(5, ValueAndUnit.UNITMODE_PIXEL, false);
24
- _this._isThumbClamped = false;
25
- _this._displayThumb = true;
26
- _this._step = 0;
27
- _this._lastPointerDownId = -1;
28
- // Shared rendering info
29
- _this._effectiveBarOffset = 0;
30
- /** Observable raised when the slider value changes */
31
- _this.onValueChangedObservable = new Observable();
32
- // Events
33
- _this._pointerIsDown = false;
34
- _this.isPointerBlocker = true;
35
- return _this;
36
- }
37
- Object.defineProperty(BaseSlider.prototype, "displayThumb", {
38
- /** Gets or sets a boolean indicating if the thumb must be rendered */
39
- get: function () {
40
- return this._displayThumb;
41
- },
42
- set: function (value) {
43
- if (this._displayThumb === value) {
44
- return;
45
- }
46
- this._displayThumb = value;
47
- this._markAsDirty();
48
- },
49
- enumerable: false,
50
- configurable: true
51
- });
52
- Object.defineProperty(BaseSlider.prototype, "step", {
53
- /** Gets or sets a step to apply to values (0 by default) */
54
- get: function () {
55
- return this._step;
56
- },
57
- set: function (value) {
58
- if (this._step === value) {
59
- return;
60
- }
61
- this._step = value;
62
- this._markAsDirty();
63
- },
64
- enumerable: false,
65
- configurable: true
66
- });
67
- Object.defineProperty(BaseSlider.prototype, "barOffset", {
68
- /** Gets or sets main bar offset (ie. the margin applied to the value bar) */
69
- get: function () {
70
- return this._barOffset.toString(this._host);
71
- },
72
- set: function (value) {
73
- if (this._barOffset.toString(this._host) === value) {
74
- return;
75
- }
76
- if (this._barOffset.fromString(value)) {
77
- this._markAsDirty();
78
- }
79
- },
80
- enumerable: false,
81
- configurable: true
82
- });
83
- Object.defineProperty(BaseSlider.prototype, "barOffsetInPixels", {
84
- /** Gets main bar offset in pixels*/
85
- get: function () {
86
- return this._barOffset.getValueInPixel(this._host, this._cachedParentMeasure.width);
87
- },
88
- enumerable: false,
89
- configurable: true
90
- });
91
- Object.defineProperty(BaseSlider.prototype, "thumbWidth", {
92
- /** Gets or sets thumb width */
93
- get: function () {
94
- return this._thumbWidth.toString(this._host);
95
- },
96
- set: function (value) {
97
- if (this._thumbWidth.toString(this._host) === value) {
98
- return;
99
- }
100
- if (this._thumbWidth.fromString(value)) {
101
- this._markAsDirty();
102
- }
103
- },
104
- enumerable: false,
105
- configurable: true
106
- });
107
- Object.defineProperty(BaseSlider.prototype, "thumbWidthInPixels", {
108
- /** Gets thumb width in pixels */
109
- get: function () {
110
- return this._thumbWidth.getValueInPixel(this._host, this._cachedParentMeasure.width);
111
- },
112
- enumerable: false,
113
- configurable: true
114
- });
115
- Object.defineProperty(BaseSlider.prototype, "minimum", {
116
- /** Gets or sets minimum value */
117
- get: function () {
118
- return this._minimum;
119
- },
120
- set: function (value) {
121
- if (this._minimum === value) {
122
- return;
123
- }
124
- this._minimum = value;
125
- this._markAsDirty();
126
- this.value = Math.max(Math.min(this.value, this._maximum), this._minimum);
127
- },
128
- enumerable: false,
129
- configurable: true
130
- });
131
- Object.defineProperty(BaseSlider.prototype, "maximum", {
132
- /** Gets or sets maximum value */
133
- get: function () {
134
- return this._maximum;
135
- },
136
- set: function (value) {
137
- if (this._maximum === value) {
138
- return;
139
- }
140
- this._maximum = value;
141
- this._markAsDirty();
142
- this.value = Math.max(Math.min(this.value, this._maximum), this._minimum);
143
- },
144
- enumerable: false,
145
- configurable: true
146
- });
147
- Object.defineProperty(BaseSlider.prototype, "value", {
148
- /** Gets or sets current value */
149
- get: function () {
150
- return this._value;
151
- },
152
- set: function (value) {
153
- value = Math.max(Math.min(value, this._maximum), this._minimum);
154
- if (this._value === value) {
155
- return;
156
- }
157
- this._value = value;
158
- this._markAsDirty();
159
- this.onValueChangedObservable.notifyObservers(this._value);
160
- },
161
- enumerable: false,
162
- configurable: true
163
- });
164
- Object.defineProperty(BaseSlider.prototype, "isVertical", {
165
- /**Gets or sets a boolean indicating if the slider should be vertical or horizontal */
166
- get: function () {
167
- return this._isVertical;
168
- },
169
- set: function (value) {
170
- if (this._isVertical === value) {
171
- return;
172
- }
173
- this._isVertical = value;
174
- this._markAsDirty();
175
- },
176
- enumerable: false,
177
- configurable: true
178
- });
179
- Object.defineProperty(BaseSlider.prototype, "isThumbClamped", {
180
- /** Gets or sets a value indicating if the thumb can go over main bar extends */
181
- get: function () {
182
- return this._isThumbClamped;
183
- },
184
- set: function (value) {
185
- if (this._isThumbClamped === value) {
186
- return;
187
- }
188
- this._isThumbClamped = value;
189
- this._markAsDirty();
190
- },
191
- enumerable: false,
192
- configurable: true
193
- });
194
- BaseSlider.prototype._getTypeName = function () {
195
- return "BaseSlider";
196
- };
197
- BaseSlider.prototype._getThumbPosition = function () {
198
- if (this.isVertical) {
199
- return ((this.maximum - this.value) / (this.maximum - this.minimum)) * this._backgroundBoxLength;
200
- }
201
- return ((this.value - this.minimum) / (this.maximum - this.minimum)) * this._backgroundBoxLength;
202
- };
203
- BaseSlider.prototype._getThumbThickness = function (type) {
204
- var thumbThickness = 0;
205
- switch (type) {
206
- case "circle":
207
- if (this._thumbWidth.isPixel) {
208
- thumbThickness = Math.max(this._thumbWidth.getValue(this._host), this._backgroundBoxThickness);
209
- }
210
- else {
211
- thumbThickness = this._backgroundBoxThickness * this._thumbWidth.getValue(this._host);
212
- }
213
- break;
214
- case "rectangle":
215
- if (this._thumbWidth.isPixel) {
216
- thumbThickness = Math.min(this._thumbWidth.getValue(this._host), this._backgroundBoxThickness);
217
- }
218
- else {
219
- thumbThickness = this._backgroundBoxThickness * this._thumbWidth.getValue(this._host);
220
- }
221
- }
222
- return thumbThickness;
223
- };
224
- BaseSlider.prototype._prepareRenderingData = function (type) {
225
- // Main bar
226
- this._effectiveBarOffset = 0;
227
- this._renderLeft = this._currentMeasure.left;
228
- this._renderTop = this._currentMeasure.top;
229
- this._renderWidth = this._currentMeasure.width;
230
- this._renderHeight = this._currentMeasure.height;
231
- this._backgroundBoxLength = Math.max(this._currentMeasure.width, this._currentMeasure.height);
232
- this._backgroundBoxThickness = Math.min(this._currentMeasure.width, this._currentMeasure.height);
233
- this._effectiveThumbThickness = this._getThumbThickness(type);
234
- if (this.displayThumb) {
235
- this._backgroundBoxLength -= this._effectiveThumbThickness;
236
- }
237
- //throw error when height is less than width for vertical slider
238
- if (this.isVertical && this._currentMeasure.height < this._currentMeasure.width) {
239
- console.error("Height should be greater than width");
240
- return;
241
- }
242
- if (this._barOffset.isPixel) {
243
- this._effectiveBarOffset = Math.min(this._barOffset.getValue(this._host), this._backgroundBoxThickness);
244
- }
245
- else {
246
- this._effectiveBarOffset = this._backgroundBoxThickness * this._barOffset.getValue(this._host);
247
- }
248
- this._backgroundBoxThickness -= this._effectiveBarOffset * 2;
249
- if (this.isVertical) {
250
- this._renderLeft += this._effectiveBarOffset;
251
- if (!this.isThumbClamped && this.displayThumb) {
252
- this._renderTop += this._effectiveThumbThickness / 2;
253
- }
254
- this._renderHeight = this._backgroundBoxLength;
255
- this._renderWidth = this._backgroundBoxThickness;
256
- }
257
- else {
258
- this._renderTop += this._effectiveBarOffset;
259
- if (!this.isThumbClamped && this.displayThumb) {
260
- this._renderLeft += this._effectiveThumbThickness / 2;
261
- }
262
- this._renderHeight = this._backgroundBoxThickness;
263
- this._renderWidth = this._backgroundBoxLength;
264
- }
265
- };
266
- /**
267
- * @param x
268
- * @param y
269
- * @hidden
270
- */
271
- BaseSlider.prototype._updateValueFromPointer = function (x, y) {
272
- if (this.rotation != 0) {
273
- this._invertTransformMatrix.transformCoordinates(x, y, this._transformedPosition);
274
- x = this._transformedPosition.x;
275
- y = this._transformedPosition.y;
276
- }
277
- var value;
278
- if (this._isVertical) {
279
- value = this._minimum + (1 - (y - this._currentMeasure.top) / this._currentMeasure.height) * (this._maximum - this._minimum);
280
- }
281
- else {
282
- value = this._minimum + ((x - this._currentMeasure.left) / this._currentMeasure.width) * (this._maximum - this._minimum);
283
- }
284
- this.value = this._step ? Math.round(value / this._step) * this._step : value;
285
- };
286
- BaseSlider.prototype._onPointerDown = function (target, coordinates, pointerId, buttonIndex, pi) {
287
- if (!_super.prototype._onPointerDown.call(this, target, coordinates, pointerId, buttonIndex, pi)) {
288
- return false;
289
- }
290
- if (this.isReadOnly) {
291
- return true;
292
- }
293
- this._pointerIsDown = true;
294
- this._updateValueFromPointer(coordinates.x, coordinates.y);
295
- this._host._capturingControl[pointerId] = this;
296
- this._lastPointerDownId = pointerId;
297
- return true;
298
- };
299
- BaseSlider.prototype._onPointerMove = function (target, coordinates, pointerId, pi) {
300
- // Only listen to pointer move events coming from the last pointer to click on the element (To support dual vr controller interaction)
301
- if (pointerId != this._lastPointerDownId) {
302
- return;
303
- }
304
- if (this._pointerIsDown && !this.isReadOnly) {
305
- this._updateValueFromPointer(coordinates.x, coordinates.y);
306
- }
307
- _super.prototype._onPointerMove.call(this, target, coordinates, pointerId, pi);
308
- };
309
- BaseSlider.prototype._onPointerUp = function (target, coordinates, pointerId, buttonIndex, notifyClick) {
310
- this._pointerIsDown = false;
311
- delete this._host._capturingControl[pointerId];
312
- _super.prototype._onPointerUp.call(this, target, coordinates, pointerId, buttonIndex, notifyClick);
313
- };
314
- BaseSlider.prototype._onCanvasBlur = function () {
315
- this._forcePointerUp();
316
- _super.prototype._onCanvasBlur.call(this);
317
- };
318
- __decorate([
319
- serialize()
320
- ], BaseSlider.prototype, "displayThumb", null);
321
- __decorate([
322
- serialize()
323
- ], BaseSlider.prototype, "step", null);
324
- __decorate([
325
- serialize()
326
- ], BaseSlider.prototype, "barOffset", null);
327
- __decorate([
328
- serialize()
329
- ], BaseSlider.prototype, "thumbWidth", null);
330
- __decorate([
331
- serialize()
332
- ], BaseSlider.prototype, "minimum", null);
333
- __decorate([
334
- serialize()
335
- ], BaseSlider.prototype, "maximum", null);
336
- __decorate([
337
- serialize()
338
- ], BaseSlider.prototype, "value", null);
339
- __decorate([
340
- serialize()
341
- ], BaseSlider.prototype, "isVertical", null);
342
- __decorate([
343
- serialize()
344
- ], BaseSlider.prototype, "isThumbClamped", null);
345
- return BaseSlider;
346
- }(Control));
347
- export { BaseSlider };
1
+ import { __decorate, __extends } from "tslib";
2
+ import { Observable } from "@babylonjs/core/Misc/observable.js";
3
+ import { Control } from "../control";
4
+ import { ValueAndUnit } from "../../valueAndUnit";
5
+ import { serialize } from "@babylonjs/core/Misc/decorators.js";
6
+ /**
7
+ * Class used to create slider controls
8
+ */
9
+ var BaseSlider = /** @class */ (function (_super) {
10
+ __extends(BaseSlider, _super);
11
+ /**
12
+ * Creates a new BaseSlider
13
+ * @param name defines the control name
14
+ */
15
+ function BaseSlider(name) {
16
+ var _this = _super.call(this, name) || this;
17
+ _this.name = name;
18
+ _this._thumbWidth = new ValueAndUnit(20, ValueAndUnit.UNITMODE_PIXEL, false);
19
+ _this._minimum = 0;
20
+ _this._maximum = 100;
21
+ _this._value = 50;
22
+ _this._isVertical = false;
23
+ _this._barOffset = new ValueAndUnit(5, ValueAndUnit.UNITMODE_PIXEL, false);
24
+ _this._isThumbClamped = false;
25
+ _this._displayThumb = true;
26
+ _this._step = 0;
27
+ _this._lastPointerDownId = -1;
28
+ // Shared rendering info
29
+ _this._effectiveBarOffset = 0;
30
+ /** Observable raised when the slider value changes */
31
+ _this.onValueChangedObservable = new Observable();
32
+ // Events
33
+ _this._pointerIsDown = false;
34
+ _this.isPointerBlocker = true;
35
+ return _this;
36
+ }
37
+ Object.defineProperty(BaseSlider.prototype, "displayThumb", {
38
+ /** Gets or sets a boolean indicating if the thumb must be rendered */
39
+ get: function () {
40
+ return this._displayThumb;
41
+ },
42
+ set: function (value) {
43
+ if (this._displayThumb === value) {
44
+ return;
45
+ }
46
+ this._displayThumb = value;
47
+ this._markAsDirty();
48
+ },
49
+ enumerable: false,
50
+ configurable: true
51
+ });
52
+ Object.defineProperty(BaseSlider.prototype, "step", {
53
+ /** Gets or sets a step to apply to values (0 by default) */
54
+ get: function () {
55
+ return this._step;
56
+ },
57
+ set: function (value) {
58
+ if (this._step === value) {
59
+ return;
60
+ }
61
+ this._step = value;
62
+ this._markAsDirty();
63
+ },
64
+ enumerable: false,
65
+ configurable: true
66
+ });
67
+ Object.defineProperty(BaseSlider.prototype, "barOffset", {
68
+ /** Gets or sets main bar offset (ie. the margin applied to the value bar) */
69
+ get: function () {
70
+ return this._barOffset.toString(this._host);
71
+ },
72
+ set: function (value) {
73
+ if (this._barOffset.toString(this._host) === value) {
74
+ return;
75
+ }
76
+ if (this._barOffset.fromString(value)) {
77
+ this._markAsDirty();
78
+ }
79
+ },
80
+ enumerable: false,
81
+ configurable: true
82
+ });
83
+ Object.defineProperty(BaseSlider.prototype, "barOffsetInPixels", {
84
+ /** Gets main bar offset in pixels*/
85
+ get: function () {
86
+ return this._barOffset.getValueInPixel(this._host, this._cachedParentMeasure.width);
87
+ },
88
+ enumerable: false,
89
+ configurable: true
90
+ });
91
+ Object.defineProperty(BaseSlider.prototype, "thumbWidth", {
92
+ /** Gets or sets thumb width */
93
+ get: function () {
94
+ return this._thumbWidth.toString(this._host);
95
+ },
96
+ set: function (value) {
97
+ if (this._thumbWidth.toString(this._host) === value) {
98
+ return;
99
+ }
100
+ if (this._thumbWidth.fromString(value)) {
101
+ this._markAsDirty();
102
+ }
103
+ },
104
+ enumerable: false,
105
+ configurable: true
106
+ });
107
+ Object.defineProperty(BaseSlider.prototype, "thumbWidthInPixels", {
108
+ /** Gets thumb width in pixels */
109
+ get: function () {
110
+ return this._thumbWidth.getValueInPixel(this._host, this._cachedParentMeasure.width);
111
+ },
112
+ enumerable: false,
113
+ configurable: true
114
+ });
115
+ Object.defineProperty(BaseSlider.prototype, "minimum", {
116
+ /** Gets or sets minimum value */
117
+ get: function () {
118
+ return this._minimum;
119
+ },
120
+ set: function (value) {
121
+ if (this._minimum === value) {
122
+ return;
123
+ }
124
+ this._minimum = value;
125
+ this._markAsDirty();
126
+ this.value = Math.max(Math.min(this.value, this._maximum), this._minimum);
127
+ },
128
+ enumerable: false,
129
+ configurable: true
130
+ });
131
+ Object.defineProperty(BaseSlider.prototype, "maximum", {
132
+ /** Gets or sets maximum value */
133
+ get: function () {
134
+ return this._maximum;
135
+ },
136
+ set: function (value) {
137
+ if (this._maximum === value) {
138
+ return;
139
+ }
140
+ this._maximum = value;
141
+ this._markAsDirty();
142
+ this.value = Math.max(Math.min(this.value, this._maximum), this._minimum);
143
+ },
144
+ enumerable: false,
145
+ configurable: true
146
+ });
147
+ Object.defineProperty(BaseSlider.prototype, "value", {
148
+ /** Gets or sets current value */
149
+ get: function () {
150
+ return this._value;
151
+ },
152
+ set: function (value) {
153
+ value = Math.max(Math.min(value, this._maximum), this._minimum);
154
+ if (this._value === value) {
155
+ return;
156
+ }
157
+ this._value = value;
158
+ this._markAsDirty();
159
+ this.onValueChangedObservable.notifyObservers(this._value);
160
+ },
161
+ enumerable: false,
162
+ configurable: true
163
+ });
164
+ Object.defineProperty(BaseSlider.prototype, "isVertical", {
165
+ /**Gets or sets a boolean indicating if the slider should be vertical or horizontal */
166
+ get: function () {
167
+ return this._isVertical;
168
+ },
169
+ set: function (value) {
170
+ if (this._isVertical === value) {
171
+ return;
172
+ }
173
+ this._isVertical = value;
174
+ this._markAsDirty();
175
+ },
176
+ enumerable: false,
177
+ configurable: true
178
+ });
179
+ Object.defineProperty(BaseSlider.prototype, "isThumbClamped", {
180
+ /** Gets or sets a value indicating if the thumb can go over main bar extends */
181
+ get: function () {
182
+ return this._isThumbClamped;
183
+ },
184
+ set: function (value) {
185
+ if (this._isThumbClamped === value) {
186
+ return;
187
+ }
188
+ this._isThumbClamped = value;
189
+ this._markAsDirty();
190
+ },
191
+ enumerable: false,
192
+ configurable: true
193
+ });
194
+ BaseSlider.prototype._getTypeName = function () {
195
+ return "BaseSlider";
196
+ };
197
+ BaseSlider.prototype._getThumbPosition = function () {
198
+ if (this.isVertical) {
199
+ return ((this.maximum - this.value) / (this.maximum - this.minimum)) * this._backgroundBoxLength;
200
+ }
201
+ return ((this.value - this.minimum) / (this.maximum - this.minimum)) * this._backgroundBoxLength;
202
+ };
203
+ BaseSlider.prototype._getThumbThickness = function (type) {
204
+ var thumbThickness = 0;
205
+ switch (type) {
206
+ case "circle":
207
+ if (this._thumbWidth.isPixel) {
208
+ thumbThickness = Math.max(this._thumbWidth.getValue(this._host), this._backgroundBoxThickness);
209
+ }
210
+ else {
211
+ thumbThickness = this._backgroundBoxThickness * this._thumbWidth.getValue(this._host);
212
+ }
213
+ break;
214
+ case "rectangle":
215
+ if (this._thumbWidth.isPixel) {
216
+ thumbThickness = Math.min(this._thumbWidth.getValue(this._host), this._backgroundBoxThickness);
217
+ }
218
+ else {
219
+ thumbThickness = this._backgroundBoxThickness * this._thumbWidth.getValue(this._host);
220
+ }
221
+ }
222
+ return thumbThickness;
223
+ };
224
+ BaseSlider.prototype._prepareRenderingData = function (type) {
225
+ // Main bar
226
+ this._effectiveBarOffset = 0;
227
+ this._renderLeft = this._currentMeasure.left;
228
+ this._renderTop = this._currentMeasure.top;
229
+ this._renderWidth = this._currentMeasure.width;
230
+ this._renderHeight = this._currentMeasure.height;
231
+ this._backgroundBoxLength = Math.max(this._currentMeasure.width, this._currentMeasure.height);
232
+ this._backgroundBoxThickness = Math.min(this._currentMeasure.width, this._currentMeasure.height);
233
+ this._effectiveThumbThickness = this._getThumbThickness(type);
234
+ if (this.displayThumb) {
235
+ this._backgroundBoxLength -= this._effectiveThumbThickness;
236
+ }
237
+ //throw error when height is less than width for vertical slider
238
+ if (this.isVertical && this._currentMeasure.height < this._currentMeasure.width) {
239
+ console.error("Height should be greater than width");
240
+ return;
241
+ }
242
+ if (this._barOffset.isPixel) {
243
+ this._effectiveBarOffset = Math.min(this._barOffset.getValue(this._host), this._backgroundBoxThickness);
244
+ }
245
+ else {
246
+ this._effectiveBarOffset = this._backgroundBoxThickness * this._barOffset.getValue(this._host);
247
+ }
248
+ this._backgroundBoxThickness -= this._effectiveBarOffset * 2;
249
+ if (this.isVertical) {
250
+ this._renderLeft += this._effectiveBarOffset;
251
+ if (!this.isThumbClamped && this.displayThumb) {
252
+ this._renderTop += this._effectiveThumbThickness / 2;
253
+ }
254
+ this._renderHeight = this._backgroundBoxLength;
255
+ this._renderWidth = this._backgroundBoxThickness;
256
+ }
257
+ else {
258
+ this._renderTop += this._effectiveBarOffset;
259
+ if (!this.isThumbClamped && this.displayThumb) {
260
+ this._renderLeft += this._effectiveThumbThickness / 2;
261
+ }
262
+ this._renderHeight = this._backgroundBoxThickness;
263
+ this._renderWidth = this._backgroundBoxLength;
264
+ }
265
+ };
266
+ /**
267
+ * @param x
268
+ * @param y
269
+ * @hidden
270
+ */
271
+ BaseSlider.prototype._updateValueFromPointer = function (x, y) {
272
+ if (this.rotation != 0) {
273
+ this._invertTransformMatrix.transformCoordinates(x, y, this._transformedPosition);
274
+ x = this._transformedPosition.x;
275
+ y = this._transformedPosition.y;
276
+ }
277
+ var value;
278
+ if (this._isVertical) {
279
+ value = this._minimum + (1 - (y - this._currentMeasure.top) / this._currentMeasure.height) * (this._maximum - this._minimum);
280
+ }
281
+ else {
282
+ value = this._minimum + ((x - this._currentMeasure.left) / this._currentMeasure.width) * (this._maximum - this._minimum);
283
+ }
284
+ this.value = this._step ? Math.round(value / this._step) * this._step : value;
285
+ };
286
+ BaseSlider.prototype._onPointerDown = function (target, coordinates, pointerId, buttonIndex, pi) {
287
+ if (!_super.prototype._onPointerDown.call(this, target, coordinates, pointerId, buttonIndex, pi)) {
288
+ return false;
289
+ }
290
+ if (this.isReadOnly) {
291
+ return true;
292
+ }
293
+ this._pointerIsDown = true;
294
+ this._updateValueFromPointer(coordinates.x, coordinates.y);
295
+ this._host._capturingControl[pointerId] = this;
296
+ this._lastPointerDownId = pointerId;
297
+ return true;
298
+ };
299
+ BaseSlider.prototype._onPointerMove = function (target, coordinates, pointerId, pi) {
300
+ // Only listen to pointer move events coming from the last pointer to click on the element (To support dual vr controller interaction)
301
+ if (pointerId != this._lastPointerDownId) {
302
+ return;
303
+ }
304
+ if (this._pointerIsDown && !this.isReadOnly) {
305
+ this._updateValueFromPointer(coordinates.x, coordinates.y);
306
+ }
307
+ _super.prototype._onPointerMove.call(this, target, coordinates, pointerId, pi);
308
+ };
309
+ BaseSlider.prototype._onPointerUp = function (target, coordinates, pointerId, buttonIndex, notifyClick) {
310
+ this._pointerIsDown = false;
311
+ delete this._host._capturingControl[pointerId];
312
+ _super.prototype._onPointerUp.call(this, target, coordinates, pointerId, buttonIndex, notifyClick);
313
+ };
314
+ BaseSlider.prototype._onCanvasBlur = function () {
315
+ this._forcePointerUp();
316
+ _super.prototype._onCanvasBlur.call(this);
317
+ };
318
+ __decorate([
319
+ serialize()
320
+ ], BaseSlider.prototype, "displayThumb", null);
321
+ __decorate([
322
+ serialize()
323
+ ], BaseSlider.prototype, "step", null);
324
+ __decorate([
325
+ serialize()
326
+ ], BaseSlider.prototype, "barOffset", null);
327
+ __decorate([
328
+ serialize()
329
+ ], BaseSlider.prototype, "thumbWidth", null);
330
+ __decorate([
331
+ serialize()
332
+ ], BaseSlider.prototype, "minimum", null);
333
+ __decorate([
334
+ serialize()
335
+ ], BaseSlider.prototype, "maximum", null);
336
+ __decorate([
337
+ serialize()
338
+ ], BaseSlider.prototype, "value", null);
339
+ __decorate([
340
+ serialize()
341
+ ], BaseSlider.prototype, "isVertical", null);
342
+ __decorate([
343
+ serialize()
344
+ ], BaseSlider.prototype, "isThumbClamped", null);
345
+ return BaseSlider;
346
+ }(Control));
347
+ export { BaseSlider };
348
348
  //# sourceMappingURL=baseSlider.js.map