@babylonjs/gui 5.0.0-rc.7 → 5.0.1

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 (277) hide show
  1. package/2D/adtInstrumentation.d.ts +52 -52
  2. package/2D/adtInstrumentation.js +126 -126
  3. package/2D/adtInstrumentation.js.map +1 -1
  4. package/2D/advancedDynamicTexture.d.ts +449 -448
  5. package/2D/advancedDynamicTexture.js +1318 -1318
  6. package/2D/advancedDynamicTexture.js.map +1 -1
  7. package/2D/controls/button.d.ts +135 -135
  8. package/2D/controls/button.js +276 -276
  9. package/2D/controls/button.js.map +1 -1
  10. package/2D/controls/checkbox.d.ts +59 -59
  11. package/2D/controls/checkbox.js +188 -188
  12. package/2D/controls/checkbox.js.map +1 -1
  13. package/2D/controls/colorpicker.d.ts +103 -103
  14. package/2D/controls/colorpicker.js +1417 -1417
  15. package/2D/controls/colorpicker.js.map +1 -1
  16. package/2D/controls/container.d.ts +175 -175
  17. package/2D/controls/container.js +570 -570
  18. package/2D/controls/container.js.map +1 -1
  19. package/2D/controls/control.d.ts +866 -866
  20. package/2D/controls/control.js +2433 -2433
  21. package/2D/controls/control.js.map +1 -1
  22. package/2D/controls/displayGrid.d.ts +53 -53
  23. package/2D/controls/displayGrid.js +245 -245
  24. package/2D/controls/displayGrid.js.map +1 -1
  25. package/2D/controls/ellipse.d.ts +21 -21
  26. package/2D/controls/ellipse.js +85 -85
  27. package/2D/controls/ellipse.js.map +1 -1
  28. package/2D/controls/focusableButton.d.ts +59 -59
  29. package/2D/controls/focusableButton.js +99 -99
  30. package/2D/controls/focusableButton.js.map +1 -1
  31. package/2D/controls/focusableControl.d.ts +34 -34
  32. package/2D/controls/focusableControl.js +1 -1
  33. package/2D/controls/focusableControl.js.map +1 -1
  34. package/2D/controls/grid.d.ts +139 -139
  35. package/2D/controls/grid.js +529 -529
  36. package/2D/controls/grid.js.map +1 -1
  37. package/2D/controls/image.d.ts +204 -204
  38. package/2D/controls/image.js +887 -887
  39. package/2D/controls/image.js.map +1 -1
  40. package/2D/controls/index.d.ts +29 -29
  41. package/2D/controls/index.js +29 -29
  42. package/2D/controls/inputPassword.d.ts +9 -8
  43. package/2D/controls/inputPassword.js +28 -25
  44. package/2D/controls/inputPassword.js.map +1 -1
  45. package/2D/controls/inputText.d.ts +201 -201
  46. package/2D/controls/inputText.js +1119 -1119
  47. package/2D/controls/inputText.js.map +1 -1
  48. package/2D/controls/line.d.ts +66 -66
  49. package/2D/controls/line.js +271 -271
  50. package/2D/controls/line.js.map +1 -1
  51. package/2D/controls/multiLine.d.ts +75 -75
  52. package/2D/controls/multiLine.js +262 -262
  53. package/2D/controls/multiLine.js.map +1 -1
  54. package/2D/controls/radioButton.d.ts +49 -49
  55. package/2D/controls/radioButton.js +205 -205
  56. package/2D/controls/radioButton.js.map +1 -1
  57. package/2D/controls/rectangle.d.ts +29 -29
  58. package/2D/controls/rectangle.js +150 -150
  59. package/2D/controls/rectangle.js.map +1 -1
  60. package/2D/controls/scrollViewers/scrollViewer.d.ts +182 -182
  61. package/2D/controls/scrollViewers/scrollViewer.js +677 -677
  62. package/2D/controls/scrollViewers/scrollViewer.js.map +1 -1
  63. package/2D/controls/scrollViewers/scrollViewerWindow.d.ts +57 -57
  64. package/2D/controls/scrollViewers/scrollViewerWindow.js +278 -278
  65. package/2D/controls/scrollViewers/scrollViewerWindow.js.map +1 -1
  66. package/2D/controls/selector.d.ts +263 -263
  67. package/2D/controls/selector.js +692 -692
  68. package/2D/controls/sliders/baseSlider.d.ts +82 -82
  69. package/2D/controls/sliders/baseSlider.js +347 -347
  70. package/2D/controls/sliders/baseSlider.js.map +1 -1
  71. package/2D/controls/sliders/imageBasedSlider.d.ts +49 -49
  72. package/2D/controls/sliders/imageBasedSlider.js +192 -192
  73. package/2D/controls/sliders/imageBasedSlider.js.map +1 -1
  74. package/2D/controls/sliders/imageScrollBar.d.ts +65 -65
  75. package/2D/controls/sliders/imageScrollBar.js +263 -263
  76. package/2D/controls/sliders/imageScrollBar.js.map +1 -1
  77. package/2D/controls/sliders/scrollBar.d.ts +38 -38
  78. package/2D/controls/sliders/scrollBar.js +143 -143
  79. package/2D/controls/sliders/scrollBar.js.map +1 -1
  80. package/2D/controls/sliders/slider.d.ts +35 -35
  81. package/2D/controls/sliders/slider.js +271 -271
  82. package/2D/controls/sliders/slider.js.map +1 -1
  83. package/2D/controls/stackPanel.d.ts +64 -64
  84. package/2D/controls/stackPanel.js +246 -246
  85. package/2D/controls/stackPanel.js.map +1 -1
  86. package/2D/controls/statics.d.ts +6 -6
  87. package/2D/controls/statics.js +49 -49
  88. package/2D/controls/textBlock.d.ts +175 -175
  89. package/2D/controls/textBlock.js +603 -603
  90. package/2D/controls/textBlock.js.map +1 -1
  91. package/2D/controls/textWrapper.d.ts +13 -13
  92. package/2D/controls/textWrapper.js +101 -101
  93. package/2D/controls/toggleButton.d.ts +117 -117
  94. package/2D/controls/toggleButton.js +268 -268
  95. package/2D/controls/toggleButton.js.map +1 -1
  96. package/2D/controls/virtualKeyboard.d.ts +96 -96
  97. package/2D/controls/virtualKeyboard.js +256 -256
  98. package/2D/controls/virtualKeyboard.js.map +1 -1
  99. package/2D/index.d.ts +9 -9
  100. package/2D/index.js +10 -9
  101. package/2D/index.js.map +1 -1
  102. package/2D/math2D.d.ts +117 -117
  103. package/2D/math2D.js +221 -221
  104. package/2D/math2D.js.map +1 -1
  105. package/2D/measure.d.ts +77 -77
  106. package/2D/measure.js +139 -139
  107. package/2D/measure.js.map +1 -1
  108. package/2D/multiLinePoint.d.ts +47 -47
  109. package/2D/multiLinePoint.js +127 -127
  110. package/2D/multiLinePoint.js.map +1 -1
  111. package/2D/style.d.ts +46 -46
  112. package/2D/style.js +97 -97
  113. package/2D/style.js.map +1 -1
  114. package/2D/valueAndUnit.d.ts +89 -89
  115. package/2D/valueAndUnit.js +226 -226
  116. package/2D/valueAndUnit.js.map +1 -1
  117. package/2D/xmlLoader.d.ts +60 -60
  118. package/2D/xmlLoader.js +348 -348
  119. package/2D/xmlLoader.js.map +1 -1
  120. package/3D/behaviors/defaultBehavior.d.ts +73 -73
  121. package/3D/behaviors/defaultBehavior.js +121 -121
  122. package/3D/behaviors/defaultBehavior.js.map +1 -1
  123. package/3D/controls/abstractButton3D.d.ts +15 -15
  124. package/3D/controls/abstractButton3D.js +25 -25
  125. package/3D/controls/abstractButton3D.js.map +1 -1
  126. package/3D/controls/button3D.d.ts +30 -30
  127. package/3D/controls/button3D.js +93 -93
  128. package/3D/controls/button3D.js.map +1 -1
  129. package/3D/controls/container3D.d.ts +72 -72
  130. package/3D/controls/container3D.js +139 -139
  131. package/3D/controls/container3D.js.map +1 -1
  132. package/3D/controls/contentDisplay3D.d.ts +30 -30
  133. package/3D/controls/contentDisplay3D.js +79 -79
  134. package/3D/controls/contentDisplay3D.js.map +1 -1
  135. package/3D/controls/control3D.d.ts +201 -201
  136. package/3D/controls/control3D.js +445 -445
  137. package/3D/controls/control3D.js.map +1 -1
  138. package/3D/controls/cylinderPanel.d.ts +17 -17
  139. package/3D/controls/cylinderPanel.js +66 -66
  140. package/3D/controls/cylinderPanel.js.map +1 -1
  141. package/3D/controls/handMenu.d.ts +28 -28
  142. package/3D/controls/handMenu.js +47 -47
  143. package/3D/controls/handMenu.js.map +1 -1
  144. package/3D/controls/holographicBackplate.d.ts +49 -49
  145. package/3D/controls/holographicBackplate.js +120 -120
  146. package/3D/controls/holographicBackplate.js.map +1 -1
  147. package/3D/controls/holographicButton.d.ts +84 -84
  148. package/3D/controls/holographicButton.js +339 -339
  149. package/3D/controls/holographicButton.js.map +1 -1
  150. package/3D/controls/holographicSlate.d.ts +131 -131
  151. package/3D/controls/holographicSlate.js +431 -431
  152. package/3D/controls/holographicSlate.js.map +1 -1
  153. package/3D/controls/index.d.ts +21 -21
  154. package/3D/controls/index.js +21 -21
  155. package/3D/controls/meshButton3D.d.ts +21 -21
  156. package/3D/controls/meshButton3D.js +62 -62
  157. package/3D/controls/meshButton3D.js.map +1 -1
  158. package/3D/controls/nearMenu.d.ts +44 -44
  159. package/3D/controls/nearMenu.js +114 -114
  160. package/3D/controls/nearMenu.js.map +1 -1
  161. package/3D/controls/planePanel.d.ts +9 -9
  162. package/3D/controls/planePanel.js +36 -36
  163. package/3D/controls/planePanel.js.map +1 -1
  164. package/3D/controls/scatterPanel.d.ts +18 -18
  165. package/3D/controls/scatterPanel.js +108 -108
  166. package/3D/controls/scatterPanel.js.map +1 -1
  167. package/3D/controls/slider3D.d.ts +81 -81
  168. package/3D/controls/slider3D.js +268 -268
  169. package/3D/controls/slider3D.js.map +1 -1
  170. package/3D/controls/spherePanel.d.ts +17 -17
  171. package/3D/controls/spherePanel.js +67 -67
  172. package/3D/controls/spherePanel.js.map +1 -1
  173. package/3D/controls/stackPanel3D.d.ts +22 -22
  174. package/3D/controls/stackPanel3D.js +107 -107
  175. package/3D/controls/touchButton3D.d.ts +80 -80
  176. package/3D/controls/touchButton3D.js +233 -233
  177. package/3D/controls/touchButton3D.js.map +1 -1
  178. package/3D/controls/touchHolographicButton.d.ts +110 -110
  179. package/3D/controls/touchHolographicButton.js +445 -445
  180. package/3D/controls/touchHolographicButton.js.map +1 -1
  181. package/3D/controls/touchHolographicMenu.d.ts +61 -61
  182. package/3D/controls/touchHolographicMenu.js +149 -149
  183. package/3D/controls/touchHolographicMenu.js.map +1 -1
  184. package/3D/controls/touchMeshButton3D.d.ts +21 -21
  185. package/3D/controls/touchMeshButton3D.js +62 -62
  186. package/3D/controls/touchMeshButton3D.js.map +1 -1
  187. package/3D/controls/volumeBasedPanel.d.ts +53 -53
  188. package/3D/controls/volumeBasedPanel.js +174 -174
  189. package/3D/controls/volumeBasedPanel.js.map +1 -1
  190. package/3D/gizmos/gizmoHandle.d.ts +108 -108
  191. package/3D/gizmos/gizmoHandle.js +209 -209
  192. package/3D/gizmos/gizmoHandle.js.map +1 -1
  193. package/3D/gizmos/index.d.ts +2 -2
  194. package/3D/gizmos/index.js +2 -2
  195. package/3D/gizmos/slateGizmo.d.ts +57 -57
  196. package/3D/gizmos/slateGizmo.js +369 -369
  197. package/3D/gizmos/slateGizmo.js.map +1 -1
  198. package/3D/gui3DManager.d.ts +94 -94
  199. package/3D/gui3DManager.js +257 -257
  200. package/3D/gui3DManager.js.map +1 -1
  201. package/3D/index.d.ts +5 -5
  202. package/3D/index.js +6 -5
  203. package/3D/index.js.map +1 -1
  204. package/3D/materials/fluent/fluentMaterial.d.ts +91 -90
  205. package/3D/materials/fluent/fluentMaterial.js +292 -292
  206. package/3D/materials/fluent/fluentMaterial.js.map +1 -1
  207. package/3D/materials/fluent/index.d.ts +1 -1
  208. package/3D/materials/fluent/index.js +1 -1
  209. package/3D/materials/fluent/shaders/fluent.fragment.d.ts +5 -5
  210. package/3D/materials/fluent/shaders/fluent.fragment.js +8 -8
  211. package/3D/materials/fluent/shaders/fluent.vertex.d.ts +5 -5
  212. package/3D/materials/fluent/shaders/fluent.vertex.js +8 -8
  213. package/3D/materials/fluentBackplate/fluentBackplateMaterial.d.ts +155 -154
  214. package/3D/materials/fluentBackplate/fluentBackplateMaterial.js +469 -469
  215. package/3D/materials/fluentBackplate/fluentBackplateMaterial.js.map +1 -1
  216. package/3D/materials/fluentBackplate/index.d.ts +1 -1
  217. package/3D/materials/fluentBackplate/index.js +1 -1
  218. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.d.ts +5 -5
  219. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js +8 -8
  220. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.d.ts +5 -5
  221. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js +8 -8
  222. package/3D/materials/fluentButton/fluentButtonMaterial.d.ts +190 -189
  223. package/3D/materials/fluentButton/fluentButtonMaterial.js +539 -539
  224. package/3D/materials/fluentButton/fluentButtonMaterial.js.map +1 -1
  225. package/3D/materials/fluentButton/index.d.ts +1 -1
  226. package/3D/materials/fluentButton/index.js +1 -1
  227. package/3D/materials/fluentButton/shaders/fluentButton.fragment.d.ts +5 -5
  228. package/3D/materials/fluentButton/shaders/fluentButton.fragment.js +8 -8
  229. package/3D/materials/fluentButton/shaders/fluentButton.vertex.d.ts +5 -5
  230. package/3D/materials/fluentButton/shaders/fluentButton.vertex.js +8 -8
  231. package/3D/materials/fluentMaterial.d.ts +4 -4
  232. package/3D/materials/fluentMaterial.js +4 -4
  233. package/3D/materials/handle/handleMaterial.d.ts +68 -68
  234. package/3D/materials/handle/handleMaterial.js +126 -126
  235. package/3D/materials/handle/handleMaterial.js.map +1 -1
  236. package/3D/materials/handle/index.d.ts +1 -1
  237. package/3D/materials/handle/index.js +1 -1
  238. package/3D/materials/handle/shaders/handle.fragment.d.ts +5 -5
  239. package/3D/materials/handle/shaders/handle.fragment.js +8 -8
  240. package/3D/materials/handle/shaders/handle.vertex.d.ts +5 -5
  241. package/3D/materials/handle/shaders/handle.vertex.js +8 -8
  242. package/3D/materials/index.d.ts +5 -5
  243. package/3D/materials/index.js +6 -5
  244. package/3D/materials/index.js.map +1 -1
  245. package/3D/materials/mrdl/index.d.ts +3 -3
  246. package/3D/materials/mrdl/index.js +3 -3
  247. package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts +148 -147
  248. package/3D/materials/mrdl/mrdlBackplateMaterial.js +436 -436
  249. package/3D/materials/mrdl/mrdlBackplateMaterial.js.map +1 -1
  250. package/3D/materials/mrdl/mrdlSliderBarMaterial.d.ts +334 -333
  251. package/3D/materials/mrdl/mrdlSliderBarMaterial.js +851 -851
  252. package/3D/materials/mrdl/mrdlSliderBarMaterial.js.map +1 -1
  253. package/3D/materials/mrdl/mrdlSliderThumbMaterial.d.ts +334 -333
  254. package/3D/materials/mrdl/mrdlSliderThumbMaterial.js +851 -851
  255. package/3D/materials/mrdl/mrdlSliderThumbMaterial.js.map +1 -1
  256. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.d.ts +5 -5
  257. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js +8 -8
  258. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.d.ts +5 -5
  259. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js +8 -8
  260. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.d.ts +5 -5
  261. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js +8 -8
  262. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.d.ts +5 -5
  263. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js +8 -8
  264. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.d.ts +5 -5
  265. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js +8 -8
  266. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.d.ts +5 -5
  267. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js +8 -8
  268. package/3D/vector3WithInfo.d.ts +16 -16
  269. package/3D/vector3WithInfo.js +23 -23
  270. package/index.d.ts +2 -2
  271. package/index.js +3 -2
  272. package/index.js.map +1 -1
  273. package/legacy/legacy.d.ts +1 -1
  274. package/legacy/legacy.js +14 -13
  275. package/legacy/legacy.js.map +1 -1
  276. package/license.md +71 -0
  277. package/package.json +24 -5
@@ -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.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 };
348
348
  //# sourceMappingURL=baseSlider.js.map