babylon.gui.d.ts 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726
  1. declare module BABYLON.GUI {
  2. interface IFocusableControl {
  3. onFocus(): void;
  4. onBlur(): void;
  5. processKeyboard(evt: KeyboardEvent): void;
  6. }
  7. class AdvancedDynamicTexture extends DynamicTexture {
  8. private _isDirty;
  9. private _renderObserver;
  10. private _resizeObserver;
  11. private _preKeyboardObserver;
  12. private _pointerMoveObserver;
  13. private _pointerObserver;
  14. private _canvasPointerOutObserver;
  15. private _background;
  16. _rootContainer: Container;
  17. _lastPickedControl: Control;
  18. _lastControlOver: Nullable<Control>;
  19. _lastControlDown: Nullable<Control>;
  20. _capturingControl: Nullable<Control>;
  21. _shouldBlockPointer: boolean;
  22. _layerToDispose: Nullable<Layer>;
  23. _linkedControls: Control[];
  24. private _isFullscreen;
  25. private _fullscreenViewport;
  26. private _idealWidth;
  27. private _idealHeight;
  28. private _renderAtIdealSize;
  29. private _focusedControl;
  30. private _blockNextFocusCheck;
  31. background: string;
  32. idealWidth: number;
  33. idealHeight: number;
  34. renderAtIdealSize: boolean;
  35. readonly layer: Nullable<Layer>;
  36. readonly rootContainer: Container;
  37. focusedControl: Nullable<IFocusableControl>;
  38. isForeground: boolean;
  39. constructor(name: string, width: number | undefined, height: number | undefined, scene: Nullable<Scene>, generateMipMaps?: boolean, samplingMode?: number);
  40. executeOnAllControls(func: (control: Control) => void, container?: Container): void;
  41. markAsDirty(): void;
  42. addControl(control: Control): AdvancedDynamicTexture;
  43. removeControl(control: Control): AdvancedDynamicTexture;
  44. dispose(): void;
  45. private _onResize();
  46. _getGlobalViewport(scene: Scene): Viewport;
  47. private _checkUpdate(camera);
  48. private _render();
  49. private _doPicking(x, y, type, buttonIndex);
  50. attach(): void;
  51. attachToMesh(mesh: AbstractMesh, supportPointerMove?: boolean): void;
  52. moveFocusToControl(control: IFocusableControl): void;
  53. private _manageFocus();
  54. private _attachToOnPointerOut(scene);
  55. static CreateForMesh(mesh: AbstractMesh, width?: number, height?: number, supportPointerMove?: boolean): AdvancedDynamicTexture;
  56. static CreateFullscreenUI(name: string, foreground?: boolean, scene?: Nullable<Scene>): AdvancedDynamicTexture;
  57. }
  58. }
  59. declare module BABYLON.GUI {
  60. class Measure {
  61. left: number;
  62. top: number;
  63. width: number;
  64. height: number;
  65. constructor(left: number, top: number, width: number, height: number);
  66. copyFrom(other: Measure): void;
  67. isEqualsTo(other: Measure): boolean;
  68. static Empty(): Measure;
  69. }
  70. }
  71. declare module BABYLON.GUI {
  72. class Vector2WithInfo extends Vector2 {
  73. buttonIndex: number;
  74. constructor(source: Vector2, buttonIndex?: number);
  75. }
  76. class Matrix2D {
  77. m: Float32Array;
  78. constructor(m00: number, m01: number, m10: number, m11: number, m20: number, m21: number);
  79. fromValues(m00: number, m01: number, m10: number, m11: number, m20: number, m21: number): Matrix2D;
  80. determinant(): number;
  81. invertToRef(result: Matrix2D): Matrix2D;
  82. multiplyToRef(other: Matrix2D, result: Matrix2D): Matrix2D;
  83. transformCoordinates(x: number, y: number, result: Vector2): Matrix2D;
  84. static Identity(): Matrix2D;
  85. static TranslationToRef(x: number, y: number, result: Matrix2D): void;
  86. static ScalingToRef(x: number, y: number, result: Matrix2D): void;
  87. static RotationToRef(angle: number, result: Matrix2D): void;
  88. private static _TempPreTranslationMatrix;
  89. private static _TempPostTranslationMatrix;
  90. private static _TempRotationMatrix;
  91. private static _TempScalingMatrix;
  92. private static _TempCompose0;
  93. private static _TempCompose1;
  94. private static _TempCompose2;
  95. static ComposeToRef(tx: number, ty: number, angle: number, scaleX: number, scaleY: number, parentMatrix: Nullable<Matrix2D>, result: Matrix2D): void;
  96. }
  97. }
  98. declare module BABYLON.GUI {
  99. class ValueAndUnit {
  100. unit: number;
  101. negativeValueAllowed: boolean;
  102. private _value;
  103. ignoreAdaptiveScaling: boolean;
  104. constructor(value: number, unit?: number, negativeValueAllowed?: boolean);
  105. readonly isPercentage: boolean;
  106. readonly isPixel: boolean;
  107. readonly internalValue: number;
  108. getValueInPixel(host: AdvancedDynamicTexture, refValue: number): number;
  109. getValue(host: AdvancedDynamicTexture): number;
  110. toString(host: AdvancedDynamicTexture): string;
  111. fromString(source: string | number): boolean;
  112. private static _Regex;
  113. private static _UNITMODE_PERCENTAGE;
  114. private static _UNITMODE_PIXEL;
  115. static readonly UNITMODE_PERCENTAGE: number;
  116. static readonly UNITMODE_PIXEL: number;
  117. }
  118. }
  119. declare module BABYLON.GUI {
  120. class Control {
  121. name: string | undefined;
  122. private _alpha;
  123. private _alphaSet;
  124. private _zIndex;
  125. _root: Nullable<Container>;
  126. _host: AdvancedDynamicTexture;
  127. parent: Nullable<Container>;
  128. _currentMeasure: Measure;
  129. private _fontFamily;
  130. private _fontStyle;
  131. private _fontSize;
  132. private _font;
  133. _width: ValueAndUnit;
  134. _height: ValueAndUnit;
  135. protected _fontOffset: {
  136. ascent: number;
  137. height: number;
  138. descent: number;
  139. };
  140. private _color;
  141. protected _horizontalAlignment: number;
  142. protected _verticalAlignment: number;
  143. private _isDirty;
  144. protected _cachedParentMeasure: Measure;
  145. private _paddingLeft;
  146. private _paddingRight;
  147. private _paddingTop;
  148. private _paddingBottom;
  149. _left: ValueAndUnit;
  150. _top: ValueAndUnit;
  151. private _scaleX;
  152. private _scaleY;
  153. private _rotation;
  154. private _transformCenterX;
  155. private _transformCenterY;
  156. private _transformMatrix;
  157. private _invertTransformMatrix;
  158. private _transformedPosition;
  159. private _isMatrixDirty;
  160. private _cachedOffsetX;
  161. private _cachedOffsetY;
  162. private _isVisible;
  163. _linkedMesh: Nullable<AbstractMesh>;
  164. private _fontSet;
  165. private _dummyVector2;
  166. private _downCount;
  167. private _enterCount;
  168. private _doNotRender;
  169. isHitTestVisible: boolean;
  170. isPointerBlocker: boolean;
  171. isFocusInvisible: boolean;
  172. shadowOffsetX: number;
  173. shadowOffsetY: number;
  174. shadowBlur: number;
  175. shadowColor: string;
  176. protected _linkOffsetX: ValueAndUnit;
  177. protected _linkOffsetY: ValueAndUnit;
  178. readonly typeName: string;
  179. /**
  180. * An event triggered when the pointer move over the control.
  181. * @type {BABYLON.Observable}
  182. */
  183. onPointerMoveObservable: Observable<Vector2>;
  184. /**
  185. * An event triggered when the pointer move out of the control.
  186. * @type {BABYLON.Observable}
  187. */
  188. onPointerOutObservable: Observable<Control>;
  189. /**
  190. * An event triggered when the pointer taps the control
  191. * @type {BABYLON.Observable}
  192. */
  193. onPointerDownObservable: Observable<Vector2WithInfo>;
  194. /**
  195. * An event triggered when pointer up
  196. * @type {BABYLON.Observable}
  197. */
  198. onPointerUpObservable: Observable<Vector2WithInfo>;
  199. /**
  200. * An event triggered when pointer enters the control
  201. * @type {BABYLON.Observable}
  202. */
  203. onPointerEnterObservable: Observable<Control>;
  204. /**
  205. * An event triggered when the control is marked as dirty
  206. * @type {BABYLON.Observable}
  207. */
  208. onDirtyObservable: Observable<Control>;
  209. /**
  210. * An event triggered after the control is drawn
  211. * @type {BABYLON.Observable}
  212. */
  213. onAfterDrawObservable: Observable<Control>;
  214. alpha: number;
  215. scaleX: number;
  216. scaleY: number;
  217. rotation: number;
  218. transformCenterY: number;
  219. transformCenterX: number;
  220. horizontalAlignment: number;
  221. verticalAlignment: number;
  222. width: string | number;
  223. readonly widthInPixels: number;
  224. height: string | number;
  225. readonly heightInPixels: number;
  226. fontFamily: string;
  227. fontStyle: string;
  228. readonly fontSizeInPixels: number;
  229. fontSize: string | number;
  230. color: string;
  231. zIndex: number;
  232. notRenderable: boolean;
  233. isVisible: boolean;
  234. readonly isDirty: boolean;
  235. paddingLeft: string | number;
  236. readonly paddingLeftInPixels: number;
  237. paddingRight: string | number;
  238. readonly paddingRightInPixels: number;
  239. paddingTop: string | number;
  240. readonly paddingTopInPixels: number;
  241. paddingBottom: string | number;
  242. readonly paddingBottomInPixels: number;
  243. left: string | number;
  244. readonly leftInPixels: number;
  245. top: string | number;
  246. readonly topInPixels: number;
  247. linkOffsetX: string | number;
  248. readonly linkOffsetXInPixels: number;
  249. linkOffsetY: string | number;
  250. readonly linkOffsetYInPixels: number;
  251. readonly centerX: number;
  252. readonly centerY: number;
  253. constructor(name?: string | undefined);
  254. protected _getTypeName(): string;
  255. getLocalCoordinates(globalCoordinates: Vector2): Vector2;
  256. getLocalCoordinatesToRef(globalCoordinates: Vector2, result: Vector2): Control;
  257. getParentLocalCoordinates(globalCoordinates: Vector2): Vector2;
  258. moveToVector3(position: Vector3, scene: Scene): void;
  259. linkWithMesh(mesh: Nullable<AbstractMesh>): void;
  260. _moveToProjectedPosition(projectedPosition: Vector3): void;
  261. _markMatrixAsDirty(): void;
  262. _markAsDirty(): void;
  263. _markAllAsDirty(): void;
  264. _link(root: Nullable<Container>, host: AdvancedDynamicTexture): void;
  265. protected _transform(context: CanvasRenderingContext2D): void;
  266. protected _applyStates(context: CanvasRenderingContext2D): void;
  267. protected _processMeasures(parentMeasure: Measure, context: CanvasRenderingContext2D): boolean;
  268. protected _clip(context: CanvasRenderingContext2D): void;
  269. _measure(): void;
  270. protected _computeAlignment(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  271. protected _preMeasure(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  272. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  273. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  274. contains(x: number, y: number): boolean;
  275. _processPicking(x: number, y: number, type: number, buttonIndex: number): boolean;
  276. _onPointerMove(target: Control, coordinates: Vector2): void;
  277. _onPointerEnter(target: Control): boolean;
  278. _onPointerOut(target: Control): void;
  279. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  280. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  281. forcePointerUp(): void;
  282. _processObservables(type: number, x: number, y: number, buttonIndex: number): boolean;
  283. private _prepareFont();
  284. dispose(): void;
  285. private static _HORIZONTAL_ALIGNMENT_LEFT;
  286. private static _HORIZONTAL_ALIGNMENT_RIGHT;
  287. private static _HORIZONTAL_ALIGNMENT_CENTER;
  288. private static _VERTICAL_ALIGNMENT_TOP;
  289. private static _VERTICAL_ALIGNMENT_BOTTOM;
  290. private static _VERTICAL_ALIGNMENT_CENTER;
  291. static readonly HORIZONTAL_ALIGNMENT_LEFT: number;
  292. static readonly HORIZONTAL_ALIGNMENT_RIGHT: number;
  293. static readonly HORIZONTAL_ALIGNMENT_CENTER: number;
  294. static readonly VERTICAL_ALIGNMENT_TOP: number;
  295. static readonly VERTICAL_ALIGNMENT_BOTTOM: number;
  296. static readonly VERTICAL_ALIGNMENT_CENTER: number;
  297. private static _FontHeightSizes;
  298. static _GetFontOffset(font: string): {
  299. ascent: number;
  300. height: number;
  301. descent: number;
  302. };
  303. static AddHeader(control: Control, text: string, size: string | number, options: {
  304. isHorizontal: boolean;
  305. controlFirst: boolean;
  306. }): StackPanel;
  307. protected static drawEllipse(x: number, y: number, width: number, height: number, context: CanvasRenderingContext2D): void;
  308. }
  309. }
  310. declare module BABYLON.GUI {
  311. class Container extends Control {
  312. name: string | undefined;
  313. protected _children: Control[];
  314. protected _measureForChildren: Measure;
  315. protected _background: string;
  316. background: string;
  317. readonly children: Control[];
  318. constructor(name?: string | undefined);
  319. protected _getTypeName(): string;
  320. getChildByName(name: string): Nullable<Control>;
  321. getChildByType(name: string, type: string): Nullable<Control>;
  322. containsControl(control: Control): boolean;
  323. addControl(control: Control): Container;
  324. removeControl(control: Control): Container;
  325. _reOrderControl(control: Control): void;
  326. _markMatrixAsDirty(): void;
  327. _markAllAsDirty(): void;
  328. protected _localDraw(context: CanvasRenderingContext2D): void;
  329. _link(root: Nullable<Container>, host: AdvancedDynamicTexture): void;
  330. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  331. _processPicking(x: number, y: number, type: number, buttonIndex: number): boolean;
  332. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  333. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  334. dispose(): void;
  335. }
  336. }
  337. declare module BABYLON.GUI {
  338. class StackPanel extends Container {
  339. name: string | undefined;
  340. private _isVertical;
  341. private _manualWidth;
  342. private _manualHeight;
  343. private _doNotTrackManualChanges;
  344. private _tempMeasureStore;
  345. isVertical: boolean;
  346. width: string | number;
  347. height: string | number;
  348. constructor(name?: string | undefined);
  349. protected _getTypeName(): string;
  350. protected _preMeasure(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  351. }
  352. }
  353. declare module BABYLON.GUI {
  354. class Rectangle extends Container {
  355. name: string | undefined;
  356. private _thickness;
  357. private _cornerRadius;
  358. thickness: number;
  359. cornerRadius: number;
  360. constructor(name?: string | undefined);
  361. protected _getTypeName(): string;
  362. protected _localDraw(context: CanvasRenderingContext2D): void;
  363. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  364. private _drawRoundedRect(context, offset?);
  365. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  366. }
  367. }
  368. declare module BABYLON.GUI {
  369. class Ellipse extends Container {
  370. name: string | undefined;
  371. private _thickness;
  372. thickness: number;
  373. constructor(name?: string | undefined);
  374. protected _getTypeName(): string;
  375. protected _localDraw(context: CanvasRenderingContext2D): void;
  376. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  377. protected _clipForChildren(context: CanvasRenderingContext2D): void;
  378. }
  379. }
  380. declare module BABYLON.GUI {
  381. class Line extends Control {
  382. name: string | undefined;
  383. private _lineWidth;
  384. private _x1;
  385. private _y1;
  386. private _x2;
  387. private _y2;
  388. private _dash;
  389. private _connectedControl;
  390. private _connectedControlDirtyObserver;
  391. dash: Array<number>;
  392. connectedControl: Control;
  393. x1: string | number;
  394. y1: string | number;
  395. x2: string | number;
  396. y2: string | number;
  397. lineWidth: number;
  398. horizontalAlignment: number;
  399. verticalAlignment: number;
  400. private readonly _effectiveX2;
  401. private readonly _effectiveY2;
  402. constructor(name?: string | undefined);
  403. protected _getTypeName(): string;
  404. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  405. _measure(): void;
  406. protected _computeAlignment(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  407. _moveToProjectedPosition(projectedPosition: Vector3): void;
  408. }
  409. }
  410. declare module BABYLON.GUI {
  411. class Slider extends Control {
  412. name: string | undefined;
  413. private _thumbWidth;
  414. private _minimum;
  415. private _maximum;
  416. private _value;
  417. private _background;
  418. private _borderColor;
  419. private _barOffset;
  420. private _isThumbCircle;
  421. onValueChangedObservable: Observable<number>;
  422. borderColor: string;
  423. background: string;
  424. barOffset: string | number;
  425. readonly barOffsetInPixels: number;
  426. thumbWidth: string | number;
  427. readonly thumbWidthInPixels: number;
  428. minimum: number;
  429. maximum: number;
  430. value: number;
  431. isThumbCircle: boolean;
  432. constructor(name?: string | undefined);
  433. protected _getTypeName(): string;
  434. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  435. private _pointerIsDown;
  436. private _updateValueFromPointer(x);
  437. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  438. _onPointerMove(target: Control, coordinates: Vector2): void;
  439. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  440. }
  441. }
  442. declare module BABYLON.GUI {
  443. class Checkbox extends Control {
  444. name: string | undefined;
  445. private _isChecked;
  446. private _background;
  447. private _checkSizeRatio;
  448. private _thickness;
  449. thickness: number;
  450. onIsCheckedChangedObservable: Observable<boolean>;
  451. checkSizeRatio: number;
  452. background: string;
  453. isChecked: boolean;
  454. constructor(name?: string | undefined);
  455. protected _getTypeName(): string;
  456. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  457. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  458. }
  459. }
  460. declare module BABYLON.GUI {
  461. class RadioButton extends Control {
  462. name: string | undefined;
  463. private _isChecked;
  464. private _background;
  465. private _checkSizeRatio;
  466. private _thickness;
  467. thickness: number;
  468. group: string;
  469. onIsCheckedChangedObservable: Observable<boolean>;
  470. checkSizeRatio: number;
  471. background: string;
  472. isChecked: boolean;
  473. constructor(name?: string | undefined);
  474. protected _getTypeName(): string;
  475. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  476. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  477. }
  478. }
  479. declare module BABYLON.GUI {
  480. class TextBlock extends Control {
  481. name: string | undefined;
  482. private _text;
  483. private _textWrapping;
  484. private _textHorizontalAlignment;
  485. private _textVerticalAlignment;
  486. private _lines;
  487. private _resizeToFit;
  488. /**
  489. * An event triggered after the text is changed
  490. * @type {BABYLON.Observable}
  491. */
  492. onTextChangedObservable: Observable<TextBlock>;
  493. resizeToFit: boolean;
  494. textWrapping: boolean;
  495. text: string;
  496. textHorizontalAlignment: number;
  497. textVerticalAlignment: number;
  498. constructor(name?: string | undefined, text?: string);
  499. protected _getTypeName(): string;
  500. private _drawText(text, textWidth, y, context);
  501. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  502. protected _additionalProcessing(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  503. protected _parseLine(line: string | undefined, context: CanvasRenderingContext2D): object;
  504. protected _parseLineWithTextWrapping(line: string | undefined, context: CanvasRenderingContext2D): object;
  505. protected _renderLines(context: CanvasRenderingContext2D): void;
  506. dispose(): void;
  507. }
  508. }
  509. declare var DOMImage: new (width?: number | undefined, height?: number | undefined) => HTMLImageElement;
  510. declare module BABYLON.GUI {
  511. class Image extends Control {
  512. name: string | undefined;
  513. private _domImage;
  514. private _imageWidth;
  515. private _imageHeight;
  516. private _loaded;
  517. private _stretch;
  518. private _source;
  519. private _autoScale;
  520. private _sourceLeft;
  521. private _sourceTop;
  522. private _sourceWidth;
  523. private _sourceHeight;
  524. private _cellWidth;
  525. private _cellHeight;
  526. private _cellId;
  527. sourceLeft: number;
  528. sourceTop: number;
  529. sourceWidth: number;
  530. sourceHeight: number;
  531. autoScale: boolean;
  532. stretch: number;
  533. domImage: HTMLImageElement;
  534. private _onImageLoaded();
  535. source: Nullable<string>;
  536. cellWidth: number;
  537. cellHeight: number;
  538. cellId: number;
  539. constructor(name?: string | undefined, url?: Nullable<string>);
  540. protected _getTypeName(): string;
  541. synchronizeSizeWithContent(): void;
  542. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  543. private static _STRETCH_NONE;
  544. private static _STRETCH_FILL;
  545. private static _STRETCH_UNIFORM;
  546. private static _STRETCH_EXTEND;
  547. static readonly STRETCH_NONE: number;
  548. static readonly STRETCH_FILL: number;
  549. static readonly STRETCH_UNIFORM: number;
  550. static readonly STRETCH_EXTEND: number;
  551. }
  552. }
  553. declare module BABYLON.GUI {
  554. class Button extends Rectangle {
  555. name: string | undefined;
  556. pointerEnterAnimation: () => void;
  557. pointerOutAnimation: () => void;
  558. pointerDownAnimation: () => void;
  559. pointerUpAnimation: () => void;
  560. constructor(name?: string | undefined);
  561. protected _getTypeName(): string;
  562. _processPicking(x: number, y: number, type: number, buttonIndex: number): boolean;
  563. _onPointerEnter(target: Control): boolean;
  564. _onPointerOut(target: Control): void;
  565. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  566. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  567. static CreateImageButton(name: string, text: string, imageUrl: string): Button;
  568. static CreateImageOnlyButton(name: string, imageUrl: string): Button;
  569. static CreateSimpleButton(name: string, text: string): Button;
  570. static CreateImageWithCenterTextButton(name: string, text: string, imageUrl: string): Button;
  571. }
  572. }
  573. declare module BABYLON.GUI {
  574. class ColorPicker extends Control {
  575. name: string | undefined;
  576. private _colorWheelCanvas;
  577. private _value;
  578. private _tmpColor;
  579. private _pointerStartedOnSquare;
  580. private _pointerStartedOnWheel;
  581. private _squareLeft;
  582. private _squareTop;
  583. private _squareSize;
  584. private _h;
  585. private _s;
  586. private _v;
  587. onValueChangedObservable: Observable<Color3>;
  588. value: Color3;
  589. width: string | number;
  590. height: string | number;
  591. size: string | number;
  592. constructor(name?: string | undefined);
  593. protected _getTypeName(): string;
  594. private _updateSquareProps();
  595. private _drawGradientSquare(hueValue, left, top, width, height, context);
  596. private _drawCircle(centerX, centerY, radius, context);
  597. private _createColorWheelCanvas(radius, thickness);
  598. private _RGBtoHSV(color, result);
  599. private _HSVtoRGB(hue, saturation, value, result);
  600. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  601. private _pointerIsDown;
  602. private _updateValueFromPointer(x, y);
  603. private _isPointOnSquare(coordinates);
  604. private _isPointOnWheel(coordinates);
  605. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  606. _onPointerMove(target: Control, coordinates: Vector2): void;
  607. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  608. }
  609. }
  610. declare module BABYLON.GUI {
  611. class InputText extends Control implements IFocusableControl {
  612. name: string | undefined;
  613. private _text;
  614. private _placeholderText;
  615. private _background;
  616. private _focusedBackground;
  617. private _placeholderColor;
  618. private _thickness;
  619. private _margin;
  620. private _autoStretchWidth;
  621. private _maxWidth;
  622. private _isFocused;
  623. private _blinkTimeout;
  624. private _blinkIsEven;
  625. private _cursorOffset;
  626. private _scrollLeft;
  627. private _textWidth;
  628. private _clickedCoordinate;
  629. promptMessage: string;
  630. onTextChangedObservable: Observable<InputText>;
  631. onFocusObservable: Observable<InputText>;
  632. onBlurObservable: Observable<InputText>;
  633. maxWidth: string | number;
  634. readonly maxWidthInPixels: number;
  635. margin: string;
  636. readonly marginInPixels: number;
  637. autoStretchWidth: boolean;
  638. thickness: number;
  639. focusedBackground: string;
  640. background: string;
  641. placeholderColor: string;
  642. placeholderText: string;
  643. text: string;
  644. constructor(name?: string | undefined, text?: string);
  645. onBlur(): void;
  646. onFocus(): void;
  647. protected _getTypeName(): string;
  648. processKey(keyCode: number, key?: string): void;
  649. processKeyboard(evt: KeyboardEvent): void;
  650. _draw(parentMeasure: Measure, context: CanvasRenderingContext2D): void;
  651. _onPointerDown(target: Control, coordinates: Vector2, buttonIndex: number): boolean;
  652. _onPointerUp(target: Control, coordinates: Vector2, buttonIndex: number): void;
  653. dispose(): void;
  654. }
  655. }
  656. declare module BABYLON.GUI {
  657. class KeyPropertySet {
  658. width?: string;
  659. height?: string;
  660. paddingLeft?: string;
  661. paddingRight?: string;
  662. paddingTop?: string;
  663. paddingBottom?: string;
  664. color?: string;
  665. background?: string;
  666. }
  667. class VirtualKeyboard extends StackPanel {
  668. onKeyPressObservable: Observable<string>;
  669. defaultButtonWidth: string;
  670. defaultButtonHeight: string;
  671. defaultButtonPaddingLeft: string;
  672. defaultButtonPaddingRight: string;
  673. defaultButtonPaddingTop: string;
  674. defaultButtonPaddingBottom: string;
  675. defaultButtonColor: string;
  676. defaultButtonBackground: string;
  677. protected _getTypeName(): string;
  678. private _createKey(key, propertySet);
  679. addKeysRow(keys: Array<string>, propertySets?: Array<KeyPropertySet>): void;
  680. private _connectedInputText;
  681. private _onFocusObserver;
  682. private _onBlurObserver;
  683. private _onKeyPressObserver;
  684. readonly connectedInputText: Nullable<InputText>;
  685. connect(input: InputText): void;
  686. disconnect(): void;
  687. static CreateDefaultLayout(): VirtualKeyboard;
  688. }
  689. }