babylon.inspector.d.ts 80 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092
  1. /// <reference types="react" />
  2. declare module INSPECTOR {
  3. export class PropertyChangedEvent {
  4. object: any;
  5. property: string;
  6. value: any;
  7. initialValue: any;
  8. allowNullValue?: boolean;
  9. }
  10. }
  11. declare module INSPECTOR {
  12. export class ReplayRecorder {
  13. private _recordedCodeLines;
  14. private _previousObject;
  15. private _previousProperty;
  16. reset(): void;
  17. private _getIndirectData;
  18. record(event: PropertyChangedEvent): void;
  19. export(): void;
  20. }
  21. }
  22. declare module INSPECTOR {
  23. export class GlobalState {
  24. onSelectionChangedObservable: BABYLON.Observable<any>;
  25. onPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
  26. onInspectorClosedObservable: BABYLON.Observable<BABYLON.Scene>;
  27. onTabChangedObservable: BABYLON.Observable<number>;
  28. onPluginActivatedObserver: BABYLON.Nullable<BABYLON.Observer<BABYLON.ISceneLoaderPlugin | BABYLON.ISceneLoaderPluginAsync>>;
  29. sceneImportDefaults: {
  30. [key: string]: any;
  31. };
  32. validationResults: BABYLON.Nullable<BABYLON.GLTF2.IGLTFValidationResults>;
  33. onValidationResultsUpdatedObservable: BABYLON.Observable<BABYLON.Nullable<BABYLON.GLTF2.IGLTFValidationResults>>;
  34. onExtensionLoadedObservable: BABYLON.Observable<BABYLON.IGLTFLoaderExtension>;
  35. glTFLoaderExtensionDefaults: {
  36. [name: string]: {
  37. [key: string]: any;
  38. };
  39. };
  40. glTFLoaderDefaults: {
  41. [key: string]: any;
  42. };
  43. blockMutationUpdates: boolean;
  44. selectedLineContainerTitle: string;
  45. recorder: ReplayRecorder;
  46. private _onlyUseEulers;
  47. get onlyUseEulers(): boolean;
  48. set onlyUseEulers(value: boolean);
  49. private _ignoreBackfacesForPicking;
  50. get ignoreBackfacesForPicking(): boolean;
  51. set ignoreBackfacesForPicking(value: boolean);
  52. init(propertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>): void;
  53. prepareGLTFPlugin(loader: BABYLON.GLTFFileLoader): void;
  54. lightGizmos: Array<BABYLON.LightGizmo>;
  55. enableLightGizmo(light: BABYLON.Light, enable?: boolean): void;
  56. }
  57. }
  58. declare module INSPECTOR {
  59. export interface IPaneComponentProps {
  60. title: string;
  61. scene: BABYLON.Scene;
  62. selectedEntity?: any;
  63. onSelectionChangedObservable?: BABYLON.Observable<any>;
  64. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  65. globalState: GlobalState;
  66. }
  67. export class PaneComponent extends React.Component<IPaneComponentProps, {
  68. tag: any;
  69. }> {
  70. constructor(props: IPaneComponentProps);
  71. render(): JSX.Element | null;
  72. }
  73. }
  74. declare module INSPECTOR {
  75. interface ITabsComponentProps {
  76. children: any[];
  77. selectedIndex: number;
  78. onSelectedIndexChange: (value: number) => void;
  79. }
  80. export class TabsComponent extends React.Component<ITabsComponentProps> {
  81. constructor(props: ITabsComponentProps);
  82. onSelect(index: number): void;
  83. renderLabel(child: PaneComponent, index: number): JSX.Element;
  84. render(): JSX.Element;
  85. }
  86. }
  87. declare module INSPECTOR {
  88. interface ITextLineComponentProps {
  89. label: string;
  90. value?: string;
  91. color?: string;
  92. underline?: boolean;
  93. onLink?: () => void;
  94. ignoreValue?: boolean;
  95. }
  96. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  97. constructor(props: ITextLineComponentProps);
  98. onLink(): void;
  99. renderContent(): JSX.Element | null;
  100. render(): JSX.Element;
  101. }
  102. }
  103. declare module INSPECTOR {
  104. interface ILineContainerComponentProps {
  105. globalState?: GlobalState;
  106. title: string;
  107. children: any[] | any;
  108. closed?: boolean;
  109. }
  110. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  111. isExpanded: boolean;
  112. isHighlighted: boolean;
  113. }> {
  114. constructor(props: ILineContainerComponentProps);
  115. switchExpandedState(): void;
  116. componentDidMount(): void;
  117. renderHeader(): JSX.Element;
  118. render(): JSX.Element;
  119. }
  120. }
  121. declare module INSPECTOR {
  122. interface IValueLineComponentProps {
  123. label: string;
  124. value: number;
  125. color?: string;
  126. fractionDigits?: number;
  127. units?: string;
  128. }
  129. export class ValueLineComponent extends React.Component<IValueLineComponentProps> {
  130. constructor(props: IValueLineComponentProps);
  131. render(): JSX.Element;
  132. }
  133. }
  134. declare module INSPECTOR {
  135. export interface IBooleanLineComponentProps {
  136. label: string;
  137. value: boolean;
  138. }
  139. export class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
  140. constructor(props: IBooleanLineComponentProps);
  141. render(): JSX.Element;
  142. }
  143. }
  144. declare module INSPECTOR {
  145. export class StatisticsTabComponent extends PaneComponent {
  146. private _sceneInstrumentation;
  147. private _engineInstrumentation;
  148. private _timerIntervalId;
  149. constructor(props: IPaneComponentProps);
  150. componentWillUnmount(): void;
  151. render(): JSX.Element | null;
  152. }
  153. }
  154. declare module INSPECTOR {
  155. export interface ICheckBoxLineComponentProps {
  156. label: string;
  157. target?: any;
  158. propertyName?: string;
  159. isSelected?: () => boolean;
  160. onSelect?: (value: boolean) => void;
  161. onValueChanged?: () => void;
  162. replaySourceReplacement?: string;
  163. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  164. }
  165. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  166. isSelected: boolean;
  167. }> {
  168. private static _UniqueIdSeed;
  169. private _uniqueId;
  170. private _localChange;
  171. constructor(props: ICheckBoxLineComponentProps);
  172. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  173. isSelected: boolean;
  174. }): boolean;
  175. onChange(): void;
  176. render(): JSX.Element;
  177. }
  178. }
  179. declare module INSPECTOR {
  180. interface IRenderGridPropertyGridComponentProps {
  181. globalState: GlobalState;
  182. scene: BABYLON.Scene;
  183. }
  184. export class RenderGridPropertyGridComponent extends React.Component<IRenderGridPropertyGridComponentProps, {
  185. isEnabled: boolean;
  186. }> {
  187. private _gridMesh;
  188. constructor(props: IRenderGridPropertyGridComponentProps);
  189. componentDidMount(): void;
  190. addOrRemoveGrid(): void;
  191. render(): JSX.Element;
  192. }
  193. }
  194. declare module INSPECTOR {
  195. export class DebugTabComponent extends PaneComponent {
  196. private _physicsViewersEnabled;
  197. constructor(props: IPaneComponentProps);
  198. switchPhysicsViewers(): void;
  199. render(): JSX.Element | null;
  200. }
  201. }
  202. declare module INSPECTOR {
  203. interface ISliderLineComponentProps {
  204. label: string;
  205. target?: any;
  206. propertyName?: string;
  207. minimum: number;
  208. maximum: number;
  209. step: number;
  210. directValue?: number;
  211. useEuler?: boolean;
  212. onChange?: (value: number) => void;
  213. onInput?: (value: number) => void;
  214. replaySourceReplacement?: string;
  215. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  216. decimalCount?: number;
  217. }
  218. export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
  219. value: number;
  220. }> {
  221. private _localChange;
  222. constructor(props: ISliderLineComponentProps);
  223. shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
  224. value: number;
  225. }): boolean;
  226. onChange(newValueString: any): void;
  227. onInput(newValueString: any): void;
  228. prepareDataToRead(value: number): number;
  229. render(): JSX.Element;
  230. }
  231. }
  232. declare module INSPECTOR {
  233. export const Null_Value: number;
  234. class ListLineOption {
  235. label: string;
  236. value: number;
  237. }
  238. interface IOptionsLineComponentProps {
  239. label: string;
  240. target: any;
  241. propertyName: string;
  242. options: ListLineOption[];
  243. noDirectUpdate?: boolean;
  244. onSelect?: (value: number) => void;
  245. extractValue?: () => number;
  246. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  247. allowNullValue?: boolean;
  248. }
  249. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  250. value: number;
  251. }> {
  252. private _localChange;
  253. private remapValueIn;
  254. private remapValueOut;
  255. constructor(props: IOptionsLineComponentProps);
  256. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  257. value: number;
  258. }): boolean;
  259. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  260. updateValue(valueString: string): void;
  261. render(): JSX.Element;
  262. }
  263. }
  264. declare module INSPECTOR {
  265. /**
  266. * Class used to provide lock mechanism
  267. */
  268. export class LockObject {
  269. /**
  270. * Gets or set if the lock is engaged
  271. */
  272. lock: boolean;
  273. }
  274. }
  275. declare module INSPECTOR {
  276. interface INumericInputComponentProps {
  277. label: string;
  278. value: number;
  279. step?: number;
  280. onChange: (value: number) => void;
  281. precision?: number;
  282. }
  283. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  284. value: string;
  285. }> {
  286. static defaultProps: {
  287. step: number;
  288. };
  289. private _localChange;
  290. constructor(props: INumericInputComponentProps);
  291. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  292. value: string;
  293. }): boolean;
  294. updateValue(evt: any): void;
  295. render(): JSX.Element;
  296. }
  297. }
  298. declare module INSPECTOR {
  299. export interface IColor3LineComponentProps {
  300. label: string;
  301. target: any;
  302. propertyName: string;
  303. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  304. isLinear?: boolean;
  305. }
  306. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  307. isExpanded: boolean;
  308. color: BABYLON.Color3;
  309. }> {
  310. private _localChange;
  311. constructor(props: IColor3LineComponentProps);
  312. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  313. color: BABYLON.Color3;
  314. }): boolean;
  315. setPropertyValue(newColor: BABYLON.Color3): void;
  316. onChange(newValue: string): void;
  317. switchExpandState(): void;
  318. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  319. updateStateR(value: number): void;
  320. updateStateG(value: number): void;
  321. updateStateB(value: number): void;
  322. copyToClipboard(): void;
  323. render(): JSX.Element;
  324. }
  325. }
  326. declare module INSPECTOR {
  327. interface IVector3LineComponentProps {
  328. label: string;
  329. target: any;
  330. propertyName: string;
  331. step?: number;
  332. onChange?: (newvalue: BABYLON.Vector3) => void;
  333. useEuler?: boolean;
  334. replaySourceReplacement?: string;
  335. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  336. }
  337. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  338. isExpanded: boolean;
  339. value: BABYLON.Vector3;
  340. }> {
  341. static defaultProps: {
  342. step: number;
  343. };
  344. private _localChange;
  345. constructor(props: IVector3LineComponentProps);
  346. getCurrentValue(): any;
  347. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  348. isExpanded: boolean;
  349. value: BABYLON.Vector3;
  350. }): boolean;
  351. switchExpandState(): void;
  352. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  353. updateVector3(): void;
  354. updateStateX(value: number): void;
  355. updateStateY(value: number): void;
  356. updateStateZ(value: number): void;
  357. render(): JSX.Element;
  358. }
  359. }
  360. declare module INSPECTOR {
  361. interface IQuaternionLineComponentProps {
  362. label: string;
  363. target: any;
  364. useEuler?: boolean;
  365. propertyName: string;
  366. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  367. }
  368. export class QuaternionLineComponent extends React.Component<IQuaternionLineComponentProps, {
  369. isExpanded: boolean;
  370. value: BABYLON.Quaternion;
  371. eulerValue: BABYLON.Vector3;
  372. }> {
  373. private _localChange;
  374. constructor(props: IQuaternionLineComponentProps);
  375. shouldComponentUpdate(nextProps: IQuaternionLineComponentProps, nextState: {
  376. isExpanded: boolean;
  377. value: BABYLON.Quaternion;
  378. }): boolean;
  379. switchExpandState(): void;
  380. raiseOnPropertyChanged(currentValue: BABYLON.Quaternion, previousValue: BABYLON.Quaternion): void;
  381. updateQuaternion(): void;
  382. updateStateX(value: number): void;
  383. updateStateY(value: number): void;
  384. updateStateZ(value: number): void;
  385. updateStateW(value: number): void;
  386. updateQuaternionFromEuler(): void;
  387. updateStateEulerX(value: number): void;
  388. updateStateEulerY(value: number): void;
  389. updateStateEulerZ(value: number): void;
  390. render(): JSX.Element;
  391. }
  392. }
  393. declare module INSPECTOR {
  394. interface ITextInputLineComponentProps {
  395. label: string;
  396. lockObject: LockObject;
  397. target?: any;
  398. propertyName?: string;
  399. value?: string;
  400. onChange?: (value: string) => void;
  401. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  402. }
  403. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  404. value: string;
  405. }> {
  406. private _localChange;
  407. constructor(props: ITextInputLineComponentProps);
  408. componentWillUnmount(): void;
  409. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  410. value: string;
  411. }): boolean;
  412. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  413. updateValue(value: string): void;
  414. render(): JSX.Element;
  415. }
  416. }
  417. declare module INSPECTOR {
  418. interface ICustomPropertyGridComponentProps {
  419. globalState: GlobalState;
  420. target: any;
  421. lockObject: LockObject;
  422. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  423. }
  424. export class CustomPropertyGridComponent extends React.Component<ICustomPropertyGridComponentProps, {
  425. mode: number;
  426. }> {
  427. constructor(props: ICustomPropertyGridComponentProps);
  428. renderInspectable(inspectable: BABYLON.IInspectable): JSX.Element | null;
  429. render(): JSX.Element | null;
  430. }
  431. }
  432. declare module INSPECTOR {
  433. export interface IButtonLineComponentProps {
  434. label: string;
  435. onClick: () => void;
  436. }
  437. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  438. constructor(props: IButtonLineComponentProps);
  439. render(): JSX.Element;
  440. }
  441. }
  442. declare module INSPECTOR {
  443. interface ICommonMaterialPropertyGridComponentProps {
  444. globalState: GlobalState;
  445. material: BABYLON.Material;
  446. lockObject: LockObject;
  447. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  448. }
  449. export class CommonMaterialPropertyGridComponent extends React.Component<ICommonMaterialPropertyGridComponentProps> {
  450. constructor(props: ICommonMaterialPropertyGridComponentProps);
  451. render(): JSX.Element;
  452. }
  453. }
  454. declare module INSPECTOR {
  455. interface IMaterialPropertyGridComponentProps {
  456. globalState: GlobalState;
  457. material: BABYLON.Material;
  458. lockObject: LockObject;
  459. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  460. }
  461. export class MaterialPropertyGridComponent extends React.Component<IMaterialPropertyGridComponentProps> {
  462. constructor(props: IMaterialPropertyGridComponentProps);
  463. render(): JSX.Element;
  464. }
  465. }
  466. declare module INSPECTOR {
  467. interface IFileButtonLineComponentProps {
  468. label: string;
  469. onClick: (file: File) => void;
  470. accept: string;
  471. }
  472. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  473. private static _IDGenerator;
  474. private _id;
  475. private uploadInputRef;
  476. constructor(props: IFileButtonLineComponentProps);
  477. onChange(evt: any): void;
  478. render(): JSX.Element;
  479. }
  480. }
  481. declare module INSPECTOR {
  482. export interface ITextureLinkLineComponentProps {
  483. label: string;
  484. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  485. material?: BABYLON.Material;
  486. onSelectionChangedObservable?: BABYLON.Observable<any>;
  487. onDebugSelectionChangeObservable?: BABYLON.Observable<TextureLinkLineComponent>;
  488. propertyName?: string;
  489. onTextureCreated?: (texture: BABYLON.BaseTexture) => void;
  490. customDebugAction?: (state: boolean) => void;
  491. onTextureRemoved?: () => void;
  492. }
  493. export class TextureLinkLineComponent extends React.Component<ITextureLinkLineComponentProps, {
  494. isDebugSelected: boolean;
  495. }> {
  496. private _onDebugSelectionChangeObserver;
  497. constructor(props: ITextureLinkLineComponentProps);
  498. componentDidMount(): void;
  499. componentWillUnmount(): void;
  500. debugTexture(): void;
  501. onLink(): void;
  502. updateTexture(file: File): void;
  503. removeTexture(): void;
  504. render(): JSX.Element | null;
  505. }
  506. }
  507. declare module INSPECTOR {
  508. interface IStandardMaterialPropertyGridComponentProps {
  509. globalState: GlobalState;
  510. material: BABYLON.StandardMaterial;
  511. lockObject: LockObject;
  512. onSelectionChangedObservable?: BABYLON.Observable<any>;
  513. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  514. }
  515. export class StandardMaterialPropertyGridComponent extends React.Component<IStandardMaterialPropertyGridComponentProps> {
  516. private _onDebugSelectionChangeObservable;
  517. constructor(props: IStandardMaterialPropertyGridComponentProps);
  518. renderTextures(): JSX.Element;
  519. render(): JSX.Element;
  520. }
  521. }
  522. declare module INSPECTOR {
  523. interface ITextureLineComponentProps {
  524. texture: BABYLON.BaseTexture;
  525. width: number;
  526. height: number;
  527. globalState?: GlobalState;
  528. hideChannelSelect?: boolean;
  529. }
  530. enum ChannelToDisplay {
  531. R = 0,
  532. G = 1,
  533. B = 2,
  534. A = 3,
  535. All = 4
  536. }
  537. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  538. channel: ChannelToDisplay;
  539. face: number;
  540. }> {
  541. private canvasRef;
  542. constructor(props: ITextureLineComponentProps);
  543. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  544. channel: ChannelToDisplay;
  545. face: number;
  546. }): boolean;
  547. componentDidMount(): void;
  548. componentDidUpdate(): void;
  549. updatePreview(): void;
  550. render(): JSX.Element;
  551. }
  552. }
  553. declare module INSPECTOR {
  554. interface IFloatLineComponentProps {
  555. label: string;
  556. target: any;
  557. propertyName: string;
  558. lockObject?: LockObject;
  559. onChange?: (newValue: number) => void;
  560. isInteger?: boolean;
  561. replaySourceReplacement?: string;
  562. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  563. additionalClass?: string;
  564. step?: string;
  565. digits?: number;
  566. useEuler?: boolean;
  567. }
  568. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  569. value: string;
  570. }> {
  571. private _localChange;
  572. private _store;
  573. constructor(props: IFloatLineComponentProps);
  574. componentWillUnmount(): void;
  575. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  576. value: string;
  577. }): boolean;
  578. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  579. updateValue(valueString: string): void;
  580. lock(): void;
  581. unlock(): void;
  582. render(): JSX.Element;
  583. }
  584. }
  585. declare module INSPECTOR {
  586. interface ITexturePropertyGridComponentProps {
  587. texture: BABYLON.BaseTexture;
  588. lockObject: LockObject;
  589. globalState: GlobalState;
  590. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  591. }
  592. export class TexturePropertyGridComponent extends React.Component<ITexturePropertyGridComponentProps> {
  593. private _adtInstrumentation;
  594. private textureLineRef;
  595. constructor(props: ITexturePropertyGridComponentProps);
  596. componentWillUnmount(): void;
  597. updateTexture(file: File): void;
  598. foreceRefresh(): void;
  599. render(): JSX.Element;
  600. }
  601. }
  602. declare module INSPECTOR {
  603. interface IVector2LineComponentProps {
  604. label: string;
  605. target: any;
  606. propertyName: string;
  607. step?: number;
  608. onChange?: (newvalue: BABYLON.Vector2) => void;
  609. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  610. }
  611. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  612. isExpanded: boolean;
  613. value: BABYLON.Vector2;
  614. }> {
  615. static defaultProps: {
  616. step: number;
  617. };
  618. private _localChange;
  619. constructor(props: IVector2LineComponentProps);
  620. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  621. isExpanded: boolean;
  622. value: BABYLON.Vector2;
  623. }): boolean;
  624. switchExpandState(): void;
  625. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  626. updateStateX(value: number): void;
  627. updateStateY(value: number): void;
  628. render(): JSX.Element;
  629. }
  630. }
  631. declare module INSPECTOR {
  632. interface IPBRMaterialPropertyGridComponentProps {
  633. globalState: GlobalState;
  634. material: BABYLON.PBRMaterial;
  635. lockObject: LockObject;
  636. onSelectionChangedObservable?: BABYLON.Observable<any>;
  637. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  638. }
  639. export class PBRMaterialPropertyGridComponent extends React.Component<IPBRMaterialPropertyGridComponentProps> {
  640. private _onDebugSelectionChangeObservable;
  641. constructor(props: IPBRMaterialPropertyGridComponentProps);
  642. switchAmbientMode(state: boolean): void;
  643. switchMetallicMode(state: boolean): void;
  644. switchRoughnessMode(state: boolean): void;
  645. renderTextures(onDebugSelectionChangeObservable: BABYLON.Observable<TextureLinkLineComponent>): JSX.Element;
  646. render(): JSX.Element;
  647. }
  648. }
  649. declare module INSPECTOR {
  650. interface IRadioButtonLineComponentProps {
  651. onSelectionChangedObservable: BABYLON.Observable<RadioButtonLineComponent>;
  652. label: string;
  653. isSelected: () => boolean;
  654. onSelect: () => void;
  655. }
  656. export class RadioButtonLineComponent extends React.Component<IRadioButtonLineComponentProps, {
  657. isSelected: boolean;
  658. }> {
  659. private _onSelectionChangedObserver;
  660. constructor(props: IRadioButtonLineComponentProps);
  661. componentDidMount(): void;
  662. componentWillUnmount(): void;
  663. onChange(): void;
  664. render(): JSX.Element;
  665. }
  666. }
  667. declare module INSPECTOR {
  668. interface IFogPropertyGridComponentProps {
  669. globalState: GlobalState;
  670. scene: BABYLON.Scene;
  671. lockObject: LockObject;
  672. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  673. }
  674. export class FogPropertyGridComponent extends React.Component<IFogPropertyGridComponentProps, {
  675. mode: number;
  676. }> {
  677. constructor(props: IFogPropertyGridComponentProps);
  678. render(): JSX.Element;
  679. }
  680. }
  681. declare module INSPECTOR {
  682. interface IScenePropertyGridComponentProps {
  683. globalState: GlobalState;
  684. scene: BABYLON.Scene;
  685. lockObject: LockObject;
  686. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  687. onSelectionChangedObservable?: BABYLON.Observable<any>;
  688. }
  689. export class ScenePropertyGridComponent extends React.Component<IScenePropertyGridComponentProps> {
  690. private _storedEnvironmentTexture;
  691. private _renderingModeGroupObservable;
  692. constructor(props: IScenePropertyGridComponentProps);
  693. setRenderingModes(point: boolean, wireframe: boolean): void;
  694. switchIBL(): void;
  695. updateEnvironmentTexture(file: File): void;
  696. updateGravity(newValue: BABYLON.Vector3): void;
  697. updateTimeStep(newValue: number): void;
  698. normalizeScene(): void;
  699. render(): JSX.Element;
  700. }
  701. }
  702. declare module INSPECTOR {
  703. interface ICommonLightPropertyGridComponentProps {
  704. globalState: GlobalState;
  705. light: BABYLON.Light;
  706. lockObject: LockObject;
  707. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  708. }
  709. export class CommonLightPropertyGridComponent extends React.Component<ICommonLightPropertyGridComponentProps> {
  710. constructor(props: ICommonLightPropertyGridComponentProps);
  711. render(): JSX.Element;
  712. }
  713. }
  714. declare module INSPECTOR {
  715. interface IHemisphericLightPropertyGridComponentProps {
  716. globalState: GlobalState;
  717. light: BABYLON.HemisphericLight;
  718. lockObject: LockObject;
  719. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  720. }
  721. export class HemisphericLightPropertyGridComponent extends React.Component<IHemisphericLightPropertyGridComponentProps> {
  722. constructor(props: IHemisphericLightPropertyGridComponentProps);
  723. render(): JSX.Element;
  724. }
  725. }
  726. declare module INSPECTOR {
  727. interface ICommonShadowLightPropertyGridComponentProps {
  728. globalState: GlobalState;
  729. light: BABYLON.IShadowLight;
  730. lockObject: LockObject;
  731. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  732. }
  733. export class CommonShadowLightPropertyGridComponent extends React.Component<ICommonShadowLightPropertyGridComponentProps> {
  734. private _internals;
  735. constructor(props: ICommonShadowLightPropertyGridComponentProps);
  736. createShadowGenerator(): void;
  737. disposeShadowGenerator(): void;
  738. render(): JSX.Element;
  739. }
  740. }
  741. declare module INSPECTOR {
  742. interface IPointLightPropertyGridComponentProps {
  743. globalState: GlobalState;
  744. light: BABYLON.PointLight;
  745. lockObject: LockObject;
  746. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  747. }
  748. export class PointLightPropertyGridComponent extends React.Component<IPointLightPropertyGridComponentProps> {
  749. constructor(props: IPointLightPropertyGridComponentProps);
  750. render(): JSX.Element;
  751. }
  752. }
  753. declare module INSPECTOR {
  754. interface ICommonCameraPropertyGridComponentProps {
  755. globalState: GlobalState;
  756. camera: BABYLON.Camera;
  757. lockObject: LockObject;
  758. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  759. }
  760. export class CommonCameraPropertyGridComponent extends React.Component<ICommonCameraPropertyGridComponentProps, {
  761. mode: number;
  762. }> {
  763. constructor(props: ICommonCameraPropertyGridComponentProps);
  764. render(): JSX.Element;
  765. }
  766. }
  767. declare module INSPECTOR {
  768. interface IFreeCameraPropertyGridComponentProps {
  769. globalState: GlobalState;
  770. camera: BABYLON.FreeCamera;
  771. lockObject: LockObject;
  772. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  773. }
  774. export class FreeCameraPropertyGridComponent extends React.Component<IFreeCameraPropertyGridComponentProps> {
  775. constructor(props: IFreeCameraPropertyGridComponentProps);
  776. render(): JSX.Element;
  777. }
  778. }
  779. declare module INSPECTOR {
  780. interface IArcRotateCameraPropertyGridComponentProps {
  781. globalState: GlobalState;
  782. camera: BABYLON.ArcRotateCamera;
  783. lockObject: LockObject;
  784. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  785. }
  786. export class ArcRotateCameraPropertyGridComponent extends React.Component<IArcRotateCameraPropertyGridComponentProps> {
  787. constructor(props: IArcRotateCameraPropertyGridComponentProps);
  788. render(): JSX.Element;
  789. }
  790. }
  791. declare module INSPECTOR {
  792. interface IMeshPropertyGridComponentProps {
  793. globalState: GlobalState;
  794. mesh: BABYLON.Mesh;
  795. lockObject: LockObject;
  796. onSelectionChangedObservable?: BABYLON.Observable<any>;
  797. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  798. }
  799. export class MeshPropertyGridComponent extends React.Component<IMeshPropertyGridComponentProps, {
  800. displayNormals: boolean;
  801. displayVertexColors: boolean;
  802. }> {
  803. constructor(props: IMeshPropertyGridComponentProps);
  804. renderWireframeOver(): void;
  805. renderNormalVectors(): void;
  806. displayNormals(): void;
  807. displayVertexColors(): void;
  808. onMaterialLink(): void;
  809. onSourceMeshLink(): void;
  810. onSkeletonLink(): void;
  811. convertPhysicsTypeToString(): string;
  812. render(): JSX.Element;
  813. }
  814. }
  815. declare module INSPECTOR {
  816. interface ITransformNodePropertyGridComponentProps {
  817. globalState: GlobalState;
  818. transformNode: BABYLON.TransformNode;
  819. lockObject: LockObject;
  820. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  821. }
  822. export class TransformNodePropertyGridComponent extends React.Component<ITransformNodePropertyGridComponentProps> {
  823. constructor(props: ITransformNodePropertyGridComponentProps);
  824. render(): JSX.Element;
  825. }
  826. }
  827. declare module INSPECTOR {
  828. interface IBackgroundMaterialPropertyGridComponentProps {
  829. globalState: GlobalState;
  830. material: BABYLON.BackgroundMaterial;
  831. lockObject: LockObject;
  832. onSelectionChangedObservable?: BABYLON.Observable<any>;
  833. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  834. }
  835. export class BackgroundMaterialPropertyGridComponent extends React.Component<IBackgroundMaterialPropertyGridComponentProps> {
  836. private _onDebugSelectionChangeObservable;
  837. constructor(props: IBackgroundMaterialPropertyGridComponentProps);
  838. renderTextures(): JSX.Element;
  839. render(): JSX.Element;
  840. }
  841. }
  842. declare module INSPECTOR {
  843. interface ICommonControlPropertyGridComponentProps {
  844. globalState: GlobalState;
  845. control: BABYLON.GUI.Control;
  846. lockObject: LockObject;
  847. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  848. }
  849. export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
  850. constructor(props: ICommonControlPropertyGridComponentProps);
  851. renderGridInformation(): JSX.Element | null;
  852. render(): JSX.Element;
  853. }
  854. }
  855. declare module INSPECTOR {
  856. interface IControlPropertyGridComponentProps {
  857. globalState: GlobalState;
  858. control: BABYLON.GUI.Control;
  859. lockObject: LockObject;
  860. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  861. }
  862. export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
  863. constructor(props: IControlPropertyGridComponentProps);
  864. render(): JSX.Element;
  865. }
  866. }
  867. declare module INSPECTOR {
  868. interface ITextBlockPropertyGridComponentProps {
  869. globalState: GlobalState;
  870. textBlock: BABYLON.GUI.TextBlock;
  871. lockObject: LockObject;
  872. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  873. }
  874. export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
  875. constructor(props: ITextBlockPropertyGridComponentProps);
  876. render(): JSX.Element;
  877. }
  878. }
  879. declare module INSPECTOR {
  880. interface IInputTextPropertyGridComponentProps {
  881. globalState: GlobalState;
  882. inputText: BABYLON.GUI.InputText;
  883. lockObject: LockObject;
  884. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  885. }
  886. export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
  887. constructor(props: IInputTextPropertyGridComponentProps);
  888. render(): JSX.Element;
  889. }
  890. }
  891. declare module INSPECTOR {
  892. interface IColorPickerPropertyGridComponentProps {
  893. globalState: GlobalState;
  894. colorPicker: BABYLON.GUI.ColorPicker;
  895. lockObject: LockObject;
  896. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  897. }
  898. export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
  899. constructor(props: IColorPickerPropertyGridComponentProps);
  900. render(): JSX.Element;
  901. }
  902. }
  903. declare module INSPECTOR {
  904. interface IAnimationGroupGridComponentProps {
  905. globalState: GlobalState;
  906. animationGroup: BABYLON.AnimationGroup;
  907. scene: BABYLON.Scene;
  908. lockObject: LockObject;
  909. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  910. }
  911. export class AnimationGroupGridComponent extends React.Component<IAnimationGroupGridComponentProps, {
  912. playButtonText: string;
  913. currentFrame: number;
  914. }> {
  915. private _onAnimationGroupPlayObserver;
  916. private _onAnimationGroupPauseObserver;
  917. private _onBeforeRenderObserver;
  918. private timelineRef;
  919. constructor(props: IAnimationGroupGridComponentProps);
  920. disconnect(animationGroup: BABYLON.AnimationGroup): void;
  921. connect(animationGroup: BABYLON.AnimationGroup): void;
  922. updateCurrentFrame(animationGroup: BABYLON.AnimationGroup): void;
  923. shouldComponentUpdate(nextProps: IAnimationGroupGridComponentProps): boolean;
  924. componentWillUnmount(): void;
  925. playOrPause(): void;
  926. onCurrentFrameChange(value: number): void;
  927. render(): JSX.Element;
  928. }
  929. }
  930. declare module INSPECTOR {
  931. interface IImagePropertyGridComponentProps {
  932. globalState: GlobalState;
  933. image: BABYLON.GUI.Image;
  934. lockObject: LockObject;
  935. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  936. }
  937. export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
  938. constructor(props: IImagePropertyGridComponentProps);
  939. render(): JSX.Element;
  940. }
  941. }
  942. declare module INSPECTOR {
  943. interface ISliderPropertyGridComponentProps {
  944. globalState: GlobalState;
  945. slider: BABYLON.GUI.Slider;
  946. lockObject: LockObject;
  947. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  948. }
  949. export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
  950. constructor(props: ISliderPropertyGridComponentProps);
  951. render(): JSX.Element;
  952. }
  953. }
  954. declare module INSPECTOR {
  955. interface IImageBasedSliderPropertyGridComponentProps {
  956. globalState: GlobalState;
  957. imageBasedSlider: BABYLON.GUI.ImageBasedSlider;
  958. lockObject: LockObject;
  959. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  960. }
  961. export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
  962. constructor(props: IImageBasedSliderPropertyGridComponentProps);
  963. render(): JSX.Element;
  964. }
  965. }
  966. declare module INSPECTOR {
  967. interface IRectanglePropertyGridComponentProps {
  968. globalState: GlobalState;
  969. rectangle: BABYLON.GUI.Rectangle;
  970. lockObject: LockObject;
  971. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  972. }
  973. export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
  974. constructor(props: IRectanglePropertyGridComponentProps);
  975. render(): JSX.Element;
  976. }
  977. }
  978. declare module INSPECTOR {
  979. interface IEllipsePropertyGridComponentProps {
  980. globalState: GlobalState;
  981. ellipse: BABYLON.GUI.Ellipse;
  982. lockObject: LockObject;
  983. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  984. }
  985. export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
  986. constructor(props: IEllipsePropertyGridComponentProps);
  987. render(): JSX.Element;
  988. }
  989. }
  990. declare module INSPECTOR {
  991. interface ICheckboxPropertyGridComponentProps {
  992. globalState: GlobalState;
  993. checkbox: BABYLON.GUI.Checkbox;
  994. lockObject: LockObject;
  995. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  996. }
  997. export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
  998. constructor(props: ICheckboxPropertyGridComponentProps);
  999. render(): JSX.Element;
  1000. }
  1001. }
  1002. declare module INSPECTOR {
  1003. interface IRadioButtonPropertyGridComponentProps {
  1004. globalState: GlobalState;
  1005. radioButton: BABYLON.GUI.RadioButton;
  1006. lockObject: LockObject;
  1007. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1008. }
  1009. export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
  1010. constructor(props: IRadioButtonPropertyGridComponentProps);
  1011. render(): JSX.Element;
  1012. }
  1013. }
  1014. declare module INSPECTOR {
  1015. interface ILinePropertyGridComponentProps {
  1016. globalState: GlobalState;
  1017. line: BABYLON.GUI.Line;
  1018. lockObject: LockObject;
  1019. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1020. }
  1021. export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
  1022. constructor(props: ILinePropertyGridComponentProps);
  1023. onDashChange(value: string): void;
  1024. render(): JSX.Element;
  1025. }
  1026. }
  1027. declare module INSPECTOR {
  1028. interface IScrollViewerPropertyGridComponentProps {
  1029. globalState: GlobalState;
  1030. scrollViewer: BABYLON.GUI.ScrollViewer;
  1031. lockObject: LockObject;
  1032. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1033. }
  1034. export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
  1035. constructor(props: IScrollViewerPropertyGridComponentProps);
  1036. render(): JSX.Element;
  1037. }
  1038. }
  1039. declare module INSPECTOR {
  1040. interface IGridPropertyGridComponentProps {
  1041. globalState: GlobalState;
  1042. grid: BABYLON.GUI.Grid;
  1043. lockObject: LockObject;
  1044. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1045. }
  1046. export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
  1047. constructor(props: IGridPropertyGridComponentProps);
  1048. renderRows(): JSX.Element[];
  1049. renderColumns(): JSX.Element[];
  1050. render(): JSX.Element;
  1051. }
  1052. }
  1053. declare module INSPECTOR {
  1054. interface IPBRMetallicRoughnessMaterialPropertyGridComponentProps {
  1055. globalState: GlobalState;
  1056. material: BABYLON.PBRMetallicRoughnessMaterial;
  1057. lockObject: LockObject;
  1058. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1059. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1060. }
  1061. export class PBRMetallicRoughnessMaterialPropertyGridComponent extends React.Component<IPBRMetallicRoughnessMaterialPropertyGridComponentProps> {
  1062. private _onDebugSelectionChangeObservable;
  1063. constructor(props: IPBRMetallicRoughnessMaterialPropertyGridComponentProps);
  1064. renderTextures(): JSX.Element;
  1065. render(): JSX.Element;
  1066. }
  1067. }
  1068. declare module INSPECTOR {
  1069. interface IPBRSpecularGlossinessMaterialPropertyGridComponentProps {
  1070. globalState: GlobalState;
  1071. material: BABYLON.PBRSpecularGlossinessMaterial;
  1072. lockObject: LockObject;
  1073. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1074. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1075. }
  1076. export class PBRSpecularGlossinessMaterialPropertyGridComponent extends React.Component<IPBRSpecularGlossinessMaterialPropertyGridComponentProps> {
  1077. private _onDebugSelectionChangeObservable;
  1078. constructor(props: IPBRSpecularGlossinessMaterialPropertyGridComponentProps);
  1079. renderTextures(): JSX.Element;
  1080. render(): JSX.Element;
  1081. }
  1082. }
  1083. declare module INSPECTOR {
  1084. interface IStackPanelPropertyGridComponentProps {
  1085. globalState: GlobalState;
  1086. stackPanel: BABYLON.GUI.StackPanel;
  1087. lockObject: LockObject;
  1088. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1089. }
  1090. export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
  1091. constructor(props: IStackPanelPropertyGridComponentProps);
  1092. render(): JSX.Element;
  1093. }
  1094. }
  1095. declare module INSPECTOR {
  1096. interface ICommonPostProcessPropertyGridComponentProps {
  1097. globalState: GlobalState;
  1098. postProcess: BABYLON.PostProcess;
  1099. lockObject: LockObject;
  1100. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1101. }
  1102. export class CommonPostProcessPropertyGridComponent extends React.Component<ICommonPostProcessPropertyGridComponentProps> {
  1103. constructor(props: ICommonPostProcessPropertyGridComponentProps);
  1104. render(): JSX.Element;
  1105. }
  1106. }
  1107. declare module INSPECTOR {
  1108. interface IPostProcessPropertyGridComponentProps {
  1109. globalState: GlobalState;
  1110. postProcess: BABYLON.PostProcess;
  1111. lockObject: LockObject;
  1112. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1113. }
  1114. export class PostProcessPropertyGridComponent extends React.Component<IPostProcessPropertyGridComponentProps> {
  1115. constructor(props: IPostProcessPropertyGridComponentProps);
  1116. render(): JSX.Element;
  1117. }
  1118. }
  1119. declare module INSPECTOR {
  1120. interface ICommonRenderingPipelinePropertyGridComponentProps {
  1121. globalState: GlobalState;
  1122. renderPipeline: BABYLON.PostProcessRenderPipeline;
  1123. lockObject: LockObject;
  1124. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1125. }
  1126. export class CommonRenderingPipelinePropertyGridComponent extends React.Component<ICommonRenderingPipelinePropertyGridComponentProps> {
  1127. constructor(props: ICommonRenderingPipelinePropertyGridComponentProps);
  1128. render(): JSX.Element;
  1129. }
  1130. }
  1131. declare module INSPECTOR {
  1132. interface IRenderingPipelinePropertyGridComponentProps {
  1133. globalState: GlobalState;
  1134. renderPipeline: BABYLON.PostProcessRenderPipeline;
  1135. lockObject: LockObject;
  1136. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1137. }
  1138. export class RenderingPipelinePropertyGridComponent extends React.Component<IRenderingPipelinePropertyGridComponentProps> {
  1139. constructor(props: IRenderingPipelinePropertyGridComponentProps);
  1140. render(): JSX.Element;
  1141. }
  1142. }
  1143. declare module INSPECTOR {
  1144. interface IDefaultRenderingPipelinePropertyGridComponentProps {
  1145. globalState: GlobalState;
  1146. renderPipeline: BABYLON.DefaultRenderingPipeline;
  1147. lockObject: LockObject;
  1148. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1149. }
  1150. export class DefaultRenderingPipelinePropertyGridComponent extends React.Component<IDefaultRenderingPipelinePropertyGridComponentProps> {
  1151. constructor(props: IDefaultRenderingPipelinePropertyGridComponentProps);
  1152. render(): JSX.Element;
  1153. }
  1154. }
  1155. declare module INSPECTOR {
  1156. interface ISSAORenderingPipelinePropertyGridComponentProps {
  1157. globalState: GlobalState;
  1158. renderPipeline: BABYLON.SSAORenderingPipeline;
  1159. lockObject: LockObject;
  1160. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1161. }
  1162. export class SSAORenderingPipelinePropertyGridComponent extends React.Component<ISSAORenderingPipelinePropertyGridComponentProps> {
  1163. constructor(props: ISSAORenderingPipelinePropertyGridComponentProps);
  1164. render(): JSX.Element;
  1165. }
  1166. }
  1167. declare module INSPECTOR {
  1168. interface ISSAO2RenderingPipelinePropertyGridComponentProps {
  1169. globalState: GlobalState;
  1170. renderPipeline: BABYLON.SSAO2RenderingPipeline;
  1171. lockObject: LockObject;
  1172. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1173. }
  1174. export class SSAO2RenderingPipelinePropertyGridComponent extends React.Component<ISSAO2RenderingPipelinePropertyGridComponentProps> {
  1175. constructor(props: ISSAO2RenderingPipelinePropertyGridComponentProps);
  1176. render(): JSX.Element;
  1177. }
  1178. }
  1179. declare module INSPECTOR {
  1180. interface IAnimationGridComponentProps {
  1181. globalState: GlobalState;
  1182. animatable: BABYLON.IAnimatable;
  1183. scene: BABYLON.Scene;
  1184. lockObject: LockObject;
  1185. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1186. }
  1187. export class AnimationGridComponent extends React.Component<IAnimationGridComponentProps, {
  1188. currentFrame: number;
  1189. }> {
  1190. private _animations;
  1191. private _ranges;
  1192. private _animationControl;
  1193. private _runningAnimatable;
  1194. private _onBeforeRenderObserver;
  1195. private _isPlaying;
  1196. private timelineRef;
  1197. constructor(props: IAnimationGridComponentProps);
  1198. playOrPause(): void;
  1199. componentDidMount(): void;
  1200. componentWillUnmount(): void;
  1201. onCurrentFrameChange(value: number): void;
  1202. render(): JSX.Element;
  1203. }
  1204. }
  1205. declare module INSPECTOR {
  1206. interface ISkeletonPropertyGridComponentProps {
  1207. globalState: GlobalState;
  1208. skeleton: BABYLON.Skeleton;
  1209. lockObject: LockObject;
  1210. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1211. }
  1212. export class SkeletonPropertyGridComponent extends React.Component<ISkeletonPropertyGridComponentProps> {
  1213. private _skeletonViewersEnabled;
  1214. private _skeletonViewers;
  1215. constructor(props: ISkeletonPropertyGridComponentProps);
  1216. switchSkeletonViewers(): void;
  1217. checkSkeletonViewerState(props: ISkeletonPropertyGridComponentProps): void;
  1218. shouldComponentUpdate(nextProps: ISkeletonPropertyGridComponentProps): boolean;
  1219. onOverrideMeshLink(): void;
  1220. render(): JSX.Element;
  1221. }
  1222. }
  1223. declare module INSPECTOR {
  1224. interface IBonePropertyGridComponentProps {
  1225. globalState: GlobalState;
  1226. bone: BABYLON.Bone;
  1227. lockObject: LockObject;
  1228. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1229. }
  1230. export class BonePropertyGridComponent extends React.Component<IBonePropertyGridComponentProps> {
  1231. constructor(props: IBonePropertyGridComponentProps);
  1232. onTransformNodeLink(): void;
  1233. render(): JSX.Element;
  1234. }
  1235. }
  1236. declare module INSPECTOR {
  1237. interface IDirectionalLightPropertyGridComponentProps {
  1238. globalState: GlobalState;
  1239. light: BABYLON.DirectionalLight;
  1240. lockObject: LockObject;
  1241. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1242. }
  1243. export class DirectionalLightPropertyGridComponent extends React.Component<IDirectionalLightPropertyGridComponentProps> {
  1244. constructor(props: IDirectionalLightPropertyGridComponentProps);
  1245. render(): JSX.Element;
  1246. }
  1247. }
  1248. declare module INSPECTOR {
  1249. interface ISpotLightPropertyGridComponentProps {
  1250. globalState: GlobalState;
  1251. light: BABYLON.SpotLight;
  1252. lockObject: LockObject;
  1253. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1254. }
  1255. export class SpotLightPropertyGridComponent extends React.Component<ISpotLightPropertyGridComponentProps> {
  1256. constructor(props: ISpotLightPropertyGridComponentProps);
  1257. render(): JSX.Element;
  1258. }
  1259. }
  1260. declare module INSPECTOR {
  1261. interface ILenstRenderingPipelinePropertyGridComponentProps {
  1262. globalState: GlobalState;
  1263. renderPipeline: BABYLON.LensRenderingPipeline;
  1264. lockObject: LockObject;
  1265. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1266. }
  1267. export class LensRenderingPipelinePropertyGridComponent extends React.Component<ILenstRenderingPipelinePropertyGridComponentProps> {
  1268. constructor(props: ILenstRenderingPipelinePropertyGridComponentProps);
  1269. render(): JSX.Element;
  1270. }
  1271. }
  1272. declare module INSPECTOR {
  1273. interface IVector4LineComponentProps {
  1274. label: string;
  1275. target: any;
  1276. propertyName: string;
  1277. step?: number;
  1278. onChange?: (newvalue: BABYLON.Vector4) => void;
  1279. useEuler?: boolean;
  1280. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1281. }
  1282. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  1283. isExpanded: boolean;
  1284. value: BABYLON.Vector4;
  1285. }> {
  1286. static defaultProps: {
  1287. step: number;
  1288. };
  1289. private _localChange;
  1290. constructor(props: IVector4LineComponentProps);
  1291. getCurrentValue(): any;
  1292. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  1293. isExpanded: boolean;
  1294. value: BABYLON.Vector4;
  1295. }): boolean;
  1296. switchExpandState(): void;
  1297. raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
  1298. updateVector4(): void;
  1299. updateStateX(value: number): void;
  1300. updateStateY(value: number): void;
  1301. updateStateZ(value: number): void;
  1302. updateStateW(value: number): void;
  1303. render(): JSX.Element;
  1304. }
  1305. }
  1306. declare module INSPECTOR {
  1307. export interface IColor4LineComponentProps {
  1308. label: string;
  1309. target: any;
  1310. propertyName: string;
  1311. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1312. onChange?: () => void;
  1313. isLinear?: boolean;
  1314. }
  1315. export class Color4LineComponent extends React.Component<IColor4LineComponentProps, {
  1316. isExpanded: boolean;
  1317. color: BABYLON.Color4;
  1318. }> {
  1319. private _localChange;
  1320. constructor(props: IColor4LineComponentProps);
  1321. shouldComponentUpdate(nextProps: IColor4LineComponentProps, nextState: {
  1322. color: BABYLON.Color4;
  1323. }): boolean;
  1324. setPropertyValue(newColor: BABYLON.Color4): void;
  1325. onChange(newValue: string): void;
  1326. switchExpandState(): void;
  1327. raiseOnPropertyChanged(previousValue: BABYLON.Color4): void;
  1328. updateStateR(value: number): void;
  1329. updateStateG(value: number): void;
  1330. updateStateB(value: number): void;
  1331. updateStateA(value: number): void;
  1332. copyToClipboard(): void;
  1333. render(): JSX.Element;
  1334. }
  1335. }
  1336. declare module INSPECTOR {
  1337. interface INodeMaterialPropertyGridComponentProps {
  1338. globalState: GlobalState;
  1339. material: BABYLON.NodeMaterial;
  1340. lockObject: LockObject;
  1341. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1342. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1343. }
  1344. export class NodeMaterialPropertyGridComponent extends React.Component<INodeMaterialPropertyGridComponentProps> {
  1345. private _onDebugSelectionChangeObservable;
  1346. constructor(props: INodeMaterialPropertyGridComponentProps);
  1347. edit(): void;
  1348. renderTextures(): JSX.Element | null;
  1349. renderInputBlock(block: BABYLON.InputBlock): JSX.Element | null;
  1350. renderInputValues(): JSX.Element | null;
  1351. render(): JSX.Element;
  1352. }
  1353. }
  1354. declare module INSPECTOR {
  1355. interface IMultiMaterialPropertyGridComponentProps {
  1356. globalState: GlobalState;
  1357. material: BABYLON.MultiMaterial;
  1358. lockObject: LockObject;
  1359. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1360. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1361. }
  1362. export class MultiMaterialPropertyGridComponent extends React.Component<IMultiMaterialPropertyGridComponentProps> {
  1363. constructor(props: IMultiMaterialPropertyGridComponentProps);
  1364. onMaterialLink(mat: BABYLON.Material): void;
  1365. renderChildMaterial(): JSX.Element;
  1366. render(): JSX.Element;
  1367. }
  1368. }
  1369. declare module INSPECTOR {
  1370. interface IBoxEmitterGridComponentProps {
  1371. globalState: GlobalState;
  1372. emitter: BABYLON.BoxParticleEmitter;
  1373. replaySourceReplacement?: string;
  1374. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1375. }
  1376. export class BoxEmitterGridComponent extends React.Component<IBoxEmitterGridComponentProps> {
  1377. constructor(props: IBoxEmitterGridComponentProps);
  1378. render(): JSX.Element;
  1379. }
  1380. }
  1381. declare module INSPECTOR {
  1382. interface IConeEmitterGridComponentProps {
  1383. globalState: GlobalState;
  1384. emitter: BABYLON.ConeParticleEmitter;
  1385. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1386. replaySourceReplacement?: string;
  1387. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1388. }
  1389. export class ConeEmitterGridComponent extends React.Component<IConeEmitterGridComponentProps> {
  1390. constructor(props: IConeEmitterGridComponentProps);
  1391. render(): JSX.Element;
  1392. }
  1393. }
  1394. declare module INSPECTOR {
  1395. interface ICylinderEmitterGridComponentProps {
  1396. globalState: GlobalState;
  1397. emitter: BABYLON.CylinderParticleEmitter;
  1398. lockObject: LockObject;
  1399. replaySourceReplacement?: string;
  1400. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1401. }
  1402. export class CylinderEmitterGridComponent extends React.Component<ICylinderEmitterGridComponentProps> {
  1403. constructor(props: ICylinderEmitterGridComponentProps);
  1404. render(): JSX.Element;
  1405. }
  1406. }
  1407. declare module INSPECTOR {
  1408. interface IHemisphericEmitterGridComponentProps {
  1409. globalState: GlobalState;
  1410. emitter: BABYLON.HemisphericParticleEmitter;
  1411. lockObject: LockObject;
  1412. replaySourceReplacement?: string;
  1413. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1414. }
  1415. export class HemisphericEmitterGridComponent extends React.Component<IHemisphericEmitterGridComponentProps> {
  1416. constructor(props: IHemisphericEmitterGridComponentProps);
  1417. render(): JSX.Element;
  1418. }
  1419. }
  1420. declare module INSPECTOR {
  1421. interface IPointEmitterGridComponentProps {
  1422. globalState: GlobalState;
  1423. emitter: BABYLON.PointParticleEmitter;
  1424. lockObject: LockObject;
  1425. replaySourceReplacement?: string;
  1426. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1427. }
  1428. export class PointEmitterGridComponent extends React.Component<IPointEmitterGridComponentProps> {
  1429. constructor(props: IPointEmitterGridComponentProps);
  1430. render(): JSX.Element;
  1431. }
  1432. }
  1433. declare module INSPECTOR {
  1434. interface ISphereEmitterGridComponentProps {
  1435. globalState: GlobalState;
  1436. emitter: BABYLON.SphereParticleEmitter;
  1437. lockObject: LockObject;
  1438. replaySourceReplacement?: string;
  1439. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1440. }
  1441. export class SphereEmitterGridComponent extends React.Component<ISphereEmitterGridComponentProps> {
  1442. constructor(props: ISphereEmitterGridComponentProps);
  1443. render(): JSX.Element;
  1444. }
  1445. }
  1446. declare module INSPECTOR {
  1447. interface IMeshPickerComponentProps {
  1448. globalState: GlobalState;
  1449. target: any;
  1450. property: string;
  1451. scene: BABYLON.Scene;
  1452. label: string;
  1453. replaySourceReplacement?: string;
  1454. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1455. }
  1456. export class MeshPickerComponent extends React.Component<IMeshPickerComponentProps> {
  1457. constructor(props: IMeshPickerComponentProps);
  1458. render(): JSX.Element;
  1459. }
  1460. }
  1461. declare module INSPECTOR {
  1462. interface IMeshEmitterGridComponentProps {
  1463. globalState: GlobalState;
  1464. emitter: BABYLON.MeshParticleEmitter;
  1465. scene: BABYLON.Scene;
  1466. lockObject: LockObject;
  1467. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1468. replaySourceReplacement?: string;
  1469. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1470. }
  1471. export class MeshEmitterGridComponent extends React.Component<IMeshEmitterGridComponentProps> {
  1472. constructor(props: IMeshEmitterGridComponentProps);
  1473. render(): JSX.Element;
  1474. }
  1475. }
  1476. declare module INSPECTOR {
  1477. interface IFactorGradientStepGridComponent {
  1478. globalState: GlobalState;
  1479. gradient: BABYLON.FactorGradient;
  1480. lockObject: LockObject;
  1481. lineIndex: number;
  1482. onDelete: () => void;
  1483. onUpdateGradient: () => void;
  1484. onCheckForReOrder: () => void;
  1485. }
  1486. export class FactorGradientStepGridComponent extends React.Component<IFactorGradientStepGridComponent, {
  1487. gradient: number;
  1488. }> {
  1489. constructor(props: IFactorGradientStepGridComponent);
  1490. updateFactor1(factor: number): void;
  1491. updateFactor2(factor: number): void;
  1492. updateGradient(gradient: number): void;
  1493. onPointerUp(): void;
  1494. lock(): void;
  1495. unlock(): void;
  1496. render(): JSX.Element;
  1497. }
  1498. }
  1499. declare module INSPECTOR {
  1500. interface IFactorGradientGridComponent {
  1501. globalState: GlobalState;
  1502. label: string;
  1503. gradients: BABYLON.Nullable<Array<BABYLON.FactorGradient>>;
  1504. lockObject: LockObject;
  1505. replaySourceReplacement?: string;
  1506. onCreateRequired: () => void;
  1507. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1508. }
  1509. export class FactorGradientGridComponent extends React.Component<IFactorGradientGridComponent> {
  1510. constructor(props: IFactorGradientGridComponent);
  1511. deleteStep(step: BABYLON.FactorGradient): void;
  1512. addNewStep(): void;
  1513. checkForReOrder(): void;
  1514. render(): JSX.Element;
  1515. }
  1516. }
  1517. declare module INSPECTOR {
  1518. interface IParticleSystemPropertyGridComponentProps {
  1519. globalState: GlobalState;
  1520. system: BABYLON.IParticleSystem;
  1521. lockObject: LockObject;
  1522. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1523. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1524. }
  1525. export class ParticleSystemPropertyGridComponent extends React.Component<IParticleSystemPropertyGridComponentProps> {
  1526. constructor(props: IParticleSystemPropertyGridComponentProps);
  1527. renderEmitter(): JSX.Element | null;
  1528. raiseOnPropertyChanged(property: string, newValue: any, previousValue: any): void;
  1529. render(): JSX.Element;
  1530. }
  1531. }
  1532. declare module INSPECTOR {
  1533. export class PropertyGridTabComponent extends PaneComponent {
  1534. private _timerIntervalId;
  1535. private _lockObject;
  1536. constructor(props: IPaneComponentProps);
  1537. timerRefresh(): void;
  1538. componentDidMount(): void;
  1539. componentWillUnmount(): void;
  1540. render(): JSX.Element | null;
  1541. }
  1542. }
  1543. declare module INSPECTOR {
  1544. export interface IHeaderComponentProps {
  1545. title: string;
  1546. handleBack?: boolean;
  1547. noExpand?: boolean;
  1548. noClose?: boolean;
  1549. noCommands?: boolean;
  1550. onPopup: () => void;
  1551. onClose: () => void;
  1552. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1553. }
  1554. export class HeaderComponent extends React.Component<IHeaderComponentProps, {
  1555. isBackVisible: boolean;
  1556. }> {
  1557. private _backStack;
  1558. private _onSelectionChangeObserver;
  1559. constructor(props: IHeaderComponentProps);
  1560. componentDidMount(): void;
  1561. componentWillUnmount(): void;
  1562. goBack(): void;
  1563. renderLogo(): JSX.Element | null;
  1564. render(): JSX.Element;
  1565. }
  1566. }
  1567. declare module INSPECTOR {
  1568. interface IMessageLineComponentProps {
  1569. text: string;
  1570. color?: string;
  1571. }
  1572. export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
  1573. constructor(props: IMessageLineComponentProps);
  1574. render(): JSX.Element;
  1575. }
  1576. }
  1577. declare module INSPECTOR {
  1578. interface IGLTFComponentProps {
  1579. scene: BABYLON.Scene;
  1580. globalState: GlobalState;
  1581. }
  1582. export class GLTFComponent extends React.Component<IGLTFComponentProps> {
  1583. private _onValidationResultsUpdatedObserver;
  1584. constructor(props: IGLTFComponentProps);
  1585. openValidationDetails(): void;
  1586. prepareText(singularForm: string, count: number): string;
  1587. componentDidMount(): void;
  1588. componentWillUnmount(): void;
  1589. renderValidation(): JSX.Element | null;
  1590. render(): JSX.Element;
  1591. }
  1592. }
  1593. declare module INSPECTOR {
  1594. interface IFileMultipleButtonLineComponentProps {
  1595. label: string;
  1596. onClick: (event: any) => void;
  1597. accept: string;
  1598. }
  1599. export class FileMultipleButtonLineComponent extends React.Component<IFileMultipleButtonLineComponentProps> {
  1600. private static _IDGenerator;
  1601. private _id;
  1602. private uploadInputRef;
  1603. constructor(props: IFileMultipleButtonLineComponentProps);
  1604. onChange(evt: any): void;
  1605. render(): JSX.Element;
  1606. }
  1607. }
  1608. declare module INSPECTOR {
  1609. export class ToolsTabComponent extends PaneComponent {
  1610. private _videoRecorder;
  1611. private _screenShotSize;
  1612. private _useWidthHeight;
  1613. private _isExporting;
  1614. constructor(props: IPaneComponentProps);
  1615. componentDidMount(): void;
  1616. componentWillUnmount(): void;
  1617. captureScreenshot(): void;
  1618. captureRender(): void;
  1619. recordVideo(): void;
  1620. importAnimations(event: any): void;
  1621. shouldExport(node: BABYLON.Node): boolean;
  1622. exportGLTF(): void;
  1623. exportBabylon(): void;
  1624. createEnvTexture(): void;
  1625. resetReplay(): void;
  1626. exportReplay(): void;
  1627. render(): JSX.Element | null;
  1628. }
  1629. }
  1630. declare module INSPECTOR {
  1631. export class SettingsTabComponent extends PaneComponent {
  1632. constructor(props: IPaneComponentProps);
  1633. render(): JSX.Element;
  1634. }
  1635. }
  1636. declare module INSPECTOR {
  1637. interface IActionTabsComponentProps {
  1638. scene?: BABYLON.Scene;
  1639. noCommands?: boolean;
  1640. noHeader?: boolean;
  1641. noExpand?: boolean;
  1642. noClose?: boolean;
  1643. popupMode?: boolean;
  1644. onPopup?: () => void;
  1645. onClose?: () => void;
  1646. globalState?: GlobalState;
  1647. initialTab?: BABYLON.DebugLayerTab;
  1648. }
  1649. export class ActionTabsComponent extends React.Component<IActionTabsComponentProps, {
  1650. selectedEntity: any;
  1651. selectedIndex: number;
  1652. }> {
  1653. private _onSelectionChangeObserver;
  1654. private _onTabChangedObserver;
  1655. private _once;
  1656. constructor(props: IActionTabsComponentProps);
  1657. componentDidMount(): void;
  1658. componentWillUnmount(): void;
  1659. changeSelectedTab(index: number): void;
  1660. renderContent(): JSX.Element | null;
  1661. onClose(): void;
  1662. onPopup(): void;
  1663. render(): JSX.Element;
  1664. }
  1665. }
  1666. declare module INSPECTOR {
  1667. interface ITreeItemLabelComponentProps {
  1668. label: string;
  1669. onClick?: () => void;
  1670. color: string;
  1671. }
  1672. export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
  1673. constructor(props: ITreeItemLabelComponentProps);
  1674. onClick(): void;
  1675. render(): JSX.Element;
  1676. }
  1677. }
  1678. declare module INSPECTOR {
  1679. interface IExtensionsComponentProps {
  1680. target: any;
  1681. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1682. }
  1683. export class ExtensionsComponent extends React.Component<IExtensionsComponentProps, {
  1684. popupVisible: boolean;
  1685. }> {
  1686. private _popup;
  1687. private extensionRef;
  1688. constructor(props: IExtensionsComponentProps);
  1689. showPopup(): void;
  1690. componentDidMount(): void;
  1691. componentDidUpdate(): void;
  1692. render(): JSX.Element | null;
  1693. }
  1694. }
  1695. declare module INSPECTOR {
  1696. interface IMeshTreeItemComponentProps {
  1697. mesh: BABYLON.AbstractMesh;
  1698. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1699. onClick: () => void;
  1700. globalState: GlobalState;
  1701. }
  1702. export class MeshTreeItemComponent extends React.Component<IMeshTreeItemComponentProps, {
  1703. isBoundingBoxEnabled: boolean;
  1704. isVisible: boolean;
  1705. }> {
  1706. constructor(props: IMeshTreeItemComponentProps);
  1707. showBoundingBox(): void;
  1708. switchVisibility(): void;
  1709. render(): JSX.Element;
  1710. }
  1711. }
  1712. declare module INSPECTOR {
  1713. interface ICameraTreeItemComponentProps {
  1714. camera: BABYLON.Camera;
  1715. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1716. onClick: () => void;
  1717. }
  1718. export class CameraTreeItemComponent extends React.Component<ICameraTreeItemComponentProps, {
  1719. isActive: boolean;
  1720. }> {
  1721. private _onBeforeRenderObserver;
  1722. constructor(props: ICameraTreeItemComponentProps);
  1723. setActive(): void;
  1724. componentDidMount(): void;
  1725. componentWillUnmount(): void;
  1726. render(): JSX.Element;
  1727. }
  1728. }
  1729. declare module INSPECTOR {
  1730. interface ILightTreeItemComponentProps {
  1731. light: BABYLON.Light;
  1732. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1733. onClick: () => void;
  1734. globalState: GlobalState;
  1735. }
  1736. export class LightTreeItemComponent extends React.Component<ILightTreeItemComponentProps, {
  1737. isEnabled: boolean;
  1738. isGizmoEnabled: boolean;
  1739. }> {
  1740. constructor(props: ILightTreeItemComponentProps);
  1741. switchIsEnabled(): void;
  1742. toggleGizmo(): void;
  1743. render(): JSX.Element;
  1744. }
  1745. }
  1746. declare module INSPECTOR {
  1747. interface IMaterialTreeItemComponentProps {
  1748. material: BABYLON.Material;
  1749. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1750. onClick: () => void;
  1751. }
  1752. export class MaterialTreeItemComponent extends React.Component<IMaterialTreeItemComponentProps> {
  1753. constructor(props: IMaterialTreeItemComponentProps);
  1754. render(): JSX.Element;
  1755. }
  1756. }
  1757. declare module INSPECTOR {
  1758. interface ITextureTreeItemComponentProps {
  1759. texture: BABYLON.Texture;
  1760. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1761. onClick: () => void;
  1762. }
  1763. export class TextureTreeItemComponent extends React.Component<ITextureTreeItemComponentProps> {
  1764. constructor(props: ITextureTreeItemComponentProps);
  1765. render(): JSX.Element;
  1766. }
  1767. }
  1768. declare module INSPECTOR {
  1769. interface ITransformNodeItemComponentProps {
  1770. transformNode: BABYLON.TransformNode;
  1771. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1772. onClick: () => void;
  1773. }
  1774. export class TransformNodeItemComponent extends React.Component<ITransformNodeItemComponentProps> {
  1775. constructor(props: ITransformNodeItemComponentProps);
  1776. render(): JSX.Element;
  1777. }
  1778. }
  1779. declare module INSPECTOR {
  1780. interface IControlTreeItemComponentProps {
  1781. control: BABYLON.GUI.Control;
  1782. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1783. onClick: () => void;
  1784. }
  1785. export class ControlTreeItemComponent extends React.Component<IControlTreeItemComponentProps, {
  1786. isActive: boolean;
  1787. isVisible: boolean;
  1788. }> {
  1789. constructor(props: IControlTreeItemComponentProps);
  1790. highlight(): void;
  1791. switchVisibility(): void;
  1792. render(): JSX.Element;
  1793. }
  1794. }
  1795. declare module INSPECTOR {
  1796. interface IAdvancedDynamicTextureTreeItemComponentProps {
  1797. texture: BABYLON.GUI.AdvancedDynamicTexture;
  1798. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1799. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1800. onClick: () => void;
  1801. }
  1802. export class AdvancedDynamicTextureTreeItemComponent extends React.Component<IAdvancedDynamicTextureTreeItemComponentProps, {
  1803. isInPickingMode: boolean;
  1804. }> {
  1805. private _onControlPickedObserver;
  1806. constructor(props: IAdvancedDynamicTextureTreeItemComponentProps);
  1807. componentWillUnmount(): void;
  1808. onPickingMode(): void;
  1809. render(): JSX.Element;
  1810. }
  1811. }
  1812. declare module INSPECTOR {
  1813. interface IAnimationGroupItemComponentProps {
  1814. animationGroup: BABYLON.AnimationGroup;
  1815. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1816. onClick: () => void;
  1817. }
  1818. export class AnimationGroupItemComponent extends React.Component<IAnimationGroupItemComponentProps> {
  1819. constructor(props: IAnimationGroupItemComponentProps);
  1820. render(): JSX.Element;
  1821. }
  1822. }
  1823. declare module INSPECTOR {
  1824. interface IPostProcessItemComponentProps {
  1825. postProcess: BABYLON.PostProcess;
  1826. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1827. onClick: () => void;
  1828. }
  1829. export class PostProcessItemComponent extends React.Component<IPostProcessItemComponentProps> {
  1830. constructor(props: IPostProcessItemComponentProps);
  1831. render(): JSX.Element;
  1832. }
  1833. }
  1834. declare module INSPECTOR {
  1835. interface IRenderPipelineItemComponenttProps {
  1836. renderPipeline: BABYLON.PostProcessRenderPipeline;
  1837. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1838. onClick: () => void;
  1839. }
  1840. export class RenderingPipelineItemComponent extends React.Component<IRenderPipelineItemComponenttProps> {
  1841. constructor(props: IRenderPipelineItemComponenttProps);
  1842. render(): JSX.Element;
  1843. }
  1844. }
  1845. declare module INSPECTOR {
  1846. interface ISkeletonTreeItemComponentProps {
  1847. skeleton: BABYLON.Skeleton;
  1848. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1849. onClick: () => void;
  1850. }
  1851. export class SkeletonTreeItemComponent extends React.Component<ISkeletonTreeItemComponentProps> {
  1852. constructor(props: ISkeletonTreeItemComponentProps);
  1853. render(): JSX.Element;
  1854. }
  1855. }
  1856. declare module INSPECTOR {
  1857. interface IBoneTreeItemComponenttProps {
  1858. bone: BABYLON.Bone;
  1859. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1860. onClick: () => void;
  1861. }
  1862. export class BoneTreeItemComponent extends React.Component<IBoneTreeItemComponenttProps> {
  1863. constructor(props: IBoneTreeItemComponenttProps);
  1864. render(): JSX.Element;
  1865. }
  1866. }
  1867. declare module INSPECTOR {
  1868. interface IParticleSystemTreeItemComponentProps {
  1869. system: BABYLON.IParticleSystem;
  1870. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1871. onClick: () => void;
  1872. }
  1873. export class ParticleSystemTreeItemComponent extends React.Component<IParticleSystemTreeItemComponentProps> {
  1874. constructor(props: IParticleSystemTreeItemComponentProps);
  1875. render(): JSX.Element;
  1876. }
  1877. }
  1878. declare module INSPECTOR {
  1879. interface ITreeItemSpecializedComponentProps {
  1880. label: string;
  1881. entity?: any;
  1882. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1883. globalState: GlobalState;
  1884. onClick?: () => void;
  1885. }
  1886. export class TreeItemSpecializedComponent extends React.Component<ITreeItemSpecializedComponentProps> {
  1887. constructor(props: ITreeItemSpecializedComponentProps);
  1888. onClick(): void;
  1889. render(): JSX.Element;
  1890. }
  1891. }
  1892. declare module INSPECTOR {
  1893. export class Tools {
  1894. static LookForItem(item: any, selectedEntity: any): boolean;
  1895. private static _RecursiveRemoveHiddenMeshesAndHoistChildren;
  1896. static SortAndFilter(parent: any, items: any[]): any[];
  1897. }
  1898. }
  1899. declare module INSPECTOR {
  1900. export interface ITreeItemSelectableComponentProps {
  1901. entity: any;
  1902. selectedEntity?: any;
  1903. mustExpand?: boolean;
  1904. offset: number;
  1905. globalState: GlobalState;
  1906. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1907. filter: BABYLON.Nullable<string>;
  1908. }
  1909. export class TreeItemSelectableComponent extends React.Component<ITreeItemSelectableComponentProps, {
  1910. isExpanded: boolean;
  1911. isSelected: boolean;
  1912. }> {
  1913. private _wasSelected;
  1914. constructor(props: ITreeItemSelectableComponentProps);
  1915. switchExpandedState(): void;
  1916. shouldComponentUpdate(nextProps: ITreeItemSelectableComponentProps, nextState: {
  1917. isExpanded: boolean;
  1918. isSelected: boolean;
  1919. }): boolean;
  1920. scrollIntoView(): void;
  1921. componentDidMount(): void;
  1922. componentDidUpdate(): void;
  1923. onSelect(): void;
  1924. renderChildren(): JSX.Element[] | null;
  1925. render(): JSX.Element | null;
  1926. }
  1927. }
  1928. declare module INSPECTOR {
  1929. export interface ITreeItemComponentProps {
  1930. items?: BABYLON.Nullable<any[]>;
  1931. label: string;
  1932. offset: number;
  1933. filter: BABYLON.Nullable<string>;
  1934. globalState: GlobalState;
  1935. entity?: any;
  1936. selectedEntity: any;
  1937. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1938. contextMenuItems?: {
  1939. label: string;
  1940. action: () => void;
  1941. }[];
  1942. }
  1943. export class TreeItemComponent extends React.Component<ITreeItemComponentProps, {
  1944. isExpanded: boolean;
  1945. mustExpand: boolean;
  1946. }> {
  1947. static _ContextMenuUniqueIdGenerator: number;
  1948. constructor(props: ITreeItemComponentProps);
  1949. switchExpandedState(): void;
  1950. shouldComponentUpdate(nextProps: ITreeItemComponentProps, nextState: {
  1951. isExpanded: boolean;
  1952. }): boolean;
  1953. expandAll(expand: boolean): void;
  1954. renderContextMenu(): JSX.Element | null;
  1955. render(): JSX.Element;
  1956. }
  1957. }
  1958. declare module INSPECTOR {
  1959. interface ISceneTreeItemComponentProps {
  1960. scene: BABYLON.Scene;
  1961. onRefresh: () => void;
  1962. selectedEntity?: any;
  1963. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  1964. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1965. globalState: GlobalState;
  1966. }
  1967. export class SceneTreeItemComponent extends React.Component<ISceneTreeItemComponentProps, {
  1968. isSelected: boolean;
  1969. isInPickingMode: boolean;
  1970. gizmoMode: number;
  1971. }> {
  1972. private _gizmoLayerOnPointerObserver;
  1973. private _onPointerObserver;
  1974. private _onSelectionChangeObserver;
  1975. private _selectedEntity;
  1976. private _posDragEnd;
  1977. private _scaleDragEnd;
  1978. private _rotateDragEnd;
  1979. constructor(props: ISceneTreeItemComponentProps);
  1980. shouldComponentUpdate(nextProps: ISceneTreeItemComponentProps, nextState: {
  1981. isSelected: boolean;
  1982. isInPickingMode: boolean;
  1983. }): boolean;
  1984. componentDidMount(): void;
  1985. componentWillUnmount(): void;
  1986. onSelect(): void;
  1987. onPickingMode(): void;
  1988. setGizmoMode(mode: number): void;
  1989. render(): JSX.Element;
  1990. }
  1991. }
  1992. declare module INSPECTOR {
  1993. interface ISceneExplorerFilterComponentProps {
  1994. onFilter: (filter: string) => void;
  1995. }
  1996. export class SceneExplorerFilterComponent extends React.Component<ISceneExplorerFilterComponentProps> {
  1997. constructor(props: ISceneExplorerFilterComponentProps);
  1998. render(): JSX.Element;
  1999. }
  2000. interface ISceneExplorerComponentProps {
  2001. scene: BABYLON.Scene;
  2002. noCommands?: boolean;
  2003. noHeader?: boolean;
  2004. noExpand?: boolean;
  2005. noClose?: boolean;
  2006. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2007. globalState: GlobalState;
  2008. popupMode?: boolean;
  2009. onPopup?: () => void;
  2010. onClose?: () => void;
  2011. }
  2012. export class SceneExplorerComponent extends React.Component<ISceneExplorerComponentProps, {
  2013. filter: BABYLON.Nullable<string>;
  2014. selectedEntity: any;
  2015. scene: BABYLON.Scene;
  2016. }> {
  2017. private _onSelectionChangeObserver;
  2018. private _onNewSceneAddedObserver;
  2019. private sceneExplorerRef;
  2020. private _once;
  2021. private _hooked;
  2022. private sceneMutationFunc;
  2023. constructor(props: ISceneExplorerComponentProps);
  2024. processMutation(): void;
  2025. componentDidMount(): void;
  2026. componentWillUnmount(): void;
  2027. filterContent(filter: string): void;
  2028. findSiblings(parent: any, items: any[], target: any, goNext: boolean, data: {
  2029. previousOne?: any;
  2030. found?: boolean;
  2031. }): boolean;
  2032. processKeys(keyEvent: React.KeyboardEvent<HTMLDivElement>): void;
  2033. renderContent(): JSX.Element | null;
  2034. onClose(): void;
  2035. onPopup(): void;
  2036. render(): JSX.Element;
  2037. }
  2038. }
  2039. declare module INSPECTOR {
  2040. interface IEmbedHostComponentProps {
  2041. scene: BABYLON.Scene;
  2042. globalState: GlobalState;
  2043. popupMode: boolean;
  2044. noClose?: boolean;
  2045. noExpand?: boolean;
  2046. onClose: () => void;
  2047. onPopup: () => void;
  2048. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2049. initialTab?: BABYLON.DebugLayerTab;
  2050. }
  2051. export class EmbedHostComponent extends React.Component<IEmbedHostComponentProps> {
  2052. private _once;
  2053. private splitRef;
  2054. private topPartRef;
  2055. private bottomPartRef;
  2056. constructor(props: IEmbedHostComponentProps);
  2057. componentDidMount(): void;
  2058. renderContent(): JSX.Element;
  2059. render(): JSX.Element;
  2060. }
  2061. }
  2062. declare module INSPECTOR {
  2063. export class Inspector {
  2064. private static _SceneExplorerHost;
  2065. private static _ActionTabsHost;
  2066. private static _EmbedHost;
  2067. private static _NewCanvasContainer;
  2068. private static _SceneExplorerWindow;
  2069. private static _ActionTabsWindow;
  2070. private static _EmbedHostWindow;
  2071. private static _Scene;
  2072. private static _OpenedPane;
  2073. private static _OnBeforeRenderObserver;
  2074. static OnSelectionChangeObservable: BABYLON.Observable<any>;
  2075. static OnPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
  2076. private static _GlobalState;
  2077. static MarkLineContainerTitleForHighlighting(title: string): void;
  2078. private static _CopyStyles;
  2079. private static _CreateSceneExplorer;
  2080. private static _CreateActionTabs;
  2081. private static _CreateEmbedHost;
  2082. static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): BABYLON.Nullable<HTMLDivElement>;
  2083. static get IsVisible(): boolean;
  2084. static EarlyAttachToLoader(): void;
  2085. static Show(scene: BABYLON.Scene, userOptions: Partial<BABYLON.IInspectorOptions>): void;
  2086. static _CreateCanvasContainer(parentControl: HTMLElement): void;
  2087. private static _DestroyCanvasContainer;
  2088. private static _Cleanup;
  2089. private static _RemoveElementFromDOM;
  2090. static Hide(): void;
  2091. }
  2092. }