babylon.inspector.d.ts 104 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745
  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 CodeChangedEvent {
  13. object: any;
  14. code: string;
  15. }
  16. }
  17. declare module INSPECTOR {
  18. export class ReplayRecorder {
  19. private _recordedCodeLines;
  20. private _previousObject;
  21. private _previousProperty;
  22. reset(): void;
  23. private _getIndirectData;
  24. recordCode(event: CodeChangedEvent): void;
  25. record(event: PropertyChangedEvent): void;
  26. export(): void;
  27. }
  28. }
  29. declare module INSPECTOR {
  30. export class GlobalState {
  31. onSelectionChangedObservable: BABYLON.Observable<any>;
  32. onPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
  33. onCodeChangedObservable: BABYLON.Observable<CodeChangedEvent>;
  34. onInspectorClosedObservable: BABYLON.Observable<BABYLON.Scene>;
  35. onTabChangedObservable: BABYLON.Observable<number>;
  36. onSelectionRenamedObservable: BABYLON.Observable<void>;
  37. onPluginActivatedObserver: BABYLON.Nullable<BABYLON.Observer<BABYLON.ISceneLoaderPlugin | BABYLON.ISceneLoaderPluginAsync>>;
  38. onNewSceneObservable: BABYLON.Observable<BABYLON.Scene>;
  39. sceneImportDefaults: {
  40. [key: string]: any;
  41. };
  42. validationResults: BABYLON.Nullable<BABYLON.GLTF2.IGLTFValidationResults>;
  43. onValidationResultsUpdatedObservable: BABYLON.Observable<BABYLON.Nullable<BABYLON.GLTF2.IGLTFValidationResults>>;
  44. onExtensionLoadedObservable: BABYLON.Observable<BABYLON.IGLTFLoaderExtension>;
  45. glTFLoaderExtensionDefaults: {
  46. [name: string]: {
  47. [key: string]: any;
  48. };
  49. };
  50. glTFLoaderDefaults: {
  51. [key: string]: any;
  52. };
  53. blockMutationUpdates: boolean;
  54. selectedLineContainerTitles: Array<string>;
  55. recorder: ReplayRecorder;
  56. private _onlyUseEulers;
  57. get onlyUseEulers(): boolean;
  58. set onlyUseEulers(value: boolean);
  59. private _ignoreBackfacesForPicking;
  60. get ignoreBackfacesForPicking(): boolean;
  61. set ignoreBackfacesForPicking(value: boolean);
  62. init(propertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>): void;
  63. prepareGLTFPlugin(loader: BABYLON.GLTFFileLoader): void;
  64. lightGizmos: Array<BABYLON.LightGizmo>;
  65. enableLightGizmo(light: BABYLON.Light, enable?: boolean): void;
  66. }
  67. }
  68. declare module INSPECTOR {
  69. export interface IPaneComponentProps {
  70. title: string;
  71. scene: BABYLON.Scene;
  72. selectedEntity?: any;
  73. onSelectionChangedObservable?: BABYLON.Observable<any>;
  74. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  75. globalState: GlobalState;
  76. }
  77. export class PaneComponent extends React.Component<IPaneComponentProps, {
  78. tag: any;
  79. }> {
  80. constructor(props: IPaneComponentProps);
  81. render(): JSX.Element | null;
  82. }
  83. }
  84. declare module INSPECTOR {
  85. interface ITabsComponentProps {
  86. children: any[];
  87. selectedIndex: number;
  88. onSelectedIndexChange: (value: number) => void;
  89. }
  90. export class TabsComponent extends React.Component<ITabsComponentProps> {
  91. constructor(props: ITabsComponentProps);
  92. onSelect(index: number): void;
  93. renderLabel(child: PaneComponent, index: number): JSX.Element;
  94. render(): JSX.Element;
  95. }
  96. }
  97. declare module INSPECTOR {
  98. interface ITextLineComponentProps {
  99. label?: string;
  100. value?: string;
  101. color?: string;
  102. underline?: boolean;
  103. onLink?: () => void;
  104. url?: string;
  105. ignoreValue?: boolean;
  106. additionalClass?: string;
  107. }
  108. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  109. constructor(props: ITextLineComponentProps);
  110. onLink(): void;
  111. renderContent(): JSX.Element | null;
  112. render(): JSX.Element;
  113. }
  114. }
  115. declare module INSPECTOR {
  116. interface ILineContainerComponentProps {
  117. globalState?: GlobalState;
  118. title: string;
  119. children: any[] | any;
  120. closed?: boolean;
  121. }
  122. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  123. isExpanded: boolean;
  124. isHighlighted: boolean;
  125. }> {
  126. constructor(props: ILineContainerComponentProps);
  127. switchExpandedState(): void;
  128. componentDidMount(): void;
  129. renderHeader(): JSX.Element;
  130. render(): JSX.Element;
  131. }
  132. }
  133. declare module INSPECTOR {
  134. interface IValueLineComponentProps {
  135. label: string;
  136. value: number;
  137. color?: string;
  138. fractionDigits?: number;
  139. units?: string;
  140. }
  141. export class ValueLineComponent extends React.Component<IValueLineComponentProps> {
  142. constructor(props: IValueLineComponentProps);
  143. render(): JSX.Element;
  144. }
  145. }
  146. declare module INSPECTOR {
  147. export interface IBooleanLineComponentProps {
  148. label: string;
  149. value: boolean;
  150. }
  151. export class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
  152. constructor(props: IBooleanLineComponentProps);
  153. render(): JSX.Element;
  154. }
  155. }
  156. declare module INSPECTOR {
  157. export class StatisticsTabComponent extends PaneComponent {
  158. private _sceneInstrumentation;
  159. private _engineInstrumentation;
  160. private _timerIntervalId;
  161. constructor(props: IPaneComponentProps);
  162. componentWillUnmount(): void;
  163. render(): JSX.Element | null;
  164. }
  165. }
  166. declare module INSPECTOR {
  167. export interface ICheckBoxLineComponentProps {
  168. label: string;
  169. target?: any;
  170. propertyName?: string;
  171. isSelected?: () => boolean;
  172. onSelect?: (value: boolean) => void;
  173. onValueChanged?: () => void;
  174. replaySourceReplacement?: string;
  175. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  176. }
  177. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  178. isSelected: boolean;
  179. }> {
  180. private static _UniqueIdSeed;
  181. private _uniqueId;
  182. private _localChange;
  183. constructor(props: ICheckBoxLineComponentProps);
  184. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  185. isSelected: boolean;
  186. }): boolean;
  187. onChange(): void;
  188. render(): JSX.Element;
  189. }
  190. }
  191. declare module INSPECTOR {
  192. interface IRenderGridPropertyGridComponentProps {
  193. globalState: GlobalState;
  194. scene: BABYLON.Scene;
  195. }
  196. export class RenderGridPropertyGridComponent extends React.Component<IRenderGridPropertyGridComponentProps, {
  197. isEnabled: boolean;
  198. }> {
  199. private _gridMesh;
  200. constructor(props: IRenderGridPropertyGridComponentProps);
  201. componentDidMount(): void;
  202. addOrRemoveGrid(): void;
  203. render(): JSX.Element;
  204. }
  205. }
  206. declare module INSPECTOR {
  207. export class DebugTabComponent extends PaneComponent {
  208. private _physicsViewersEnabled;
  209. constructor(props: IPaneComponentProps);
  210. switchPhysicsViewers(): void;
  211. render(): JSX.Element | null;
  212. }
  213. }
  214. declare module INSPECTOR {
  215. interface ISliderLineComponentProps {
  216. label: string;
  217. target?: any;
  218. propertyName?: string;
  219. minimum: number;
  220. maximum: number;
  221. step: number;
  222. directValue?: number;
  223. useEuler?: boolean;
  224. onChange?: (value: number) => void;
  225. onInput?: (value: number) => void;
  226. replaySourceReplacement?: string;
  227. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  228. decimalCount?: number;
  229. }
  230. export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
  231. value: number;
  232. }> {
  233. private _localChange;
  234. constructor(props: ISliderLineComponentProps);
  235. shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
  236. value: number;
  237. }): boolean;
  238. onChange(newValueString: any): void;
  239. onInput(newValueString: any): void;
  240. prepareDataToRead(value: number): number;
  241. render(): JSX.Element;
  242. }
  243. }
  244. declare module INSPECTOR {
  245. export const Null_Value: number;
  246. class ListLineOption {
  247. label: string;
  248. value: number;
  249. }
  250. interface IOptionsLineComponentProps {
  251. label: string;
  252. target: any;
  253. propertyName: string;
  254. options: ListLineOption[];
  255. noDirectUpdate?: boolean;
  256. onSelect?: (value: number) => void;
  257. extractValue?: () => number;
  258. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  259. allowNullValue?: boolean;
  260. }
  261. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  262. value: number;
  263. }> {
  264. private _localChange;
  265. private remapValueIn;
  266. private remapValueOut;
  267. constructor(props: IOptionsLineComponentProps);
  268. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  269. value: number;
  270. }): boolean;
  271. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  272. updateValue(valueString: string): void;
  273. render(): JSX.Element;
  274. }
  275. }
  276. declare module INSPECTOR {
  277. /**
  278. * Class used to provide lock mechanism
  279. */
  280. export class LockObject {
  281. /**
  282. * Gets or set if the lock is engaged
  283. */
  284. lock: boolean;
  285. }
  286. }
  287. declare module INSPECTOR {
  288. interface INumericInputComponentProps {
  289. label: string;
  290. value: number;
  291. step?: number;
  292. onChange: (value: number) => void;
  293. precision?: number;
  294. }
  295. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  296. value: string;
  297. }> {
  298. static defaultProps: {
  299. step: number;
  300. };
  301. private _localChange;
  302. constructor(props: INumericInputComponentProps);
  303. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  304. value: string;
  305. }): boolean;
  306. updateValue(evt: any): void;
  307. render(): JSX.Element;
  308. }
  309. }
  310. declare module INSPECTOR {
  311. export interface IColorPickerComponentProps {
  312. value: BABYLON.Color4 | BABYLON.Color3;
  313. onColorChanged: (newOne: string) => void;
  314. disableAlpha?: boolean;
  315. }
  316. interface IColorPickerComponentState {
  317. pickerEnabled: boolean;
  318. color: {
  319. r: number;
  320. g: number;
  321. b: number;
  322. a?: number;
  323. };
  324. hex: string;
  325. }
  326. export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
  327. private _floatRef;
  328. private _floatHostRef;
  329. constructor(props: IColorPickerComponentProps);
  330. syncPositions(): void;
  331. shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
  332. componentDidUpdate(): void;
  333. componentDidMount(): void;
  334. render(): JSX.Element;
  335. }
  336. }
  337. declare module INSPECTOR {
  338. export interface IColor3LineComponentProps {
  339. label: string;
  340. target: any;
  341. propertyName: string;
  342. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  343. isLinear?: boolean;
  344. }
  345. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  346. isExpanded: boolean;
  347. color: BABYLON.Color3;
  348. }> {
  349. private _localChange;
  350. constructor(props: IColor3LineComponentProps);
  351. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  352. color: BABYLON.Color3;
  353. }): boolean;
  354. setPropertyValue(newColor: BABYLON.Color3): void;
  355. onChange(newValue: string): void;
  356. switchExpandState(): void;
  357. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  358. updateStateR(value: number): void;
  359. updateStateG(value: number): void;
  360. updateStateB(value: number): void;
  361. copyToClipboard(): void;
  362. render(): JSX.Element;
  363. }
  364. }
  365. declare module INSPECTOR {
  366. interface IVector3LineComponentProps {
  367. label: string;
  368. target: any;
  369. propertyName: string;
  370. step?: number;
  371. onChange?: (newvalue: BABYLON.Vector3) => void;
  372. useEuler?: boolean;
  373. replaySourceReplacement?: string;
  374. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  375. }
  376. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  377. isExpanded: boolean;
  378. value: BABYLON.Vector3;
  379. }> {
  380. static defaultProps: {
  381. step: number;
  382. };
  383. private _localChange;
  384. constructor(props: IVector3LineComponentProps);
  385. getCurrentValue(): any;
  386. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  387. isExpanded: boolean;
  388. value: BABYLON.Vector3;
  389. }): boolean;
  390. switchExpandState(): void;
  391. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  392. updateVector3(): void;
  393. updateStateX(value: number): void;
  394. updateStateY(value: number): void;
  395. updateStateZ(value: number): void;
  396. render(): JSX.Element;
  397. }
  398. }
  399. declare module INSPECTOR {
  400. interface IQuaternionLineComponentProps {
  401. label: string;
  402. target: any;
  403. useEuler?: boolean;
  404. propertyName: string;
  405. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  406. }
  407. export class QuaternionLineComponent extends React.Component<IQuaternionLineComponentProps, {
  408. isExpanded: boolean;
  409. value: BABYLON.Quaternion;
  410. eulerValue: BABYLON.Vector3;
  411. }> {
  412. private _localChange;
  413. constructor(props: IQuaternionLineComponentProps);
  414. shouldComponentUpdate(nextProps: IQuaternionLineComponentProps, nextState: {
  415. isExpanded: boolean;
  416. value: BABYLON.Quaternion;
  417. }): boolean;
  418. switchExpandState(): void;
  419. raiseOnPropertyChanged(currentValue: BABYLON.Quaternion, previousValue: BABYLON.Quaternion): void;
  420. updateQuaternion(): void;
  421. updateStateX(value: number): void;
  422. updateStateY(value: number): void;
  423. updateStateZ(value: number): void;
  424. updateStateW(value: number): void;
  425. updateQuaternionFromEuler(): void;
  426. updateStateEulerX(value: number): void;
  427. updateStateEulerY(value: number): void;
  428. updateStateEulerZ(value: number): void;
  429. render(): JSX.Element;
  430. }
  431. }
  432. declare module INSPECTOR {
  433. interface ITextInputLineComponentProps {
  434. label: string;
  435. lockObject: LockObject;
  436. target?: any;
  437. propertyName?: string;
  438. value?: string;
  439. onChange?: (value: string) => void;
  440. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  441. }
  442. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  443. value: string;
  444. }> {
  445. private _localChange;
  446. constructor(props: ITextInputLineComponentProps);
  447. componentWillUnmount(): void;
  448. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  449. value: string;
  450. }): boolean;
  451. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  452. updateValue(value: string): void;
  453. render(): JSX.Element;
  454. }
  455. }
  456. declare module INSPECTOR {
  457. interface ICustomPropertyGridComponentProps {
  458. globalState: GlobalState;
  459. target: any;
  460. lockObject: LockObject;
  461. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  462. }
  463. export class CustomPropertyGridComponent extends React.Component<ICustomPropertyGridComponentProps, {
  464. mode: number;
  465. }> {
  466. constructor(props: ICustomPropertyGridComponentProps);
  467. renderInspectable(inspectable: BABYLON.IInspectable): JSX.Element | null;
  468. render(): JSX.Element | null;
  469. }
  470. }
  471. declare module INSPECTOR {
  472. export interface IButtonLineComponentProps {
  473. label: string;
  474. onClick: () => void;
  475. }
  476. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  477. constructor(props: IButtonLineComponentProps);
  478. render(): JSX.Element;
  479. }
  480. }
  481. declare module INSPECTOR {
  482. interface IFloatLineComponentProps {
  483. label: string;
  484. target: any;
  485. propertyName: string;
  486. lockObject?: LockObject;
  487. onChange?: (newValue: number) => void;
  488. isInteger?: boolean;
  489. replaySourceReplacement?: string;
  490. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  491. additionalClass?: string;
  492. step?: string;
  493. digits?: number;
  494. useEuler?: boolean;
  495. min?: number;
  496. }
  497. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  498. value: string;
  499. }> {
  500. private _localChange;
  501. private _store;
  502. constructor(props: IFloatLineComponentProps);
  503. componentWillUnmount(): void;
  504. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  505. value: string;
  506. }): boolean;
  507. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  508. updateValue(valueString: string): void;
  509. lock(): void;
  510. unlock(): void;
  511. render(): JSX.Element;
  512. }
  513. }
  514. declare module INSPECTOR {
  515. interface IAnchorSvgPointProps {
  516. control: BABYLON.Vector2;
  517. anchor: BABYLON.Vector2;
  518. active: boolean;
  519. type: string;
  520. index: string;
  521. selected: boolean;
  522. selectControlPoint: (id: string) => void;
  523. }
  524. export class AnchorSvgPoint extends React.Component<IAnchorSvgPointProps> {
  525. constructor(props: IAnchorSvgPointProps);
  526. select(): void;
  527. render(): JSX.Element;
  528. }
  529. }
  530. declare module INSPECTOR {
  531. export interface IKeyframeSvgPoint {
  532. keyframePoint: BABYLON.Vector2;
  533. rightControlPoint: BABYLON.Vector2 | null;
  534. leftControlPoint: BABYLON.Vector2 | null;
  535. id: string;
  536. selected: boolean;
  537. isLeftActive: boolean;
  538. isRightActive: boolean;
  539. }
  540. interface IKeyframeSvgPointProps {
  541. keyframePoint: BABYLON.Vector2;
  542. leftControlPoint: BABYLON.Vector2 | null;
  543. rightControlPoint: BABYLON.Vector2 | null;
  544. id: string;
  545. selected: boolean;
  546. selectKeyframe: (id: string) => void;
  547. selectedControlPoint: (type: string, id: string) => void;
  548. isLeftActive: boolean;
  549. isRightActive: boolean;
  550. }
  551. export class KeyframeSvgPoint extends React.Component<IKeyframeSvgPointProps> {
  552. constructor(props: IKeyframeSvgPointProps);
  553. select(): void;
  554. render(): JSX.Element;
  555. }
  556. }
  557. declare module INSPECTOR {
  558. interface ISvgDraggableAreaProps {
  559. keyframeSvgPoints: IKeyframeSvgPoint[];
  560. updatePosition: (updatedKeyframe: IKeyframeSvgPoint, index: number) => void;
  561. scale: number;
  562. viewBoxScale: number;
  563. selectKeyframe: (id: string) => void;
  564. selectedControlPoint: (type: string, id: string) => void;
  565. }
  566. export class SvgDraggableArea extends React.Component<ISvgDraggableAreaProps> {
  567. private _active;
  568. private _isCurrentPointControl;
  569. private _currentPointIndex;
  570. private _draggableArea;
  571. private _panStart;
  572. private _panStop;
  573. private _width;
  574. constructor(props: ISvgDraggableAreaProps);
  575. componentDidMount(): void;
  576. dragStart(e: React.TouchEvent<SVGSVGElement>): void;
  577. dragStart(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  578. drag(e: React.TouchEvent<SVGSVGElement>): void;
  579. drag(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  580. dragEnd(e: React.TouchEvent<SVGSVGElement>): void;
  581. dragEnd(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  582. getMousePosition(e: React.TouchEvent<SVGSVGElement>): BABYLON.Vector2 | undefined;
  583. getMousePosition(e: React.MouseEvent<SVGSVGElement, MouseEvent>): BABYLON.Vector2 | undefined;
  584. panDirection(): void;
  585. panTo(direction: string, value: number): void;
  586. keyDown(e: KeyboardEvent): void;
  587. keyUp(e: KeyboardEvent): void;
  588. focus(e: React.MouseEvent<SVGSVGElement>): void;
  589. render(): JSX.Element;
  590. }
  591. }
  592. declare module INSPECTOR {
  593. interface ITimelineProps {
  594. keyframes: BABYLON.IAnimationKey[] | null;
  595. selected: BABYLON.IAnimationKey | null;
  596. currentFrame: number;
  597. onCurrentFrameChange: (frame: number) => void;
  598. dragKeyframe: (frame: number, index: number) => void;
  599. playPause: (direction: number) => void;
  600. isPlaying: boolean;
  601. }
  602. export class Timeline extends React.Component<ITimelineProps, {
  603. selected: BABYLON.IAnimationKey;
  604. activeKeyframe: number | null;
  605. }> {
  606. readonly _frames: object[];
  607. private _scrollable;
  608. private _direction;
  609. constructor(props: ITimelineProps);
  610. playBackwards(event: React.MouseEvent<HTMLDivElement>): void;
  611. play(event: React.MouseEvent<HTMLDivElement>): void;
  612. pause(event: React.MouseEvent<HTMLDivElement>): void;
  613. handleInputChange(event: React.ChangeEvent<HTMLInputElement>): void;
  614. nextFrame(event: React.MouseEvent<HTMLDivElement>): void;
  615. previousFrame(event: React.MouseEvent<HTMLDivElement>): void;
  616. nextKeyframe(event: React.MouseEvent<HTMLDivElement>): void;
  617. previousKeyframe(event: React.MouseEvent<HTMLDivElement>): void;
  618. dragStart(e: React.TouchEvent<SVGSVGElement>): void;
  619. dragStart(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  620. drag(e: React.TouchEvent<SVGSVGElement>): void;
  621. drag(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  622. isFrameBeingUsed(frame: number, direction: number): number | false;
  623. dragEnd(e: React.TouchEvent<SVGSVGElement>): void;
  624. dragEnd(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  625. render(): JSX.Element;
  626. }
  627. }
  628. declare module INSPECTOR {
  629. interface IPlayheadProps {
  630. frame: number;
  631. offset: number;
  632. }
  633. export class Playhead extends React.Component<IPlayheadProps> {
  634. constructor(props: IPlayheadProps);
  635. render(): JSX.Element;
  636. }
  637. }
  638. declare module INSPECTOR {
  639. interface IPlayheadProps {
  640. message: string;
  641. open: boolean;
  642. close: () => void;
  643. }
  644. export class Notification extends React.Component<IPlayheadProps> {
  645. constructor(props: IPlayheadProps);
  646. render(): JSX.Element;
  647. }
  648. }
  649. declare module INSPECTOR {
  650. export interface IIconButtonLineComponentProps {
  651. icon: string;
  652. onClick: () => void;
  653. tooltip: string;
  654. active?: boolean;
  655. }
  656. export class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
  657. constructor(props: IIconButtonLineComponentProps);
  658. render(): JSX.Element;
  659. }
  660. }
  661. declare module INSPECTOR {
  662. interface IGraphActionsBarProps {
  663. addKeyframe: () => void;
  664. removeKeyframe: () => void;
  665. handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
  666. handleFrameChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
  667. flatTangent: () => void;
  668. brokeTangents: () => void;
  669. setLerpMode: () => void;
  670. brokenMode: boolean;
  671. lerpMode: boolean;
  672. currentValue: number;
  673. currentFrame: number;
  674. title: string;
  675. close: (event: any) => void;
  676. enabled: boolean;
  677. }
  678. export class GraphActionsBar extends React.Component<IGraphActionsBarProps> {
  679. constructor(props: IGraphActionsBarProps);
  680. render(): JSX.Element;
  681. }
  682. }
  683. declare module INSPECTOR {
  684. interface IAddAnimationProps {
  685. isOpen: boolean;
  686. close: () => void;
  687. entity: BABYLON.IAnimatable;
  688. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  689. setNotificationMessage: (message: string) => void;
  690. changed: () => void;
  691. }
  692. export class AddAnimation extends React.Component<IAddAnimationProps, {
  693. animationName: string;
  694. animationTargetProperty: string;
  695. animationType: string;
  696. loopMode: number;
  697. animationTargetPath: string;
  698. }> {
  699. constructor(props: IAddAnimationProps);
  700. getAnimationTypeofChange(selected: string): number;
  701. addAnimation(): void;
  702. raiseOnPropertyChanged(newValue: BABYLON.Animation[], previousValue: BABYLON.Animation[]): void;
  703. handleNameChange(event: React.ChangeEvent<HTMLInputElement>): void;
  704. handlePathChange(event: React.ChangeEvent<HTMLInputElement>): void;
  705. handleTypeChange(event: React.ChangeEvent<HTMLSelectElement>): void;
  706. handlePropertyChange(event: React.ChangeEvent<HTMLInputElement>): void;
  707. handleLoopModeChange(event: React.ChangeEvent<HTMLSelectElement>): void;
  708. render(): JSX.Element;
  709. }
  710. }
  711. declare module INSPECTOR {
  712. interface IAnimationListTreeProps {
  713. isTargetedAnimation: boolean;
  714. entity: BABYLON.IAnimatable | BABYLON.TargetedAnimation;
  715. selected: BABYLON.Animation | null;
  716. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  717. selectAnimation: (selected: BABYLON.Animation, axis?: string) => void;
  718. empty: () => void;
  719. }
  720. interface Item {
  721. index: number;
  722. name: string;
  723. property: string;
  724. selected: boolean;
  725. open: boolean;
  726. }
  727. export class AnimationListTree extends React.Component<IAnimationListTreeProps, {
  728. list: Item[];
  729. }> {
  730. constructor(props: IAnimationListTreeProps);
  731. deleteAnimation(): void;
  732. generateList(): void;
  733. editAnimation(): void;
  734. toggleProperty(index: number): void;
  735. setListItem(animation: BABYLON.Animation, i: number): JSX.Element | null;
  736. render(): JSX.Element;
  737. }
  738. }
  739. declare module INSPECTOR {
  740. interface IEditorControlsProps {
  741. isTargetedAnimation: boolean;
  742. entity: BABYLON.IAnimatable | BABYLON.TargetedAnimation;
  743. selected: BABYLON.Animation | null;
  744. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  745. setNotificationMessage: (message: string) => void;
  746. selectAnimation: (selected: BABYLON.Animation, axis?: string) => void;
  747. }
  748. export class EditorControls extends React.Component<IEditorControlsProps, {
  749. isAnimationTabOpen: boolean;
  750. isEditTabOpen: boolean;
  751. isLoadTabOpen: boolean;
  752. isSaveTabOpen: boolean;
  753. isLoopActive: boolean;
  754. animationsCount: number;
  755. framesPerSecond: number;
  756. }> {
  757. constructor(props: IEditorControlsProps);
  758. animationAdded(): void;
  759. recountAnimations(): number;
  760. handleTabs(tab: number): void;
  761. handleChangeFps(fps: number): void;
  762. emptiedList(): void;
  763. render(): JSX.Element;
  764. }
  765. }
  766. declare module INSPECTOR {
  767. interface IAnimationCurveEditorComponentProps {
  768. close: (event: any) => void;
  769. playOrPause?: () => void;
  770. scene: BABYLON.Scene;
  771. entity: BABYLON.IAnimatable | BABYLON.TargetedAnimation;
  772. }
  773. interface ICanvasAxis {
  774. value: number;
  775. label: number;
  776. }
  777. export class AnimationCurveEditorComponent extends React.Component<IAnimationCurveEditorComponentProps, {
  778. isOpen: boolean;
  779. selected: BABYLON.Animation | null;
  780. currentPathData: string | undefined;
  781. svgKeyframes: IKeyframeSvgPoint[] | undefined;
  782. currentFrame: number;
  783. currentValue: number;
  784. frameAxisLength: ICanvasAxis[];
  785. valueAxisLength: ICanvasAxis[];
  786. isFlatTangentMode: boolean;
  787. isTangentMode: boolean;
  788. isBrokenMode: boolean;
  789. lerpMode: boolean;
  790. scale: number;
  791. playheadOffset: number;
  792. notification: string;
  793. currentPoint: SVGPoint | undefined;
  794. lastFrame: number;
  795. playheadPos: number;
  796. isPlaying: boolean;
  797. }> {
  798. private _heightScale;
  799. readonly _entityName: string;
  800. readonly _canvasLength: number;
  801. private _svgKeyframes;
  802. private _frames;
  803. private _isPlaying;
  804. private _graphCanvas;
  805. private _selectedCurve;
  806. private _svgCanvas;
  807. private _isTargetedAnimation;
  808. constructor(props: IAnimationCurveEditorComponentProps);
  809. componentDidMount(): void;
  810. /**
  811. * Notifications
  812. * To add notification we set the state and clear to make the notification bar hide.
  813. */
  814. clearNotification(): void;
  815. /**
  816. * Zoom and Scroll
  817. * This section handles zoom and scroll
  818. * of the graph area.
  819. */
  820. zoom(e: React.WheelEvent<HTMLDivElement>): void;
  821. setAxesLength(): void;
  822. getValueLabel(i: number): number;
  823. resetPlayheadOffset(): void;
  824. /**
  825. * Keyframe Manipulation
  826. * This section handles events from SvgDraggableArea.
  827. */
  828. selectKeyframe(id: string): void;
  829. selectedControlPoint(type: string, id: string): void;
  830. renderPoints(updatedSvgKeyFrame: IKeyframeSvgPoint, index: number): void;
  831. /**
  832. * Actions
  833. * This section handles events from GraphActionsBar.
  834. */
  835. handleFrameChange(event: React.ChangeEvent<HTMLInputElement>): void;
  836. handleValueChange(event: React.ChangeEvent<HTMLInputElement>): void;
  837. setFlatTangent(): void;
  838. setTangentMode(): void;
  839. setBrokenMode(): void;
  840. setLerpMode(): void;
  841. addKeyframeClick(): void;
  842. removeKeyframeClick(): void;
  843. addKeyFrame(event: React.MouseEvent<SVGSVGElement>): void;
  844. updateKeyframe(keyframe: BABYLON.Vector2, index: number): void;
  845. /**
  846. * Curve Rendering Functions
  847. * This section handles how to render curves.
  848. */
  849. getAnimationProperties(animation: BABYLON.Animation): {
  850. easingType: string | undefined;
  851. easingMode: number | undefined;
  852. };
  853. linearInterpolation(keyframes: BABYLON.IAnimationKey[], data: string, middle: number): string;
  854. setKeyframePointLinear(point: BABYLON.Vector2, index: number): void;
  855. getPathData(animation: BABYLON.Animation | null): string;
  856. getAnimationData(animation: BABYLON.Animation): {
  857. loopMode: number | undefined;
  858. name: string;
  859. blendingSpeed: number;
  860. targetPropertyPath: string[];
  861. targetProperty: string;
  862. framesPerSecond: number;
  863. highestFrame: number;
  864. serialized: any;
  865. usesTangents: boolean;
  866. };
  867. drawAllFrames(initialKey: BABYLON.IAnimationKey, endKey: BABYLON.IAnimationKey, easingFunction: BABYLON.EasingFunction): void;
  868. curvePathFlat(keyframes: BABYLON.IAnimationKey[], data: string, middle: number, dataType: number): string;
  869. curvePathWithTangents(keyframes: BABYLON.IAnimationKey[], data: string, middle: number, type: number): string;
  870. curvePath(keyframes: BABYLON.IAnimationKey[], data: string, middle: number, easingFunction: BABYLON.EasingFunction): string;
  871. setKeyframePoint(controlPoints: BABYLON.Vector2[], index: number, keyframesCount: number): void;
  872. interpolateControlPoints(p0: BABYLON.Vector2, p1: BABYLON.Vector2, u: number, p2: BABYLON.Vector2, v: number, p3: BABYLON.Vector2): BABYLON.Vector2[] | undefined;
  873. /**
  874. * Core functions
  875. * This section handles main Curve Editor Functions.
  876. */
  877. selectAnimation(animation: BABYLON.Animation, axis?: string): void;
  878. isAnimationPlaying(): boolean;
  879. playPause(direction: number): void;
  880. playStopAnimation(): boolean;
  881. analizeAnimation(animation: BABYLON.Animation | null): boolean;
  882. /**
  883. * Timeline
  884. * This section controls the timeline.
  885. */
  886. changeCurrentFrame(frame: number): void;
  887. updateFrameInKeyFrame(frame: number, index: number): void;
  888. render(): JSX.Element;
  889. }
  890. }
  891. declare module INSPECTOR {
  892. interface IPopupComponentProps {
  893. id: string;
  894. title: string;
  895. size: {
  896. width: number;
  897. height: number;
  898. };
  899. onOpen: (window: Window) => void;
  900. onClose: (window: Window) => void;
  901. }
  902. export class PopupComponent extends React.Component<IPopupComponentProps, {
  903. isComponentMounted: boolean;
  904. blockedByBrowser: boolean;
  905. }> {
  906. private _container;
  907. private _window;
  908. constructor(props: IPopupComponentProps);
  909. componentDidMount(): void;
  910. openPopup(): void;
  911. componentWillUnmount(): void;
  912. render(): React.ReactPortal | null;
  913. }
  914. }
  915. declare module INSPECTOR {
  916. interface IAnimationGridComponentProps {
  917. globalState: GlobalState;
  918. animatable: BABYLON.IAnimatable;
  919. scene: BABYLON.Scene;
  920. lockObject: LockObject;
  921. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  922. }
  923. export class AnimationGridComponent extends React.Component<IAnimationGridComponentProps, {
  924. currentFrame: number;
  925. }> {
  926. private _animations;
  927. private _ranges;
  928. private _mainAnimatable;
  929. private _onBeforeRenderObserver;
  930. private _isPlaying;
  931. private timelineRef;
  932. private _isCurveEditorOpen;
  933. private _animationControl;
  934. constructor(props: IAnimationGridComponentProps);
  935. playOrPause(): void;
  936. componentDidMount(): void;
  937. componentWillUnmount(): void;
  938. onCurrentFrameChange(value: number): void;
  939. onChangeFromOrTo(): void;
  940. onOpenAnimationCurveEditor(): void;
  941. onCloseAnimationCurveEditor(window: Window | null): void;
  942. render(): JSX.Element;
  943. }
  944. }
  945. declare module INSPECTOR {
  946. interface ICommonMaterialPropertyGridComponentProps {
  947. globalState: GlobalState;
  948. material: BABYLON.Material;
  949. lockObject: LockObject;
  950. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  951. }
  952. export class CommonMaterialPropertyGridComponent extends React.Component<ICommonMaterialPropertyGridComponentProps> {
  953. constructor(props: ICommonMaterialPropertyGridComponentProps);
  954. render(): JSX.Element;
  955. }
  956. }
  957. declare module INSPECTOR {
  958. interface IMaterialPropertyGridComponentProps {
  959. globalState: GlobalState;
  960. material: BABYLON.Material;
  961. lockObject: LockObject;
  962. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  963. }
  964. export class MaterialPropertyGridComponent extends React.Component<IMaterialPropertyGridComponentProps> {
  965. constructor(props: IMaterialPropertyGridComponentProps);
  966. render(): JSX.Element;
  967. }
  968. }
  969. declare module INSPECTOR {
  970. interface IFileButtonLineComponentProps {
  971. label: string;
  972. onClick: (file: File) => void;
  973. accept: string;
  974. }
  975. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  976. private static _IDGenerator;
  977. private _id;
  978. private uploadInputRef;
  979. constructor(props: IFileButtonLineComponentProps);
  980. onChange(evt: any): void;
  981. render(): JSX.Element;
  982. }
  983. }
  984. declare module INSPECTOR {
  985. export interface ITextureLinkLineComponentProps {
  986. label: string;
  987. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  988. material?: BABYLON.Material;
  989. onSelectionChangedObservable?: BABYLON.Observable<any>;
  990. onDebugSelectionChangeObservable?: BABYLON.Observable<TextureLinkLineComponent>;
  991. propertyName?: string;
  992. onTextureCreated?: (texture: BABYLON.BaseTexture) => void;
  993. customDebugAction?: (state: boolean) => void;
  994. onTextureRemoved?: () => void;
  995. }
  996. export class TextureLinkLineComponent extends React.Component<ITextureLinkLineComponentProps, {
  997. isDebugSelected: boolean;
  998. }> {
  999. private _onDebugSelectionChangeObserver;
  1000. constructor(props: ITextureLinkLineComponentProps);
  1001. componentDidMount(): void;
  1002. componentWillUnmount(): void;
  1003. debugTexture(): void;
  1004. onLink(): void;
  1005. updateTexture(file: File): void;
  1006. removeTexture(): void;
  1007. render(): JSX.Element | null;
  1008. }
  1009. }
  1010. declare module INSPECTOR {
  1011. interface IStandardMaterialPropertyGridComponentProps {
  1012. globalState: GlobalState;
  1013. material: BABYLON.StandardMaterial;
  1014. lockObject: LockObject;
  1015. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1016. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1017. }
  1018. export class StandardMaterialPropertyGridComponent extends React.Component<IStandardMaterialPropertyGridComponentProps> {
  1019. private _onDebugSelectionChangeObservable;
  1020. constructor(props: IStandardMaterialPropertyGridComponentProps);
  1021. renderTextures(): JSX.Element;
  1022. render(): JSX.Element;
  1023. }
  1024. }
  1025. declare module INSPECTOR {
  1026. export enum TextureChannelToDisplay {
  1027. R = 0,
  1028. G = 1,
  1029. B = 2,
  1030. A = 3,
  1031. All = 4
  1032. }
  1033. export class TextureHelper {
  1034. private static _ProcessAsync;
  1035. static GetTextureDataAsync(texture: BABYLON.BaseTexture, width: number, height: number, face: number, channel: TextureChannelToDisplay, globalState?: GlobalState): Promise<Uint8Array>;
  1036. }
  1037. }
  1038. declare module INSPECTOR {
  1039. interface ITextureLineComponentProps {
  1040. texture: BABYLON.BaseTexture;
  1041. width: number;
  1042. height: number;
  1043. globalState?: GlobalState;
  1044. hideChannelSelect?: boolean;
  1045. }
  1046. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  1047. channel: TextureChannelToDisplay;
  1048. face: number;
  1049. }> {
  1050. private canvasRef;
  1051. constructor(props: ITextureLineComponentProps);
  1052. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  1053. channel: TextureChannelToDisplay;
  1054. face: number;
  1055. }): boolean;
  1056. componentDidMount(): void;
  1057. componentDidUpdate(): void;
  1058. updatePreview(): void;
  1059. render(): JSX.Element;
  1060. }
  1061. }
  1062. declare module INSPECTOR {
  1063. interface ITexturePropertyGridComponentProps {
  1064. texture: BABYLON.BaseTexture;
  1065. lockObject: LockObject;
  1066. globalState: GlobalState;
  1067. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1068. }
  1069. export class TexturePropertyGridComponent extends React.Component<ITexturePropertyGridComponentProps> {
  1070. private _adtInstrumentation;
  1071. private textureLineRef;
  1072. constructor(props: ITexturePropertyGridComponentProps);
  1073. componentWillUnmount(): void;
  1074. updateTexture(file: File): void;
  1075. foreceRefresh(): void;
  1076. render(): JSX.Element;
  1077. }
  1078. }
  1079. declare module INSPECTOR {
  1080. interface IVector2LineComponentProps {
  1081. label: string;
  1082. target: any;
  1083. propertyName: string;
  1084. step?: number;
  1085. onChange?: (newvalue: BABYLON.Vector2) => void;
  1086. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1087. }
  1088. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  1089. isExpanded: boolean;
  1090. value: BABYLON.Vector2;
  1091. }> {
  1092. static defaultProps: {
  1093. step: number;
  1094. };
  1095. private _localChange;
  1096. constructor(props: IVector2LineComponentProps);
  1097. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  1098. isExpanded: boolean;
  1099. value: BABYLON.Vector2;
  1100. }): boolean;
  1101. switchExpandState(): void;
  1102. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  1103. updateStateX(value: number): void;
  1104. updateStateY(value: number): void;
  1105. render(): JSX.Element;
  1106. }
  1107. }
  1108. declare module INSPECTOR {
  1109. interface IPBRMaterialPropertyGridComponentProps {
  1110. globalState: GlobalState;
  1111. material: BABYLON.PBRMaterial;
  1112. lockObject: LockObject;
  1113. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1114. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1115. }
  1116. export class PBRMaterialPropertyGridComponent extends React.Component<IPBRMaterialPropertyGridComponentProps> {
  1117. private _onDebugSelectionChangeObservable;
  1118. constructor(props: IPBRMaterialPropertyGridComponentProps);
  1119. switchAmbientMode(state: boolean): void;
  1120. switchMetallicMode(state: boolean): void;
  1121. switchRoughnessMode(state: boolean): void;
  1122. renderTextures(onDebugSelectionChangeObservable: BABYLON.Observable<TextureLinkLineComponent>): JSX.Element;
  1123. render(): JSX.Element;
  1124. }
  1125. }
  1126. declare module INSPECTOR {
  1127. interface IRadioButtonLineComponentProps {
  1128. onSelectionChangedObservable: BABYLON.Observable<RadioButtonLineComponent>;
  1129. label: string;
  1130. isSelected: () => boolean;
  1131. onSelect: () => void;
  1132. }
  1133. export class RadioButtonLineComponent extends React.Component<IRadioButtonLineComponentProps, {
  1134. isSelected: boolean;
  1135. }> {
  1136. private _onSelectionChangedObserver;
  1137. constructor(props: IRadioButtonLineComponentProps);
  1138. componentDidMount(): void;
  1139. componentWillUnmount(): void;
  1140. onChange(): void;
  1141. render(): JSX.Element;
  1142. }
  1143. }
  1144. declare module INSPECTOR {
  1145. interface IFogPropertyGridComponentProps {
  1146. globalState: GlobalState;
  1147. scene: BABYLON.Scene;
  1148. lockObject: LockObject;
  1149. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1150. }
  1151. export class FogPropertyGridComponent extends React.Component<IFogPropertyGridComponentProps, {
  1152. mode: number;
  1153. }> {
  1154. constructor(props: IFogPropertyGridComponentProps);
  1155. render(): JSX.Element;
  1156. }
  1157. }
  1158. declare module INSPECTOR {
  1159. interface IScenePropertyGridComponentProps {
  1160. globalState: GlobalState;
  1161. scene: BABYLON.Scene;
  1162. lockObject: LockObject;
  1163. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1164. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1165. }
  1166. export class ScenePropertyGridComponent extends React.Component<IScenePropertyGridComponentProps> {
  1167. private _storedEnvironmentTexture;
  1168. private _renderingModeGroupObservable;
  1169. constructor(props: IScenePropertyGridComponentProps);
  1170. setRenderingModes(point: boolean, wireframe: boolean): void;
  1171. switchIBL(): void;
  1172. updateEnvironmentTexture(file: File): void;
  1173. updateGravity(newValue: BABYLON.Vector3): void;
  1174. updateTimeStep(newValue: number): void;
  1175. normalizeScene(): void;
  1176. render(): JSX.Element;
  1177. }
  1178. }
  1179. declare module INSPECTOR {
  1180. interface ICommonLightPropertyGridComponentProps {
  1181. globalState: GlobalState;
  1182. light: BABYLON.Light;
  1183. lockObject: LockObject;
  1184. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1185. }
  1186. export class CommonLightPropertyGridComponent extends React.Component<ICommonLightPropertyGridComponentProps> {
  1187. constructor(props: ICommonLightPropertyGridComponentProps);
  1188. render(): JSX.Element;
  1189. }
  1190. }
  1191. declare module INSPECTOR {
  1192. interface IHemisphericLightPropertyGridComponentProps {
  1193. globalState: GlobalState;
  1194. light: BABYLON.HemisphericLight;
  1195. lockObject: LockObject;
  1196. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1197. }
  1198. export class HemisphericLightPropertyGridComponent extends React.Component<IHemisphericLightPropertyGridComponentProps> {
  1199. constructor(props: IHemisphericLightPropertyGridComponentProps);
  1200. render(): JSX.Element;
  1201. }
  1202. }
  1203. declare module INSPECTOR {
  1204. interface ICommonShadowLightPropertyGridComponentProps {
  1205. globalState: GlobalState;
  1206. light: BABYLON.IShadowLight;
  1207. lockObject: LockObject;
  1208. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1209. }
  1210. export class CommonShadowLightPropertyGridComponent extends React.Component<ICommonShadowLightPropertyGridComponentProps> {
  1211. private _internals;
  1212. constructor(props: ICommonShadowLightPropertyGridComponentProps);
  1213. createShadowGenerator(): void;
  1214. disposeShadowGenerator(): void;
  1215. render(): JSX.Element;
  1216. }
  1217. }
  1218. declare module INSPECTOR {
  1219. interface IPointLightPropertyGridComponentProps {
  1220. globalState: GlobalState;
  1221. light: BABYLON.PointLight;
  1222. lockObject: LockObject;
  1223. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1224. }
  1225. export class PointLightPropertyGridComponent extends React.Component<IPointLightPropertyGridComponentProps> {
  1226. constructor(props: IPointLightPropertyGridComponentProps);
  1227. render(): JSX.Element;
  1228. }
  1229. }
  1230. declare module INSPECTOR {
  1231. interface ICommonCameraPropertyGridComponentProps {
  1232. globalState: GlobalState;
  1233. camera: BABYLON.Camera;
  1234. lockObject: LockObject;
  1235. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1236. }
  1237. export class CommonCameraPropertyGridComponent extends React.Component<ICommonCameraPropertyGridComponentProps, {
  1238. mode: number;
  1239. }> {
  1240. constructor(props: ICommonCameraPropertyGridComponentProps);
  1241. render(): JSX.Element;
  1242. }
  1243. }
  1244. declare module INSPECTOR {
  1245. interface IFreeCameraPropertyGridComponentProps {
  1246. globalState: GlobalState;
  1247. camera: BABYLON.FreeCamera;
  1248. lockObject: LockObject;
  1249. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1250. }
  1251. export class FreeCameraPropertyGridComponent extends React.Component<IFreeCameraPropertyGridComponentProps> {
  1252. constructor(props: IFreeCameraPropertyGridComponentProps);
  1253. render(): JSX.Element;
  1254. }
  1255. }
  1256. declare module INSPECTOR {
  1257. interface IArcRotateCameraPropertyGridComponentProps {
  1258. globalState: GlobalState;
  1259. camera: BABYLON.ArcRotateCamera;
  1260. lockObject: LockObject;
  1261. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1262. }
  1263. export class ArcRotateCameraPropertyGridComponent extends React.Component<IArcRotateCameraPropertyGridComponentProps> {
  1264. constructor(props: IArcRotateCameraPropertyGridComponentProps);
  1265. render(): JSX.Element;
  1266. }
  1267. }
  1268. declare module INSPECTOR {
  1269. interface IIndentedTextLineComponentProps {
  1270. value?: string;
  1271. color?: string;
  1272. underline?: boolean;
  1273. onLink?: () => void;
  1274. url?: string;
  1275. additionalClass?: string;
  1276. }
  1277. export class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
  1278. constructor(props: IIndentedTextLineComponentProps);
  1279. onLink(): void;
  1280. renderContent(): JSX.Element;
  1281. render(): JSX.Element;
  1282. }
  1283. }
  1284. declare module INSPECTOR {
  1285. interface ICommonPropertyGridComponentProps {
  1286. globalState: GlobalState;
  1287. host: {
  1288. metadata: any;
  1289. };
  1290. lockObject: LockObject;
  1291. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1292. }
  1293. export class CommonPropertyGridComponent extends React.Component<ICommonPropertyGridComponentProps> {
  1294. constructor(props: ICommonPropertyGridComponentProps);
  1295. renderLevel(jsonObject: any): JSX.Element[];
  1296. render(): JSX.Element | null;
  1297. }
  1298. }
  1299. declare module INSPECTOR {
  1300. interface IMeshPropertyGridComponentProps {
  1301. globalState: GlobalState;
  1302. mesh: BABYLON.Mesh;
  1303. lockObject: LockObject;
  1304. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1305. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1306. }
  1307. export class MeshPropertyGridComponent extends React.Component<IMeshPropertyGridComponentProps, {
  1308. displayNormals: boolean;
  1309. displayVertexColors: boolean;
  1310. }> {
  1311. constructor(props: IMeshPropertyGridComponentProps);
  1312. renderWireframeOver(): void;
  1313. renderNormalVectors(): void;
  1314. displayNormals(): void;
  1315. displayVertexColors(): void;
  1316. onMaterialLink(): void;
  1317. onSourceMeshLink(): void;
  1318. onSkeletonLink(): void;
  1319. convertPhysicsTypeToString(): string;
  1320. render(): JSX.Element;
  1321. }
  1322. }
  1323. declare module INSPECTOR {
  1324. interface ITransformNodePropertyGridComponentProps {
  1325. globalState: GlobalState;
  1326. transformNode: BABYLON.TransformNode;
  1327. lockObject: LockObject;
  1328. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1329. }
  1330. export class TransformNodePropertyGridComponent extends React.Component<ITransformNodePropertyGridComponentProps> {
  1331. constructor(props: ITransformNodePropertyGridComponentProps);
  1332. render(): JSX.Element;
  1333. }
  1334. }
  1335. declare module INSPECTOR {
  1336. interface IBackgroundMaterialPropertyGridComponentProps {
  1337. globalState: GlobalState;
  1338. material: BABYLON.BackgroundMaterial;
  1339. lockObject: LockObject;
  1340. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1341. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1342. }
  1343. export class BackgroundMaterialPropertyGridComponent extends React.Component<IBackgroundMaterialPropertyGridComponentProps> {
  1344. private _onDebugSelectionChangeObservable;
  1345. constructor(props: IBackgroundMaterialPropertyGridComponentProps);
  1346. renderTextures(): JSX.Element;
  1347. render(): JSX.Element;
  1348. }
  1349. }
  1350. declare module INSPECTOR {
  1351. interface ICommonControlPropertyGridComponentProps {
  1352. globalState: GlobalState;
  1353. control: BABYLON.GUI.Control;
  1354. lockObject: LockObject;
  1355. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1356. }
  1357. export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
  1358. constructor(props: ICommonControlPropertyGridComponentProps);
  1359. renderGridInformation(): JSX.Element | null;
  1360. render(): JSX.Element;
  1361. }
  1362. }
  1363. declare module INSPECTOR {
  1364. interface IControlPropertyGridComponentProps {
  1365. globalState: GlobalState;
  1366. control: BABYLON.GUI.Control;
  1367. lockObject: LockObject;
  1368. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1369. }
  1370. export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
  1371. constructor(props: IControlPropertyGridComponentProps);
  1372. render(): JSX.Element;
  1373. }
  1374. }
  1375. declare module INSPECTOR {
  1376. interface ITextBlockPropertyGridComponentProps {
  1377. globalState: GlobalState;
  1378. textBlock: BABYLON.GUI.TextBlock;
  1379. lockObject: LockObject;
  1380. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1381. }
  1382. export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
  1383. constructor(props: ITextBlockPropertyGridComponentProps);
  1384. render(): JSX.Element;
  1385. }
  1386. }
  1387. declare module INSPECTOR {
  1388. interface IInputTextPropertyGridComponentProps {
  1389. globalState: GlobalState;
  1390. inputText: BABYLON.GUI.InputText;
  1391. lockObject: LockObject;
  1392. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1393. }
  1394. export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
  1395. constructor(props: IInputTextPropertyGridComponentProps);
  1396. render(): JSX.Element;
  1397. }
  1398. }
  1399. declare module INSPECTOR {
  1400. interface IColorPickerPropertyGridComponentProps {
  1401. globalState: GlobalState;
  1402. colorPicker: BABYLON.GUI.ColorPicker;
  1403. lockObject: LockObject;
  1404. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1405. }
  1406. export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
  1407. constructor(props: IColorPickerPropertyGridComponentProps);
  1408. render(): JSX.Element;
  1409. }
  1410. }
  1411. declare module INSPECTOR {
  1412. interface IAnimationGroupGridComponentProps {
  1413. globalState: GlobalState;
  1414. animationGroup: BABYLON.AnimationGroup;
  1415. scene: BABYLON.Scene;
  1416. lockObject: LockObject;
  1417. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1418. }
  1419. export class AnimationGroupGridComponent extends React.Component<IAnimationGroupGridComponentProps, {
  1420. playButtonText: string;
  1421. currentFrame: number;
  1422. }> {
  1423. private _onAnimationGroupPlayObserver;
  1424. private _onAnimationGroupPauseObserver;
  1425. private _onBeforeRenderObserver;
  1426. private timelineRef;
  1427. constructor(props: IAnimationGroupGridComponentProps);
  1428. disconnect(animationGroup: BABYLON.AnimationGroup): void;
  1429. connect(animationGroup: BABYLON.AnimationGroup): void;
  1430. updateCurrentFrame(animationGroup: BABYLON.AnimationGroup): void;
  1431. shouldComponentUpdate(nextProps: IAnimationGroupGridComponentProps): boolean;
  1432. componentWillUnmount(): void;
  1433. playOrPause(): void;
  1434. onCurrentFrameChange(value: number): void;
  1435. render(): JSX.Element;
  1436. }
  1437. }
  1438. declare module INSPECTOR {
  1439. interface IImagePropertyGridComponentProps {
  1440. globalState: GlobalState;
  1441. image: BABYLON.GUI.Image;
  1442. lockObject: LockObject;
  1443. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1444. }
  1445. export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
  1446. constructor(props: IImagePropertyGridComponentProps);
  1447. render(): JSX.Element;
  1448. }
  1449. }
  1450. declare module INSPECTOR {
  1451. interface ISliderPropertyGridComponentProps {
  1452. globalState: GlobalState;
  1453. slider: BABYLON.GUI.Slider;
  1454. lockObject: LockObject;
  1455. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1456. }
  1457. export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
  1458. constructor(props: ISliderPropertyGridComponentProps);
  1459. render(): JSX.Element;
  1460. }
  1461. }
  1462. declare module INSPECTOR {
  1463. interface IImageBasedSliderPropertyGridComponentProps {
  1464. globalState: GlobalState;
  1465. imageBasedSlider: BABYLON.GUI.ImageBasedSlider;
  1466. lockObject: LockObject;
  1467. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1468. }
  1469. export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
  1470. constructor(props: IImageBasedSliderPropertyGridComponentProps);
  1471. render(): JSX.Element;
  1472. }
  1473. }
  1474. declare module INSPECTOR {
  1475. interface IRectanglePropertyGridComponentProps {
  1476. globalState: GlobalState;
  1477. rectangle: BABYLON.GUI.Rectangle;
  1478. lockObject: LockObject;
  1479. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1480. }
  1481. export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
  1482. constructor(props: IRectanglePropertyGridComponentProps);
  1483. render(): JSX.Element;
  1484. }
  1485. }
  1486. declare module INSPECTOR {
  1487. interface IEllipsePropertyGridComponentProps {
  1488. globalState: GlobalState;
  1489. ellipse: BABYLON.GUI.Ellipse;
  1490. lockObject: LockObject;
  1491. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1492. }
  1493. export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
  1494. constructor(props: IEllipsePropertyGridComponentProps);
  1495. render(): JSX.Element;
  1496. }
  1497. }
  1498. declare module INSPECTOR {
  1499. interface ICheckboxPropertyGridComponentProps {
  1500. globalState: GlobalState;
  1501. checkbox: BABYLON.GUI.Checkbox;
  1502. lockObject: LockObject;
  1503. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1504. }
  1505. export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
  1506. constructor(props: ICheckboxPropertyGridComponentProps);
  1507. render(): JSX.Element;
  1508. }
  1509. }
  1510. declare module INSPECTOR {
  1511. interface IRadioButtonPropertyGridComponentProps {
  1512. globalState: GlobalState;
  1513. radioButton: BABYLON.GUI.RadioButton;
  1514. lockObject: LockObject;
  1515. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1516. }
  1517. export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
  1518. constructor(props: IRadioButtonPropertyGridComponentProps);
  1519. render(): JSX.Element;
  1520. }
  1521. }
  1522. declare module INSPECTOR {
  1523. interface ILinePropertyGridComponentProps {
  1524. globalState: GlobalState;
  1525. line: BABYLON.GUI.Line;
  1526. lockObject: LockObject;
  1527. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1528. }
  1529. export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
  1530. constructor(props: ILinePropertyGridComponentProps);
  1531. onDashChange(value: string): void;
  1532. render(): JSX.Element;
  1533. }
  1534. }
  1535. declare module INSPECTOR {
  1536. interface IScrollViewerPropertyGridComponentProps {
  1537. globalState: GlobalState;
  1538. scrollViewer: BABYLON.GUI.ScrollViewer;
  1539. lockObject: LockObject;
  1540. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1541. }
  1542. export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
  1543. constructor(props: IScrollViewerPropertyGridComponentProps);
  1544. render(): JSX.Element;
  1545. }
  1546. }
  1547. declare module INSPECTOR {
  1548. interface IGridPropertyGridComponentProps {
  1549. globalState: GlobalState;
  1550. grid: BABYLON.GUI.Grid;
  1551. lockObject: LockObject;
  1552. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1553. }
  1554. export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
  1555. constructor(props: IGridPropertyGridComponentProps);
  1556. renderRows(): JSX.Element[];
  1557. renderColumns(): JSX.Element[];
  1558. render(): JSX.Element;
  1559. }
  1560. }
  1561. declare module INSPECTOR {
  1562. interface IPBRMetallicRoughnessMaterialPropertyGridComponentProps {
  1563. globalState: GlobalState;
  1564. material: BABYLON.PBRMetallicRoughnessMaterial;
  1565. lockObject: LockObject;
  1566. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1567. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1568. }
  1569. export class PBRMetallicRoughnessMaterialPropertyGridComponent extends React.Component<IPBRMetallicRoughnessMaterialPropertyGridComponentProps> {
  1570. private _onDebugSelectionChangeObservable;
  1571. constructor(props: IPBRMetallicRoughnessMaterialPropertyGridComponentProps);
  1572. renderTextures(): JSX.Element;
  1573. render(): JSX.Element;
  1574. }
  1575. }
  1576. declare module INSPECTOR {
  1577. interface IPBRSpecularGlossinessMaterialPropertyGridComponentProps {
  1578. globalState: GlobalState;
  1579. material: BABYLON.PBRSpecularGlossinessMaterial;
  1580. lockObject: LockObject;
  1581. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1582. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1583. }
  1584. export class PBRSpecularGlossinessMaterialPropertyGridComponent extends React.Component<IPBRSpecularGlossinessMaterialPropertyGridComponentProps> {
  1585. private _onDebugSelectionChangeObservable;
  1586. constructor(props: IPBRSpecularGlossinessMaterialPropertyGridComponentProps);
  1587. renderTextures(): JSX.Element;
  1588. render(): JSX.Element;
  1589. }
  1590. }
  1591. declare module INSPECTOR {
  1592. interface IStackPanelPropertyGridComponentProps {
  1593. globalState: GlobalState;
  1594. stackPanel: BABYLON.GUI.StackPanel;
  1595. lockObject: LockObject;
  1596. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1597. }
  1598. export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
  1599. constructor(props: IStackPanelPropertyGridComponentProps);
  1600. render(): JSX.Element;
  1601. }
  1602. }
  1603. declare module INSPECTOR {
  1604. interface ICommonPostProcessPropertyGridComponentProps {
  1605. globalState: GlobalState;
  1606. postProcess: BABYLON.PostProcess;
  1607. lockObject: LockObject;
  1608. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1609. }
  1610. export class CommonPostProcessPropertyGridComponent extends React.Component<ICommonPostProcessPropertyGridComponentProps> {
  1611. constructor(props: ICommonPostProcessPropertyGridComponentProps);
  1612. render(): JSX.Element;
  1613. }
  1614. }
  1615. declare module INSPECTOR {
  1616. interface IPostProcessPropertyGridComponentProps {
  1617. globalState: GlobalState;
  1618. postProcess: BABYLON.PostProcess;
  1619. lockObject: LockObject;
  1620. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1621. }
  1622. export class PostProcessPropertyGridComponent extends React.Component<IPostProcessPropertyGridComponentProps> {
  1623. constructor(props: IPostProcessPropertyGridComponentProps);
  1624. edit(): void;
  1625. render(): JSX.Element;
  1626. }
  1627. }
  1628. declare module INSPECTOR {
  1629. interface ICommonRenderingPipelinePropertyGridComponentProps {
  1630. globalState: GlobalState;
  1631. renderPipeline: BABYLON.PostProcessRenderPipeline;
  1632. lockObject: LockObject;
  1633. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1634. }
  1635. export class CommonRenderingPipelinePropertyGridComponent extends React.Component<ICommonRenderingPipelinePropertyGridComponentProps> {
  1636. constructor(props: ICommonRenderingPipelinePropertyGridComponentProps);
  1637. render(): JSX.Element;
  1638. }
  1639. }
  1640. declare module INSPECTOR {
  1641. interface IRenderingPipelinePropertyGridComponentProps {
  1642. globalState: GlobalState;
  1643. renderPipeline: BABYLON.PostProcessRenderPipeline;
  1644. lockObject: LockObject;
  1645. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1646. }
  1647. export class RenderingPipelinePropertyGridComponent extends React.Component<IRenderingPipelinePropertyGridComponentProps> {
  1648. constructor(props: IRenderingPipelinePropertyGridComponentProps);
  1649. render(): JSX.Element;
  1650. }
  1651. }
  1652. declare module INSPECTOR {
  1653. interface IDefaultRenderingPipelinePropertyGridComponentProps {
  1654. globalState: GlobalState;
  1655. renderPipeline: BABYLON.DefaultRenderingPipeline;
  1656. lockObject: LockObject;
  1657. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1658. }
  1659. export class DefaultRenderingPipelinePropertyGridComponent extends React.Component<IDefaultRenderingPipelinePropertyGridComponentProps> {
  1660. constructor(props: IDefaultRenderingPipelinePropertyGridComponentProps);
  1661. render(): JSX.Element;
  1662. }
  1663. }
  1664. declare module INSPECTOR {
  1665. interface ISSAORenderingPipelinePropertyGridComponentProps {
  1666. globalState: GlobalState;
  1667. renderPipeline: BABYLON.SSAORenderingPipeline;
  1668. lockObject: LockObject;
  1669. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1670. }
  1671. export class SSAORenderingPipelinePropertyGridComponent extends React.Component<ISSAORenderingPipelinePropertyGridComponentProps> {
  1672. constructor(props: ISSAORenderingPipelinePropertyGridComponentProps);
  1673. render(): JSX.Element;
  1674. }
  1675. }
  1676. declare module INSPECTOR {
  1677. interface ISSAO2RenderingPipelinePropertyGridComponentProps {
  1678. globalState: GlobalState;
  1679. renderPipeline: BABYLON.SSAO2RenderingPipeline;
  1680. lockObject: LockObject;
  1681. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1682. }
  1683. export class SSAO2RenderingPipelinePropertyGridComponent extends React.Component<ISSAO2RenderingPipelinePropertyGridComponentProps> {
  1684. constructor(props: ISSAO2RenderingPipelinePropertyGridComponentProps);
  1685. render(): JSX.Element;
  1686. }
  1687. }
  1688. declare module INSPECTOR {
  1689. interface ISkeletonPropertyGridComponentProps {
  1690. globalState: GlobalState;
  1691. skeleton: BABYLON.Skeleton;
  1692. lockObject: LockObject;
  1693. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1694. }
  1695. export class SkeletonPropertyGridComponent extends React.Component<ISkeletonPropertyGridComponentProps> {
  1696. private _skeletonViewersEnabled;
  1697. private _skeletonViewers;
  1698. constructor(props: ISkeletonPropertyGridComponentProps);
  1699. switchSkeletonViewers(): void;
  1700. checkSkeletonViewerState(props: ISkeletonPropertyGridComponentProps): void;
  1701. shouldComponentUpdate(nextProps: ISkeletonPropertyGridComponentProps): boolean;
  1702. onOverrideMeshLink(): void;
  1703. render(): JSX.Element;
  1704. }
  1705. }
  1706. declare module INSPECTOR {
  1707. interface IBonePropertyGridComponentProps {
  1708. globalState: GlobalState;
  1709. bone: BABYLON.Bone;
  1710. lockObject: LockObject;
  1711. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1712. }
  1713. export class BonePropertyGridComponent extends React.Component<IBonePropertyGridComponentProps> {
  1714. constructor(props: IBonePropertyGridComponentProps);
  1715. onTransformNodeLink(): void;
  1716. render(): JSX.Element;
  1717. }
  1718. }
  1719. declare module INSPECTOR {
  1720. interface IDirectionalLightPropertyGridComponentProps {
  1721. globalState: GlobalState;
  1722. light: BABYLON.DirectionalLight;
  1723. lockObject: LockObject;
  1724. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1725. }
  1726. export class DirectionalLightPropertyGridComponent extends React.Component<IDirectionalLightPropertyGridComponentProps> {
  1727. constructor(props: IDirectionalLightPropertyGridComponentProps);
  1728. render(): JSX.Element;
  1729. }
  1730. }
  1731. declare module INSPECTOR {
  1732. interface ISpotLightPropertyGridComponentProps {
  1733. globalState: GlobalState;
  1734. light: BABYLON.SpotLight;
  1735. lockObject: LockObject;
  1736. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1737. }
  1738. export class SpotLightPropertyGridComponent extends React.Component<ISpotLightPropertyGridComponentProps> {
  1739. constructor(props: ISpotLightPropertyGridComponentProps);
  1740. render(): JSX.Element;
  1741. }
  1742. }
  1743. declare module INSPECTOR {
  1744. interface ILenstRenderingPipelinePropertyGridComponentProps {
  1745. globalState: GlobalState;
  1746. renderPipeline: BABYLON.LensRenderingPipeline;
  1747. lockObject: LockObject;
  1748. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1749. }
  1750. export class LensRenderingPipelinePropertyGridComponent extends React.Component<ILenstRenderingPipelinePropertyGridComponentProps> {
  1751. constructor(props: ILenstRenderingPipelinePropertyGridComponentProps);
  1752. render(): JSX.Element;
  1753. }
  1754. }
  1755. declare module INSPECTOR {
  1756. interface IVector4LineComponentProps {
  1757. label: string;
  1758. target: any;
  1759. propertyName: string;
  1760. step?: number;
  1761. onChange?: (newvalue: BABYLON.Vector4) => void;
  1762. useEuler?: boolean;
  1763. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1764. }
  1765. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  1766. isExpanded: boolean;
  1767. value: BABYLON.Vector4;
  1768. }> {
  1769. static defaultProps: {
  1770. step: number;
  1771. };
  1772. private _localChange;
  1773. constructor(props: IVector4LineComponentProps);
  1774. getCurrentValue(): any;
  1775. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  1776. isExpanded: boolean;
  1777. value: BABYLON.Vector4;
  1778. }): boolean;
  1779. switchExpandState(): void;
  1780. raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
  1781. updateVector4(): void;
  1782. updateStateX(value: number): void;
  1783. updateStateY(value: number): void;
  1784. updateStateZ(value: number): void;
  1785. updateStateW(value: number): void;
  1786. render(): JSX.Element;
  1787. }
  1788. }
  1789. declare module INSPECTOR {
  1790. export interface IColor4LineComponentProps {
  1791. label: string;
  1792. target: any;
  1793. propertyName: string;
  1794. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1795. onChange?: () => void;
  1796. isLinear?: boolean;
  1797. }
  1798. export class Color4LineComponent extends React.Component<IColor4LineComponentProps, {
  1799. isExpanded: boolean;
  1800. color: BABYLON.Color4;
  1801. }> {
  1802. private _localChange;
  1803. constructor(props: IColor4LineComponentProps);
  1804. shouldComponentUpdate(nextProps: IColor4LineComponentProps, nextState: {
  1805. color: BABYLON.Color4;
  1806. }): boolean;
  1807. setPropertyValue(newColor: BABYLON.Color4): void;
  1808. onChange(newValue: string): void;
  1809. switchExpandState(): void;
  1810. raiseOnPropertyChanged(previousValue: BABYLON.Color4): void;
  1811. updateStateR(value: number): void;
  1812. updateStateG(value: number): void;
  1813. updateStateB(value: number): void;
  1814. updateStateA(value: number): void;
  1815. copyToClipboard(): void;
  1816. render(): JSX.Element;
  1817. }
  1818. }
  1819. declare module INSPECTOR {
  1820. interface INodeMaterialPropertyGridComponentProps {
  1821. globalState: GlobalState;
  1822. material: BABYLON.NodeMaterial;
  1823. lockObject: LockObject;
  1824. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1825. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1826. }
  1827. export class NodeMaterialPropertyGridComponent extends React.Component<INodeMaterialPropertyGridComponentProps> {
  1828. private _onDebugSelectionChangeObservable;
  1829. constructor(props: INodeMaterialPropertyGridComponentProps);
  1830. edit(): void;
  1831. renderTextures(): JSX.Element | null;
  1832. renderInputBlock(block: BABYLON.InputBlock): JSX.Element | null;
  1833. renderInputValues(): JSX.Element | null;
  1834. render(): JSX.Element;
  1835. }
  1836. }
  1837. declare module INSPECTOR {
  1838. interface IMultiMaterialPropertyGridComponentProps {
  1839. globalState: GlobalState;
  1840. material: BABYLON.MultiMaterial;
  1841. lockObject: LockObject;
  1842. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1843. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1844. }
  1845. export class MultiMaterialPropertyGridComponent extends React.Component<IMultiMaterialPropertyGridComponentProps> {
  1846. constructor(props: IMultiMaterialPropertyGridComponentProps);
  1847. onMaterialLink(mat: BABYLON.Material): void;
  1848. renderChildMaterial(): JSX.Element;
  1849. render(): JSX.Element;
  1850. }
  1851. }
  1852. declare module INSPECTOR {
  1853. interface IBoxEmitterGridComponentProps {
  1854. globalState: GlobalState;
  1855. emitter: BABYLON.BoxParticleEmitter;
  1856. replaySourceReplacement?: string;
  1857. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1858. }
  1859. export class BoxEmitterGridComponent extends React.Component<IBoxEmitterGridComponentProps> {
  1860. constructor(props: IBoxEmitterGridComponentProps);
  1861. render(): JSX.Element;
  1862. }
  1863. }
  1864. declare module INSPECTOR {
  1865. interface IConeEmitterGridComponentProps {
  1866. globalState: GlobalState;
  1867. emitter: BABYLON.ConeParticleEmitter;
  1868. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1869. replaySourceReplacement?: string;
  1870. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1871. }
  1872. export class ConeEmitterGridComponent extends React.Component<IConeEmitterGridComponentProps> {
  1873. constructor(props: IConeEmitterGridComponentProps);
  1874. render(): JSX.Element;
  1875. }
  1876. }
  1877. declare module INSPECTOR {
  1878. interface ICylinderEmitterGridComponentProps {
  1879. globalState: GlobalState;
  1880. emitter: BABYLON.CylinderParticleEmitter;
  1881. lockObject: LockObject;
  1882. replaySourceReplacement?: string;
  1883. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1884. }
  1885. export class CylinderEmitterGridComponent extends React.Component<ICylinderEmitterGridComponentProps> {
  1886. constructor(props: ICylinderEmitterGridComponentProps);
  1887. render(): JSX.Element;
  1888. }
  1889. }
  1890. declare module INSPECTOR {
  1891. interface IHemisphericEmitterGridComponentProps {
  1892. globalState: GlobalState;
  1893. emitter: BABYLON.HemisphericParticleEmitter;
  1894. lockObject: LockObject;
  1895. replaySourceReplacement?: string;
  1896. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1897. }
  1898. export class HemisphericEmitterGridComponent extends React.Component<IHemisphericEmitterGridComponentProps> {
  1899. constructor(props: IHemisphericEmitterGridComponentProps);
  1900. render(): JSX.Element;
  1901. }
  1902. }
  1903. declare module INSPECTOR {
  1904. interface IPointEmitterGridComponentProps {
  1905. globalState: GlobalState;
  1906. emitter: BABYLON.PointParticleEmitter;
  1907. lockObject: LockObject;
  1908. replaySourceReplacement?: string;
  1909. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1910. }
  1911. export class PointEmitterGridComponent extends React.Component<IPointEmitterGridComponentProps> {
  1912. constructor(props: IPointEmitterGridComponentProps);
  1913. render(): JSX.Element;
  1914. }
  1915. }
  1916. declare module INSPECTOR {
  1917. interface ISphereEmitterGridComponentProps {
  1918. globalState: GlobalState;
  1919. emitter: BABYLON.SphereParticleEmitter;
  1920. lockObject: LockObject;
  1921. replaySourceReplacement?: string;
  1922. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1923. }
  1924. export class SphereEmitterGridComponent extends React.Component<ISphereEmitterGridComponentProps> {
  1925. constructor(props: ISphereEmitterGridComponentProps);
  1926. render(): JSX.Element;
  1927. }
  1928. }
  1929. declare module INSPECTOR {
  1930. interface IMeshPickerComponentProps {
  1931. globalState: GlobalState;
  1932. target: any;
  1933. property: string;
  1934. scene: BABYLON.Scene;
  1935. label: string;
  1936. replaySourceReplacement?: string;
  1937. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1938. }
  1939. export class MeshPickerComponent extends React.Component<IMeshPickerComponentProps> {
  1940. constructor(props: IMeshPickerComponentProps);
  1941. render(): JSX.Element;
  1942. }
  1943. }
  1944. declare module INSPECTOR {
  1945. interface IMeshEmitterGridComponentProps {
  1946. globalState: GlobalState;
  1947. emitter: BABYLON.MeshParticleEmitter;
  1948. scene: BABYLON.Scene;
  1949. lockObject: LockObject;
  1950. onSelectionChangedObservable?: BABYLON.Observable<any>;
  1951. replaySourceReplacement?: string;
  1952. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1953. }
  1954. export class MeshEmitterGridComponent extends React.Component<IMeshEmitterGridComponentProps> {
  1955. constructor(props: IMeshEmitterGridComponentProps);
  1956. render(): JSX.Element;
  1957. }
  1958. }
  1959. declare module INSPECTOR {
  1960. interface IFactorGradientStepGridComponent {
  1961. globalState: GlobalState;
  1962. gradient: BABYLON.FactorGradient;
  1963. lockObject: LockObject;
  1964. lineIndex: number;
  1965. onDelete: () => void;
  1966. onUpdateGradient: () => void;
  1967. onCheckForReOrder: () => void;
  1968. host: BABYLON.IParticleSystem;
  1969. codeRecorderPropertyName: string;
  1970. }
  1971. export class FactorGradientStepGridComponent extends React.Component<IFactorGradientStepGridComponent, {
  1972. gradient: number;
  1973. factor1: string;
  1974. factor2?: string;
  1975. }> {
  1976. constructor(props: IFactorGradientStepGridComponent);
  1977. shouldComponentUpdate(nextProps: IFactorGradientStepGridComponent, nextState: {
  1978. gradient: number;
  1979. factor1: string;
  1980. factor2?: string;
  1981. }): boolean;
  1982. updateFactor1(valueString: string): void;
  1983. updateFactor2(valueString: string): void;
  1984. updateGradient(gradient: number): void;
  1985. onPointerUp(): void;
  1986. lock(): void;
  1987. unlock(): void;
  1988. render(): JSX.Element;
  1989. }
  1990. }
  1991. declare module INSPECTOR {
  1992. interface IColorGradientStepGridComponent {
  1993. globalState: GlobalState;
  1994. gradient: BABYLON.ColorGradient | BABYLON.Color3Gradient;
  1995. lockObject: LockObject;
  1996. lineIndex: number;
  1997. isColor3: boolean;
  1998. onDelete: () => void;
  1999. onUpdateGradient: () => void;
  2000. onCheckForReOrder: () => void;
  2001. host: BABYLON.IParticleSystem;
  2002. codeRecorderPropertyName: string;
  2003. }
  2004. export class ColorGradientStepGridComponent extends React.Component<IColorGradientStepGridComponent, {
  2005. gradient: number;
  2006. }> {
  2007. constructor(props: IColorGradientStepGridComponent);
  2008. updateColor1(color: string): void;
  2009. updateColor2(color: string): void;
  2010. updateGradient(gradient: number): void;
  2011. onPointerUp(): void;
  2012. lock(): void;
  2013. unlock(): void;
  2014. render(): JSX.Element;
  2015. }
  2016. }
  2017. declare module INSPECTOR {
  2018. interface ILinkButtonComponentProps {
  2019. label: string;
  2020. buttonLabel: string;
  2021. url?: string;
  2022. onClick: () => void;
  2023. onIconClick?: () => void;
  2024. }
  2025. export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
  2026. constructor(props: ILinkButtonComponentProps);
  2027. onLink(): void;
  2028. render(): JSX.Element;
  2029. }
  2030. }
  2031. declare module INSPECTOR {
  2032. export enum GradientGridMode {
  2033. Factor = 0,
  2034. BABYLON.Color3 = 1,
  2035. BABYLON.Color4 = 2
  2036. }
  2037. interface IValueGradientGridComponent {
  2038. globalState: GlobalState;
  2039. label: string;
  2040. gradients: BABYLON.Nullable<Array<BABYLON.IValueGradient>>;
  2041. lockObject: LockObject;
  2042. docLink?: string;
  2043. mode: GradientGridMode;
  2044. host: BABYLON.IParticleSystem;
  2045. codeRecorderPropertyName: string;
  2046. onCreateRequired: () => void;
  2047. }
  2048. export class ValueGradientGridComponent extends React.Component<IValueGradientGridComponent> {
  2049. constructor(props: IValueGradientGridComponent);
  2050. deleteStep(step: BABYLON.IValueGradient): void;
  2051. addNewStep(): void;
  2052. checkForReOrder(): void;
  2053. updateAndSync(): void;
  2054. render(): JSX.Element;
  2055. }
  2056. }
  2057. declare module INSPECTOR {
  2058. interface IParticleSystemPropertyGridComponentProps {
  2059. globalState: GlobalState;
  2060. system: BABYLON.IParticleSystem;
  2061. lockObject: LockObject;
  2062. onSelectionChangedObservable?: BABYLON.Observable<any>;
  2063. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2064. }
  2065. export class ParticleSystemPropertyGridComponent extends React.Component<IParticleSystemPropertyGridComponentProps> {
  2066. private _snippetUrl;
  2067. constructor(props: IParticleSystemPropertyGridComponentProps);
  2068. renderEmitter(): JSX.Element | null;
  2069. raiseOnPropertyChanged(property: string, newValue: any, previousValue: any): void;
  2070. renderControls(): JSX.Element;
  2071. saveToFile(): void;
  2072. loadFromFile(file: File): void;
  2073. loadFromSnippet(): void;
  2074. saveToSnippet(): void;
  2075. render(): JSX.Element;
  2076. }
  2077. }
  2078. declare module INSPECTOR {
  2079. interface ISpriteManagerPropertyGridComponentProps {
  2080. globalState: GlobalState;
  2081. spriteManager: BABYLON.SpriteManager;
  2082. lockObject: LockObject;
  2083. onSelectionChangedObservable?: BABYLON.Observable<any>;
  2084. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2085. }
  2086. export class SpriteManagerPropertyGridComponent extends React.Component<ISpriteManagerPropertyGridComponentProps> {
  2087. private _snippetUrl;
  2088. constructor(props: ISpriteManagerPropertyGridComponentProps);
  2089. addNewSprite(): void;
  2090. disposeManager(): void;
  2091. saveToFile(): void;
  2092. loadFromFile(file: File): void;
  2093. loadFromSnippet(): void;
  2094. saveToSnippet(): void;
  2095. render(): JSX.Element;
  2096. }
  2097. }
  2098. declare module INSPECTOR {
  2099. interface ISpritePropertyGridComponentProps {
  2100. globalState: GlobalState;
  2101. sprite: BABYLON.Sprite;
  2102. lockObject: LockObject;
  2103. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2104. onSelectionChangedObservable?: BABYLON.Observable<any>;
  2105. }
  2106. export class SpritePropertyGridComponent extends React.Component<ISpritePropertyGridComponentProps> {
  2107. private canvasRef;
  2108. private imageData;
  2109. private cachedCellIndex;
  2110. constructor(props: ISpritePropertyGridComponentProps);
  2111. onManagerLink(): void;
  2112. switchPlayStopState(): void;
  2113. disposeSprite(): void;
  2114. componentDidMount(): void;
  2115. componentDidUpdate(): void;
  2116. updatePreview(): void;
  2117. render(): JSX.Element;
  2118. }
  2119. }
  2120. declare module INSPECTOR {
  2121. interface ITargetedAnimationGridComponentProps {
  2122. globalState: GlobalState;
  2123. targetedAnimation: BABYLON.TargetedAnimation;
  2124. scene: BABYLON.Scene;
  2125. lockObject: LockObject;
  2126. onSelectionChangedObservable?: BABYLON.Observable<any>;
  2127. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  2128. }
  2129. export class TargetedAnimationGridComponent extends React.Component<ITargetedAnimationGridComponentProps> {
  2130. private _isCurveEditorOpen;
  2131. private _animationGroup;
  2132. constructor(props: ITargetedAnimationGridComponentProps);
  2133. onOpenAnimationCurveEditor(): void;
  2134. onCloseAnimationCurveEditor(window: Window | null): void;
  2135. playOrPause(): void;
  2136. deleteAnimation(): void;
  2137. render(): JSX.Element;
  2138. }
  2139. }
  2140. declare module INSPECTOR {
  2141. export class PropertyGridTabComponent extends PaneComponent {
  2142. private _timerIntervalId;
  2143. private _lockObject;
  2144. constructor(props: IPaneComponentProps);
  2145. timerRefresh(): void;
  2146. componentDidMount(): void;
  2147. componentWillUnmount(): void;
  2148. render(): JSX.Element | null;
  2149. }
  2150. }
  2151. declare module INSPECTOR {
  2152. export interface IHeaderComponentProps {
  2153. title: string;
  2154. handleBack?: boolean;
  2155. noExpand?: boolean;
  2156. noClose?: boolean;
  2157. noCommands?: boolean;
  2158. onPopup: () => void;
  2159. onClose: () => void;
  2160. onSelectionChangedObservable?: BABYLON.Observable<any>;
  2161. }
  2162. export class HeaderComponent extends React.Component<IHeaderComponentProps, {
  2163. isBackVisible: boolean;
  2164. }> {
  2165. private _backStack;
  2166. private _onSelectionChangeObserver;
  2167. constructor(props: IHeaderComponentProps);
  2168. componentDidMount(): void;
  2169. componentWillUnmount(): void;
  2170. goBack(): void;
  2171. renderLogo(): JSX.Element | null;
  2172. render(): JSX.Element;
  2173. }
  2174. }
  2175. declare module INSPECTOR {
  2176. interface IMessageLineComponentProps {
  2177. text: string;
  2178. color?: string;
  2179. }
  2180. export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
  2181. constructor(props: IMessageLineComponentProps);
  2182. render(): JSX.Element;
  2183. }
  2184. }
  2185. declare module INSPECTOR {
  2186. interface IGLTFComponentProps {
  2187. scene: BABYLON.Scene;
  2188. globalState: GlobalState;
  2189. }
  2190. export class GLTFComponent extends React.Component<IGLTFComponentProps> {
  2191. private _onValidationResultsUpdatedObserver;
  2192. constructor(props: IGLTFComponentProps);
  2193. openValidationDetails(): void;
  2194. prepareText(singularForm: string, count: number): string;
  2195. componentDidMount(): void;
  2196. componentWillUnmount(): void;
  2197. renderValidation(): JSX.Element | null;
  2198. render(): JSX.Element;
  2199. }
  2200. }
  2201. declare module INSPECTOR {
  2202. interface IFileMultipleButtonLineComponentProps {
  2203. label: string;
  2204. onClick: (event: any) => void;
  2205. accept: string;
  2206. }
  2207. export class FileMultipleButtonLineComponent extends React.Component<IFileMultipleButtonLineComponentProps> {
  2208. private static _IDGenerator;
  2209. private _id;
  2210. private uploadInputRef;
  2211. constructor(props: IFileMultipleButtonLineComponentProps);
  2212. onChange(evt: any): void;
  2213. render(): JSX.Element;
  2214. }
  2215. }
  2216. declare module INSPECTOR {
  2217. export class ToolsTabComponent extends PaneComponent {
  2218. private _videoRecorder;
  2219. private _screenShotSize;
  2220. private _gifOptions;
  2221. private _useWidthHeight;
  2222. private _isExporting;
  2223. private _gifWorkerBlob;
  2224. private _gifRecorder;
  2225. private _previousRenderingScale;
  2226. private _crunchingGIF;
  2227. constructor(props: IPaneComponentProps);
  2228. componentDidMount(): void;
  2229. componentWillUnmount(): void;
  2230. captureScreenshot(): void;
  2231. captureRender(): void;
  2232. recordVideo(): void;
  2233. recordGIFInternal(): void;
  2234. recordGIF(): void;
  2235. importAnimations(event: any): void;
  2236. shouldExport(node: BABYLON.Node): boolean;
  2237. exportGLTF(): void;
  2238. exportBabylon(): void;
  2239. createEnvTexture(): void;
  2240. resetReplay(): void;
  2241. exportReplay(): void;
  2242. render(): JSX.Element | null;
  2243. }
  2244. }
  2245. declare module INSPECTOR {
  2246. export class SettingsTabComponent extends PaneComponent {
  2247. constructor(props: IPaneComponentProps);
  2248. render(): JSX.Element;
  2249. }
  2250. }
  2251. declare module INSPECTOR {
  2252. interface IActionTabsComponentProps {
  2253. scene?: BABYLON.Scene;
  2254. noCommands?: boolean;
  2255. noHeader?: boolean;
  2256. noExpand?: boolean;
  2257. noClose?: boolean;
  2258. popupMode?: boolean;
  2259. onPopup?: () => void;
  2260. onClose?: () => void;
  2261. globalState?: GlobalState;
  2262. initialTab?: BABYLON.DebugLayerTab;
  2263. }
  2264. export class ActionTabsComponent extends React.Component<IActionTabsComponentProps, {
  2265. selectedEntity: any;
  2266. selectedIndex: number;
  2267. }> {
  2268. private _onSelectionChangeObserver;
  2269. private _onTabChangedObserver;
  2270. private _once;
  2271. constructor(props: IActionTabsComponentProps);
  2272. componentDidMount(): void;
  2273. componentWillUnmount(): void;
  2274. changeSelectedTab(index: number): void;
  2275. renderContent(): JSX.Element | null;
  2276. onClose(): void;
  2277. onPopup(): void;
  2278. render(): JSX.Element;
  2279. }
  2280. }
  2281. declare module INSPECTOR {
  2282. interface ITreeItemLabelComponentProps {
  2283. label: string;
  2284. onClick?: () => void;
  2285. color: string;
  2286. }
  2287. export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
  2288. constructor(props: ITreeItemLabelComponentProps);
  2289. onClick(): void;
  2290. render(): JSX.Element;
  2291. }
  2292. }
  2293. declare module INSPECTOR {
  2294. interface IExtensionsComponentProps {
  2295. target: any;
  2296. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2297. }
  2298. export class ExtensionsComponent extends React.Component<IExtensionsComponentProps, {
  2299. popupVisible: boolean;
  2300. }> {
  2301. private _popup;
  2302. private extensionRef;
  2303. constructor(props: IExtensionsComponentProps);
  2304. showPopup(): void;
  2305. componentDidMount(): void;
  2306. componentDidUpdate(): void;
  2307. render(): JSX.Element | null;
  2308. }
  2309. }
  2310. declare module INSPECTOR {
  2311. interface IMeshTreeItemComponentProps {
  2312. mesh: BABYLON.AbstractMesh;
  2313. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2314. onClick: () => void;
  2315. globalState: GlobalState;
  2316. }
  2317. export class MeshTreeItemComponent extends React.Component<IMeshTreeItemComponentProps, {
  2318. isBoundingBoxEnabled: boolean;
  2319. isVisible: boolean;
  2320. }> {
  2321. constructor(props: IMeshTreeItemComponentProps);
  2322. showBoundingBox(): void;
  2323. switchVisibility(): void;
  2324. render(): JSX.Element;
  2325. }
  2326. }
  2327. declare module INSPECTOR {
  2328. interface ICameraTreeItemComponentProps {
  2329. camera: BABYLON.Camera;
  2330. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2331. onClick: () => void;
  2332. }
  2333. export class CameraTreeItemComponent extends React.Component<ICameraTreeItemComponentProps, {
  2334. isActive: boolean;
  2335. }> {
  2336. private _onBeforeRenderObserver;
  2337. constructor(props: ICameraTreeItemComponentProps);
  2338. setActive(): void;
  2339. componentDidMount(): void;
  2340. componentWillUnmount(): void;
  2341. render(): JSX.Element;
  2342. }
  2343. }
  2344. declare module INSPECTOR {
  2345. interface ILightTreeItemComponentProps {
  2346. light: BABYLON.Light;
  2347. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2348. onClick: () => void;
  2349. globalState: GlobalState;
  2350. }
  2351. export class LightTreeItemComponent extends React.Component<ILightTreeItemComponentProps, {
  2352. isEnabled: boolean;
  2353. isGizmoEnabled: boolean;
  2354. }> {
  2355. constructor(props: ILightTreeItemComponentProps);
  2356. switchIsEnabled(): void;
  2357. toggleGizmo(): void;
  2358. render(): JSX.Element;
  2359. }
  2360. }
  2361. declare module INSPECTOR {
  2362. interface IMaterialTreeItemComponentProps {
  2363. material: BABYLON.Material;
  2364. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2365. onClick: () => void;
  2366. }
  2367. export class MaterialTreeItemComponent extends React.Component<IMaterialTreeItemComponentProps> {
  2368. constructor(props: IMaterialTreeItemComponentProps);
  2369. render(): JSX.Element;
  2370. }
  2371. }
  2372. declare module INSPECTOR {
  2373. interface ITextureTreeItemComponentProps {
  2374. texture: BABYLON.Texture;
  2375. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2376. onClick: () => void;
  2377. }
  2378. export class TextureTreeItemComponent extends React.Component<ITextureTreeItemComponentProps> {
  2379. constructor(props: ITextureTreeItemComponentProps);
  2380. render(): JSX.Element;
  2381. }
  2382. }
  2383. declare module INSPECTOR {
  2384. interface ITransformNodeItemComponentProps {
  2385. transformNode: BABYLON.TransformNode;
  2386. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2387. onClick: () => void;
  2388. }
  2389. export class TransformNodeItemComponent extends React.Component<ITransformNodeItemComponentProps> {
  2390. constructor(props: ITransformNodeItemComponentProps);
  2391. render(): JSX.Element;
  2392. }
  2393. }
  2394. declare module INSPECTOR {
  2395. interface IControlTreeItemComponentProps {
  2396. control: BABYLON.GUI.Control;
  2397. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2398. onClick: () => void;
  2399. }
  2400. export class ControlTreeItemComponent extends React.Component<IControlTreeItemComponentProps, {
  2401. isActive: boolean;
  2402. isVisible: boolean;
  2403. }> {
  2404. constructor(props: IControlTreeItemComponentProps);
  2405. highlight(): void;
  2406. switchVisibility(): void;
  2407. render(): JSX.Element;
  2408. }
  2409. }
  2410. declare module INSPECTOR {
  2411. interface IAdvancedDynamicTextureTreeItemComponentProps {
  2412. texture: BABYLON.GUI.AdvancedDynamicTexture;
  2413. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2414. onSelectionChangedObservable?: BABYLON.Observable<any>;
  2415. onClick: () => void;
  2416. }
  2417. export class AdvancedDynamicTextureTreeItemComponent extends React.Component<IAdvancedDynamicTextureTreeItemComponentProps, {
  2418. isInPickingMode: boolean;
  2419. }> {
  2420. private _onControlPickedObserver;
  2421. constructor(props: IAdvancedDynamicTextureTreeItemComponentProps);
  2422. componentWillUnmount(): void;
  2423. onPickingMode(): void;
  2424. render(): JSX.Element;
  2425. }
  2426. }
  2427. declare module INSPECTOR {
  2428. interface IAnimationGroupItemComponentProps {
  2429. animationGroup: BABYLON.AnimationGroup;
  2430. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2431. onClick: () => void;
  2432. }
  2433. export class AnimationGroupItemComponent extends React.Component<IAnimationGroupItemComponentProps> {
  2434. constructor(props: IAnimationGroupItemComponentProps);
  2435. render(): JSX.Element;
  2436. }
  2437. }
  2438. declare module INSPECTOR {
  2439. interface IPostProcessItemComponentProps {
  2440. postProcess: BABYLON.PostProcess;
  2441. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2442. onClick: () => void;
  2443. }
  2444. export class PostProcessItemComponent extends React.Component<IPostProcessItemComponentProps> {
  2445. constructor(props: IPostProcessItemComponentProps);
  2446. render(): JSX.Element;
  2447. }
  2448. }
  2449. declare module INSPECTOR {
  2450. interface IRenderPipelineItemComponenttProps {
  2451. renderPipeline: BABYLON.PostProcessRenderPipeline;
  2452. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2453. onClick: () => void;
  2454. }
  2455. export class RenderingPipelineItemComponent extends React.Component<IRenderPipelineItemComponenttProps> {
  2456. constructor(props: IRenderPipelineItemComponenttProps);
  2457. render(): JSX.Element;
  2458. }
  2459. }
  2460. declare module INSPECTOR {
  2461. interface ISkeletonTreeItemComponentProps {
  2462. skeleton: BABYLON.Skeleton;
  2463. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2464. onClick: () => void;
  2465. }
  2466. export class SkeletonTreeItemComponent extends React.Component<ISkeletonTreeItemComponentProps> {
  2467. constructor(props: ISkeletonTreeItemComponentProps);
  2468. render(): JSX.Element;
  2469. }
  2470. }
  2471. declare module INSPECTOR {
  2472. interface IBoneTreeItemComponenttProps {
  2473. bone: BABYLON.Bone;
  2474. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2475. onClick: () => void;
  2476. }
  2477. export class BoneTreeItemComponent extends React.Component<IBoneTreeItemComponenttProps> {
  2478. constructor(props: IBoneTreeItemComponenttProps);
  2479. render(): JSX.Element;
  2480. }
  2481. }
  2482. declare module INSPECTOR {
  2483. interface IParticleSystemTreeItemComponentProps {
  2484. system: BABYLON.IParticleSystem;
  2485. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2486. onClick: () => void;
  2487. }
  2488. export class ParticleSystemTreeItemComponent extends React.Component<IParticleSystemTreeItemComponentProps> {
  2489. constructor(props: IParticleSystemTreeItemComponentProps);
  2490. render(): JSX.Element;
  2491. }
  2492. }
  2493. declare module INSPECTOR {
  2494. interface ISpriteManagerTreeItemComponentProps {
  2495. spriteManager: BABYLON.SpriteManager;
  2496. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2497. onClick: () => void;
  2498. }
  2499. export class SpriteManagerTreeItemComponent extends React.Component<ISpriteManagerTreeItemComponentProps> {
  2500. constructor(props: ISpriteManagerTreeItemComponentProps);
  2501. render(): JSX.Element;
  2502. }
  2503. }
  2504. declare module INSPECTOR {
  2505. interface ISpriteTreeItemComponentProps {
  2506. sprite: BABYLON.Sprite;
  2507. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2508. onClick: () => void;
  2509. }
  2510. export class SpriteTreeItemComponent extends React.Component<ISpriteTreeItemComponentProps> {
  2511. constructor(props: ISpriteTreeItemComponentProps);
  2512. render(): JSX.Element;
  2513. }
  2514. }
  2515. declare module INSPECTOR {
  2516. interface ITargetedAnimationItemComponentProps {
  2517. targetedAnimation: BABYLON.TargetedAnimation;
  2518. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2519. onClick: () => void;
  2520. }
  2521. export class TargetedAnimationItemComponent extends React.Component<ITargetedAnimationItemComponentProps> {
  2522. constructor(props: ITargetedAnimationItemComponentProps);
  2523. render(): JSX.Element;
  2524. }
  2525. }
  2526. declare module INSPECTOR {
  2527. interface ITreeItemSpecializedComponentProps {
  2528. label: string;
  2529. entity?: any;
  2530. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2531. globalState: GlobalState;
  2532. onClick?: () => void;
  2533. }
  2534. export class TreeItemSpecializedComponent extends React.Component<ITreeItemSpecializedComponentProps> {
  2535. constructor(props: ITreeItemSpecializedComponentProps);
  2536. onClick(): void;
  2537. render(): JSX.Element;
  2538. }
  2539. }
  2540. declare module INSPECTOR {
  2541. export class Tools {
  2542. static LookForItem(item: any, selectedEntity: any): boolean;
  2543. private static _RecursiveRemoveHiddenMeshesAndHoistChildren;
  2544. static SortAndFilter(parent: any, items: any[]): any[];
  2545. }
  2546. }
  2547. declare module INSPECTOR {
  2548. export interface ITreeItemSelectableComponentProps {
  2549. entity: any;
  2550. selectedEntity?: any;
  2551. mustExpand?: boolean;
  2552. offset: number;
  2553. globalState: GlobalState;
  2554. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2555. filter: BABYLON.Nullable<string>;
  2556. }
  2557. export class TreeItemSelectableComponent extends React.Component<ITreeItemSelectableComponentProps, {
  2558. isExpanded: boolean;
  2559. isSelected: boolean;
  2560. }> {
  2561. private _wasSelected;
  2562. constructor(props: ITreeItemSelectableComponentProps);
  2563. switchExpandedState(): void;
  2564. shouldComponentUpdate(nextProps: ITreeItemSelectableComponentProps, nextState: {
  2565. isExpanded: boolean;
  2566. isSelected: boolean;
  2567. }): boolean;
  2568. scrollIntoView(): void;
  2569. componentDidMount(): void;
  2570. componentDidUpdate(): void;
  2571. onSelect(): void;
  2572. renderChildren(): JSX.Element[] | null;
  2573. render(): JSX.Element | null;
  2574. }
  2575. }
  2576. declare module INSPECTOR {
  2577. export interface ITreeItemComponentProps {
  2578. items?: BABYLON.Nullable<any[]>;
  2579. label: string;
  2580. offset: number;
  2581. filter: BABYLON.Nullable<string>;
  2582. forceSubitems?: boolean;
  2583. globalState: GlobalState;
  2584. entity?: any;
  2585. selectedEntity: any;
  2586. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2587. contextMenuItems?: {
  2588. label: string;
  2589. action: () => void;
  2590. }[];
  2591. }
  2592. export class TreeItemComponent extends React.Component<ITreeItemComponentProps, {
  2593. isExpanded: boolean;
  2594. mustExpand: boolean;
  2595. }> {
  2596. static _ContextMenuUniqueIdGenerator: number;
  2597. constructor(props: ITreeItemComponentProps);
  2598. switchExpandedState(): void;
  2599. shouldComponentUpdate(nextProps: ITreeItemComponentProps, nextState: {
  2600. isExpanded: boolean;
  2601. }): boolean;
  2602. expandAll(expand: boolean): void;
  2603. renderContextMenu(): JSX.Element | null;
  2604. render(): JSX.Element;
  2605. }
  2606. }
  2607. declare module INSPECTOR {
  2608. interface ISceneTreeItemComponentProps {
  2609. scene: BABYLON.Scene;
  2610. onRefresh: () => void;
  2611. selectedEntity?: any;
  2612. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2613. onSelectionChangedObservable?: BABYLON.Observable<any>;
  2614. globalState: GlobalState;
  2615. }
  2616. export class SceneTreeItemComponent extends React.Component<ISceneTreeItemComponentProps, {
  2617. isSelected: boolean;
  2618. isInPickingMode: boolean;
  2619. gizmoMode: number;
  2620. }> {
  2621. private _gizmoLayerOnPointerObserver;
  2622. private _onPointerObserver;
  2623. private _onSelectionChangeObserver;
  2624. private _selectedEntity;
  2625. private _posDragEnd;
  2626. private _scaleDragEnd;
  2627. private _rotateDragEnd;
  2628. constructor(props: ISceneTreeItemComponentProps);
  2629. shouldComponentUpdate(nextProps: ISceneTreeItemComponentProps, nextState: {
  2630. isSelected: boolean;
  2631. isInPickingMode: boolean;
  2632. }): boolean;
  2633. componentDidMount(): void;
  2634. componentWillUnmount(): void;
  2635. onSelect(): void;
  2636. onPickingMode(): void;
  2637. setGizmoMode(mode: number): void;
  2638. render(): JSX.Element;
  2639. }
  2640. }
  2641. declare module INSPECTOR {
  2642. interface ISceneExplorerFilterComponentProps {
  2643. onFilter: (filter: string) => void;
  2644. }
  2645. export class SceneExplorerFilterComponent extends React.Component<ISceneExplorerFilterComponentProps> {
  2646. constructor(props: ISceneExplorerFilterComponentProps);
  2647. render(): JSX.Element;
  2648. }
  2649. interface ISceneExplorerComponentProps {
  2650. scene: BABYLON.Scene;
  2651. noCommands?: boolean;
  2652. noHeader?: boolean;
  2653. noExpand?: boolean;
  2654. noClose?: boolean;
  2655. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2656. globalState: GlobalState;
  2657. popupMode?: boolean;
  2658. onPopup?: () => void;
  2659. onClose?: () => void;
  2660. }
  2661. export class SceneExplorerComponent extends React.Component<ISceneExplorerComponentProps, {
  2662. filter: BABYLON.Nullable<string>;
  2663. selectedEntity: any;
  2664. scene: BABYLON.Scene;
  2665. }> {
  2666. private _onSelectionChangeObserver;
  2667. private _onSelectionRenamedObserver;
  2668. private _onNewSceneAddedObserver;
  2669. private _onNewSceneObserver;
  2670. private sceneExplorerRef;
  2671. private _once;
  2672. private _hooked;
  2673. private sceneMutationFunc;
  2674. constructor(props: ISceneExplorerComponentProps);
  2675. processMutation(): void;
  2676. componentDidMount(): void;
  2677. componentWillUnmount(): void;
  2678. filterContent(filter: string): void;
  2679. findSiblings(parent: any, items: any[], target: any, goNext: boolean, data: {
  2680. previousOne?: any;
  2681. found?: boolean;
  2682. }): boolean;
  2683. processKeys(keyEvent: React.KeyboardEvent<HTMLDivElement>): void;
  2684. renderContent(): JSX.Element | null;
  2685. onClose(): void;
  2686. onPopup(): void;
  2687. render(): JSX.Element;
  2688. }
  2689. }
  2690. declare module INSPECTOR {
  2691. interface IEmbedHostComponentProps {
  2692. scene: BABYLON.Scene;
  2693. globalState: GlobalState;
  2694. popupMode: boolean;
  2695. noClose?: boolean;
  2696. noExpand?: boolean;
  2697. onClose: () => void;
  2698. onPopup: () => void;
  2699. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  2700. initialTab?: BABYLON.DebugLayerTab;
  2701. }
  2702. export class EmbedHostComponent extends React.Component<IEmbedHostComponentProps> {
  2703. private _once;
  2704. private splitRef;
  2705. private topPartRef;
  2706. private bottomPartRef;
  2707. constructor(props: IEmbedHostComponentProps);
  2708. componentDidMount(): void;
  2709. renderContent(): JSX.Element;
  2710. render(): JSX.Element;
  2711. }
  2712. }
  2713. declare module INSPECTOR {
  2714. export class Inspector {
  2715. private static _SceneExplorerHost;
  2716. private static _ActionTabsHost;
  2717. private static _EmbedHost;
  2718. private static _NewCanvasContainer;
  2719. private static _SceneExplorerWindow;
  2720. private static _ActionTabsWindow;
  2721. private static _EmbedHostWindow;
  2722. private static _Scene;
  2723. private static _OpenedPane;
  2724. private static _OnBeforeRenderObserver;
  2725. static OnSelectionChangeObservable: BABYLON.Observable<any>;
  2726. static OnPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
  2727. private static _GlobalState;
  2728. static MarkLineContainerTitleForHighlighting(title: string): void;
  2729. static MarkMultipleLineContainerTitlesForHighlighting(titles: string[]): void;
  2730. private static _CopyStyles;
  2731. private static _CreateSceneExplorer;
  2732. private static _CreateActionTabs;
  2733. private static _CreateEmbedHost;
  2734. static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  2735. static get IsVisible(): boolean;
  2736. static EarlyAttachToLoader(): void;
  2737. static Show(scene: BABYLON.Scene, userOptions: Partial<BABYLON.IInspectorOptions>): void;
  2738. static _SetNewScene(scene: BABYLON.Scene): void;
  2739. static _CreateCanvasContainer(parentControl: HTMLElement): void;
  2740. private static _DestroyCanvasContainer;
  2741. private static _Cleanup;
  2742. private static _RemoveElementFromDOM;
  2743. static Hide(): void;
  2744. }
  2745. }