@babylonjs/gui 5.0.0-rc.1 → 5.0.0-rc.12

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 (306) 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 -423
  5. package/2D/advancedDynamicTexture.js +1318 -1286
  6. package/2D/advancedDynamicTexture.js.map +1 -1
  7. package/2D/controls/button.d.ts +135 -97
  8. package/2D/controls/button.js +276 -238
  9. package/2D/controls/button.js.map +1 -1
  10. package/2D/controls/checkbox.d.ts +59 -51
  11. package/2D/controls/checkbox.js +188 -178
  12. package/2D/controls/checkbox.js.map +1 -1
  13. package/2D/controls/colorpicker.d.ts +103 -90
  14. package/2D/controls/colorpicker.js +1417 -1400
  15. package/2D/controls/colorpicker.js.map +1 -1
  16. package/2D/controls/container.d.ts +175 -130
  17. package/2D/controls/container.js +570 -525
  18. package/2D/controls/container.js.map +1 -1
  19. package/2D/controls/control.d.ts +866 -743
  20. package/2D/controls/control.js +2433 -2308
  21. package/2D/controls/control.js.map +1 -1
  22. package/2D/controls/displayGrid.d.ts +53 -55
  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 -52
  29. package/2D/controls/focusableButton.js +99 -92
  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 -135
  35. package/2D/controls/grid.js +529 -525
  36. package/2D/controls/grid.js.map +1 -1
  37. package/2D/controls/image.d.ts +204 -197
  38. package/2D/controls/image.js +887 -879
  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/index.js.map +1 -1
  43. package/2D/controls/inputPassword.d.ts +9 -8
  44. package/2D/controls/inputPassword.js +28 -25
  45. package/2D/controls/inputPassword.js.map +1 -1
  46. package/2D/controls/inputText.d.ts +201 -182
  47. package/2D/controls/inputText.js +1119 -1096
  48. package/2D/controls/inputText.js.map +1 -1
  49. package/2D/controls/line.d.ts +66 -66
  50. package/2D/controls/line.js +271 -271
  51. package/2D/controls/line.js.map +1 -1
  52. package/2D/controls/multiLine.d.ts +75 -77
  53. package/2D/controls/multiLine.js +262 -262
  54. package/2D/controls/multiLine.js.map +1 -1
  55. package/2D/controls/radioButton.d.ts +49 -49
  56. package/2D/controls/radioButton.js +205 -205
  57. package/2D/controls/radioButton.js.map +1 -1
  58. package/2D/controls/rectangle.d.ts +29 -29
  59. package/2D/controls/rectangle.js +150 -150
  60. package/2D/controls/rectangle.js.map +1 -1
  61. package/2D/controls/scrollViewers/scrollViewer.d.ts +182 -175
  62. package/2D/controls/scrollViewers/scrollViewer.js +677 -676
  63. package/2D/controls/scrollViewers/scrollViewer.js.map +1 -1
  64. package/2D/controls/scrollViewers/scrollViewerWindow.d.ts +57 -45
  65. package/2D/controls/scrollViewers/scrollViewerWindow.js +278 -263
  66. package/2D/controls/scrollViewers/scrollViewerWindow.js.map +1 -1
  67. package/2D/controls/selector.d.ts +263 -209
  68. package/2D/controls/selector.js +692 -629
  69. package/2D/controls/selector.js.map +1 -1
  70. package/2D/controls/sliders/baseSlider.d.ts +82 -78
  71. package/2D/controls/sliders/baseSlider.js +347 -343
  72. package/2D/controls/sliders/baseSlider.js.map +1 -1
  73. package/2D/controls/sliders/imageBasedSlider.d.ts +49 -47
  74. package/2D/controls/sliders/imageBasedSlider.js +192 -188
  75. package/2D/controls/sliders/imageBasedSlider.js.map +1 -1
  76. package/2D/controls/sliders/imageScrollBar.d.ts +65 -61
  77. package/2D/controls/sliders/imageScrollBar.js +263 -256
  78. package/2D/controls/sliders/imageScrollBar.js.map +1 -1
  79. package/2D/controls/sliders/scrollBar.d.ts +38 -34
  80. package/2D/controls/sliders/scrollBar.js +143 -136
  81. package/2D/controls/sliders/scrollBar.js.map +1 -1
  82. package/2D/controls/sliders/slider.d.ts +35 -37
  83. package/2D/controls/sliders/slider.js +271 -271
  84. package/2D/controls/sliders/slider.js.map +1 -1
  85. package/2D/controls/stackPanel.d.ts +64 -56
  86. package/2D/controls/stackPanel.js +246 -236
  87. package/2D/controls/stackPanel.js.map +1 -1
  88. package/2D/controls/statics.d.ts +6 -6
  89. package/2D/controls/statics.js +49 -47
  90. package/2D/controls/statics.js.map +1 -1
  91. package/2D/controls/textBlock.d.ts +175 -172
  92. package/2D/controls/textBlock.js +603 -598
  93. package/2D/controls/textBlock.js.map +1 -1
  94. package/2D/controls/textWrapper.d.ts +13 -13
  95. package/2D/controls/textWrapper.js +101 -101
  96. package/2D/controls/textWrapper.js.map +1 -1
  97. package/2D/controls/toggleButton.d.ts +117 -83
  98. package/2D/controls/toggleButton.js +268 -234
  99. package/2D/controls/toggleButton.js.map +1 -1
  100. package/2D/controls/virtualKeyboard.d.ts +96 -96
  101. package/2D/controls/virtualKeyboard.js +256 -256
  102. package/2D/controls/virtualKeyboard.js.map +1 -1
  103. package/2D/index.d.ts +9 -9
  104. package/2D/index.js +10 -9
  105. package/2D/index.js.map +1 -1
  106. package/2D/math2D.d.ts +117 -117
  107. package/2D/math2D.js +221 -221
  108. package/2D/math2D.js.map +1 -1
  109. package/2D/measure.d.ts +77 -77
  110. package/2D/measure.js +139 -149
  111. package/2D/measure.js.map +1 -1
  112. package/2D/multiLinePoint.d.ts +47 -47
  113. package/2D/multiLinePoint.js +127 -127
  114. package/2D/multiLinePoint.js.map +1 -1
  115. package/2D/style.d.ts +46 -46
  116. package/2D/style.js +97 -97
  117. package/2D/style.js.map +1 -1
  118. package/2D/valueAndUnit.d.ts +89 -89
  119. package/2D/valueAndUnit.js +226 -222
  120. package/2D/valueAndUnit.js.map +1 -1
  121. package/2D/xmlLoader.d.ts +60 -60
  122. package/2D/xmlLoader.js +348 -348
  123. package/2D/xmlLoader.js.map +1 -1
  124. package/3D/behaviors/defaultBehavior.d.ts +73 -73
  125. package/3D/behaviors/defaultBehavior.js +121 -121
  126. package/3D/behaviors/defaultBehavior.js.map +1 -1
  127. package/3D/controls/abstractButton3D.d.ts +15 -15
  128. package/3D/controls/abstractButton3D.js +25 -25
  129. package/3D/controls/abstractButton3D.js.map +1 -1
  130. package/3D/controls/button3D.d.ts +30 -30
  131. package/3D/controls/button3D.js +93 -93
  132. package/3D/controls/button3D.js.map +1 -1
  133. package/3D/controls/container3D.d.ts +72 -72
  134. package/3D/controls/container3D.js +139 -140
  135. package/3D/controls/container3D.js.map +1 -1
  136. package/3D/controls/contentDisplay3D.d.ts +30 -30
  137. package/3D/controls/contentDisplay3D.js +79 -78
  138. package/3D/controls/contentDisplay3D.js.map +1 -1
  139. package/3D/controls/control3D.d.ts +201 -165
  140. package/3D/controls/control3D.js +445 -408
  141. package/3D/controls/control3D.js.map +1 -1
  142. package/3D/controls/cylinderPanel.d.ts +17 -17
  143. package/3D/controls/cylinderPanel.js +66 -66
  144. package/3D/controls/cylinderPanel.js.map +1 -1
  145. package/3D/controls/handMenu.d.ts +28 -28
  146. package/3D/controls/handMenu.js +47 -47
  147. package/3D/controls/handMenu.js.map +1 -1
  148. package/3D/controls/holographicBackplate.d.ts +49 -48
  149. package/3D/controls/holographicBackplate.js +120 -120
  150. package/3D/controls/holographicBackplate.js.map +1 -1
  151. package/3D/controls/holographicButton.d.ts +84 -83
  152. package/3D/controls/holographicButton.js +339 -338
  153. package/3D/controls/holographicButton.js.map +1 -1
  154. package/3D/controls/holographicSlate.d.ts +131 -128
  155. package/3D/controls/holographicSlate.js +431 -428
  156. package/3D/controls/holographicSlate.js.map +1 -1
  157. package/3D/controls/index.d.ts +21 -21
  158. package/3D/controls/index.js +21 -21
  159. package/3D/controls/index.js.map +1 -1
  160. package/3D/controls/meshButton3D.d.ts +21 -21
  161. package/3D/controls/meshButton3D.js +62 -61
  162. package/3D/controls/meshButton3D.js.map +1 -1
  163. package/3D/controls/nearMenu.d.ts +44 -44
  164. package/3D/controls/nearMenu.js +114 -112
  165. package/3D/controls/nearMenu.js.map +1 -1
  166. package/3D/controls/planePanel.d.ts +9 -9
  167. package/3D/controls/planePanel.js +36 -36
  168. package/3D/controls/planePanel.js.map +1 -1
  169. package/3D/controls/scatterPanel.d.ts +18 -18
  170. package/3D/controls/scatterPanel.js +108 -108
  171. package/3D/controls/scatterPanel.js.map +1 -1
  172. package/3D/controls/slider3D.d.ts +81 -81
  173. package/3D/controls/slider3D.js +268 -267
  174. package/3D/controls/slider3D.js.map +1 -1
  175. package/3D/controls/spherePanel.d.ts +17 -17
  176. package/3D/controls/spherePanel.js +67 -67
  177. package/3D/controls/spherePanel.js.map +1 -1
  178. package/3D/controls/stackPanel3D.d.ts +22 -22
  179. package/3D/controls/stackPanel3D.js +107 -107
  180. package/3D/controls/stackPanel3D.js.map +1 -1
  181. package/3D/controls/touchButton3D.d.ts +80 -75
  182. package/3D/controls/touchButton3D.js +233 -227
  183. package/3D/controls/touchButton3D.js.map +1 -1
  184. package/3D/controls/touchHolographicButton.d.ts +110 -109
  185. package/3D/controls/touchHolographicButton.js +445 -445
  186. package/3D/controls/touchHolographicButton.js.map +1 -1
  187. package/3D/controls/touchHolographicMenu.d.ts +61 -61
  188. package/3D/controls/touchHolographicMenu.js +149 -148
  189. package/3D/controls/touchHolographicMenu.js.map +1 -1
  190. package/3D/controls/touchMeshButton3D.d.ts +21 -22
  191. package/3D/controls/touchMeshButton3D.js +62 -62
  192. package/3D/controls/touchMeshButton3D.js.map +1 -1
  193. package/3D/controls/volumeBasedPanel.d.ts +53 -52
  194. package/3D/controls/volumeBasedPanel.js +174 -174
  195. package/3D/controls/volumeBasedPanel.js.map +1 -1
  196. package/3D/gizmos/gizmoHandle.d.ts +108 -108
  197. package/3D/gizmos/gizmoHandle.js +209 -209
  198. package/3D/gizmos/gizmoHandle.js.map +1 -1
  199. package/3D/gizmos/index.d.ts +2 -2
  200. package/3D/gizmos/index.js +2 -2
  201. package/3D/gizmos/index.js.map +1 -1
  202. package/3D/gizmos/slateGizmo.d.ts +57 -57
  203. package/3D/gizmos/slateGizmo.js +369 -369
  204. package/3D/gizmos/slateGizmo.js.map +1 -1
  205. package/3D/gui3DManager.d.ts +94 -94
  206. package/3D/gui3DManager.js +257 -257
  207. package/3D/gui3DManager.js.map +1 -1
  208. package/3D/index.d.ts +5 -5
  209. package/3D/index.js +6 -5
  210. package/3D/index.js.map +1 -1
  211. package/3D/materials/fluent/fluentMaterial.d.ts +91 -90
  212. package/3D/materials/fluent/fluentMaterial.js +292 -281
  213. package/3D/materials/fluent/fluentMaterial.js.map +1 -1
  214. package/3D/materials/fluent/index.d.ts +1 -1
  215. package/3D/materials/fluent/index.js +1 -1
  216. package/3D/materials/fluent/index.js.map +1 -1
  217. package/3D/materials/fluent/shaders/fluent.fragment.d.ts +5 -5
  218. package/3D/materials/fluent/shaders/fluent.fragment.js +8 -6
  219. package/3D/materials/fluent/shaders/fluent.fragment.js.map +1 -1
  220. package/3D/materials/fluent/shaders/fluent.vertex.d.ts +5 -5
  221. package/3D/materials/fluent/shaders/fluent.vertex.js +8 -6
  222. package/3D/materials/fluent/shaders/fluent.vertex.js.map +1 -1
  223. package/3D/materials/fluentBackplate/fluentBackplateMaterial.d.ts +155 -154
  224. package/3D/materials/fluentBackplate/fluentBackplateMaterial.js +469 -434
  225. package/3D/materials/fluentBackplate/fluentBackplateMaterial.js.map +1 -1
  226. package/3D/materials/fluentBackplate/index.d.ts +1 -1
  227. package/3D/materials/fluentBackplate/index.js +1 -1
  228. package/3D/materials/fluentBackplate/index.js.map +1 -1
  229. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.d.ts +5 -5
  230. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js +8 -6
  231. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js.map +1 -1
  232. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.d.ts +5 -5
  233. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js +8 -6
  234. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js.map +1 -1
  235. package/3D/materials/fluentButton/fluentButtonMaterial.d.ts +190 -189
  236. package/3D/materials/fluentButton/fluentButtonMaterial.js +539 -537
  237. package/3D/materials/fluentButton/fluentButtonMaterial.js.map +1 -1
  238. package/3D/materials/fluentButton/index.d.ts +1 -1
  239. package/3D/materials/fluentButton/index.js +1 -1
  240. package/3D/materials/fluentButton/index.js.map +1 -1
  241. package/3D/materials/fluentButton/shaders/fluentButton.fragment.d.ts +5 -5
  242. package/3D/materials/fluentButton/shaders/fluentButton.fragment.js +8 -6
  243. package/3D/materials/fluentButton/shaders/fluentButton.fragment.js.map +1 -1
  244. package/3D/materials/fluentButton/shaders/fluentButton.vertex.d.ts +5 -5
  245. package/3D/materials/fluentButton/shaders/fluentButton.vertex.js +8 -6
  246. package/3D/materials/fluentButton/shaders/fluentButton.vertex.js.map +1 -1
  247. package/3D/materials/fluentMaterial.d.ts +4 -4
  248. package/3D/materials/fluentMaterial.js +4 -4
  249. package/3D/materials/fluentMaterial.js.map +1 -1
  250. package/3D/materials/handle/handleMaterial.d.ts +68 -68
  251. package/3D/materials/handle/handleMaterial.js +126 -126
  252. package/3D/materials/handle/handleMaterial.js.map +1 -1
  253. package/3D/materials/handle/index.d.ts +1 -1
  254. package/3D/materials/handle/index.js +1 -1
  255. package/3D/materials/handle/index.js.map +1 -1
  256. package/3D/materials/handle/shaders/handle.fragment.d.ts +5 -5
  257. package/3D/materials/handle/shaders/handle.fragment.js +8 -6
  258. package/3D/materials/handle/shaders/handle.fragment.js.map +1 -1
  259. package/3D/materials/handle/shaders/handle.vertex.d.ts +5 -5
  260. package/3D/materials/handle/shaders/handle.vertex.js +8 -6
  261. package/3D/materials/handle/shaders/handle.vertex.js.map +1 -1
  262. package/3D/materials/index.d.ts +5 -5
  263. package/3D/materials/index.js +6 -5
  264. package/3D/materials/index.js.map +1 -1
  265. package/3D/materials/mrdl/index.d.ts +3 -3
  266. package/3D/materials/mrdl/index.js +3 -3
  267. package/3D/materials/mrdl/index.js.map +1 -1
  268. package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts +148 -147
  269. package/3D/materials/mrdl/mrdlBackplateMaterial.js +436 -409
  270. package/3D/materials/mrdl/mrdlBackplateMaterial.js.map +1 -1
  271. package/3D/materials/mrdl/mrdlSliderBarMaterial.d.ts +334 -333
  272. package/3D/materials/mrdl/mrdlSliderBarMaterial.js +851 -786
  273. package/3D/materials/mrdl/mrdlSliderBarMaterial.js.map +1 -1
  274. package/3D/materials/mrdl/mrdlSliderThumbMaterial.d.ts +334 -333
  275. package/3D/materials/mrdl/mrdlSliderThumbMaterial.js +851 -786
  276. package/3D/materials/mrdl/mrdlSliderThumbMaterial.js.map +1 -1
  277. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.d.ts +5 -5
  278. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js +8 -6
  279. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js.map +1 -1
  280. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.d.ts +5 -5
  281. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js +8 -6
  282. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js.map +1 -1
  283. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.d.ts +5 -5
  284. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js +8 -6
  285. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js.map +1 -1
  286. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.d.ts +5 -5
  287. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js +8 -6
  288. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js.map +1 -1
  289. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.d.ts +5 -5
  290. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js +8 -6
  291. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js.map +1 -1
  292. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.d.ts +5 -5
  293. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js +8 -6
  294. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js.map +1 -1
  295. package/3D/vector3WithInfo.d.ts +16 -16
  296. package/3D/vector3WithInfo.js +23 -23
  297. package/3D/vector3WithInfo.js.map +1 -1
  298. package/index.d.ts +2 -2
  299. package/index.js +3 -2
  300. package/index.js.map +1 -1
  301. package/legacy/legacy.d.ts +1 -1
  302. package/legacy/legacy.js +14 -13
  303. package/legacy/legacy.js.map +1 -1
  304. package/license.md +71 -0
  305. package/package.json +37 -325
  306. package/readme.md +2 -2
@@ -1,182 +1,201 @@
1
- import { Nullable } from "@babylonjs/core/types";
2
- import { Observable } from "@babylonjs/core/Misc/observable";
3
- import { Vector2 } from "@babylonjs/core/Maths/math.vector";
4
- import { PointerInfoBase } from '@babylonjs/core/Events/pointerEvents';
5
- import { Control } from "./control";
6
- import { IFocusableControl } from "./focusableControl";
7
- import { VirtualKeyboard } from "./virtualKeyboard";
8
- import { Measure } from '../measure';
9
- import { TextWrapper } from './textWrapper';
10
- import { IKeyboardEvent } from '@babylonjs/core/Events/deviceInputEvents';
11
- import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas";
12
- /**
13
- * Class used to create input text control
14
- */
15
- export declare class InputText extends Control implements IFocusableControl {
16
- name?: string | undefined;
17
- private _textWrapper;
18
- private _placeholderText;
19
- private _background;
20
- private _focusedBackground;
21
- private _focusedColor;
22
- private _placeholderColor;
23
- private _thickness;
24
- private _margin;
25
- private _autoStretchWidth;
26
- private _maxWidth;
27
- private _isFocused;
28
- /** the type of device that most recently focused the input: "mouse", "touch" or "pen" */
29
- private _focusedBy;
30
- private _blinkTimeout;
31
- private _blinkIsEven;
32
- private _cursorOffset;
33
- private _scrollLeft;
34
- private _textWidth;
35
- private _clickedCoordinate;
36
- private _deadKey;
37
- private _addKey;
38
- private _currentKey;
39
- private _isTextHighlightOn;
40
- private _textHighlightColor;
41
- private _highligherOpacity;
42
- private _highlightedText;
43
- private _startHighlightIndex;
44
- private _endHighlightIndex;
45
- private _cursorIndex;
46
- private _onFocusSelectAll;
47
- private _isPointerDown;
48
- private _onClipboardObserver;
49
- private _onPointerDblTapObserver;
50
- /** @hidden */
51
- _connectedVirtualKeyboard: Nullable<VirtualKeyboard>;
52
- /** Gets or sets a string representing the message displayed on mobile when the control gets the focus */
53
- promptMessage: string;
54
- /** Force disable prompt on mobile device */
55
- disableMobilePrompt: boolean;
56
- /** Observable raised when the text changes */
57
- onTextChangedObservable: Observable<InputText>;
58
- /** Observable raised just before an entered character is to be added */
59
- onBeforeKeyAddObservable: Observable<InputText>;
60
- /** Observable raised when the control gets the focus */
61
- onFocusObservable: Observable<InputText>;
62
- /** Observable raised when the control loses the focus */
63
- onBlurObservable: Observable<InputText>;
64
- /**Observable raised when the text is highlighted */
65
- onTextHighlightObservable: Observable<InputText>;
66
- /**Observable raised when copy event is triggered */
67
- onTextCopyObservable: Observable<InputText>;
68
- /** Observable raised when cut event is triggered */
69
- onTextCutObservable: Observable<InputText>;
70
- /** Observable raised when paste event is triggered */
71
- onTextPasteObservable: Observable<InputText>;
72
- /** Observable raised when a key event was processed */
73
- onKeyboardEventProcessedObservable: Observable<IKeyboardEvent>;
74
- /** Gets or sets the maximum width allowed by the control */
75
- get maxWidth(): string | number;
76
- /** Gets the maximum width allowed by the control in pixels */
77
- get maxWidthInPixels(): number;
78
- set maxWidth(value: string | number);
79
- /** Gets or sets the text highlighter transparency; default: 0.4 */
80
- get highligherOpacity(): number;
81
- set highligherOpacity(value: number);
82
- /** Gets or sets a boolean indicating whether to select complete text by default on input focus */
83
- get onFocusSelectAll(): boolean;
84
- set onFocusSelectAll(value: boolean);
85
- /** Gets or sets the text hightlight color */
86
- get textHighlightColor(): string;
87
- set textHighlightColor(value: string);
88
- /** Gets or sets control margin */
89
- get margin(): string;
90
- /** Gets control margin in pixels */
91
- get marginInPixels(): number;
92
- set margin(value: string);
93
- /** Gets or sets a boolean indicating if the control can auto stretch its width to adapt to the text */
94
- get autoStretchWidth(): boolean;
95
- set autoStretchWidth(value: boolean);
96
- /** Gets or sets border thickness */
97
- get thickness(): number;
98
- set thickness(value: number);
99
- /** Gets or sets the background color when focused */
100
- get focusedBackground(): string;
101
- set focusedBackground(value: string);
102
- /** Gets or sets the background color when focused */
103
- get focusedColor(): string;
104
- set focusedColor(value: string);
105
- /** Gets or sets the background color */
106
- get background(): string;
107
- set background(value: string);
108
- /** Gets or sets the placeholder color */
109
- get placeholderColor(): string;
110
- set placeholderColor(value: string);
111
- /** Gets or sets the text displayed when the control is empty */
112
- get placeholderText(): string;
113
- set placeholderText(value: string);
114
- /** Gets or sets the dead key flag */
115
- get deadKey(): boolean;
116
- set deadKey(flag: boolean);
117
- /** Gets or sets the highlight text */
118
- get highlightedText(): string;
119
- set highlightedText(text: string);
120
- /** Gets or sets if the current key should be added */
121
- get addKey(): boolean;
122
- set addKey(flag: boolean);
123
- /** Gets or sets the value of the current key being entered */
124
- get currentKey(): string;
125
- set currentKey(key: string);
126
- /** Gets or sets the text displayed in the control */
127
- get text(): string;
128
- set text(value: string);
129
- private _textHasChanged;
130
- /** Gets or sets control width */
131
- get width(): string | number;
132
- set width(value: string | number);
133
- /**
134
- * Creates a new InputText
135
- * @param name defines the control name
136
- * @param text defines the text of the control
137
- */
138
- constructor(name?: string | undefined, text?: string);
139
- /** @hidden */
140
- onBlur(): void;
141
- /** @hidden */
142
- onFocus(): void;
143
- /**
144
- * Function to focus an inputText programmatically
145
- */
146
- focus(): void;
147
- /**
148
- * Function to unfocus an inputText programmatically
149
- */
150
- blur(): void;
151
- protected _getTypeName(): string;
152
- /**
153
- * Function called to get the list of controls that should not steal the focus from this control
154
- * @returns an array of controls
155
- */
156
- keepsFocusWith(): Nullable<Control[]>;
157
- /** @hidden */
158
- processKey(keyCode: number, key?: string, evt?: IKeyboardEvent): void;
159
- /** @hidden */
160
- private _updateValueFromCursorIndex;
161
- /** @hidden */
162
- private _processDblClick;
163
- /** @hidden */
164
- private _selectAllText;
165
- /**
166
- * Handles the keyboard event
167
- * @param evt Defines the KeyboardEvent
168
- */
169
- processKeyboard(evt: IKeyboardEvent): void;
170
- /** @hidden */
171
- private _onCopyText;
172
- /** @hidden */
173
- private _onCutText;
174
- /** @hidden */
175
- private _onPasteText;
176
- _draw(context: ICanvasRenderingContext, invalidatedRectangle?: Nullable<Measure>): void;
177
- _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
178
- _onPointerMove(target: Control, coordinates: Vector2, pointerId: number, pi: PointerInfoBase): void;
179
- _onPointerUp(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, notifyClick: boolean): void;
180
- protected _beforeRenderText(textWrapper: TextWrapper): TextWrapper;
181
- dispose(): void;
182
- }
1
+ import type { Nullable } from "@babylonjs/core/types.js";
2
+ import { Observable } from "@babylonjs/core/Misc/observable.js";
3
+ import type { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
4
+ import type { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
5
+ import { Control } from "./control";
6
+ import type { IFocusableControl } from "./focusableControl";
7
+ import type { VirtualKeyboard } from "./virtualKeyboard";
8
+ import { TextWrapper } from "./textWrapper";
9
+ import type { IKeyboardEvent } from "@babylonjs/core/Events/deviceInputEvents.js";
10
+ import type { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
11
+ /**
12
+ * Class used to create input text control
13
+ */
14
+ export declare class InputText extends Control implements IFocusableControl {
15
+ name?: string | undefined;
16
+ private _textWrapper;
17
+ private _placeholderText;
18
+ private _background;
19
+ private _focusedBackground;
20
+ private _focusedColor;
21
+ private _placeholderColor;
22
+ private _thickness;
23
+ private _margin;
24
+ private _autoStretchWidth;
25
+ private _maxWidth;
26
+ private _isFocused;
27
+ /** the type of device that most recently focused the input: "mouse", "touch" or "pen" */
28
+ private _focusedBy;
29
+ private _blinkTimeout;
30
+ private _blinkIsEven;
31
+ private _cursorOffset;
32
+ private _scrollLeft;
33
+ private _textWidth;
34
+ private _clickedCoordinate;
35
+ private _deadKey;
36
+ private _addKey;
37
+ private _currentKey;
38
+ private _isTextHighlightOn;
39
+ private _textHighlightColor;
40
+ private _highligherOpacity;
41
+ private _highlightedText;
42
+ private _startHighlightIndex;
43
+ private _endHighlightIndex;
44
+ private _cursorIndex;
45
+ private _onFocusSelectAll;
46
+ private _isPointerDown;
47
+ private _onClipboardObserver;
48
+ private _onPointerDblTapObserver;
49
+ /** @hidden */
50
+ _connectedVirtualKeyboard: Nullable<VirtualKeyboard>;
51
+ /** Gets or sets a string representing the message displayed on mobile when the control gets the focus */
52
+ promptMessage: string;
53
+ /** Force disable prompt on mobile device */
54
+ disableMobilePrompt: boolean;
55
+ /** Observable raised when the text changes */
56
+ onTextChangedObservable: Observable<InputText>;
57
+ /** Observable raised just before an entered character is to be added */
58
+ onBeforeKeyAddObservable: Observable<InputText>;
59
+ /** Observable raised when the control gets the focus */
60
+ onFocusObservable: Observable<InputText>;
61
+ /** Observable raised when the control loses the focus */
62
+ onBlurObservable: Observable<InputText>;
63
+ /**Observable raised when the text is highlighted */
64
+ onTextHighlightObservable: Observable<InputText>;
65
+ /**Observable raised when copy event is triggered */
66
+ onTextCopyObservable: Observable<InputText>;
67
+ /** Observable raised when cut event is triggered */
68
+ onTextCutObservable: Observable<InputText>;
69
+ /** Observable raised when paste event is triggered */
70
+ onTextPasteObservable: Observable<InputText>;
71
+ /** Observable raised when a key event was processed */
72
+ onKeyboardEventProcessedObservable: Observable<IKeyboardEvent>;
73
+ /** Gets or sets the maximum width allowed by the control */
74
+ get maxWidth(): string | number;
75
+ /** Gets the maximum width allowed by the control in pixels */
76
+ get maxWidthInPixels(): number;
77
+ set maxWidth(value: string | number);
78
+ /** Gets or sets the text highlighter transparency; default: 0.4 */
79
+ get highligherOpacity(): number;
80
+ set highligherOpacity(value: number);
81
+ /** Gets or sets a boolean indicating whether to select complete text by default on input focus */
82
+ get onFocusSelectAll(): boolean;
83
+ set onFocusSelectAll(value: boolean);
84
+ /** Gets or sets the text hightlight color */
85
+ get textHighlightColor(): string;
86
+ set textHighlightColor(value: string);
87
+ /** Gets or sets control margin */
88
+ get margin(): string;
89
+ /** Gets control margin in pixels */
90
+ get marginInPixels(): number;
91
+ set margin(value: string);
92
+ /** Gets or sets a boolean indicating if the control can auto stretch its width to adapt to the text */
93
+ get autoStretchWidth(): boolean;
94
+ set autoStretchWidth(value: boolean);
95
+ /** Gets or sets border thickness */
96
+ get thickness(): number;
97
+ set thickness(value: number);
98
+ /** Gets or sets the background color when focused */
99
+ get focusedBackground(): string;
100
+ set focusedBackground(value: string);
101
+ /** Gets or sets the background color when focused */
102
+ get focusedColor(): string;
103
+ set focusedColor(value: string);
104
+ /** Gets or sets the background color */
105
+ get background(): string;
106
+ set background(value: string);
107
+ /** Gets or sets the placeholder color */
108
+ get placeholderColor(): string;
109
+ set placeholderColor(value: string);
110
+ /** Gets or sets the text displayed when the control is empty */
111
+ get placeholderText(): string;
112
+ set placeholderText(value: string);
113
+ /** Gets or sets the dead key flag */
114
+ get deadKey(): boolean;
115
+ set deadKey(flag: boolean);
116
+ /** Gets or sets the highlight text */
117
+ get highlightedText(): string;
118
+ set highlightedText(text: string);
119
+ /** Gets or sets if the current key should be added */
120
+ get addKey(): boolean;
121
+ set addKey(flag: boolean);
122
+ /** Gets or sets the value of the current key being entered */
123
+ get currentKey(): string;
124
+ set currentKey(key: string);
125
+ /** Gets or sets the text displayed in the control */
126
+ get text(): string;
127
+ set text(value: string);
128
+ private _textHasChanged;
129
+ /** Gets or sets control width */
130
+ get width(): string | number;
131
+ set width(value: string | number);
132
+ /**
133
+ * Creates a new InputText
134
+ * @param name defines the control name
135
+ * @param text defines the text of the control
136
+ */
137
+ constructor(name?: string | undefined, text?: string);
138
+ /** @hidden */
139
+ onBlur(): void;
140
+ /** @hidden */
141
+ onFocus(): void;
142
+ /**
143
+ * Function to focus an inputText programmatically
144
+ */
145
+ focus(): void;
146
+ /**
147
+ * Function to unfocus an inputText programmatically
148
+ */
149
+ blur(): void;
150
+ protected _getTypeName(): string;
151
+ /**
152
+ * Function called to get the list of controls that should not steal the focus from this control
153
+ * @returns an array of controls
154
+ */
155
+ keepsFocusWith(): Nullable<Control[]>;
156
+ /**
157
+ * @param keyCode
158
+ * @param key
159
+ * @param evt
160
+ * @hidden
161
+ */
162
+ processKey(keyCode: number, key?: string, evt?: IKeyboardEvent): void;
163
+ /**
164
+ * @param offset
165
+ * @hidden
166
+ */
167
+ private _updateValueFromCursorIndex;
168
+ /**
169
+ * @param evt
170
+ * @hidden
171
+ */
172
+ private _processDblClick;
173
+ /** @hidden */
174
+ private _selectAllText;
175
+ /**
176
+ * Handles the keyboard event
177
+ * @param evt Defines the KeyboardEvent
178
+ */
179
+ processKeyboard(evt: IKeyboardEvent): void;
180
+ /**
181
+ * @param ev
182
+ * @hidden
183
+ */
184
+ private _onCopyText;
185
+ /**
186
+ * @param ev
187
+ * @hidden
188
+ */
189
+ private _onCutText;
190
+ /**
191
+ * @param ev
192
+ * @hidden
193
+ */
194
+ private _onPasteText;
195
+ _draw(context: ICanvasRenderingContext): void;
196
+ _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
197
+ _onPointerMove(target: Control, coordinates: Vector2, pointerId: number, pi: PointerInfoBase): void;
198
+ _onPointerUp(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, notifyClick: boolean): void;
199
+ protected _beforeRenderText(textWrapper: TextWrapper): TextWrapper;
200
+ dispose(): void;
201
+ }