babylon.inspector.module.d.ts 282 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573
  1. /// <reference types="react" />
  2. declare module "babylonjs-inspector/components/propertyChangedEvent" {
  3. export class PropertyChangedEvent {
  4. object: any;
  5. property: string;
  6. value: any;
  7. initialValue: any;
  8. allowNullValue?: boolean;
  9. }
  10. }
  11. declare module "babylonjs-inspector/components/codeChangedEvent" {
  12. export class CodeChangedEvent {
  13. object: any;
  14. code: string;
  15. }
  16. }
  17. declare module "babylonjs-inspector/components/replayRecorder" {
  18. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  19. import { CodeChangedEvent } from "babylonjs-inspector/components/codeChangedEvent";
  20. export class ReplayRecorder {
  21. private _recordedCodeLines;
  22. private _previousObject;
  23. private _previousProperty;
  24. reset(): void;
  25. private _getIndirectData;
  26. recordCode(event: CodeChangedEvent): void;
  27. record(event: PropertyChangedEvent): void;
  28. export(): void;
  29. }
  30. }
  31. declare module "babylonjs-inspector/components/globalState" {
  32. import { GLTFFileLoader, IGLTFLoaderExtension } from "babylonjs-loaders/glTF/index";
  33. import { IGLTFValidationResults } from "babylonjs-gltf2interface";
  34. import { Nullable } from "babylonjs/types";
  35. import { Observable, Observer } from "babylonjs/Misc/observable";
  36. import { ISceneLoaderPlugin, ISceneLoaderPluginAsync } from "babylonjs/Loading/sceneLoader";
  37. import { Scene } from "babylonjs/scene";
  38. import { Light } from "babylonjs/Lights/light";
  39. import { LightGizmo } from "babylonjs/Gizmos/lightGizmo";
  40. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  41. import { ReplayRecorder } from "babylonjs-inspector/components/replayRecorder";
  42. import { CodeChangedEvent } from "babylonjs-inspector/components/codeChangedEvent";
  43. export class GlobalState {
  44. onSelectionChangedObservable: Observable<any>;
  45. onPropertyChangedObservable: Observable<PropertyChangedEvent>;
  46. onCodeChangedObservable: Observable<CodeChangedEvent>;
  47. onInspectorClosedObservable: Observable<Scene>;
  48. onTabChangedObservable: Observable<number>;
  49. onSelectionRenamedObservable: Observable<void>;
  50. onPluginActivatedObserver: Nullable<Observer<ISceneLoaderPlugin | ISceneLoaderPluginAsync>>;
  51. onNewSceneObservable: Observable<Scene>;
  52. sceneImportDefaults: {
  53. [key: string]: any;
  54. };
  55. validationResults: Nullable<IGLTFValidationResults>;
  56. onValidationResultsUpdatedObservable: Observable<Nullable<IGLTFValidationResults>>;
  57. onExtensionLoadedObservable: Observable<IGLTFLoaderExtension>;
  58. glTFLoaderExtensionDefaults: {
  59. [name: string]: {
  60. [key: string]: any;
  61. };
  62. };
  63. glTFLoaderDefaults: {
  64. [key: string]: any;
  65. };
  66. blockMutationUpdates: boolean;
  67. selectedLineContainerTitles: Array<string>;
  68. selectedLineContainerTitlesNoFocus: Array<string>;
  69. recorder: ReplayRecorder;
  70. private _onlyUseEulers;
  71. get onlyUseEulers(): boolean;
  72. set onlyUseEulers(value: boolean);
  73. private _ignoreBackfacesForPicking;
  74. get ignoreBackfacesForPicking(): boolean;
  75. set ignoreBackfacesForPicking(value: boolean);
  76. init(propertyChangedObservable: Observable<PropertyChangedEvent>): void;
  77. prepareGLTFPlugin(loader: GLTFFileLoader): void;
  78. lightGizmos: Array<LightGizmo>;
  79. enableLightGizmo(light: Light, enable?: boolean): void;
  80. }
  81. }
  82. declare module "babylonjs-inspector/components/actionTabs/paneComponent" {
  83. import * as React from "react";
  84. import { Observable } from "babylonjs/Misc/observable";
  85. import { Scene } from "babylonjs/scene";
  86. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  87. import { GlobalState } from "babylonjs-inspector/components/globalState";
  88. export interface IPaneComponentProps {
  89. title: string;
  90. scene: Scene;
  91. selectedEntity?: any;
  92. onSelectionChangedObservable?: Observable<any>;
  93. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  94. globalState: GlobalState;
  95. }
  96. export class PaneComponent extends React.Component<IPaneComponentProps, {
  97. tag: any;
  98. }> {
  99. constructor(props: IPaneComponentProps);
  100. render(): JSX.Element | null;
  101. }
  102. }
  103. declare module "babylonjs-inspector/components/actionTabs/tabsComponent" {
  104. import * as React from "react";
  105. import { PaneComponent } from "babylonjs-inspector/components/actionTabs/paneComponent";
  106. interface ITabsComponentProps {
  107. children: any[];
  108. selectedIndex: number;
  109. onSelectedIndexChange: (value: number) => void;
  110. }
  111. export class TabsComponent extends React.Component<ITabsComponentProps> {
  112. constructor(props: ITabsComponentProps);
  113. onSelect(index: number): void;
  114. renderLabel(child: PaneComponent, index: number): JSX.Element;
  115. render(): JSX.Element;
  116. }
  117. }
  118. declare module "babylonjs-inspector/components/actionTabs/lines/textLineComponent" {
  119. import * as React from "react";
  120. interface ITextLineComponentProps {
  121. label?: string;
  122. value?: string;
  123. color?: string;
  124. underline?: boolean;
  125. onLink?: () => void;
  126. url?: string;
  127. ignoreValue?: boolean;
  128. additionalClass?: string;
  129. }
  130. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  131. constructor(props: ITextLineComponentProps);
  132. onLink(): void;
  133. renderContent(): JSX.Element | null;
  134. render(): JSX.Element;
  135. }
  136. }
  137. declare module "babylonjs-inspector/components/actionTabs/lineContainerComponent" {
  138. import * as React from "react";
  139. import { GlobalState } from "babylonjs-inspector/components/globalState";
  140. interface ILineContainerComponentProps {
  141. globalState?: GlobalState;
  142. title: string;
  143. children: any[] | any;
  144. closed?: boolean;
  145. }
  146. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  147. isExpanded: boolean;
  148. isHighlighted: boolean;
  149. }> {
  150. constructor(props: ILineContainerComponentProps);
  151. switchExpandedState(): void;
  152. componentDidMount(): void;
  153. renderHeader(): JSX.Element;
  154. render(): JSX.Element;
  155. }
  156. }
  157. declare module "babylonjs-inspector/components/actionTabs/lines/valueLineComponent" {
  158. import * as React from "react";
  159. interface IValueLineComponentProps {
  160. label: string;
  161. value: number;
  162. color?: string;
  163. fractionDigits?: number;
  164. units?: string;
  165. }
  166. export class ValueLineComponent extends React.Component<IValueLineComponentProps> {
  167. constructor(props: IValueLineComponentProps);
  168. render(): JSX.Element;
  169. }
  170. }
  171. declare module "babylonjs-inspector/components/actionTabs/lines/booleanLineComponent" {
  172. import * as React from "react";
  173. export interface IBooleanLineComponentProps {
  174. label: string;
  175. value: boolean;
  176. }
  177. export class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
  178. constructor(props: IBooleanLineComponentProps);
  179. render(): JSX.Element;
  180. }
  181. }
  182. declare module "babylonjs-inspector/components/actionTabs/tabs/statisticsTabComponent" {
  183. import { PaneComponent, IPaneComponentProps } from "babylonjs-inspector/components/actionTabs/paneComponent";
  184. export class StatisticsTabComponent extends PaneComponent {
  185. private _sceneInstrumentation;
  186. private _engineInstrumentation;
  187. private _timerIntervalId;
  188. constructor(props: IPaneComponentProps);
  189. componentWillUnmount(): void;
  190. render(): JSX.Element | null;
  191. }
  192. }
  193. declare module "babylonjs-inspector/components/actionTabs/lines/checkBoxLineComponent" {
  194. import * as React from "react";
  195. import { Observable } from "babylonjs/Misc/observable";
  196. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  197. export interface ICheckBoxLineComponentProps {
  198. label: string;
  199. target?: any;
  200. propertyName?: string;
  201. isSelected?: () => boolean;
  202. onSelect?: (value: boolean) => void;
  203. onValueChanged?: () => void;
  204. replaySourceReplacement?: string;
  205. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  206. }
  207. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  208. isSelected: boolean;
  209. }> {
  210. private static _UniqueIdSeed;
  211. private _uniqueId;
  212. private _localChange;
  213. constructor(props: ICheckBoxLineComponentProps);
  214. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  215. isSelected: boolean;
  216. }): boolean;
  217. onChange(): void;
  218. render(): JSX.Element;
  219. }
  220. }
  221. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/renderGridPropertyGridComponent" {
  222. import * as React from "react";
  223. import { Scene } from "babylonjs/scene";
  224. import { GlobalState } from "babylonjs-inspector/components/globalState";
  225. interface IRenderGridPropertyGridComponentProps {
  226. globalState: GlobalState;
  227. scene: Scene;
  228. }
  229. export class RenderGridPropertyGridComponent extends React.Component<IRenderGridPropertyGridComponentProps, {
  230. isEnabled: boolean;
  231. }> {
  232. private _gridMesh;
  233. constructor(props: IRenderGridPropertyGridComponentProps);
  234. componentDidMount(): void;
  235. addOrRemoveGrid(): void;
  236. render(): JSX.Element;
  237. }
  238. }
  239. declare module "babylonjs-inspector/components/actionTabs/tabs/debugTabComponent" {
  240. import { PaneComponent, IPaneComponentProps } from "babylonjs-inspector/components/actionTabs/paneComponent";
  241. export class DebugTabComponent extends PaneComponent {
  242. private _physicsViewersEnabled;
  243. constructor(props: IPaneComponentProps);
  244. switchPhysicsViewers(): void;
  245. render(): JSX.Element | null;
  246. }
  247. }
  248. declare module "babylonjs-inspector/components/actionTabs/lines/sliderLineComponent" {
  249. import * as React from "react";
  250. import { Observable } from "babylonjs/Misc/observable";
  251. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  252. interface ISliderLineComponentProps {
  253. label: string;
  254. target?: any;
  255. propertyName?: string;
  256. minimum: number;
  257. maximum: number;
  258. step: number;
  259. directValue?: number;
  260. useEuler?: boolean;
  261. onChange?: (value: number) => void;
  262. onInput?: (value: number) => void;
  263. replaySourceReplacement?: string;
  264. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  265. decimalCount?: number;
  266. }
  267. export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
  268. value: number;
  269. }> {
  270. private _localChange;
  271. constructor(props: ISliderLineComponentProps);
  272. shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
  273. value: number;
  274. }): boolean;
  275. onChange(newValueString: any): void;
  276. onInput(newValueString: any): void;
  277. prepareDataToRead(value: number): number;
  278. render(): JSX.Element;
  279. }
  280. }
  281. declare module "babylonjs-inspector/components/actionTabs/lines/optionsLineComponent" {
  282. import * as React from "react";
  283. import { Observable } from "babylonjs/Misc/observable";
  284. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  285. export const Null_Value: number;
  286. class ListLineOption {
  287. label: string;
  288. value: number;
  289. }
  290. interface IOptionsLineComponentProps {
  291. label: string;
  292. target: any;
  293. propertyName: string;
  294. options: ListLineOption[];
  295. noDirectUpdate?: boolean;
  296. onSelect?: (value: number) => void;
  297. extractValue?: () => number;
  298. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  299. allowNullValue?: boolean;
  300. }
  301. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  302. value: number;
  303. }> {
  304. private _localChange;
  305. private remapValueIn;
  306. private remapValueOut;
  307. constructor(props: IOptionsLineComponentProps);
  308. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  309. value: number;
  310. }): boolean;
  311. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  312. updateValue(valueString: string): void;
  313. render(): JSX.Element;
  314. }
  315. }
  316. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject" {
  317. /**
  318. * Class used to provide lock mechanism
  319. */
  320. export class LockObject {
  321. /**
  322. * Gets or set if the lock is engaged
  323. */
  324. lock: boolean;
  325. }
  326. }
  327. declare module "babylonjs-inspector/components/actionTabs/lines/numericInputComponent" {
  328. import * as React from "react";
  329. interface INumericInputComponentProps {
  330. label: string;
  331. value: number;
  332. step?: number;
  333. onChange: (value: number) => void;
  334. precision?: number;
  335. }
  336. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  337. value: string;
  338. }> {
  339. static defaultProps: {
  340. step: number;
  341. };
  342. private _localChange;
  343. constructor(props: INumericInputComponentProps);
  344. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  345. value: string;
  346. }): boolean;
  347. updateValue(evt: any): void;
  348. render(): JSX.Element;
  349. }
  350. }
  351. declare module "babylonjs-inspector/components/actionTabs/lines/colorPickerComponent" {
  352. import * as React from "react";
  353. import { Color4, Color3 } from 'babylonjs/Maths/math.color';
  354. export interface IColorPickerComponentProps {
  355. value: Color4 | Color3;
  356. onColorChanged: (newOne: string) => void;
  357. disableAlpha?: boolean;
  358. }
  359. interface IColorPickerComponentState {
  360. pickerEnabled: boolean;
  361. color: {
  362. r: number;
  363. g: number;
  364. b: number;
  365. a?: number;
  366. };
  367. hex: string;
  368. }
  369. export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
  370. private _floatRef;
  371. private _floatHostRef;
  372. constructor(props: IColorPickerComponentProps);
  373. syncPositions(): void;
  374. shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
  375. componentDidUpdate(): void;
  376. componentDidMount(): void;
  377. render(): JSX.Element;
  378. }
  379. }
  380. declare module "babylonjs-inspector/components/actionTabs/lines/color3LineComponent" {
  381. import * as React from "react";
  382. import { Observable } from "babylonjs/Misc/observable";
  383. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  384. import { Color3 } from 'babylonjs/Maths/math.color';
  385. export interface IColor3LineComponentProps {
  386. label: string;
  387. target: any;
  388. propertyName: string;
  389. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  390. isLinear?: boolean;
  391. }
  392. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  393. isExpanded: boolean;
  394. color: Color3;
  395. }> {
  396. private _localChange;
  397. constructor(props: IColor3LineComponentProps);
  398. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  399. color: Color3;
  400. }): boolean;
  401. setPropertyValue(newColor: Color3): void;
  402. onChange(newValue: string): void;
  403. switchExpandState(): void;
  404. raiseOnPropertyChanged(previousValue: Color3): void;
  405. updateStateR(value: number): void;
  406. updateStateG(value: number): void;
  407. updateStateB(value: number): void;
  408. copyToClipboard(): void;
  409. render(): JSX.Element;
  410. }
  411. }
  412. declare module "babylonjs-inspector/components/actionTabs/lines/vector3LineComponent" {
  413. import * as React from "react";
  414. import { Vector3 } from "babylonjs/Maths/math.vector";
  415. import { Observable } from "babylonjs/Misc/observable";
  416. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  417. interface IVector3LineComponentProps {
  418. label: string;
  419. target: any;
  420. propertyName: string;
  421. step?: number;
  422. onChange?: (newvalue: Vector3) => void;
  423. useEuler?: boolean;
  424. replaySourceReplacement?: string;
  425. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  426. }
  427. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  428. isExpanded: boolean;
  429. value: Vector3;
  430. }> {
  431. static defaultProps: {
  432. step: number;
  433. };
  434. private _localChange;
  435. constructor(props: IVector3LineComponentProps);
  436. getCurrentValue(): any;
  437. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  438. isExpanded: boolean;
  439. value: Vector3;
  440. }): boolean;
  441. switchExpandState(): void;
  442. raiseOnPropertyChanged(previousValue: Vector3): void;
  443. updateVector3(): void;
  444. updateStateX(value: number): void;
  445. updateStateY(value: number): void;
  446. updateStateZ(value: number): void;
  447. render(): JSX.Element;
  448. }
  449. }
  450. declare module "babylonjs-inspector/components/actionTabs/lines/quaternionLineComponent" {
  451. import * as React from "react";
  452. import { Observable } from "babylonjs/Misc/observable";
  453. import { Quaternion, Vector3 } from "babylonjs/Maths/math.vector";
  454. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  455. interface IQuaternionLineComponentProps {
  456. label: string;
  457. target: any;
  458. useEuler?: boolean;
  459. propertyName: string;
  460. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  461. }
  462. export class QuaternionLineComponent extends React.Component<IQuaternionLineComponentProps, {
  463. isExpanded: boolean;
  464. value: Quaternion;
  465. eulerValue: Vector3;
  466. }> {
  467. private _localChange;
  468. constructor(props: IQuaternionLineComponentProps);
  469. shouldComponentUpdate(nextProps: IQuaternionLineComponentProps, nextState: {
  470. isExpanded: boolean;
  471. value: Quaternion;
  472. }): boolean;
  473. switchExpandState(): void;
  474. raiseOnPropertyChanged(currentValue: Quaternion, previousValue: Quaternion): void;
  475. updateQuaternion(): void;
  476. updateStateX(value: number): void;
  477. updateStateY(value: number): void;
  478. updateStateZ(value: number): void;
  479. updateStateW(value: number): void;
  480. updateQuaternionFromEuler(): void;
  481. updateStateEulerX(value: number): void;
  482. updateStateEulerY(value: number): void;
  483. updateStateEulerZ(value: number): void;
  484. render(): JSX.Element;
  485. }
  486. }
  487. declare module "babylonjs-inspector/components/actionTabs/lines/textInputLineComponent" {
  488. import * as React from "react";
  489. import { Observable } from "babylonjs/Misc/observable";
  490. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  491. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  492. interface ITextInputLineComponentProps {
  493. label: string;
  494. lockObject: LockObject;
  495. target?: any;
  496. propertyName?: string;
  497. value?: string;
  498. onChange?: (value: string) => void;
  499. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  500. }
  501. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  502. value: string;
  503. }> {
  504. private _localChange;
  505. constructor(props: ITextInputLineComponentProps);
  506. componentWillUnmount(): void;
  507. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  508. value: string;
  509. }): boolean;
  510. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  511. updateValue(value: string): void;
  512. render(): JSX.Element;
  513. }
  514. }
  515. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/customPropertyGridComponent" {
  516. import * as React from "react";
  517. import { Observable } from "babylonjs/Misc/observable";
  518. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  519. import { GlobalState } from "babylonjs-inspector/components/globalState";
  520. import { IInspectable } from 'babylonjs/Misc/iInspectable';
  521. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  522. interface ICustomPropertyGridComponentProps {
  523. globalState: GlobalState;
  524. target: any;
  525. lockObject: LockObject;
  526. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  527. }
  528. export class CustomPropertyGridComponent extends React.Component<ICustomPropertyGridComponentProps, {
  529. mode: number;
  530. }> {
  531. constructor(props: ICustomPropertyGridComponentProps);
  532. renderInspectable(inspectable: IInspectable): JSX.Element | null;
  533. render(): JSX.Element | null;
  534. }
  535. }
  536. declare module "babylonjs-inspector/components/actionTabs/lines/buttonLineComponent" {
  537. import * as React from "react";
  538. export interface IButtonLineComponentProps {
  539. label: string;
  540. onClick: () => void;
  541. }
  542. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  543. constructor(props: IButtonLineComponentProps);
  544. render(): JSX.Element;
  545. }
  546. }
  547. declare module "babylonjs-inspector/components/actionTabs/lines/floatLineComponent" {
  548. import * as React from "react";
  549. import { Observable } from "babylonjs/Misc/observable";
  550. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  551. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  552. interface IFloatLineComponentProps {
  553. label: string;
  554. target: any;
  555. propertyName: string;
  556. lockObject?: LockObject;
  557. onChange?: (newValue: number) => void;
  558. isInteger?: boolean;
  559. replaySourceReplacement?: string;
  560. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  561. additionalClass?: string;
  562. step?: string;
  563. digits?: number;
  564. useEuler?: boolean;
  565. min?: number;
  566. }
  567. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  568. value: string;
  569. }> {
  570. private _localChange;
  571. private _store;
  572. constructor(props: IFloatLineComponentProps);
  573. componentWillUnmount(): void;
  574. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  575. value: string;
  576. }): boolean;
  577. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  578. updateValue(valueString: string): void;
  579. lock(): void;
  580. unlock(): void;
  581. render(): JSX.Element;
  582. }
  583. }
  584. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/anchorSvgPoint" {
  585. import * as React from 'react';
  586. import { Vector2 } from 'babylonjs/Maths/math.vector';
  587. interface IAnchorSvgPointProps {
  588. control: Vector2;
  589. anchor: Vector2;
  590. active: boolean;
  591. type: string;
  592. index: string;
  593. selected: boolean;
  594. selectControlPoint: (id: string) => void;
  595. }
  596. export class AnchorSvgPoint extends React.Component<IAnchorSvgPointProps> {
  597. constructor(props: IAnchorSvgPointProps);
  598. select(): void;
  599. render(): JSX.Element;
  600. }
  601. }
  602. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/keyframeSvgPoint" {
  603. import * as React from 'react';
  604. import { Vector2 } from 'babylonjs/Maths/math.vector';
  605. export interface IKeyframeSvgPoint {
  606. keyframePoint: Vector2;
  607. rightControlPoint: Vector2 | null;
  608. leftControlPoint: Vector2 | null;
  609. id: string;
  610. selected: boolean;
  611. isLeftActive: boolean;
  612. isRightActive: boolean;
  613. curveId?: ICurveMetaData;
  614. }
  615. export interface ICurveMetaData {
  616. id: number;
  617. animationName: string;
  618. property: string;
  619. }
  620. interface IKeyframeSvgPointProps {
  621. keyframePoint: Vector2;
  622. leftControlPoint: Vector2 | null;
  623. rightControlPoint: Vector2 | null;
  624. id: string;
  625. selected: boolean;
  626. selectKeyframe: (id: string, multiselect: boolean) => void;
  627. selectedControlPoint: (type: string, id: string) => void;
  628. isLeftActive: boolean;
  629. isRightActive: boolean;
  630. }
  631. export class KeyframeSvgPoint extends React.Component<IKeyframeSvgPointProps> {
  632. constructor(props: IKeyframeSvgPointProps);
  633. select(e: React.MouseEvent<SVGImageElement>): void;
  634. render(): JSX.Element;
  635. }
  636. }
  637. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/svgDraggableArea" {
  638. import * as React from 'react';
  639. import { Vector2 } from 'babylonjs/Maths/math.vector';
  640. import { IKeyframeSvgPoint } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/keyframeSvgPoint";
  641. interface ISvgDraggableAreaProps {
  642. keyframeSvgPoints: IKeyframeSvgPoint[];
  643. updatePosition: (updatedKeyframe: IKeyframeSvgPoint, id: string) => void;
  644. scale: number;
  645. viewBoxScale: number;
  646. selectKeyframe: (id: string, multiselect: boolean) => void;
  647. selectedControlPoint: (type: string, id: string) => void;
  648. deselectKeyframes: () => void;
  649. removeSelectedKeyframes: (points: IKeyframeSvgPoint[]) => void;
  650. }
  651. export class SvgDraggableArea extends React.Component<ISvgDraggableAreaProps> {
  652. private _active;
  653. private _isCurrentPointControl;
  654. private _currentPointId;
  655. private _draggableArea;
  656. private _panStart;
  657. private _panStop;
  658. constructor(props: ISvgDraggableAreaProps);
  659. componentDidMount(): void;
  660. dragStart(e: React.TouchEvent<SVGSVGElement>): void;
  661. dragStart(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  662. drag(e: React.TouchEvent<SVGSVGElement>): void;
  663. drag(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  664. dragEnd(e: React.TouchEvent<SVGSVGElement>): void;
  665. dragEnd(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  666. getMousePosition(e: React.TouchEvent<SVGSVGElement>): Vector2 | undefined;
  667. getMousePosition(e: React.MouseEvent<SVGSVGElement, MouseEvent>): Vector2 | undefined;
  668. panDirection(): void;
  669. panTo(direction: string, value: number): void;
  670. keyDown(e: KeyboardEvent): void;
  671. keyUp(e: KeyboardEvent): void;
  672. focus(e: React.MouseEvent<SVGSVGElement>): void;
  673. isControlPointActive(): boolean;
  674. render(): JSX.Element;
  675. }
  676. }
  677. declare module "babylonjs-inspector/components/actionTabs/lines/iconButtonLineComponent" {
  678. import * as React from 'react';
  679. export interface IIconButtonLineComponentProps {
  680. icon: string;
  681. onClick: () => void;
  682. tooltip: string;
  683. active?: boolean;
  684. }
  685. export class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
  686. constructor(props: IIconButtonLineComponentProps);
  687. render(): JSX.Element;
  688. }
  689. }
  690. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/controls" {
  691. import * as React from "react";
  692. import { IAnimationKey } from 'babylonjs/Animations/animationKey';
  693. interface IControlsProps {
  694. keyframes: IAnimationKey[] | null;
  695. selected: IAnimationKey | null;
  696. currentFrame: number;
  697. onCurrentFrameChange: (frame: number) => void;
  698. playPause: (direction: number) => void;
  699. isPlaying: boolean;
  700. scrollable: React.RefObject<HTMLDivElement>;
  701. }
  702. export class Controls extends React.Component<IControlsProps, {
  703. selected: IAnimationKey;
  704. }> {
  705. constructor(props: IControlsProps);
  706. playBackwards(): void;
  707. play(): void;
  708. pause(): void;
  709. nextFrame(): void;
  710. previousFrame(): void;
  711. nextKeyframe(): void;
  712. previousKeyframe(): void;
  713. render(): JSX.Element;
  714. }
  715. }
  716. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/timeline" {
  717. import * as React from 'react';
  718. import { IAnimationKey } from 'babylonjs/Animations/animationKey';
  719. interface ITimelineProps {
  720. keyframes: IAnimationKey[] | null;
  721. selected: IAnimationKey | null;
  722. currentFrame: number;
  723. onCurrentFrameChange: (frame: number) => void;
  724. onAnimationLimitChange: (limit: number) => void;
  725. dragKeyframe: (frame: number, index: number) => void;
  726. playPause: (direction: number) => void;
  727. isPlaying: boolean;
  728. animationLimit: number;
  729. fps: number;
  730. }
  731. export class Timeline extends React.Component<ITimelineProps, {
  732. selected: IAnimationKey;
  733. activeKeyframe: number | null;
  734. start: number;
  735. end: number;
  736. scrollWidth: number | undefined;
  737. selectionLength: number[];
  738. }> {
  739. readonly _frames: object[];
  740. private _scrollable;
  741. private _scrollbarHandle;
  742. private _scrollContainer;
  743. private _direction;
  744. private _scrolling;
  745. private _shiftX;
  746. private _active;
  747. constructor(props: ITimelineProps);
  748. componentDidMount(): void;
  749. calculateScrollWidth(start: number, end: number): number | undefined;
  750. playBackwards(event: React.MouseEvent<HTMLDivElement>): void;
  751. play(event: React.MouseEvent<HTMLDivElement>): void;
  752. pause(event: React.MouseEvent<HTMLDivElement>): void;
  753. handleInputChange(event: React.ChangeEvent<HTMLInputElement>): void;
  754. setCurrentFrame(event: React.MouseEvent<HTMLDivElement>): void;
  755. handleLimitChange(event: React.ChangeEvent<HTMLInputElement>): void;
  756. nextFrame(event: React.MouseEvent<HTMLDivElement>): void;
  757. previousFrame(event: React.MouseEvent<HTMLDivElement>): void;
  758. nextKeyframe(event: React.MouseEvent<HTMLDivElement>): void;
  759. previousKeyframe(event: React.MouseEvent<HTMLDivElement>): void;
  760. dragStart(e: React.TouchEvent<SVGSVGElement>): void;
  761. dragStart(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  762. drag(e: React.TouchEvent<SVGSVGElement>): void;
  763. drag(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  764. isFrameBeingUsed(frame: number, direction: number): number | false;
  765. dragEnd(e: React.TouchEvent<SVGSVGElement>): void;
  766. dragEnd(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  767. scrollDragStart(e: React.TouchEvent<HTMLDivElement>): void;
  768. scrollDragStart(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  769. scrollDrag(e: React.TouchEvent<HTMLDivElement>): void;
  770. scrollDrag(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  771. scrollDragEnd(e: React.TouchEvent<HTMLDivElement>): void;
  772. scrollDragEnd(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  773. moveScrollbar(pageX: number): void;
  774. resizeScrollbarRight(clientX: number): void;
  775. resizeScrollbarLeft(clientX: number): void;
  776. range(start: number, end: number): number[];
  777. getKeyframe(frame: number): false | IAnimationKey | undefined;
  778. getCurrentFrame(frame: number): boolean;
  779. render(): JSX.Element;
  780. }
  781. }
  782. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/notification" {
  783. import * as React from "react";
  784. interface IPlayheadProps {
  785. message: string;
  786. open: boolean;
  787. close: () => void;
  788. }
  789. export class Notification extends React.Component<IPlayheadProps> {
  790. constructor(props: IPlayheadProps);
  791. render(): JSX.Element;
  792. }
  793. }
  794. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/graphActionsBar" {
  795. import * as React from 'react';
  796. interface IGraphActionsBarProps {
  797. addKeyframe: () => void;
  798. removeKeyframe: () => void;
  799. handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
  800. handleFrameChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
  801. flatTangent: () => void;
  802. brokeTangents: () => void;
  803. setLerpMode: () => void;
  804. brokenMode: boolean;
  805. lerpMode: boolean;
  806. currentValue: number;
  807. currentFrame: number;
  808. title: string;
  809. close: (event: any) => void;
  810. enabled: boolean;
  811. }
  812. export class GraphActionsBar extends React.Component<IGraphActionsBarProps> {
  813. constructor(props: IGraphActionsBarProps);
  814. render(): JSX.Element;
  815. }
  816. }
  817. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/addAnimation" {
  818. import * as React from 'react';
  819. import { Observable } from 'babylonjs/Misc/observable';
  820. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  821. import { Animation } from 'babylonjs/Animations/animation';
  822. import { IAnimatable } from 'babylonjs/Animations/animatable.interface';
  823. interface IAddAnimationProps {
  824. isOpen: boolean;
  825. close: () => void;
  826. entity: IAnimatable;
  827. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  828. setNotificationMessage: (message: string) => void;
  829. finishedUpdate: () => void;
  830. addedNewAnimation: () => void;
  831. fps: number;
  832. selectedToUpdate?: Animation | undefined;
  833. }
  834. export class AddAnimation extends React.Component<IAddAnimationProps, {
  835. animationName: string;
  836. animationTargetProperty: string;
  837. animationType: number;
  838. loopMode: number;
  839. animationTargetPath: string;
  840. isUpdating: boolean;
  841. }> {
  842. constructor(props: IAddAnimationProps);
  843. setInitialState(editingAnimation?: Animation): {
  844. animationName: string;
  845. animationTargetPath: string;
  846. animationType: number;
  847. loopMode: number;
  848. animationTargetProperty: string;
  849. isUpdating: boolean;
  850. };
  851. componentWillReceiveProps(nextProps: IAddAnimationProps): void;
  852. updateAnimation(): void;
  853. getTypeAsString(type: number): "Float" | "Quaternion" | "Vector3" | "Vector2" | "Size" | "Color3" | "Color4";
  854. addAnimation(): void;
  855. raiseOnPropertyChanged(newValue: Animation[], previousValue: Animation[]): void;
  856. raiseOnPropertyUpdated(newValue: string | number | undefined, previousValue: string | number, property: string): void;
  857. handleNameChange(event: React.ChangeEvent<HTMLInputElement>): void;
  858. handlePathChange(event: React.ChangeEvent<HTMLInputElement>): void;
  859. handleTypeChange(event: React.ChangeEvent<HTMLSelectElement>): void;
  860. handlePropertyChange(event: React.ChangeEvent<HTMLInputElement>): void;
  861. handleLoopModeChange(event: React.ChangeEvent<HTMLSelectElement>): void;
  862. render(): JSX.Element;
  863. }
  864. }
  865. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/animationListTree" {
  866. import * as React from 'react';
  867. import { IAnimatable } from 'babylonjs/Animations/animatable.interface';
  868. import { TargetedAnimation } from 'babylonjs/Animations/animationGroup';
  869. import { Observable } from 'babylonjs/Misc/observable';
  870. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  871. import { Animation } from 'babylonjs/Animations/animation';
  872. interface IAnimationListTreeProps {
  873. isTargetedAnimation: boolean;
  874. entity: IAnimatable | TargetedAnimation;
  875. selected: Animation | null;
  876. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  877. selectAnimation: (selected: Animation, coordinate?: SelectedCoordinate) => void;
  878. empty: () => void;
  879. editAnimation: (selected: Animation) => void;
  880. deselectAnimation: () => void;
  881. }
  882. interface Item {
  883. index: number;
  884. name: string;
  885. property: string;
  886. selected: boolean;
  887. open: boolean;
  888. }
  889. export enum SelectedCoordinate {
  890. x = 0,
  891. y = 1,
  892. z = 2,
  893. w = 3,
  894. r = 0,
  895. g = 1,
  896. b = 2,
  897. a = 3,
  898. width = 0,
  899. height = 1
  900. }
  901. export class AnimationListTree extends React.Component<IAnimationListTreeProps, {
  902. selectedCoordinate: SelectedCoordinate;
  903. selectedAnimation: number;
  904. }> {
  905. private _list;
  906. constructor(props: IAnimationListTreeProps);
  907. deleteAnimation(): void;
  908. generateList(): Item[] | null;
  909. toggleProperty(index: number): void;
  910. setSelectedCoordinate(animation: Animation, coordinate: SelectedCoordinate, index: number): void;
  911. setListItem(animation: Animation, i: number): JSX.Element | null;
  912. render(): JSX.Element;
  913. }
  914. }
  915. declare module "babylonjs-inspector/components/actionTabs/lines/fileButtonLineComponent" {
  916. import * as React from "react";
  917. interface IFileButtonLineComponentProps {
  918. label: string;
  919. onClick: (file: File) => void;
  920. accept: string;
  921. }
  922. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  923. private static _IDGenerator;
  924. private _id;
  925. private uploadInputRef;
  926. constructor(props: IFileButtonLineComponentProps);
  927. onChange(evt: any): void;
  928. render(): JSX.Element;
  929. }
  930. }
  931. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/loadsnippet" {
  932. import * as React from 'react';
  933. import { Observable } from 'babylonjs/Misc/observable';
  934. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  935. import { Animation } from 'babylonjs/Animations/animation';
  936. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  937. import { GlobalState } from "babylonjs-inspector/components/globalState";
  938. import { IAnimatable } from 'babylonjs/Animations/animatable.interface';
  939. import { TargetedAnimation } from 'babylonjs/Animations/animationGroup';
  940. interface ILoadSnippetProps {
  941. animations: Animation[];
  942. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  943. lockObject: LockObject;
  944. globalState: GlobalState;
  945. snippetServer: string;
  946. setSnippetId: (id: string) => void;
  947. entity: IAnimatable | TargetedAnimation;
  948. setNotificationMessage: (message: string) => void;
  949. animationsLoaded: (numberOfAnimations: number) => void;
  950. }
  951. export class LoadSnippet extends React.Component<ILoadSnippetProps, {
  952. snippetId: string;
  953. }> {
  954. private _serverAddress;
  955. constructor(props: ILoadSnippetProps);
  956. change(value: string): void;
  957. loadFromFile(file: File): void;
  958. loadFromSnippet(): void;
  959. render(): JSX.Element;
  960. }
  961. }
  962. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/saveSnippet" {
  963. import * as React from 'react';
  964. import { Observable } from 'babylonjs/Misc/observable';
  965. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  966. import { Animation } from 'babylonjs/Animations/animation';
  967. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  968. import { Nullable } from 'babylonjs/types';
  969. import { GlobalState } from "babylonjs-inspector/components/globalState";
  970. interface ISaveSnippetProps {
  971. animations: Nullable<Animation[]>;
  972. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  973. lockObject: LockObject;
  974. globalState: GlobalState;
  975. snippetServer: string;
  976. snippetId: string;
  977. }
  978. export interface Snippet {
  979. url: string;
  980. id: string;
  981. }
  982. interface SelectedAnimation {
  983. id: string;
  984. name: string;
  985. index: number;
  986. selected: boolean;
  987. }
  988. export class SaveSnippet extends React.Component<ISaveSnippetProps, {
  989. selectedAnimations: SelectedAnimation[];
  990. }> {
  991. constructor(props: ISaveSnippetProps);
  992. handleCheckboxChange(e: React.ChangeEvent<HTMLInputElement>): void;
  993. stringifySelectedAnimations(): string;
  994. saveToFile(): void;
  995. saveToSnippet(): void;
  996. render(): JSX.Element;
  997. }
  998. }
  999. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/editorControls" {
  1000. import * as React from 'react';
  1001. import { Observable } from 'babylonjs/Misc/observable';
  1002. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1003. import { Animation } from 'babylonjs/Animations/animation';
  1004. import { SelectedCoordinate } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/animationListTree";
  1005. import { IAnimatable } from 'babylonjs/Animations/animatable.interface';
  1006. import { TargetedAnimation } from 'babylonjs/Animations/animationGroup';
  1007. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1008. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1009. interface IEditorControlsProps {
  1010. isTargetedAnimation: boolean;
  1011. entity: IAnimatable | TargetedAnimation;
  1012. selected: Animation | null;
  1013. lockObject: LockObject;
  1014. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1015. setNotificationMessage: (message: string) => void;
  1016. selectAnimation: (selected: Animation, axis?: SelectedCoordinate) => void;
  1017. setFps: (fps: number) => void;
  1018. globalState: GlobalState;
  1019. snippetServer: string;
  1020. deselectAnimation: () => void;
  1021. }
  1022. export class EditorControls extends React.Component<IEditorControlsProps, {
  1023. isAnimationTabOpen: boolean;
  1024. isEditTabOpen: boolean;
  1025. isLoadTabOpen: boolean;
  1026. isSaveTabOpen: boolean;
  1027. isLoopActive: boolean;
  1028. animationsCount: number;
  1029. framesPerSecond: number;
  1030. snippetId: string;
  1031. loopMode: number;
  1032. selected: Animation | undefined;
  1033. }> {
  1034. constructor(props: IEditorControlsProps);
  1035. animationAdded(): void;
  1036. finishedUpdate(): void;
  1037. recountAnimations(): number;
  1038. changeLoopBehavior(): void;
  1039. handleTabs(tab: number): void;
  1040. handleChangeFps(fps: number): void;
  1041. emptiedList(): void;
  1042. animationsLoaded(numberOfAnimations: number): void;
  1043. editAnimation(selected: Animation): void;
  1044. render(): JSX.Element;
  1045. }
  1046. }
  1047. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/animationCurveEditorComponent" {
  1048. import * as React from 'react';
  1049. import { Animation } from 'babylonjs/Animations/animation';
  1050. import { Vector2, Vector3, Quaternion } from 'babylonjs/Maths/math.vector';
  1051. import { Color3, Color4 } from 'babylonjs/Maths/math.color';
  1052. import { Size } from 'babylonjs/Maths/math.size';
  1053. import { EasingFunction } from 'babylonjs/Animations/easing';
  1054. import { IAnimationKey } from 'babylonjs/Animations/animationKey';
  1055. import { IKeyframeSvgPoint } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/keyframeSvgPoint";
  1056. import { Scene } from 'babylonjs/scene';
  1057. import { IAnimatable } from 'babylonjs/Animations/animatable.interface';
  1058. import { TargetedAnimation } from 'babylonjs/Animations/animationGroup';
  1059. import { SelectedCoordinate } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/animationListTree";
  1060. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1061. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1062. interface IAnimationCurveEditorComponentProps {
  1063. close: (event: any) => void;
  1064. playOrPause?: () => void;
  1065. scene: Scene;
  1066. entity: IAnimatable | TargetedAnimation;
  1067. lockObject: LockObject;
  1068. globalState: GlobalState;
  1069. }
  1070. interface ICanvasAxis {
  1071. value: number;
  1072. label: number;
  1073. }
  1074. interface ICurveData {
  1075. pathData: string;
  1076. pathLength: number;
  1077. domCurve: React.RefObject<SVGPathElement>;
  1078. color: string;
  1079. id: string;
  1080. }
  1081. export class AnimationCurveEditorComponent extends React.Component<IAnimationCurveEditorComponentProps, {
  1082. isOpen: boolean;
  1083. selected: Animation | null;
  1084. svgKeyframes: IKeyframeSvgPoint[] | undefined;
  1085. currentFrame: number;
  1086. currentValue: number;
  1087. frameAxisLength: ICanvasAxis[];
  1088. valueAxisLength: ICanvasAxis[];
  1089. isFlatTangentMode: boolean;
  1090. isTangentMode: boolean;
  1091. isBrokenMode: boolean;
  1092. lerpMode: boolean;
  1093. scale: number;
  1094. playheadOffset: number;
  1095. notification: string;
  1096. currentPoint: SVGPoint | undefined;
  1097. playheadPos: number;
  1098. isPlaying: boolean;
  1099. selectedPathData: ICurveData[] | undefined;
  1100. selectedCoordinate: number;
  1101. animationLimit: number;
  1102. fps: number;
  1103. }> {
  1104. private _snippetUrl;
  1105. private _heightScale;
  1106. readonly _entityName: string;
  1107. readonly _canvasLength: number;
  1108. private _svgKeyframes;
  1109. private _isPlaying;
  1110. private _graphCanvas;
  1111. private _svgCanvas;
  1112. private _isTargetedAnimation;
  1113. private _pixelFrameUnit;
  1114. private _onBeforeRenderObserver;
  1115. private _mainAnimatable;
  1116. constructor(props: IAnimationCurveEditorComponentProps);
  1117. componentDidMount(): void;
  1118. /**
  1119. * Notifications
  1120. * To add notification we set the state and clear to make the notification bar hide.
  1121. */
  1122. clearNotification(): void;
  1123. /**
  1124. * Zoom and Scroll
  1125. * This section handles zoom and scroll
  1126. * of the graph area.
  1127. */
  1128. zoom(e: React.WheelEvent<HTMLDivElement>): void;
  1129. setAxesLength(): void;
  1130. getValueLabel(i: number): number;
  1131. resetPlayheadOffset(): void;
  1132. /**
  1133. * Keyframe Manipulation
  1134. * This section handles events from SvgDraggableArea.
  1135. */
  1136. selectKeyframe(id: string, multiselect: boolean): void;
  1137. selectedControlPoint(type: string, id: string): void;
  1138. deselectKeyframes(): void;
  1139. updateValuePerCoordinate(dataType: number, value: number | Vector2 | Vector3 | Color3 | Color4 | Size | Quaternion, newValue: number, coordinate?: number): number | Vector3 | Quaternion | Color3 | Color4 | Vector2 | Size;
  1140. renderPoints(updatedSvgKeyFrame: IKeyframeSvgPoint, id: string): void;
  1141. /**
  1142. * Actions
  1143. * This section handles events from GraphActionsBar.
  1144. */
  1145. handleFrameChange(event: React.ChangeEvent<HTMLInputElement>): void;
  1146. handleValueChange(event: React.ChangeEvent<HTMLInputElement>): void;
  1147. setFlatTangent(): void;
  1148. setTangentMode(): void;
  1149. setBrokenMode(): void;
  1150. setLerpMode(): void;
  1151. addKeyframeClick(): void;
  1152. removeKeyframeClick(): void;
  1153. removeKeyframes(points: IKeyframeSvgPoint[]): void;
  1154. addKeyFrame(event: React.MouseEvent<SVGSVGElement>): void;
  1155. /**
  1156. * Curve Rendering Functions
  1157. * This section handles how to render curves.
  1158. */
  1159. linearInterpolation(keyframes: IAnimationKey[], data: string, middle: number): string;
  1160. setKeyframePointLinear(point: Vector2, index: number): void;
  1161. flatTangents(keyframes: IAnimationKey[], dataType: number): IAnimationKey[];
  1162. returnZero(dataType: number): number | Vector3 | Quaternion | Color3 | Color4 | Vector2 | Size | undefined;
  1163. getValueAsArray(valueType: number, value: number | Vector2 | Vector3 | Color3 | Color4 | Size | Quaternion): number[];
  1164. getPathData(animation: Animation | null): ICurveData[] | undefined;
  1165. getAnimationData(animation: Animation): {
  1166. loopMode: number | undefined;
  1167. name: string;
  1168. blendingSpeed: number;
  1169. targetPropertyPath: string[];
  1170. targetProperty: string;
  1171. framesPerSecond: number;
  1172. highestFrame: number;
  1173. usesTangents: boolean;
  1174. easingType: string | undefined;
  1175. easingMode: number | undefined;
  1176. valueType: number;
  1177. };
  1178. curvePathWithTangents(keyframes: IAnimationKey[], data: string, middle: number, type: number, coordinate: number, animationName: string): string;
  1179. curvePath(keyframes: IAnimationKey[], data: string, middle: number, easingFunction: EasingFunction): string;
  1180. setKeyframePoint(controlPoints: Vector2[], index: number, keyframesCount: number): void;
  1181. interpolateControlPoints(p0: Vector2, p1: Vector2, u: number, p2: Vector2, v: number, p3: Vector2): Vector2[] | undefined;
  1182. deselectAnimation(): void;
  1183. /**
  1184. * Core functions
  1185. * This section handles main Curve Editor Functions.
  1186. */
  1187. selectAnimation(animation: Animation, coordinate?: SelectedCoordinate): void;
  1188. isAnimationPlaying(): boolean;
  1189. playStopAnimation(): boolean;
  1190. analizeAnimationForLerp(animation: Animation | null): boolean;
  1191. /**
  1192. * Timeline
  1193. * This section controls the timeline.
  1194. */
  1195. changeCurrentFrame(frame: number): void;
  1196. changeAnimationLimit(limit: number): void;
  1197. updateFrameInKeyFrame(frame: number, index: number): void;
  1198. playPause(direction: number): void;
  1199. moveFrameTo(e: React.MouseEvent<SVGRectElement, MouseEvent>): void;
  1200. registerObs(): void;
  1201. componentWillUnmount(): void;
  1202. isCurrentFrame(frame: number): boolean;
  1203. render(): JSX.Element;
  1204. }
  1205. }
  1206. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/popupComponent" {
  1207. import * as React from "react";
  1208. interface IPopupComponentProps {
  1209. id: string;
  1210. title: string;
  1211. size: {
  1212. width: number;
  1213. height: number;
  1214. };
  1215. onOpen: (window: Window) => void;
  1216. onClose: (window: Window) => void;
  1217. }
  1218. export class PopupComponent extends React.Component<IPopupComponentProps, {
  1219. isComponentMounted: boolean;
  1220. blockedByBrowser: boolean;
  1221. }> {
  1222. private _container;
  1223. private _window;
  1224. constructor(props: IPopupComponentProps);
  1225. componentDidMount(): void;
  1226. openPopup(): void;
  1227. componentWillUnmount(): void;
  1228. render(): React.ReactPortal | null;
  1229. }
  1230. }
  1231. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/animationPropertyGridComponent" {
  1232. import * as React from 'react';
  1233. import { Observable } from 'babylonjs/Misc/observable';
  1234. import { Scene } from 'babylonjs/scene';
  1235. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1236. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1237. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1238. import { IAnimatable } from 'babylonjs/Animations/animatable.interface';
  1239. interface IAnimationGridComponentProps {
  1240. globalState: GlobalState;
  1241. animatable: IAnimatable;
  1242. scene: Scene;
  1243. lockObject: LockObject;
  1244. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1245. }
  1246. export class AnimationGridComponent extends React.Component<IAnimationGridComponentProps, {
  1247. currentFrame: number;
  1248. }> {
  1249. private _animations;
  1250. private _ranges;
  1251. private _mainAnimatable;
  1252. private _onBeforeRenderObserver;
  1253. private _isPlaying;
  1254. private timelineRef;
  1255. private _isCurveEditorOpen;
  1256. private _animationControl;
  1257. constructor(props: IAnimationGridComponentProps);
  1258. playOrPause(): void;
  1259. componentDidMount(): void;
  1260. componentWillUnmount(): void;
  1261. onCurrentFrameChange(value: number): void;
  1262. onChangeFromOrTo(): void;
  1263. onOpenAnimationCurveEditor(): void;
  1264. onCloseAnimationCurveEditor(window: Window | null): void;
  1265. render(): JSX.Element;
  1266. }
  1267. }
  1268. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/commonMaterialPropertyGridComponent" {
  1269. import * as React from "react";
  1270. import { Observable } from "babylonjs/Misc/observable";
  1271. import { Material } from "babylonjs/Materials/material";
  1272. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1273. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1274. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1275. interface ICommonMaterialPropertyGridComponentProps {
  1276. globalState: GlobalState;
  1277. material: Material;
  1278. lockObject: LockObject;
  1279. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1280. }
  1281. export class CommonMaterialPropertyGridComponent extends React.Component<ICommonMaterialPropertyGridComponentProps> {
  1282. constructor(props: ICommonMaterialPropertyGridComponentProps);
  1283. render(): JSX.Element;
  1284. }
  1285. }
  1286. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/materialPropertyGridComponent" {
  1287. import * as React from "react";
  1288. import { Observable } from "babylonjs/Misc/observable";
  1289. import { Material } from "babylonjs/Materials/material";
  1290. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1291. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1292. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1293. interface IMaterialPropertyGridComponentProps {
  1294. globalState: GlobalState;
  1295. material: Material;
  1296. lockObject: LockObject;
  1297. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1298. }
  1299. export class MaterialPropertyGridComponent extends React.Component<IMaterialPropertyGridComponentProps> {
  1300. constructor(props: IMaterialPropertyGridComponentProps);
  1301. render(): JSX.Element;
  1302. }
  1303. }
  1304. declare module "babylonjs-inspector/components/actionTabs/lines/textureLinkLineComponent" {
  1305. import * as React from "react";
  1306. import { Nullable } from "babylonjs/types";
  1307. import { Observable } from "babylonjs/Misc/observable";
  1308. import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
  1309. import { Material } from "babylonjs/Materials/material";
  1310. export interface ITextureLinkLineComponentProps {
  1311. label: string;
  1312. texture: Nullable<BaseTexture>;
  1313. material?: Material;
  1314. onSelectionChangedObservable?: Observable<any>;
  1315. onDebugSelectionChangeObservable?: Observable<TextureLinkLineComponent>;
  1316. propertyName?: string;
  1317. onTextureCreated?: (texture: BaseTexture) => void;
  1318. customDebugAction?: (state: boolean) => void;
  1319. onTextureRemoved?: () => void;
  1320. }
  1321. export class TextureLinkLineComponent extends React.Component<ITextureLinkLineComponentProps, {
  1322. isDebugSelected: boolean;
  1323. }> {
  1324. private _onDebugSelectionChangeObserver;
  1325. constructor(props: ITextureLinkLineComponentProps);
  1326. componentDidMount(): void;
  1327. componentWillUnmount(): void;
  1328. debugTexture(): void;
  1329. onLink(): void;
  1330. updateTexture(file: File): void;
  1331. removeTexture(): void;
  1332. render(): JSX.Element | null;
  1333. }
  1334. }
  1335. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/standardMaterialPropertyGridComponent" {
  1336. import * as React from "react";
  1337. import { Observable } from "babylonjs/Misc/observable";
  1338. import { StandardMaterial } from "babylonjs/Materials/standardMaterial";
  1339. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1340. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1341. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1342. interface IStandardMaterialPropertyGridComponentProps {
  1343. globalState: GlobalState;
  1344. material: StandardMaterial;
  1345. lockObject: LockObject;
  1346. onSelectionChangedObservable?: Observable<any>;
  1347. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1348. }
  1349. export class StandardMaterialPropertyGridComponent extends React.Component<IStandardMaterialPropertyGridComponentProps> {
  1350. private _onDebugSelectionChangeObservable;
  1351. constructor(props: IStandardMaterialPropertyGridComponentProps);
  1352. renderTextures(): JSX.Element;
  1353. render(): JSX.Element;
  1354. }
  1355. }
  1356. declare module "babylonjs-inspector/textureHelper" {
  1357. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1358. import { BaseTexture } from 'babylonjs/Materials/Textures/baseTexture';
  1359. export enum TextureChannelToDisplay {
  1360. R = 0,
  1361. G = 1,
  1362. B = 2,
  1363. A = 3,
  1364. All = 4
  1365. }
  1366. export class TextureHelper {
  1367. private static _ProcessAsync;
  1368. static GetTextureDataAsync(texture: BaseTexture, width: number, height: number, face: number, channel: TextureChannelToDisplay, globalState?: GlobalState): Promise<Uint8Array>;
  1369. }
  1370. }
  1371. declare module "babylonjs-inspector/components/actionTabs/lines/textureLineComponent" {
  1372. import * as React from "react";
  1373. import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
  1374. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1375. import { TextureChannelToDisplay } from "babylonjs-inspector/textureHelper";
  1376. interface ITextureLineComponentProps {
  1377. texture: BaseTexture;
  1378. width: number;
  1379. height: number;
  1380. globalState?: GlobalState;
  1381. hideChannelSelect?: boolean;
  1382. }
  1383. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  1384. channel: TextureChannelToDisplay;
  1385. face: number;
  1386. }> {
  1387. private canvasRef;
  1388. constructor(props: ITextureLineComponentProps);
  1389. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  1390. channel: TextureChannelToDisplay;
  1391. face: number;
  1392. }): boolean;
  1393. componentDidMount(): void;
  1394. componentDidUpdate(): void;
  1395. updatePreview(): void;
  1396. render(): JSX.Element;
  1397. }
  1398. }
  1399. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/texturePropertyGridComponent" {
  1400. import * as React from "react";
  1401. import { Observable } from "babylonjs/Misc/observable";
  1402. import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
  1403. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1404. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1405. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1406. interface ITexturePropertyGridComponentProps {
  1407. texture: BaseTexture;
  1408. lockObject: LockObject;
  1409. globalState: GlobalState;
  1410. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1411. }
  1412. export class TexturePropertyGridComponent extends React.Component<ITexturePropertyGridComponentProps> {
  1413. private _adtInstrumentation;
  1414. private textureLineRef;
  1415. constructor(props: ITexturePropertyGridComponentProps);
  1416. componentWillUnmount(): void;
  1417. updateTexture(file: File): void;
  1418. foreceRefresh(): void;
  1419. render(): JSX.Element;
  1420. }
  1421. }
  1422. declare module "babylonjs-inspector/components/actionTabs/lines/vector2LineComponent" {
  1423. import * as React from "react";
  1424. import { Vector2 } from "babylonjs/Maths/math.vector";
  1425. import { Observable } from "babylonjs/Misc/observable";
  1426. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1427. interface IVector2LineComponentProps {
  1428. label: string;
  1429. target: any;
  1430. propertyName: string;
  1431. step?: number;
  1432. onChange?: (newvalue: Vector2) => void;
  1433. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1434. }
  1435. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  1436. isExpanded: boolean;
  1437. value: Vector2;
  1438. }> {
  1439. static defaultProps: {
  1440. step: number;
  1441. };
  1442. private _localChange;
  1443. constructor(props: IVector2LineComponentProps);
  1444. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  1445. isExpanded: boolean;
  1446. value: Vector2;
  1447. }): boolean;
  1448. switchExpandState(): void;
  1449. raiseOnPropertyChanged(previousValue: Vector2): void;
  1450. updateStateX(value: number): void;
  1451. updateStateY(value: number): void;
  1452. render(): JSX.Element;
  1453. }
  1454. }
  1455. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/pbrMaterialPropertyGridComponent" {
  1456. import * as React from "react";
  1457. import { Observable } from "babylonjs/Misc/observable";
  1458. import { PBRMaterial } from "babylonjs/Materials/PBR/pbrMaterial";
  1459. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1460. import { TextureLinkLineComponent } from "babylonjs-inspector/components/actionTabs/lines/textureLinkLineComponent";
  1461. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1462. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1463. interface IPBRMaterialPropertyGridComponentProps {
  1464. globalState: GlobalState;
  1465. material: PBRMaterial;
  1466. lockObject: LockObject;
  1467. onSelectionChangedObservable?: Observable<any>;
  1468. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1469. }
  1470. export class PBRMaterialPropertyGridComponent extends React.Component<IPBRMaterialPropertyGridComponentProps> {
  1471. private _onDebugSelectionChangeObservable;
  1472. constructor(props: IPBRMaterialPropertyGridComponentProps);
  1473. switchAmbientMode(state: boolean): void;
  1474. switchMetallicMode(state: boolean): void;
  1475. switchRoughnessMode(state: boolean): void;
  1476. renderTextures(onDebugSelectionChangeObservable: Observable<TextureLinkLineComponent>): JSX.Element;
  1477. render(): JSX.Element;
  1478. }
  1479. }
  1480. declare module "babylonjs-inspector/components/actionTabs/lines/radioLineComponent" {
  1481. import * as React from "react";
  1482. import { Observable } from "babylonjs/Misc/observable";
  1483. interface IRadioButtonLineComponentProps {
  1484. onSelectionChangedObservable: Observable<RadioButtonLineComponent>;
  1485. label: string;
  1486. isSelected: () => boolean;
  1487. onSelect: () => void;
  1488. }
  1489. export class RadioButtonLineComponent extends React.Component<IRadioButtonLineComponentProps, {
  1490. isSelected: boolean;
  1491. }> {
  1492. private _onSelectionChangedObserver;
  1493. constructor(props: IRadioButtonLineComponentProps);
  1494. componentDidMount(): void;
  1495. componentWillUnmount(): void;
  1496. onChange(): void;
  1497. render(): JSX.Element;
  1498. }
  1499. }
  1500. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/fogPropertyGridComponent" {
  1501. import * as React from "react";
  1502. import { Observable } from "babylonjs/Misc/observable";
  1503. import { Scene } from "babylonjs/scene";
  1504. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1505. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1506. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1507. interface IFogPropertyGridComponentProps {
  1508. globalState: GlobalState;
  1509. scene: Scene;
  1510. lockObject: LockObject;
  1511. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1512. }
  1513. export class FogPropertyGridComponent extends React.Component<IFogPropertyGridComponentProps, {
  1514. mode: number;
  1515. }> {
  1516. constructor(props: IFogPropertyGridComponentProps);
  1517. render(): JSX.Element;
  1518. }
  1519. }
  1520. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/scenePropertyGridComponent" {
  1521. import * as React from "react";
  1522. import { Observable } from "babylonjs/Misc/observable";
  1523. import { Vector3 } from "babylonjs/Maths/math.vector";
  1524. import { Scene } from "babylonjs/scene";
  1525. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1526. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1527. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1528. interface IScenePropertyGridComponentProps {
  1529. globalState: GlobalState;
  1530. scene: Scene;
  1531. lockObject: LockObject;
  1532. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1533. onSelectionChangedObservable?: Observable<any>;
  1534. }
  1535. export class ScenePropertyGridComponent extends React.Component<IScenePropertyGridComponentProps> {
  1536. private _storedEnvironmentTexture;
  1537. private _renderingModeGroupObservable;
  1538. constructor(props: IScenePropertyGridComponentProps);
  1539. setRenderingModes(point: boolean, wireframe: boolean): void;
  1540. switchIBL(): void;
  1541. updateEnvironmentTexture(file: File): void;
  1542. updateGravity(newValue: Vector3): void;
  1543. updateTimeStep(newValue: number): void;
  1544. normalizeScene(): void;
  1545. render(): JSX.Element;
  1546. }
  1547. }
  1548. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lights/commonLightPropertyGridComponent" {
  1549. import * as React from "react";
  1550. import { Observable } from "babylonjs/Misc/observable";
  1551. import { Light } from "babylonjs/Lights/light";
  1552. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1553. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1554. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1555. interface ICommonLightPropertyGridComponentProps {
  1556. globalState: GlobalState;
  1557. light: Light;
  1558. lockObject: LockObject;
  1559. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1560. }
  1561. export class CommonLightPropertyGridComponent extends React.Component<ICommonLightPropertyGridComponentProps> {
  1562. constructor(props: ICommonLightPropertyGridComponentProps);
  1563. render(): JSX.Element;
  1564. }
  1565. }
  1566. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lights/hemisphericLightPropertyGridComponent" {
  1567. import * as React from "react";
  1568. import { Observable } from "babylonjs/Misc/observable";
  1569. import { HemisphericLight } from "babylonjs/Lights/hemisphericLight";
  1570. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1571. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1572. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1573. interface IHemisphericLightPropertyGridComponentProps {
  1574. globalState: GlobalState;
  1575. light: HemisphericLight;
  1576. lockObject: LockObject;
  1577. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1578. }
  1579. export class HemisphericLightPropertyGridComponent extends React.Component<IHemisphericLightPropertyGridComponentProps> {
  1580. constructor(props: IHemisphericLightPropertyGridComponentProps);
  1581. render(): JSX.Element;
  1582. }
  1583. }
  1584. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lights/commonShadowLightPropertyGridComponent" {
  1585. import * as React from "react";
  1586. import { Observable } from "babylonjs/Misc/observable";
  1587. import { IShadowLight } from "babylonjs/Lights/shadowLight";
  1588. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1589. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1590. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1591. interface ICommonShadowLightPropertyGridComponentProps {
  1592. globalState: GlobalState;
  1593. light: IShadowLight;
  1594. lockObject: LockObject;
  1595. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1596. }
  1597. export class CommonShadowLightPropertyGridComponent extends React.Component<ICommonShadowLightPropertyGridComponentProps> {
  1598. private _internals;
  1599. constructor(props: ICommonShadowLightPropertyGridComponentProps);
  1600. createShadowGenerator(): void;
  1601. disposeShadowGenerator(): void;
  1602. render(): JSX.Element;
  1603. }
  1604. }
  1605. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lights/pointLightPropertyGridComponent" {
  1606. import * as React from "react";
  1607. import { Observable } from "babylonjs/Misc/observable";
  1608. import { PointLight } from "babylonjs/Lights/pointLight";
  1609. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1610. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1611. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1612. interface IPointLightPropertyGridComponentProps {
  1613. globalState: GlobalState;
  1614. light: PointLight;
  1615. lockObject: LockObject;
  1616. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1617. }
  1618. export class PointLightPropertyGridComponent extends React.Component<IPointLightPropertyGridComponentProps> {
  1619. constructor(props: IPointLightPropertyGridComponentProps);
  1620. render(): JSX.Element;
  1621. }
  1622. }
  1623. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/cameras/commonCameraPropertyGridComponent" {
  1624. import * as React from "react";
  1625. import { Camera } from "babylonjs/Cameras/camera";
  1626. import { Observable } from "babylonjs/Misc/observable";
  1627. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1628. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1629. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1630. interface ICommonCameraPropertyGridComponentProps {
  1631. globalState: GlobalState;
  1632. camera: Camera;
  1633. lockObject: LockObject;
  1634. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1635. }
  1636. export class CommonCameraPropertyGridComponent extends React.Component<ICommonCameraPropertyGridComponentProps, {
  1637. mode: number;
  1638. }> {
  1639. constructor(props: ICommonCameraPropertyGridComponentProps);
  1640. render(): JSX.Element;
  1641. }
  1642. }
  1643. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/cameras/freeCameraPropertyGridComponent" {
  1644. import * as React from "react";
  1645. import { FreeCamera } from "babylonjs/Cameras/freeCamera";
  1646. import { Observable } from "babylonjs/Misc/observable";
  1647. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1648. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1649. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1650. interface IFreeCameraPropertyGridComponentProps {
  1651. globalState: GlobalState;
  1652. camera: FreeCamera;
  1653. lockObject: LockObject;
  1654. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1655. }
  1656. export class FreeCameraPropertyGridComponent extends React.Component<IFreeCameraPropertyGridComponentProps> {
  1657. constructor(props: IFreeCameraPropertyGridComponentProps);
  1658. render(): JSX.Element;
  1659. }
  1660. }
  1661. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/cameras/arcRotateCameraPropertyGridComponent" {
  1662. import * as React from "react";
  1663. import { ArcRotateCamera } from "babylonjs/Cameras/arcRotateCamera";
  1664. import { Observable } from "babylonjs/Misc/observable";
  1665. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1666. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1667. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1668. interface IArcRotateCameraPropertyGridComponentProps {
  1669. globalState: GlobalState;
  1670. camera: ArcRotateCamera;
  1671. lockObject: LockObject;
  1672. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1673. }
  1674. export class ArcRotateCameraPropertyGridComponent extends React.Component<IArcRotateCameraPropertyGridComponentProps> {
  1675. constructor(props: IArcRotateCameraPropertyGridComponentProps);
  1676. render(): JSX.Element;
  1677. }
  1678. }
  1679. declare module "babylonjs-inspector/components/actionTabs/lines/indentedTextLineComponent" {
  1680. import * as React from "react";
  1681. interface IIndentedTextLineComponentProps {
  1682. value?: string;
  1683. color?: string;
  1684. underline?: boolean;
  1685. onLink?: () => void;
  1686. url?: string;
  1687. additionalClass?: string;
  1688. }
  1689. export class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
  1690. constructor(props: IIndentedTextLineComponentProps);
  1691. onLink(): void;
  1692. renderContent(): JSX.Element;
  1693. render(): JSX.Element;
  1694. }
  1695. }
  1696. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/commonPropertyGridComponent" {
  1697. import * as React from "react";
  1698. import { Observable } from "babylonjs/Misc/observable";
  1699. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1700. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1701. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1702. interface ICommonPropertyGridComponentProps {
  1703. globalState: GlobalState;
  1704. host: {
  1705. metadata: any;
  1706. };
  1707. lockObject: LockObject;
  1708. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1709. }
  1710. export class CommonPropertyGridComponent extends React.Component<ICommonPropertyGridComponentProps> {
  1711. constructor(props: ICommonPropertyGridComponentProps);
  1712. renderLevel(jsonObject: any): JSX.Element[];
  1713. render(): JSX.Element | null;
  1714. }
  1715. }
  1716. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/variantsPropertyGridComponent" {
  1717. import * as React from "react";
  1718. import { Observable } from "babylonjs/Misc/observable";
  1719. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1720. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1721. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1722. interface IVariantsPropertyGridComponentProps {
  1723. globalState: GlobalState;
  1724. host: any;
  1725. lockObject: LockObject;
  1726. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1727. }
  1728. export class VariantsPropertyGridComponent extends React.Component<IVariantsPropertyGridComponentProps> {
  1729. private _selectedTags;
  1730. constructor(props: IVariantsPropertyGridComponentProps);
  1731. render(): JSX.Element | null;
  1732. }
  1733. }
  1734. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/meshes/meshPropertyGridComponent" {
  1735. import * as React from "react";
  1736. import { Observable } from "babylonjs/Misc/observable";
  1737. import { Mesh } from "babylonjs/Meshes/mesh";
  1738. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1739. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1740. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1741. interface IMeshPropertyGridComponentProps {
  1742. globalState: GlobalState;
  1743. mesh: Mesh;
  1744. lockObject: LockObject;
  1745. onSelectionChangedObservable?: Observable<any>;
  1746. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1747. }
  1748. export class MeshPropertyGridComponent extends React.Component<IMeshPropertyGridComponentProps, {
  1749. displayNormals: boolean;
  1750. displayVertexColors: boolean;
  1751. }> {
  1752. constructor(props: IMeshPropertyGridComponentProps);
  1753. renderWireframeOver(): void;
  1754. renderNormalVectors(): void;
  1755. displayNormals(): void;
  1756. displayVertexColors(): void;
  1757. onMaterialLink(): void;
  1758. onSourceMeshLink(): void;
  1759. onSkeletonLink(): void;
  1760. convertPhysicsTypeToString(): string;
  1761. render(): JSX.Element;
  1762. }
  1763. }
  1764. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/meshes/transformNodePropertyGridComponent" {
  1765. import * as React from "react";
  1766. import { TransformNode } from "babylonjs/Meshes/transformNode";
  1767. import { Observable } from "babylonjs/Misc/observable";
  1768. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1769. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1770. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1771. interface ITransformNodePropertyGridComponentProps {
  1772. globalState: GlobalState;
  1773. transformNode: TransformNode;
  1774. lockObject: LockObject;
  1775. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1776. }
  1777. export class TransformNodePropertyGridComponent extends React.Component<ITransformNodePropertyGridComponentProps> {
  1778. constructor(props: ITransformNodePropertyGridComponentProps);
  1779. render(): JSX.Element;
  1780. }
  1781. }
  1782. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/backgroundMaterialPropertyGridComponent" {
  1783. import * as React from "react";
  1784. import { Observable } from "babylonjs/Misc/observable";
  1785. import { BackgroundMaterial } from "babylonjs/Materials/Background/backgroundMaterial";
  1786. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1787. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1788. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1789. interface IBackgroundMaterialPropertyGridComponentProps {
  1790. globalState: GlobalState;
  1791. material: BackgroundMaterial;
  1792. lockObject: LockObject;
  1793. onSelectionChangedObservable?: Observable<any>;
  1794. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1795. }
  1796. export class BackgroundMaterialPropertyGridComponent extends React.Component<IBackgroundMaterialPropertyGridComponentProps> {
  1797. private _onDebugSelectionChangeObservable;
  1798. constructor(props: IBackgroundMaterialPropertyGridComponentProps);
  1799. renderTextures(): JSX.Element;
  1800. render(): JSX.Element;
  1801. }
  1802. }
  1803. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/commonControlPropertyGridComponent" {
  1804. import * as React from "react";
  1805. import { Observable } from "babylonjs/Misc/observable";
  1806. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1807. import { Control } from "babylonjs-gui/2D/controls/control";
  1808. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1809. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1810. interface ICommonControlPropertyGridComponentProps {
  1811. globalState: GlobalState;
  1812. control: Control;
  1813. lockObject: LockObject;
  1814. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1815. }
  1816. export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
  1817. constructor(props: ICommonControlPropertyGridComponentProps);
  1818. renderGridInformation(): JSX.Element | null;
  1819. render(): JSX.Element;
  1820. }
  1821. }
  1822. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/controlPropertyGridComponent" {
  1823. import * as React from "react";
  1824. import { Observable } from "babylonjs/Misc/observable";
  1825. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1826. import { Control } from "babylonjs-gui/2D/controls/control";
  1827. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1828. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1829. interface IControlPropertyGridComponentProps {
  1830. globalState: GlobalState;
  1831. control: Control;
  1832. lockObject: LockObject;
  1833. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1834. }
  1835. export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
  1836. constructor(props: IControlPropertyGridComponentProps);
  1837. render(): JSX.Element;
  1838. }
  1839. }
  1840. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/textBlockPropertyGridComponent" {
  1841. import * as React from "react";
  1842. import { Observable } from "babylonjs/Misc/observable";
  1843. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1844. import { TextBlock } from "babylonjs-gui/2D/controls/textBlock";
  1845. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1846. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1847. interface ITextBlockPropertyGridComponentProps {
  1848. globalState: GlobalState;
  1849. textBlock: TextBlock;
  1850. lockObject: LockObject;
  1851. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1852. }
  1853. export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
  1854. constructor(props: ITextBlockPropertyGridComponentProps);
  1855. render(): JSX.Element;
  1856. }
  1857. }
  1858. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/inputTextPropertyGridComponent" {
  1859. import * as React from "react";
  1860. import { Observable } from "babylonjs/Misc/observable";
  1861. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1862. import { InputText } from "babylonjs-gui/2D/controls/inputText";
  1863. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1864. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1865. interface IInputTextPropertyGridComponentProps {
  1866. globalState: GlobalState;
  1867. inputText: InputText;
  1868. lockObject: LockObject;
  1869. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1870. }
  1871. export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
  1872. constructor(props: IInputTextPropertyGridComponentProps);
  1873. render(): JSX.Element;
  1874. }
  1875. }
  1876. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/colorPickerPropertyGridComponent" {
  1877. import * as React from "react";
  1878. import { Observable } from "babylonjs/Misc/observable";
  1879. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1880. import { ColorPicker } from "babylonjs-gui/2D/controls/colorpicker";
  1881. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1882. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1883. interface IColorPickerPropertyGridComponentProps {
  1884. globalState: GlobalState;
  1885. colorPicker: ColorPicker;
  1886. lockObject: LockObject;
  1887. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1888. }
  1889. export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
  1890. constructor(props: IColorPickerPropertyGridComponentProps);
  1891. render(): JSX.Element;
  1892. }
  1893. }
  1894. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/animationGroupPropertyGridComponent" {
  1895. import * as React from "react";
  1896. import { Observable } from "babylonjs/Misc/observable";
  1897. import { AnimationGroup } from "babylonjs/Animations/animationGroup";
  1898. import { Scene } from "babylonjs/scene";
  1899. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1900. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1901. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1902. interface IAnimationGroupGridComponentProps {
  1903. globalState: GlobalState;
  1904. animationGroup: AnimationGroup;
  1905. scene: Scene;
  1906. lockObject: LockObject;
  1907. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1908. }
  1909. export class AnimationGroupGridComponent extends React.Component<IAnimationGroupGridComponentProps, {
  1910. playButtonText: string;
  1911. currentFrame: number;
  1912. }> {
  1913. private _onAnimationGroupPlayObserver;
  1914. private _onAnimationGroupPauseObserver;
  1915. private _onBeforeRenderObserver;
  1916. private timelineRef;
  1917. constructor(props: IAnimationGroupGridComponentProps);
  1918. disconnect(animationGroup: AnimationGroup): void;
  1919. connect(animationGroup: AnimationGroup): void;
  1920. updateCurrentFrame(animationGroup: AnimationGroup): void;
  1921. shouldComponentUpdate(nextProps: IAnimationGroupGridComponentProps): boolean;
  1922. componentWillUnmount(): void;
  1923. playOrPause(): void;
  1924. onCurrentFrameChange(value: number): void;
  1925. render(): JSX.Element;
  1926. }
  1927. }
  1928. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/imagePropertyGridComponent" {
  1929. import * as React from "react";
  1930. import { Observable } from "babylonjs/Misc/observable";
  1931. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1932. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1933. import { Image } from "babylonjs-gui/2D/controls/image";
  1934. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1935. interface IImagePropertyGridComponentProps {
  1936. globalState: GlobalState;
  1937. image: Image;
  1938. lockObject: LockObject;
  1939. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1940. }
  1941. export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
  1942. constructor(props: IImagePropertyGridComponentProps);
  1943. render(): JSX.Element;
  1944. }
  1945. }
  1946. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/sliderPropertyGridComponent" {
  1947. import * as React from "react";
  1948. import { Observable } from "babylonjs/Misc/observable";
  1949. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1950. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1951. import { Slider } from "babylonjs-gui/2D/controls/sliders/slider";
  1952. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1953. interface ISliderPropertyGridComponentProps {
  1954. globalState: GlobalState;
  1955. slider: Slider;
  1956. lockObject: LockObject;
  1957. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1958. }
  1959. export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
  1960. constructor(props: ISliderPropertyGridComponentProps);
  1961. render(): JSX.Element;
  1962. }
  1963. }
  1964. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
  1965. import * as React from "react";
  1966. import { Observable } from "babylonjs/Misc/observable";
  1967. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1968. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1969. import { ImageBasedSlider } from "babylonjs-gui/2D/controls/sliders/imageBasedSlider";
  1970. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1971. interface IImageBasedSliderPropertyGridComponentProps {
  1972. globalState: GlobalState;
  1973. imageBasedSlider: ImageBasedSlider;
  1974. lockObject: LockObject;
  1975. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1976. }
  1977. export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
  1978. constructor(props: IImageBasedSliderPropertyGridComponentProps);
  1979. render(): JSX.Element;
  1980. }
  1981. }
  1982. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/rectanglePropertyGridComponent" {
  1983. import * as React from "react";
  1984. import { Observable } from "babylonjs/Misc/observable";
  1985. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  1986. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  1987. import { Rectangle } from "babylonjs-gui/2D/controls/rectangle";
  1988. import { GlobalState } from "babylonjs-inspector/components/globalState";
  1989. interface IRectanglePropertyGridComponentProps {
  1990. globalState: GlobalState;
  1991. rectangle: Rectangle;
  1992. lockObject: LockObject;
  1993. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  1994. }
  1995. export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
  1996. constructor(props: IRectanglePropertyGridComponentProps);
  1997. render(): JSX.Element;
  1998. }
  1999. }
  2000. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/ellipsePropertyGridComponent" {
  2001. import * as React from "react";
  2002. import { Observable } from "babylonjs/Misc/observable";
  2003. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2004. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2005. import { Ellipse } from "babylonjs-gui/2D/controls/ellipse";
  2006. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2007. interface IEllipsePropertyGridComponentProps {
  2008. globalState: GlobalState;
  2009. ellipse: Ellipse;
  2010. lockObject: LockObject;
  2011. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2012. }
  2013. export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
  2014. constructor(props: IEllipsePropertyGridComponentProps);
  2015. render(): JSX.Element;
  2016. }
  2017. }
  2018. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
  2019. import * as React from "react";
  2020. import { Observable } from "babylonjs/Misc/observable";
  2021. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2022. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2023. import { Checkbox } from "babylonjs-gui/2D/controls/checkbox";
  2024. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2025. interface ICheckboxPropertyGridComponentProps {
  2026. globalState: GlobalState;
  2027. checkbox: Checkbox;
  2028. lockObject: LockObject;
  2029. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2030. }
  2031. export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
  2032. constructor(props: ICheckboxPropertyGridComponentProps);
  2033. render(): JSX.Element;
  2034. }
  2035. }
  2036. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/radioButtonPropertyGridComponent" {
  2037. import * as React from "react";
  2038. import { Observable } from "babylonjs/Misc/observable";
  2039. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2040. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2041. import { RadioButton } from "babylonjs-gui/2D/controls/radioButton";
  2042. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2043. interface IRadioButtonPropertyGridComponentProps {
  2044. globalState: GlobalState;
  2045. radioButton: RadioButton;
  2046. lockObject: LockObject;
  2047. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2048. }
  2049. export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
  2050. constructor(props: IRadioButtonPropertyGridComponentProps);
  2051. render(): JSX.Element;
  2052. }
  2053. }
  2054. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/linePropertyGridComponent" {
  2055. import * as React from "react";
  2056. import { Observable } from "babylonjs/Misc/observable";
  2057. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2058. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2059. import { Line } from "babylonjs-gui/2D/controls/line";
  2060. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2061. interface ILinePropertyGridComponentProps {
  2062. globalState: GlobalState;
  2063. line: Line;
  2064. lockObject: LockObject;
  2065. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2066. }
  2067. export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
  2068. constructor(props: ILinePropertyGridComponentProps);
  2069. onDashChange(value: string): void;
  2070. render(): JSX.Element;
  2071. }
  2072. }
  2073. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent" {
  2074. import * as React from "react";
  2075. import { Observable } from "babylonjs/Misc/observable";
  2076. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2077. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2078. import { ScrollViewer } from "babylonjs-gui/2D/controls/scrollViewers/scrollViewer";
  2079. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2080. interface IScrollViewerPropertyGridComponentProps {
  2081. globalState: GlobalState;
  2082. scrollViewer: ScrollViewer;
  2083. lockObject: LockObject;
  2084. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2085. }
  2086. export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
  2087. constructor(props: IScrollViewerPropertyGridComponentProps);
  2088. render(): JSX.Element;
  2089. }
  2090. }
  2091. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/gridPropertyGridComponent" {
  2092. import * as React from "react";
  2093. import { Observable } from "babylonjs/Misc/observable";
  2094. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2095. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2096. import { Grid } from "babylonjs-gui/2D/controls/grid";
  2097. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2098. interface IGridPropertyGridComponentProps {
  2099. globalState: GlobalState;
  2100. grid: Grid;
  2101. lockObject: LockObject;
  2102. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2103. }
  2104. export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
  2105. constructor(props: IGridPropertyGridComponentProps);
  2106. renderRows(): JSX.Element[];
  2107. renderColumns(): JSX.Element[];
  2108. render(): JSX.Element;
  2109. }
  2110. }
  2111. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/pbrMetallicRoughnessMaterialPropertyGridComponent" {
  2112. import * as React from "react";
  2113. import { Observable } from "babylonjs/Misc/observable";
  2114. import { PBRMetallicRoughnessMaterial } from "babylonjs/Materials/PBR/pbrMetallicRoughnessMaterial";
  2115. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2116. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2117. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2118. interface IPBRMetallicRoughnessMaterialPropertyGridComponentProps {
  2119. globalState: GlobalState;
  2120. material: PBRMetallicRoughnessMaterial;
  2121. lockObject: LockObject;
  2122. onSelectionChangedObservable?: Observable<any>;
  2123. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2124. }
  2125. export class PBRMetallicRoughnessMaterialPropertyGridComponent extends React.Component<IPBRMetallicRoughnessMaterialPropertyGridComponentProps> {
  2126. private _onDebugSelectionChangeObservable;
  2127. constructor(props: IPBRMetallicRoughnessMaterialPropertyGridComponentProps);
  2128. renderTextures(): JSX.Element;
  2129. render(): JSX.Element;
  2130. }
  2131. }
  2132. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/pbrSpecularGlossinessMaterialPropertyGridComponent" {
  2133. import * as React from "react";
  2134. import { Observable } from "babylonjs/Misc/observable";
  2135. import { PBRSpecularGlossinessMaterial } from "babylonjs/Materials/PBR/pbrSpecularGlossinessMaterial";
  2136. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2137. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2138. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2139. interface IPBRSpecularGlossinessMaterialPropertyGridComponentProps {
  2140. globalState: GlobalState;
  2141. material: PBRSpecularGlossinessMaterial;
  2142. lockObject: LockObject;
  2143. onSelectionChangedObservable?: Observable<any>;
  2144. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2145. }
  2146. export class PBRSpecularGlossinessMaterialPropertyGridComponent extends React.Component<IPBRSpecularGlossinessMaterialPropertyGridComponentProps> {
  2147. private _onDebugSelectionChangeObservable;
  2148. constructor(props: IPBRSpecularGlossinessMaterialPropertyGridComponentProps);
  2149. renderTextures(): JSX.Element;
  2150. render(): JSX.Element;
  2151. }
  2152. }
  2153. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/gui/stackPanelPropertyGridComponent" {
  2154. import * as React from "react";
  2155. import { Observable } from "babylonjs/Misc/observable";
  2156. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2157. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2158. import { StackPanel } from "babylonjs-gui/2D/controls/stackPanel";
  2159. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2160. interface IStackPanelPropertyGridComponentProps {
  2161. globalState: GlobalState;
  2162. stackPanel: StackPanel;
  2163. lockObject: LockObject;
  2164. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2165. }
  2166. export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
  2167. constructor(props: IStackPanelPropertyGridComponentProps);
  2168. render(): JSX.Element;
  2169. }
  2170. }
  2171. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/commonPostProcessPropertyGridComponent" {
  2172. import * as React from "react";
  2173. import { Observable } from "babylonjs/Misc/observable";
  2174. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2175. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2176. import { PostProcess } from 'babylonjs/PostProcesses/postProcess';
  2177. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2178. interface ICommonPostProcessPropertyGridComponentProps {
  2179. globalState: GlobalState;
  2180. postProcess: PostProcess;
  2181. lockObject: LockObject;
  2182. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2183. }
  2184. export class CommonPostProcessPropertyGridComponent extends React.Component<ICommonPostProcessPropertyGridComponentProps> {
  2185. constructor(props: ICommonPostProcessPropertyGridComponentProps);
  2186. render(): JSX.Element;
  2187. }
  2188. }
  2189. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/postProcessPropertyGridComponent" {
  2190. import * as React from "react";
  2191. import { Observable } from "babylonjs/Misc/observable";
  2192. import { PostProcess } from "babylonjs/PostProcesses/postProcess";
  2193. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2194. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2195. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2196. interface IPostProcessPropertyGridComponentProps {
  2197. globalState: GlobalState;
  2198. postProcess: PostProcess;
  2199. lockObject: LockObject;
  2200. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2201. }
  2202. export class PostProcessPropertyGridComponent extends React.Component<IPostProcessPropertyGridComponentProps> {
  2203. constructor(props: IPostProcessPropertyGridComponentProps);
  2204. edit(): void;
  2205. render(): JSX.Element;
  2206. }
  2207. }
  2208. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/commonRenderingPipelinePropertyGridComponent" {
  2209. import * as React from "react";
  2210. import { Observable } from "babylonjs/Misc/observable";
  2211. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2212. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2213. import { PostProcessRenderPipeline } from 'babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline';
  2214. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2215. interface ICommonRenderingPipelinePropertyGridComponentProps {
  2216. globalState: GlobalState;
  2217. renderPipeline: PostProcessRenderPipeline;
  2218. lockObject: LockObject;
  2219. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2220. }
  2221. export class CommonRenderingPipelinePropertyGridComponent extends React.Component<ICommonRenderingPipelinePropertyGridComponentProps> {
  2222. constructor(props: ICommonRenderingPipelinePropertyGridComponentProps);
  2223. render(): JSX.Element;
  2224. }
  2225. }
  2226. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/renderingPipelinePropertyGridComponent" {
  2227. import * as React from "react";
  2228. import { Observable } from "babylonjs/Misc/observable";
  2229. import { PostProcessRenderPipeline } from "babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline";
  2230. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2231. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2232. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2233. interface IRenderingPipelinePropertyGridComponentProps {
  2234. globalState: GlobalState;
  2235. renderPipeline: PostProcessRenderPipeline;
  2236. lockObject: LockObject;
  2237. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2238. }
  2239. export class RenderingPipelinePropertyGridComponent extends React.Component<IRenderingPipelinePropertyGridComponentProps> {
  2240. constructor(props: IRenderingPipelinePropertyGridComponentProps);
  2241. render(): JSX.Element;
  2242. }
  2243. }
  2244. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/defaultRenderingPipelinePropertyGridComponent" {
  2245. import * as React from "react";
  2246. import { Observable } from "babylonjs/Misc/observable";
  2247. import { DefaultRenderingPipeline } from "babylonjs/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline";
  2248. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2249. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2250. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2251. interface IDefaultRenderingPipelinePropertyGridComponentProps {
  2252. globalState: GlobalState;
  2253. renderPipeline: DefaultRenderingPipeline;
  2254. lockObject: LockObject;
  2255. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2256. }
  2257. export class DefaultRenderingPipelinePropertyGridComponent extends React.Component<IDefaultRenderingPipelinePropertyGridComponentProps> {
  2258. constructor(props: IDefaultRenderingPipelinePropertyGridComponentProps);
  2259. render(): JSX.Element;
  2260. }
  2261. }
  2262. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/ssaoRenderingPipelinePropertyGridComponent" {
  2263. import * as React from "react";
  2264. import { Observable } from "babylonjs/Misc/observable";
  2265. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2266. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2267. import { SSAORenderingPipeline } from 'babylonjs/PostProcesses/RenderPipeline/Pipelines/ssaoRenderingPipeline';
  2268. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2269. interface ISSAORenderingPipelinePropertyGridComponentProps {
  2270. globalState: GlobalState;
  2271. renderPipeline: SSAORenderingPipeline;
  2272. lockObject: LockObject;
  2273. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2274. }
  2275. export class SSAORenderingPipelinePropertyGridComponent extends React.Component<ISSAORenderingPipelinePropertyGridComponentProps> {
  2276. constructor(props: ISSAORenderingPipelinePropertyGridComponentProps);
  2277. render(): JSX.Element;
  2278. }
  2279. }
  2280. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/ssao2RenderingPipelinePropertyGridComponent" {
  2281. import * as React from "react";
  2282. import { Observable } from "babylonjs/Misc/observable";
  2283. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2284. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2285. import { SSAO2RenderingPipeline } from 'babylonjs/PostProcesses/RenderPipeline/Pipelines/ssao2RenderingPipeline';
  2286. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2287. interface ISSAO2RenderingPipelinePropertyGridComponentProps {
  2288. globalState: GlobalState;
  2289. renderPipeline: SSAO2RenderingPipeline;
  2290. lockObject: LockObject;
  2291. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2292. }
  2293. export class SSAO2RenderingPipelinePropertyGridComponent extends React.Component<ISSAO2RenderingPipelinePropertyGridComponentProps> {
  2294. constructor(props: ISSAO2RenderingPipelinePropertyGridComponentProps);
  2295. render(): JSX.Element;
  2296. }
  2297. }
  2298. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/meshes/skeletonPropertyGridComponent" {
  2299. import * as React from "react";
  2300. import { Observable } from "babylonjs/Misc/observable";
  2301. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2302. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2303. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2304. import { Skeleton } from 'babylonjs/Bones/skeleton';
  2305. interface ISkeletonPropertyGridComponentProps {
  2306. globalState: GlobalState;
  2307. skeleton: Skeleton;
  2308. lockObject: LockObject;
  2309. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2310. }
  2311. export class SkeletonPropertyGridComponent extends React.Component<ISkeletonPropertyGridComponentProps> {
  2312. private _skeletonViewersEnabled;
  2313. private _skeletonViewers;
  2314. constructor(props: ISkeletonPropertyGridComponentProps);
  2315. switchSkeletonViewers(): void;
  2316. checkSkeletonViewerState(props: ISkeletonPropertyGridComponentProps): void;
  2317. shouldComponentUpdate(nextProps: ISkeletonPropertyGridComponentProps): boolean;
  2318. onOverrideMeshLink(): void;
  2319. render(): JSX.Element;
  2320. }
  2321. }
  2322. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/meshes/bonePropertyGridComponent" {
  2323. import * as React from "react";
  2324. import { Observable } from "babylonjs/Misc/observable";
  2325. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2326. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2327. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2328. import { Bone } from 'babylonjs/Bones/bone';
  2329. interface IBonePropertyGridComponentProps {
  2330. globalState: GlobalState;
  2331. bone: Bone;
  2332. lockObject: LockObject;
  2333. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2334. }
  2335. export class BonePropertyGridComponent extends React.Component<IBonePropertyGridComponentProps> {
  2336. constructor(props: IBonePropertyGridComponentProps);
  2337. onTransformNodeLink(): void;
  2338. render(): JSX.Element;
  2339. }
  2340. }
  2341. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lights/directionalLightPropertyGridComponent" {
  2342. import * as React from "react";
  2343. import { Observable } from "babylonjs/Misc/observable";
  2344. import { DirectionalLight } from "babylonjs/Lights/directionalLight";
  2345. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2346. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2347. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2348. interface IDirectionalLightPropertyGridComponentProps {
  2349. globalState: GlobalState;
  2350. light: DirectionalLight;
  2351. lockObject: LockObject;
  2352. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2353. }
  2354. export class DirectionalLightPropertyGridComponent extends React.Component<IDirectionalLightPropertyGridComponentProps> {
  2355. constructor(props: IDirectionalLightPropertyGridComponentProps);
  2356. render(): JSX.Element;
  2357. }
  2358. }
  2359. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lights/spotLightPropertyGridComponent" {
  2360. import * as React from "react";
  2361. import { Observable } from "babylonjs/Misc/observable";
  2362. import { SpotLight } from "babylonjs/Lights/spotLight";
  2363. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2364. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2365. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2366. interface ISpotLightPropertyGridComponentProps {
  2367. globalState: GlobalState;
  2368. light: SpotLight;
  2369. lockObject: LockObject;
  2370. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2371. }
  2372. export class SpotLightPropertyGridComponent extends React.Component<ISpotLightPropertyGridComponentProps> {
  2373. constructor(props: ISpotLightPropertyGridComponentProps);
  2374. render(): JSX.Element;
  2375. }
  2376. }
  2377. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/postProcesses/lensRenderingPipelinePropertyGridComponent" {
  2378. import * as React from "react";
  2379. import { Observable } from "babylonjs/Misc/observable";
  2380. import { LensRenderingPipeline } from "babylonjs/PostProcesses/RenderPipeline/Pipelines/lensRenderingPipeline";
  2381. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2382. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2383. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2384. interface ILenstRenderingPipelinePropertyGridComponentProps {
  2385. globalState: GlobalState;
  2386. renderPipeline: LensRenderingPipeline;
  2387. lockObject: LockObject;
  2388. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2389. }
  2390. export class LensRenderingPipelinePropertyGridComponent extends React.Component<ILenstRenderingPipelinePropertyGridComponentProps> {
  2391. constructor(props: ILenstRenderingPipelinePropertyGridComponentProps);
  2392. render(): JSX.Element;
  2393. }
  2394. }
  2395. declare module "babylonjs-inspector/components/actionTabs/lines/vector4LineComponent" {
  2396. import * as React from "react";
  2397. import { Vector4 } from "babylonjs/Maths/math.vector";
  2398. import { Observable } from "babylonjs/Misc/observable";
  2399. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2400. interface IVector4LineComponentProps {
  2401. label: string;
  2402. target: any;
  2403. propertyName: string;
  2404. step?: number;
  2405. onChange?: (newvalue: Vector4) => void;
  2406. useEuler?: boolean;
  2407. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2408. }
  2409. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  2410. isExpanded: boolean;
  2411. value: Vector4;
  2412. }> {
  2413. static defaultProps: {
  2414. step: number;
  2415. };
  2416. private _localChange;
  2417. constructor(props: IVector4LineComponentProps);
  2418. getCurrentValue(): any;
  2419. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  2420. isExpanded: boolean;
  2421. value: Vector4;
  2422. }): boolean;
  2423. switchExpandState(): void;
  2424. raiseOnPropertyChanged(previousValue: Vector4): void;
  2425. updateVector4(): void;
  2426. updateStateX(value: number): void;
  2427. updateStateY(value: number): void;
  2428. updateStateZ(value: number): void;
  2429. updateStateW(value: number): void;
  2430. render(): JSX.Element;
  2431. }
  2432. }
  2433. declare module "babylonjs-inspector/components/actionTabs/lines/color4LineComponent" {
  2434. import * as React from "react";
  2435. import { Observable } from "babylonjs/Misc/observable";
  2436. import { Color4 } from "babylonjs/Maths/math.color";
  2437. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2438. export interface IColor4LineComponentProps {
  2439. label: string;
  2440. target: any;
  2441. propertyName: string;
  2442. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2443. onChange?: () => void;
  2444. isLinear?: boolean;
  2445. }
  2446. export class Color4LineComponent extends React.Component<IColor4LineComponentProps, {
  2447. isExpanded: boolean;
  2448. color: Color4;
  2449. }> {
  2450. private _localChange;
  2451. constructor(props: IColor4LineComponentProps);
  2452. shouldComponentUpdate(nextProps: IColor4LineComponentProps, nextState: {
  2453. color: Color4;
  2454. }): boolean;
  2455. setPropertyValue(newColor: Color4): void;
  2456. onChange(newValue: string): void;
  2457. switchExpandState(): void;
  2458. raiseOnPropertyChanged(previousValue: Color4): void;
  2459. updateStateR(value: number): void;
  2460. updateStateG(value: number): void;
  2461. updateStateB(value: number): void;
  2462. updateStateA(value: number): void;
  2463. copyToClipboard(): void;
  2464. render(): JSX.Element;
  2465. }
  2466. }
  2467. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/nodeMaterialPropertyGridComponent" {
  2468. import * as React from "react";
  2469. import { Observable } from "babylonjs/Misc/observable";
  2470. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  2471. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2472. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2473. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2474. import { InputBlock } from 'babylonjs/Materials/Node/Blocks/Input/inputBlock';
  2475. interface INodeMaterialPropertyGridComponentProps {
  2476. globalState: GlobalState;
  2477. material: NodeMaterial;
  2478. lockObject: LockObject;
  2479. onSelectionChangedObservable?: Observable<any>;
  2480. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2481. }
  2482. export class NodeMaterialPropertyGridComponent extends React.Component<INodeMaterialPropertyGridComponentProps> {
  2483. private _onDebugSelectionChangeObservable;
  2484. constructor(props: INodeMaterialPropertyGridComponentProps);
  2485. edit(): void;
  2486. renderTextures(): JSX.Element | null;
  2487. renderInputBlock(block: InputBlock): JSX.Element | null;
  2488. renderInputValues(): JSX.Element | null;
  2489. render(): JSX.Element;
  2490. }
  2491. }
  2492. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/multiMaterialPropertyGridComponent" {
  2493. import * as React from "react";
  2494. import { Observable } from "babylonjs/Misc/observable";
  2495. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2496. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2497. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2498. import { Material } from 'babylonjs/Materials/material';
  2499. import { MultiMaterial } from 'babylonjs/Materials/multiMaterial';
  2500. interface IMultiMaterialPropertyGridComponentProps {
  2501. globalState: GlobalState;
  2502. material: MultiMaterial;
  2503. lockObject: LockObject;
  2504. onSelectionChangedObservable?: Observable<any>;
  2505. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2506. }
  2507. export class MultiMaterialPropertyGridComponent extends React.Component<IMultiMaterialPropertyGridComponentProps> {
  2508. constructor(props: IMultiMaterialPropertyGridComponentProps);
  2509. onMaterialLink(mat: Material): void;
  2510. renderChildMaterial(): JSX.Element;
  2511. render(): JSX.Element;
  2512. }
  2513. }
  2514. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/boxEmitterGridComponent" {
  2515. import * as React from "react";
  2516. import { Observable } from "babylonjs/Misc/observable";
  2517. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2518. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2519. import { BoxParticleEmitter } from 'babylonjs/Particles/EmitterTypes/boxParticleEmitter';
  2520. interface IBoxEmitterGridComponentProps {
  2521. globalState: GlobalState;
  2522. emitter: BoxParticleEmitter;
  2523. replaySourceReplacement?: string;
  2524. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2525. }
  2526. export class BoxEmitterGridComponent extends React.Component<IBoxEmitterGridComponentProps> {
  2527. constructor(props: IBoxEmitterGridComponentProps);
  2528. render(): JSX.Element;
  2529. }
  2530. }
  2531. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/coneEmitterGridComponent" {
  2532. import * as React from "react";
  2533. import { Observable } from "babylonjs/Misc/observable";
  2534. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2535. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2536. import { ConeParticleEmitter } from 'babylonjs/Particles/EmitterTypes/coneParticleEmitter';
  2537. interface IConeEmitterGridComponentProps {
  2538. globalState: GlobalState;
  2539. emitter: ConeParticleEmitter;
  2540. onSelectionChangedObservable?: Observable<any>;
  2541. replaySourceReplacement?: string;
  2542. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2543. }
  2544. export class ConeEmitterGridComponent extends React.Component<IConeEmitterGridComponentProps> {
  2545. constructor(props: IConeEmitterGridComponentProps);
  2546. render(): JSX.Element;
  2547. }
  2548. }
  2549. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/cylinderEmitterGridComponent" {
  2550. import * as React from "react";
  2551. import { Observable } from "babylonjs/Misc/observable";
  2552. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2553. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2554. import { CylinderParticleEmitter } from 'babylonjs/Particles/EmitterTypes/cylinderParticleEmitter';
  2555. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2556. interface ICylinderEmitterGridComponentProps {
  2557. globalState: GlobalState;
  2558. emitter: CylinderParticleEmitter;
  2559. lockObject: LockObject;
  2560. replaySourceReplacement?: string;
  2561. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2562. }
  2563. export class CylinderEmitterGridComponent extends React.Component<ICylinderEmitterGridComponentProps> {
  2564. constructor(props: ICylinderEmitterGridComponentProps);
  2565. render(): JSX.Element;
  2566. }
  2567. }
  2568. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/hemisphericEmitterGridComponent" {
  2569. import * as React from "react";
  2570. import { Observable } from "babylonjs/Misc/observable";
  2571. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2572. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2573. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2574. import { HemisphericParticleEmitter } from 'babylonjs/Particles/EmitterTypes/hemisphericParticleEmitter';
  2575. interface IHemisphericEmitterGridComponentProps {
  2576. globalState: GlobalState;
  2577. emitter: HemisphericParticleEmitter;
  2578. lockObject: LockObject;
  2579. replaySourceReplacement?: string;
  2580. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2581. }
  2582. export class HemisphericEmitterGridComponent extends React.Component<IHemisphericEmitterGridComponentProps> {
  2583. constructor(props: IHemisphericEmitterGridComponentProps);
  2584. render(): JSX.Element;
  2585. }
  2586. }
  2587. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/pointEmitterGridComponent" {
  2588. import * as React from "react";
  2589. import { Observable } from "babylonjs/Misc/observable";
  2590. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2591. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2592. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2593. import { PointParticleEmitter } from 'babylonjs/Particles/EmitterTypes/pointParticleEmitter';
  2594. interface IPointEmitterGridComponentProps {
  2595. globalState: GlobalState;
  2596. emitter: PointParticleEmitter;
  2597. lockObject: LockObject;
  2598. replaySourceReplacement?: string;
  2599. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2600. }
  2601. export class PointEmitterGridComponent extends React.Component<IPointEmitterGridComponentProps> {
  2602. constructor(props: IPointEmitterGridComponentProps);
  2603. render(): JSX.Element;
  2604. }
  2605. }
  2606. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/sphereEmitterGridComponent" {
  2607. import * as React from "react";
  2608. import { Observable } from "babylonjs/Misc/observable";
  2609. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2610. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2611. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2612. import { SphereParticleEmitter } from 'babylonjs/Particles/EmitterTypes/sphereParticleEmitter';
  2613. interface ISphereEmitterGridComponentProps {
  2614. globalState: GlobalState;
  2615. emitter: SphereParticleEmitter;
  2616. lockObject: LockObject;
  2617. replaySourceReplacement?: string;
  2618. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2619. }
  2620. export class SphereEmitterGridComponent extends React.Component<ISphereEmitterGridComponentProps> {
  2621. constructor(props: ISphereEmitterGridComponentProps);
  2622. render(): JSX.Element;
  2623. }
  2624. }
  2625. declare module "babylonjs-inspector/components/actionTabs/lines/meshPickerComponent" {
  2626. import * as React from "react";
  2627. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2628. import { Observable } from 'babylonjs/Misc/observable';
  2629. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2630. import { Scene } from 'babylonjs/scene';
  2631. interface IMeshPickerComponentProps {
  2632. globalState: GlobalState;
  2633. target: any;
  2634. property: string;
  2635. scene: Scene;
  2636. label: string;
  2637. replaySourceReplacement?: string;
  2638. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2639. }
  2640. export class MeshPickerComponent extends React.Component<IMeshPickerComponentProps> {
  2641. constructor(props: IMeshPickerComponentProps);
  2642. render(): JSX.Element;
  2643. }
  2644. }
  2645. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/meshEmitterGridComponent" {
  2646. import * as React from "react";
  2647. import { Observable } from "babylonjs/Misc/observable";
  2648. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2649. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2650. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2651. import { MeshParticleEmitter } from 'babylonjs/Particles/EmitterTypes/meshParticleEmitter';
  2652. import { Scene } from 'babylonjs/scene';
  2653. interface IMeshEmitterGridComponentProps {
  2654. globalState: GlobalState;
  2655. emitter: MeshParticleEmitter;
  2656. scene: Scene;
  2657. lockObject: LockObject;
  2658. onSelectionChangedObservable?: Observable<any>;
  2659. replaySourceReplacement?: string;
  2660. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2661. }
  2662. export class MeshEmitterGridComponent extends React.Component<IMeshEmitterGridComponentProps> {
  2663. constructor(props: IMeshEmitterGridComponentProps);
  2664. render(): JSX.Element;
  2665. }
  2666. }
  2667. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/factorGradientStepGridComponent" {
  2668. import * as React from 'react';
  2669. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2670. import { FactorGradient } from 'babylonjs/Misc/gradients';
  2671. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2672. import { IParticleSystem } from 'babylonjs/Particles/IParticleSystem';
  2673. interface IFactorGradientStepGridComponent {
  2674. globalState: GlobalState;
  2675. gradient: FactorGradient;
  2676. lockObject: LockObject;
  2677. lineIndex: number;
  2678. onDelete: () => void;
  2679. onUpdateGradient: () => void;
  2680. onCheckForReOrder: () => void;
  2681. host: IParticleSystem;
  2682. codeRecorderPropertyName: string;
  2683. }
  2684. export class FactorGradientStepGridComponent extends React.Component<IFactorGradientStepGridComponent, {
  2685. gradient: number;
  2686. factor1: string;
  2687. factor2?: string;
  2688. }> {
  2689. constructor(props: IFactorGradientStepGridComponent);
  2690. shouldComponentUpdate(nextProps: IFactorGradientStepGridComponent, nextState: {
  2691. gradient: number;
  2692. factor1: string;
  2693. factor2?: string;
  2694. }): boolean;
  2695. updateFactor1(valueString: string): void;
  2696. updateFactor2(valueString: string): void;
  2697. updateGradient(gradient: number): void;
  2698. onPointerUp(): void;
  2699. lock(): void;
  2700. unlock(): void;
  2701. render(): JSX.Element;
  2702. }
  2703. }
  2704. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/colorGradientStepGridComponent" {
  2705. import * as React from 'react';
  2706. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2707. import { ColorGradient, Color3Gradient } from 'babylonjs/Misc/gradients';
  2708. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2709. import { IParticleSystem } from 'babylonjs/Particles/IParticleSystem';
  2710. interface IColorGradientStepGridComponent {
  2711. globalState: GlobalState;
  2712. gradient: ColorGradient | Color3Gradient;
  2713. lockObject: LockObject;
  2714. lineIndex: number;
  2715. isColor3: boolean;
  2716. onDelete: () => void;
  2717. onUpdateGradient: () => void;
  2718. onCheckForReOrder: () => void;
  2719. host: IParticleSystem;
  2720. codeRecorderPropertyName: string;
  2721. }
  2722. export class ColorGradientStepGridComponent extends React.Component<IColorGradientStepGridComponent, {
  2723. gradient: number;
  2724. }> {
  2725. constructor(props: IColorGradientStepGridComponent);
  2726. updateColor1(color: string): void;
  2727. updateColor2(color: string): void;
  2728. updateGradient(gradient: number): void;
  2729. onPointerUp(): void;
  2730. lock(): void;
  2731. unlock(): void;
  2732. render(): JSX.Element;
  2733. }
  2734. }
  2735. declare module "babylonjs-inspector/components/actionTabs/lines/linkButtonComponent" {
  2736. import * as React from "react";
  2737. interface ILinkButtonComponentProps {
  2738. label: string;
  2739. buttonLabel: string;
  2740. url?: string;
  2741. onClick: () => void;
  2742. onIconClick?: () => void;
  2743. }
  2744. export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
  2745. constructor(props: ILinkButtonComponentProps);
  2746. onLink(): void;
  2747. render(): JSX.Element;
  2748. }
  2749. }
  2750. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/valueGradientGridComponent" {
  2751. import * as React from "react";
  2752. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2753. import { IValueGradient } from 'babylonjs/Misc/gradients';
  2754. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2755. import { Nullable } from 'babylonjs/types';
  2756. import { IParticleSystem } from 'babylonjs/Particles/IParticleSystem';
  2757. export enum GradientGridMode {
  2758. Factor = 0,
  2759. Color3 = 1,
  2760. Color4 = 2
  2761. }
  2762. interface IValueGradientGridComponent {
  2763. globalState: GlobalState;
  2764. label: string;
  2765. gradients: Nullable<Array<IValueGradient>>;
  2766. lockObject: LockObject;
  2767. docLink?: string;
  2768. mode: GradientGridMode;
  2769. host: IParticleSystem;
  2770. codeRecorderPropertyName: string;
  2771. onCreateRequired: () => void;
  2772. }
  2773. export class ValueGradientGridComponent extends React.Component<IValueGradientGridComponent> {
  2774. constructor(props: IValueGradientGridComponent);
  2775. deleteStep(step: IValueGradient): void;
  2776. addNewStep(): void;
  2777. checkForReOrder(): void;
  2778. updateAndSync(): void;
  2779. render(): JSX.Element;
  2780. }
  2781. }
  2782. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/particleSystems/particleSystemPropertyGridComponent" {
  2783. import * as React from "react";
  2784. import { Observable } from "babylonjs/Misc/observable";
  2785. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2786. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2787. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2788. import { IParticleSystem } from 'babylonjs/Particles/IParticleSystem';
  2789. interface IParticleSystemPropertyGridComponentProps {
  2790. globalState: GlobalState;
  2791. system: IParticleSystem;
  2792. lockObject: LockObject;
  2793. onSelectionChangedObservable?: Observable<any>;
  2794. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2795. }
  2796. export class ParticleSystemPropertyGridComponent extends React.Component<IParticleSystemPropertyGridComponentProps> {
  2797. private _snippetUrl;
  2798. constructor(props: IParticleSystemPropertyGridComponentProps);
  2799. renderEmitter(): JSX.Element | null;
  2800. raiseOnPropertyChanged(property: string, newValue: any, previousValue: any): void;
  2801. renderControls(): JSX.Element;
  2802. saveToFile(): void;
  2803. loadFromFile(file: File): void;
  2804. loadFromSnippet(): void;
  2805. saveToSnippet(): void;
  2806. render(): JSX.Element;
  2807. }
  2808. }
  2809. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/sprites/spriteManagerPropertyGridComponent" {
  2810. import * as React from "react";
  2811. import { Observable } from "babylonjs/Misc/observable";
  2812. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2813. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2814. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2815. import { SpriteManager } from 'babylonjs/Sprites/spriteManager';
  2816. interface ISpriteManagerPropertyGridComponentProps {
  2817. globalState: GlobalState;
  2818. spriteManager: SpriteManager;
  2819. lockObject: LockObject;
  2820. onSelectionChangedObservable?: Observable<any>;
  2821. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2822. }
  2823. export class SpriteManagerPropertyGridComponent extends React.Component<ISpriteManagerPropertyGridComponentProps> {
  2824. private _snippetUrl;
  2825. constructor(props: ISpriteManagerPropertyGridComponentProps);
  2826. addNewSprite(): void;
  2827. disposeManager(): void;
  2828. saveToFile(): void;
  2829. loadFromFile(file: File): void;
  2830. loadFromSnippet(): void;
  2831. saveToSnippet(): void;
  2832. render(): JSX.Element;
  2833. }
  2834. }
  2835. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/sprites/spritePropertyGridComponent" {
  2836. import * as React from "react";
  2837. import { Observable } from "babylonjs/Misc/observable";
  2838. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2839. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2840. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2841. import { Sprite } from 'babylonjs/Sprites/sprite';
  2842. interface ISpritePropertyGridComponentProps {
  2843. globalState: GlobalState;
  2844. sprite: Sprite;
  2845. lockObject: LockObject;
  2846. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2847. onSelectionChangedObservable?: Observable<any>;
  2848. }
  2849. export class SpritePropertyGridComponent extends React.Component<ISpritePropertyGridComponentProps> {
  2850. private canvasRef;
  2851. private imageData;
  2852. private cachedCellIndex;
  2853. constructor(props: ISpritePropertyGridComponentProps);
  2854. onManagerLink(): void;
  2855. switchPlayStopState(): void;
  2856. disposeSprite(): void;
  2857. componentDidMount(): void;
  2858. componentDidUpdate(): void;
  2859. shouldComponentUpdate(nextProps: ISpritePropertyGridComponentProps): boolean;
  2860. updatePreview(): void;
  2861. render(): JSX.Element;
  2862. }
  2863. }
  2864. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/targetedAnimationPropertyGridComponent" {
  2865. import * as React from 'react';
  2866. import { Observable } from 'babylonjs/Misc/observable';
  2867. import { TargetedAnimation } from 'babylonjs/Animations/animationGroup';
  2868. import { Scene } from 'babylonjs/scene';
  2869. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  2870. import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";
  2871. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2872. interface ITargetedAnimationGridComponentProps {
  2873. globalState: GlobalState;
  2874. targetedAnimation: TargetedAnimation;
  2875. scene: Scene;
  2876. lockObject: LockObject;
  2877. onSelectionChangedObservable?: Observable<any>;
  2878. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  2879. }
  2880. export class TargetedAnimationGridComponent extends React.Component<ITargetedAnimationGridComponentProps> {
  2881. private _isCurveEditorOpen;
  2882. private _animationGroup;
  2883. constructor(props: ITargetedAnimationGridComponentProps);
  2884. onOpenAnimationCurveEditor(): void;
  2885. onCloseAnimationCurveEditor(window: Window | null): void;
  2886. playOrPause(): void;
  2887. deleteAnimation(): void;
  2888. render(): JSX.Element;
  2889. }
  2890. }
  2891. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGridTabComponent" {
  2892. import { PaneComponent, IPaneComponentProps } from "babylonjs-inspector/components/actionTabs/paneComponent";
  2893. export class PropertyGridTabComponent extends PaneComponent {
  2894. private _timerIntervalId;
  2895. private _lockObject;
  2896. constructor(props: IPaneComponentProps);
  2897. timerRefresh(): void;
  2898. componentDidMount(): void;
  2899. componentWillUnmount(): void;
  2900. render(): JSX.Element | null;
  2901. }
  2902. }
  2903. declare module "babylonjs-inspector/components/headerComponent" {
  2904. import * as React from "react";
  2905. import { Observable } from "babylonjs/Misc/observable";
  2906. export interface IHeaderComponentProps {
  2907. title: string;
  2908. handleBack?: boolean;
  2909. noExpand?: boolean;
  2910. noClose?: boolean;
  2911. noCommands?: boolean;
  2912. onPopup: () => void;
  2913. onClose: () => void;
  2914. onSelectionChangedObservable?: Observable<any>;
  2915. }
  2916. export class HeaderComponent extends React.Component<IHeaderComponentProps, {
  2917. isBackVisible: boolean;
  2918. }> {
  2919. private _backStack;
  2920. private _onSelectionChangeObserver;
  2921. constructor(props: IHeaderComponentProps);
  2922. componentDidMount(): void;
  2923. componentWillUnmount(): void;
  2924. goBack(): void;
  2925. renderLogo(): JSX.Element | null;
  2926. render(): JSX.Element;
  2927. }
  2928. }
  2929. declare module "babylonjs-inspector/components/actionTabs/lines/messageLineComponent" {
  2930. import * as React from "react";
  2931. interface IMessageLineComponentProps {
  2932. text: string;
  2933. color?: string;
  2934. }
  2935. export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
  2936. constructor(props: IMessageLineComponentProps);
  2937. render(): JSX.Element;
  2938. }
  2939. }
  2940. declare module "babylonjs-inspector/components/actionTabs/tabs/tools/gltfComponent" {
  2941. import * as React from "react";
  2942. import { Scene } from "babylonjs/scene";
  2943. import { GlobalState } from "babylonjs-inspector/components/globalState";
  2944. interface IGLTFComponentProps {
  2945. scene: Scene;
  2946. globalState: GlobalState;
  2947. }
  2948. export class GLTFComponent extends React.Component<IGLTFComponentProps> {
  2949. private _onValidationResultsUpdatedObserver;
  2950. constructor(props: IGLTFComponentProps);
  2951. openValidationDetails(): void;
  2952. prepareText(singularForm: string, count: number): string;
  2953. componentDidMount(): void;
  2954. componentWillUnmount(): void;
  2955. renderValidation(): JSX.Element | null;
  2956. render(): JSX.Element;
  2957. }
  2958. }
  2959. declare module "babylonjs-inspector/components/actionTabs/lines/fileMultipleButtonLineComponent" {
  2960. import * as React from "react";
  2961. interface IFileMultipleButtonLineComponentProps {
  2962. label: string;
  2963. onClick: (event: any) => void;
  2964. accept: string;
  2965. }
  2966. export class FileMultipleButtonLineComponent extends React.Component<IFileMultipleButtonLineComponentProps> {
  2967. private static _IDGenerator;
  2968. private _id;
  2969. private uploadInputRef;
  2970. constructor(props: IFileMultipleButtonLineComponentProps);
  2971. onChange(evt: any): void;
  2972. render(): JSX.Element;
  2973. }
  2974. }
  2975. declare module "babylonjs-inspector/components/actionTabs/tabs/toolsTabComponent" {
  2976. import { PaneComponent, IPaneComponentProps } from "babylonjs-inspector/components/actionTabs/paneComponent";
  2977. import { Node } from "babylonjs/node";
  2978. export class ToolsTabComponent extends PaneComponent {
  2979. private _videoRecorder;
  2980. private _screenShotSize;
  2981. private _gifOptions;
  2982. private _useWidthHeight;
  2983. private _isExporting;
  2984. private _gifWorkerBlob;
  2985. private _gifRecorder;
  2986. private _previousRenderingScale;
  2987. private _crunchingGIF;
  2988. constructor(props: IPaneComponentProps);
  2989. componentDidMount(): void;
  2990. componentWillUnmount(): void;
  2991. captureScreenshot(): void;
  2992. captureRender(): void;
  2993. recordVideo(): void;
  2994. recordGIFInternal(): void;
  2995. recordGIF(): void;
  2996. importAnimations(event: any): void;
  2997. shouldExport(node: Node): boolean;
  2998. exportGLTF(): void;
  2999. exportBabylon(): void;
  3000. createEnvTexture(): void;
  3001. resetReplay(): void;
  3002. exportReplay(): void;
  3003. render(): JSX.Element | null;
  3004. }
  3005. }
  3006. declare module "babylonjs-inspector/components/actionTabs/tabs/settingsTabComponent" {
  3007. import { PaneComponent, IPaneComponentProps } from "babylonjs-inspector/components/actionTabs/paneComponent";
  3008. export class SettingsTabComponent extends PaneComponent {
  3009. constructor(props: IPaneComponentProps);
  3010. render(): JSX.Element;
  3011. }
  3012. }
  3013. declare module "babylonjs-inspector/components/actionTabs/actionTabsComponent" {
  3014. import * as React from "react";
  3015. import { Scene } from "babylonjs/scene";
  3016. import { DebugLayerTab } from "babylonjs/Debug/debugLayer";
  3017. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3018. interface IActionTabsComponentProps {
  3019. scene?: Scene;
  3020. noCommands?: boolean;
  3021. noHeader?: boolean;
  3022. noExpand?: boolean;
  3023. noClose?: boolean;
  3024. popupMode?: boolean;
  3025. onPopup?: () => void;
  3026. onClose?: () => void;
  3027. globalState?: GlobalState;
  3028. initialTab?: DebugLayerTab;
  3029. }
  3030. export class ActionTabsComponent extends React.Component<IActionTabsComponentProps, {
  3031. selectedEntity: any;
  3032. selectedIndex: number;
  3033. }> {
  3034. private _onSelectionChangeObserver;
  3035. private _onTabChangedObserver;
  3036. private _once;
  3037. constructor(props: IActionTabsComponentProps);
  3038. componentDidMount(): void;
  3039. componentWillUnmount(): void;
  3040. changeSelectedTab(index: number): void;
  3041. renderContent(): JSX.Element | null;
  3042. onClose(): void;
  3043. onPopup(): void;
  3044. render(): JSX.Element;
  3045. }
  3046. }
  3047. declare module "babylonjs-inspector/components/sceneExplorer/treeItemLabelComponent" {
  3048. import * as React from "react";
  3049. interface ITreeItemLabelComponentProps {
  3050. label: string;
  3051. onClick?: () => void;
  3052. color: string;
  3053. }
  3054. export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
  3055. constructor(props: ITreeItemLabelComponentProps);
  3056. onClick(): void;
  3057. render(): JSX.Element;
  3058. }
  3059. }
  3060. declare module "babylonjs-inspector/components/sceneExplorer/extensionsComponent" {
  3061. import * as React from "react";
  3062. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3063. interface IExtensionsComponentProps {
  3064. target: any;
  3065. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3066. }
  3067. export class ExtensionsComponent extends React.Component<IExtensionsComponentProps, {
  3068. popupVisible: boolean;
  3069. }> {
  3070. private _popup;
  3071. private extensionRef;
  3072. constructor(props: IExtensionsComponentProps);
  3073. showPopup(): void;
  3074. componentDidMount(): void;
  3075. componentDidUpdate(): void;
  3076. render(): JSX.Element | null;
  3077. }
  3078. }
  3079. declare module "babylonjs-inspector/components/sceneExplorer/entities/meshTreeItemComponent" {
  3080. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3081. import { AbstractMesh } from "babylonjs/Meshes/abstractMesh";
  3082. import * as React from "react";
  3083. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3084. interface IMeshTreeItemComponentProps {
  3085. mesh: AbstractMesh;
  3086. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3087. onClick: () => void;
  3088. globalState: GlobalState;
  3089. }
  3090. export class MeshTreeItemComponent extends React.Component<IMeshTreeItemComponentProps, {
  3091. isBoundingBoxEnabled: boolean;
  3092. isVisible: boolean;
  3093. }> {
  3094. constructor(props: IMeshTreeItemComponentProps);
  3095. showBoundingBox(): void;
  3096. switchVisibility(): void;
  3097. render(): JSX.Element;
  3098. }
  3099. }
  3100. declare module "babylonjs-inspector/components/sceneExplorer/entities/cameraTreeItemComponent" {
  3101. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3102. import { Camera } from "babylonjs/Cameras/camera";
  3103. import * as React from "react";
  3104. interface ICameraTreeItemComponentProps {
  3105. camera: Camera;
  3106. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3107. onClick: () => void;
  3108. }
  3109. export class CameraTreeItemComponent extends React.Component<ICameraTreeItemComponentProps, {
  3110. isActive: boolean;
  3111. }> {
  3112. private _onBeforeRenderObserver;
  3113. constructor(props: ICameraTreeItemComponentProps);
  3114. setActive(): void;
  3115. componentDidMount(): void;
  3116. componentWillUnmount(): void;
  3117. render(): JSX.Element;
  3118. }
  3119. }
  3120. declare module "babylonjs-inspector/components/sceneExplorer/entities/lightTreeItemComponent" {
  3121. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3122. import { Light } from "babylonjs/Lights/light";
  3123. import * as React from "react";
  3124. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3125. interface ILightTreeItemComponentProps {
  3126. light: Light;
  3127. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3128. onClick: () => void;
  3129. globalState: GlobalState;
  3130. }
  3131. export class LightTreeItemComponent extends React.Component<ILightTreeItemComponentProps, {
  3132. isEnabled: boolean;
  3133. isGizmoEnabled: boolean;
  3134. }> {
  3135. constructor(props: ILightTreeItemComponentProps);
  3136. switchIsEnabled(): void;
  3137. toggleGizmo(): void;
  3138. render(): JSX.Element;
  3139. }
  3140. }
  3141. declare module "babylonjs-inspector/components/sceneExplorer/entities/materialTreeItemComponent" {
  3142. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3143. import { Material } from "babylonjs/Materials/material";
  3144. import * as React from 'react';
  3145. interface IMaterialTreeItemComponentProps {
  3146. material: Material;
  3147. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3148. onClick: () => void;
  3149. }
  3150. export class MaterialTreeItemComponent extends React.Component<IMaterialTreeItemComponentProps> {
  3151. constructor(props: IMaterialTreeItemComponentProps);
  3152. render(): JSX.Element;
  3153. }
  3154. }
  3155. declare module "babylonjs-inspector/components/sceneExplorer/entities/textureTreeItemComponent" {
  3156. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3157. import { Texture } from "babylonjs/Materials/Textures/texture";
  3158. import * as React from 'react';
  3159. interface ITextureTreeItemComponentProps {
  3160. texture: Texture;
  3161. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3162. onClick: () => void;
  3163. }
  3164. export class TextureTreeItemComponent extends React.Component<ITextureTreeItemComponentProps> {
  3165. constructor(props: ITextureTreeItemComponentProps);
  3166. render(): JSX.Element;
  3167. }
  3168. }
  3169. declare module "babylonjs-inspector/components/sceneExplorer/entities/transformNodeTreeItemComponent" {
  3170. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3171. import { TransformNode } from "babylonjs/Meshes/transformNode";
  3172. import * as React from "react";
  3173. interface ITransformNodeItemComponentProps {
  3174. transformNode: TransformNode;
  3175. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3176. onClick: () => void;
  3177. }
  3178. export class TransformNodeItemComponent extends React.Component<ITransformNodeItemComponentProps> {
  3179. constructor(props: ITransformNodeItemComponentProps);
  3180. render(): JSX.Element;
  3181. }
  3182. }
  3183. declare module "babylonjs-inspector/components/sceneExplorer/entities/gui/controlTreeItemComponent" {
  3184. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3185. import { Control } from "babylonjs-gui/2D/controls/control";
  3186. import * as React from 'react';
  3187. interface IControlTreeItemComponentProps {
  3188. control: Control;
  3189. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3190. onClick: () => void;
  3191. }
  3192. export class ControlTreeItemComponent extends React.Component<IControlTreeItemComponentProps, {
  3193. isActive: boolean;
  3194. isVisible: boolean;
  3195. }> {
  3196. constructor(props: IControlTreeItemComponentProps);
  3197. highlight(): void;
  3198. switchVisibility(): void;
  3199. render(): JSX.Element;
  3200. }
  3201. }
  3202. declare module "babylonjs-inspector/components/sceneExplorer/entities/gui/advancedDynamicTextureTreeItemComponent" {
  3203. import { Observable } from "babylonjs/Misc/observable";
  3204. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3205. import { AdvancedDynamicTexture } from 'babylonjs-gui/2D/advancedDynamicTexture';
  3206. import * as React from 'react';
  3207. interface IAdvancedDynamicTextureTreeItemComponentProps {
  3208. texture: AdvancedDynamicTexture;
  3209. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3210. onSelectionChangedObservable?: Observable<any>;
  3211. onClick: () => void;
  3212. }
  3213. export class AdvancedDynamicTextureTreeItemComponent extends React.Component<IAdvancedDynamicTextureTreeItemComponentProps, {
  3214. isInPickingMode: boolean;
  3215. }> {
  3216. private _onControlPickedObserver;
  3217. constructor(props: IAdvancedDynamicTextureTreeItemComponentProps);
  3218. componentWillUnmount(): void;
  3219. onPickingMode(): void;
  3220. render(): JSX.Element;
  3221. }
  3222. }
  3223. declare module "babylonjs-inspector/components/sceneExplorer/entities/animationGroupTreeItemComponent" {
  3224. import { AnimationGroup } from "babylonjs/Animations/animationGroup";
  3225. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3226. import * as React from "react";
  3227. interface IAnimationGroupItemComponentProps {
  3228. animationGroup: AnimationGroup;
  3229. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3230. onClick: () => void;
  3231. }
  3232. export class AnimationGroupItemComponent extends React.Component<IAnimationGroupItemComponentProps> {
  3233. constructor(props: IAnimationGroupItemComponentProps);
  3234. render(): JSX.Element;
  3235. }
  3236. }
  3237. declare module "babylonjs-inspector/components/sceneExplorer/entities/postProcessTreeItemComponent" {
  3238. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3239. import { PostProcess } from 'babylonjs/PostProcesses/postProcess';
  3240. import * as React from 'react';
  3241. interface IPostProcessItemComponentProps {
  3242. postProcess: PostProcess;
  3243. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3244. onClick: () => void;
  3245. }
  3246. export class PostProcessItemComponent extends React.Component<IPostProcessItemComponentProps> {
  3247. constructor(props: IPostProcessItemComponentProps);
  3248. render(): JSX.Element;
  3249. }
  3250. }
  3251. declare module "babylonjs-inspector/components/sceneExplorer/entities/renderingPipelineTreeItemComponent" {
  3252. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3253. import { PostProcessRenderPipeline } from 'babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline';
  3254. import * as React from 'react';
  3255. interface IRenderPipelineItemComponenttProps {
  3256. renderPipeline: PostProcessRenderPipeline;
  3257. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3258. onClick: () => void;
  3259. }
  3260. export class RenderingPipelineItemComponent extends React.Component<IRenderPipelineItemComponenttProps> {
  3261. constructor(props: IRenderPipelineItemComponenttProps);
  3262. render(): JSX.Element;
  3263. }
  3264. }
  3265. declare module "babylonjs-inspector/components/sceneExplorer/entities/skeletonTreeItemComponent" {
  3266. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3267. import * as React from "react";
  3268. import { Skeleton } from 'babylonjs/Bones/skeleton';
  3269. interface ISkeletonTreeItemComponentProps {
  3270. skeleton: Skeleton;
  3271. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3272. onClick: () => void;
  3273. }
  3274. export class SkeletonTreeItemComponent extends React.Component<ISkeletonTreeItemComponentProps> {
  3275. constructor(props: ISkeletonTreeItemComponentProps);
  3276. render(): JSX.Element;
  3277. }
  3278. }
  3279. declare module "babylonjs-inspector/components/sceneExplorer/entities/boneTreeItemComponent" {
  3280. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3281. import * as React from "react";
  3282. import { Bone } from 'babylonjs/Bones/bone';
  3283. interface IBoneTreeItemComponenttProps {
  3284. bone: Bone;
  3285. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3286. onClick: () => void;
  3287. }
  3288. export class BoneTreeItemComponent extends React.Component<IBoneTreeItemComponenttProps> {
  3289. constructor(props: IBoneTreeItemComponenttProps);
  3290. render(): JSX.Element;
  3291. }
  3292. }
  3293. declare module "babylonjs-inspector/components/sceneExplorer/entities/particleSystemTreeItemComponent" {
  3294. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3295. import * as React from 'react';
  3296. import { IParticleSystem } from 'babylonjs/Particles/IParticleSystem';
  3297. interface IParticleSystemTreeItemComponentProps {
  3298. system: IParticleSystem;
  3299. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3300. onClick: () => void;
  3301. }
  3302. export class ParticleSystemTreeItemComponent extends React.Component<IParticleSystemTreeItemComponentProps> {
  3303. constructor(props: IParticleSystemTreeItemComponentProps);
  3304. render(): JSX.Element;
  3305. }
  3306. }
  3307. declare module "babylonjs-inspector/components/sceneExplorer/entities/spriteManagerTreeItemComponent" {
  3308. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3309. import * as React from 'react';
  3310. import { SpriteManager } from 'babylonjs/Sprites/spriteManager';
  3311. interface ISpriteManagerTreeItemComponentProps {
  3312. spriteManager: SpriteManager;
  3313. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3314. onClick: () => void;
  3315. }
  3316. export class SpriteManagerTreeItemComponent extends React.Component<ISpriteManagerTreeItemComponentProps> {
  3317. constructor(props: ISpriteManagerTreeItemComponentProps);
  3318. render(): JSX.Element;
  3319. }
  3320. }
  3321. declare module "babylonjs-inspector/components/sceneExplorer/entities/spriteTreeItemComponent" {
  3322. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3323. import * as React from 'react';
  3324. import { Sprite } from 'babylonjs/Sprites/sprite';
  3325. interface ISpriteTreeItemComponentProps {
  3326. sprite: Sprite;
  3327. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3328. onClick: () => void;
  3329. }
  3330. export class SpriteTreeItemComponent extends React.Component<ISpriteTreeItemComponentProps> {
  3331. constructor(props: ISpriteTreeItemComponentProps);
  3332. render(): JSX.Element;
  3333. }
  3334. }
  3335. declare module "babylonjs-inspector/components/sceneExplorer/entities/targetedAnimationTreeItemComponent" {
  3336. import { TargetedAnimation } from "babylonjs/Animations/animationGroup";
  3337. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3338. import * as React from "react";
  3339. interface ITargetedAnimationItemComponentProps {
  3340. targetedAnimation: TargetedAnimation;
  3341. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3342. onClick: () => void;
  3343. }
  3344. export class TargetedAnimationItemComponent extends React.Component<ITargetedAnimationItemComponentProps> {
  3345. constructor(props: ITargetedAnimationItemComponentProps);
  3346. render(): JSX.Element;
  3347. }
  3348. }
  3349. declare module "babylonjs-inspector/components/sceneExplorer/treeItemSpecializedComponent" {
  3350. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3351. import * as React from "react";
  3352. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3353. interface ITreeItemSpecializedComponentProps {
  3354. label: string;
  3355. entity?: any;
  3356. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3357. globalState: GlobalState;
  3358. onClick?: () => void;
  3359. }
  3360. export class TreeItemSpecializedComponent extends React.Component<ITreeItemSpecializedComponentProps> {
  3361. constructor(props: ITreeItemSpecializedComponentProps);
  3362. onClick(): void;
  3363. render(): JSX.Element;
  3364. }
  3365. }
  3366. declare module "babylonjs-inspector/tools" {
  3367. export class Tools {
  3368. static LookForItem(item: any, selectedEntity: any): boolean;
  3369. private static _RecursiveRemoveHiddenMeshesAndHoistChildren;
  3370. static SortAndFilter(parent: any, items: any[]): any[];
  3371. }
  3372. }
  3373. declare module "babylonjs-inspector/components/sceneExplorer/treeItemSelectableComponent" {
  3374. import { Nullable } from "babylonjs/types";
  3375. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3376. import * as React from "react";
  3377. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3378. export interface ITreeItemSelectableComponentProps {
  3379. entity: any;
  3380. selectedEntity?: any;
  3381. mustExpand?: boolean;
  3382. offset: number;
  3383. globalState: GlobalState;
  3384. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3385. filter: Nullable<string>;
  3386. }
  3387. export class TreeItemSelectableComponent extends React.Component<ITreeItemSelectableComponentProps, {
  3388. isExpanded: boolean;
  3389. isSelected: boolean;
  3390. }> {
  3391. private _wasSelected;
  3392. constructor(props: ITreeItemSelectableComponentProps);
  3393. switchExpandedState(): void;
  3394. shouldComponentUpdate(nextProps: ITreeItemSelectableComponentProps, nextState: {
  3395. isExpanded: boolean;
  3396. isSelected: boolean;
  3397. }): boolean;
  3398. scrollIntoView(): void;
  3399. componentDidMount(): void;
  3400. componentDidUpdate(): void;
  3401. onSelect(): void;
  3402. renderChildren(): JSX.Element[] | null;
  3403. render(): JSX.Element | null;
  3404. }
  3405. }
  3406. declare module "babylonjs-inspector/components/sceneExplorer/treeItemComponent" {
  3407. import * as React from "react";
  3408. import { Nullable } from "babylonjs/types";
  3409. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3410. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3411. export interface ITreeItemComponentProps {
  3412. items?: Nullable<any[]>;
  3413. label: string;
  3414. offset: number;
  3415. filter: Nullable<string>;
  3416. forceSubitems?: boolean;
  3417. globalState: GlobalState;
  3418. entity?: any;
  3419. selectedEntity: any;
  3420. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3421. contextMenuItems?: {
  3422. label: string;
  3423. action: () => void;
  3424. }[];
  3425. }
  3426. export class TreeItemComponent extends React.Component<ITreeItemComponentProps, {
  3427. isExpanded: boolean;
  3428. mustExpand: boolean;
  3429. }> {
  3430. static _ContextMenuUniqueIdGenerator: number;
  3431. constructor(props: ITreeItemComponentProps);
  3432. switchExpandedState(): void;
  3433. shouldComponentUpdate(nextProps: ITreeItemComponentProps, nextState: {
  3434. isExpanded: boolean;
  3435. }): boolean;
  3436. expandAll(expand: boolean): void;
  3437. renderContextMenu(): JSX.Element | null;
  3438. render(): JSX.Element;
  3439. }
  3440. }
  3441. declare module "babylonjs-inspector/components/sceneExplorer/entities/sceneTreeItemComponent" {
  3442. import { Observable } from "babylonjs/Misc/observable";
  3443. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3444. import { Scene } from "babylonjs/scene";
  3445. import * as React from "react";
  3446. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3447. interface ISceneTreeItemComponentProps {
  3448. scene: Scene;
  3449. onRefresh: () => void;
  3450. selectedEntity?: any;
  3451. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3452. onSelectionChangedObservable?: Observable<any>;
  3453. globalState: GlobalState;
  3454. }
  3455. export class SceneTreeItemComponent extends React.Component<ISceneTreeItemComponentProps, {
  3456. isSelected: boolean;
  3457. isInPickingMode: boolean;
  3458. gizmoMode: number;
  3459. }> {
  3460. private _gizmoLayerOnPointerObserver;
  3461. private _onPointerObserver;
  3462. private _onSelectionChangeObserver;
  3463. private _selectedEntity;
  3464. private _posDragEnd;
  3465. private _scaleDragEnd;
  3466. private _rotateDragEnd;
  3467. constructor(props: ISceneTreeItemComponentProps);
  3468. shouldComponentUpdate(nextProps: ISceneTreeItemComponentProps, nextState: {
  3469. isSelected: boolean;
  3470. isInPickingMode: boolean;
  3471. }): boolean;
  3472. componentDidMount(): void;
  3473. componentWillUnmount(): void;
  3474. onSelect(): void;
  3475. onPickingMode(): void;
  3476. setGizmoMode(mode: number): void;
  3477. render(): JSX.Element;
  3478. }
  3479. }
  3480. declare module "babylonjs-inspector/components/sceneExplorer/sceneExplorerComponent" {
  3481. import * as React from "react";
  3482. import { Nullable } from "babylonjs/types";
  3483. import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";
  3484. import { Scene } from "babylonjs/scene";
  3485. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3486. interface ISceneExplorerFilterComponentProps {
  3487. onFilter: (filter: string) => void;
  3488. }
  3489. export class SceneExplorerFilterComponent extends React.Component<ISceneExplorerFilterComponentProps> {
  3490. constructor(props: ISceneExplorerFilterComponentProps);
  3491. render(): JSX.Element;
  3492. }
  3493. interface ISceneExplorerComponentProps {
  3494. scene: Scene;
  3495. noCommands?: boolean;
  3496. noHeader?: boolean;
  3497. noExpand?: boolean;
  3498. noClose?: boolean;
  3499. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3500. globalState: GlobalState;
  3501. popupMode?: boolean;
  3502. onPopup?: () => void;
  3503. onClose?: () => void;
  3504. }
  3505. export class SceneExplorerComponent extends React.Component<ISceneExplorerComponentProps, {
  3506. filter: Nullable<string>;
  3507. selectedEntity: any;
  3508. scene: Scene;
  3509. }> {
  3510. private _onSelectionChangeObserver;
  3511. private _onSelectionRenamedObserver;
  3512. private _onNewSceneAddedObserver;
  3513. private _onNewSceneObserver;
  3514. private sceneExplorerRef;
  3515. private _once;
  3516. private _hooked;
  3517. private sceneMutationFunc;
  3518. constructor(props: ISceneExplorerComponentProps);
  3519. processMutation(): void;
  3520. componentDidMount(): void;
  3521. componentWillUnmount(): void;
  3522. filterContent(filter: string): void;
  3523. findSiblings(parent: any, items: any[], target: any, goNext: boolean, data: {
  3524. previousOne?: any;
  3525. found?: boolean;
  3526. }): boolean;
  3527. processKeys(keyEvent: React.KeyboardEvent<HTMLDivElement>): void;
  3528. renderContent(): JSX.Element | null;
  3529. onClose(): void;
  3530. onPopup(): void;
  3531. render(): JSX.Element;
  3532. }
  3533. }
  3534. declare module "babylonjs-inspector/components/embedHost/embedHostComponent" {
  3535. import * as React from "react";
  3536. import { Scene } from "babylonjs/scene";
  3537. import { GlobalState } from "babylonjs-inspector/components/globalState";
  3538. import { IExplorerExtensibilityGroup, DebugLayerTab } from 'babylonjs/Debug/debugLayer';
  3539. interface IEmbedHostComponentProps {
  3540. scene: Scene;
  3541. globalState: GlobalState;
  3542. popupMode: boolean;
  3543. noClose?: boolean;
  3544. noExpand?: boolean;
  3545. onClose: () => void;
  3546. onPopup: () => void;
  3547. extensibilityGroups?: IExplorerExtensibilityGroup[];
  3548. initialTab?: DebugLayerTab;
  3549. }
  3550. export class EmbedHostComponent extends React.Component<IEmbedHostComponentProps> {
  3551. private _once;
  3552. private splitRef;
  3553. private topPartRef;
  3554. private bottomPartRef;
  3555. constructor(props: IEmbedHostComponentProps);
  3556. componentDidMount(): void;
  3557. renderContent(): JSX.Element;
  3558. render(): JSX.Element;
  3559. }
  3560. }
  3561. declare module "babylonjs-inspector/inspector" {
  3562. import { IInspectorOptions } from "babylonjs/Debug/debugLayer";
  3563. import { Observable } from "babylonjs/Misc/observable";
  3564. import { Scene } from "babylonjs/scene";
  3565. import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";
  3566. export class Inspector {
  3567. private static _SceneExplorerHost;
  3568. private static _ActionTabsHost;
  3569. private static _EmbedHost;
  3570. private static _NewCanvasContainer;
  3571. private static _SceneExplorerWindow;
  3572. private static _ActionTabsWindow;
  3573. private static _EmbedHostWindow;
  3574. private static _Scene;
  3575. private static _OpenedPane;
  3576. private static _OnBeforeRenderObserver;
  3577. static OnSelectionChangeObservable: Observable<any>;
  3578. static OnPropertyChangedObservable: Observable<PropertyChangedEvent>;
  3579. private static _GlobalState;
  3580. static MarkLineContainerTitleForHighlighting(title: string): void;
  3581. static MarkMultipleLineContainerTitlesForHighlighting(titles: string[]): void;
  3582. private static _CopyStyles;
  3583. private static _CreateSceneExplorer;
  3584. private static _CreateActionTabs;
  3585. private static _CreateEmbedHost;
  3586. static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  3587. static get IsVisible(): boolean;
  3588. static EarlyAttachToLoader(): void;
  3589. static Show(scene: Scene, userOptions: Partial<IInspectorOptions>): void;
  3590. static _SetNewScene(scene: Scene): void;
  3591. static _CreateCanvasContainer(parentControl: HTMLElement): void;
  3592. private static _DestroyCanvasContainer;
  3593. private static _Cleanup;
  3594. private static _RemoveElementFromDOM;
  3595. static Hide(): void;
  3596. }
  3597. }
  3598. declare module "babylonjs-inspector/index" {
  3599. export * from "babylonjs-inspector/inspector";
  3600. }
  3601. declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/animations/playhead" {
  3602. import * as React from 'react';
  3603. interface IPlayheadProps {
  3604. frame: number;
  3605. offset: number;
  3606. onCurrentFrameChange: (frame: number) => void;
  3607. }
  3608. export class Playhead extends React.Component<IPlayheadProps> {
  3609. private _direction;
  3610. private _active;
  3611. constructor(props: IPlayheadProps);
  3612. dragStart(e: React.TouchEvent<HTMLDivElement>): void;
  3613. dragStart(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  3614. drag(e: React.TouchEvent<HTMLDivElement>): void;
  3615. drag(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  3616. dragEnd(e: React.TouchEvent<HTMLDivElement>): void;
  3617. dragEnd(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  3618. calculateMove(): string;
  3619. render(): JSX.Element;
  3620. }
  3621. }
  3622. declare module "babylonjs-inspector/legacy/legacy" {
  3623. export * from "babylonjs-inspector/index";
  3624. }
  3625. declare module "babylonjs-inspector" {
  3626. export * from "babylonjs-inspector/legacy/legacy";
  3627. }
  3628. /// <reference types="react" />
  3629. declare module INSPECTOR {
  3630. export class PropertyChangedEvent {
  3631. object: any;
  3632. property: string;
  3633. value: any;
  3634. initialValue: any;
  3635. allowNullValue?: boolean;
  3636. }
  3637. }
  3638. declare module INSPECTOR {
  3639. export class CodeChangedEvent {
  3640. object: any;
  3641. code: string;
  3642. }
  3643. }
  3644. declare module INSPECTOR {
  3645. export class ReplayRecorder {
  3646. private _recordedCodeLines;
  3647. private _previousObject;
  3648. private _previousProperty;
  3649. reset(): void;
  3650. private _getIndirectData;
  3651. recordCode(event: CodeChangedEvent): void;
  3652. record(event: PropertyChangedEvent): void;
  3653. export(): void;
  3654. }
  3655. }
  3656. declare module INSPECTOR {
  3657. export class GlobalState {
  3658. onSelectionChangedObservable: BABYLON.Observable<any>;
  3659. onPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
  3660. onCodeChangedObservable: BABYLON.Observable<CodeChangedEvent>;
  3661. onInspectorClosedObservable: BABYLON.Observable<BABYLON.Scene>;
  3662. onTabChangedObservable: BABYLON.Observable<number>;
  3663. onSelectionRenamedObservable: BABYLON.Observable<void>;
  3664. onPluginActivatedObserver: BABYLON.Nullable<BABYLON.Observer<BABYLON.ISceneLoaderPlugin | BABYLON.ISceneLoaderPluginAsync>>;
  3665. onNewSceneObservable: BABYLON.Observable<BABYLON.Scene>;
  3666. sceneImportDefaults: {
  3667. [key: string]: any;
  3668. };
  3669. validationResults: BABYLON.Nullable<BABYLON.GLTF2.IGLTFValidationResults>;
  3670. onValidationResultsUpdatedObservable: BABYLON.Observable<BABYLON.Nullable<BABYLON.GLTF2.IGLTFValidationResults>>;
  3671. onExtensionLoadedObservable: BABYLON.Observable<BABYLON.IGLTFLoaderExtension>;
  3672. glTFLoaderExtensionDefaults: {
  3673. [name: string]: {
  3674. [key: string]: any;
  3675. };
  3676. };
  3677. glTFLoaderDefaults: {
  3678. [key: string]: any;
  3679. };
  3680. blockMutationUpdates: boolean;
  3681. selectedLineContainerTitles: Array<string>;
  3682. selectedLineContainerTitlesNoFocus: Array<string>;
  3683. recorder: ReplayRecorder;
  3684. private _onlyUseEulers;
  3685. get onlyUseEulers(): boolean;
  3686. set onlyUseEulers(value: boolean);
  3687. private _ignoreBackfacesForPicking;
  3688. get ignoreBackfacesForPicking(): boolean;
  3689. set ignoreBackfacesForPicking(value: boolean);
  3690. init(propertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>): void;
  3691. prepareGLTFPlugin(loader: BABYLON.GLTFFileLoader): void;
  3692. lightGizmos: Array<BABYLON.LightGizmo>;
  3693. enableLightGizmo(light: BABYLON.Light, enable?: boolean): void;
  3694. }
  3695. }
  3696. declare module INSPECTOR {
  3697. export interface IPaneComponentProps {
  3698. title: string;
  3699. scene: BABYLON.Scene;
  3700. selectedEntity?: any;
  3701. onSelectionChangedObservable?: BABYLON.Observable<any>;
  3702. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  3703. globalState: GlobalState;
  3704. }
  3705. export class PaneComponent extends React.Component<IPaneComponentProps, {
  3706. tag: any;
  3707. }> {
  3708. constructor(props: IPaneComponentProps);
  3709. render(): JSX.Element | null;
  3710. }
  3711. }
  3712. declare module INSPECTOR {
  3713. interface ITabsComponentProps {
  3714. children: any[];
  3715. selectedIndex: number;
  3716. onSelectedIndexChange: (value: number) => void;
  3717. }
  3718. export class TabsComponent extends React.Component<ITabsComponentProps> {
  3719. constructor(props: ITabsComponentProps);
  3720. onSelect(index: number): void;
  3721. renderLabel(child: PaneComponent, index: number): JSX.Element;
  3722. render(): JSX.Element;
  3723. }
  3724. }
  3725. declare module INSPECTOR {
  3726. interface ITextLineComponentProps {
  3727. label?: string;
  3728. value?: string;
  3729. color?: string;
  3730. underline?: boolean;
  3731. onLink?: () => void;
  3732. url?: string;
  3733. ignoreValue?: boolean;
  3734. additionalClass?: string;
  3735. }
  3736. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  3737. constructor(props: ITextLineComponentProps);
  3738. onLink(): void;
  3739. renderContent(): JSX.Element | null;
  3740. render(): JSX.Element;
  3741. }
  3742. }
  3743. declare module INSPECTOR {
  3744. interface ILineContainerComponentProps {
  3745. globalState?: GlobalState;
  3746. title: string;
  3747. children: any[] | any;
  3748. closed?: boolean;
  3749. }
  3750. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  3751. isExpanded: boolean;
  3752. isHighlighted: boolean;
  3753. }> {
  3754. constructor(props: ILineContainerComponentProps);
  3755. switchExpandedState(): void;
  3756. componentDidMount(): void;
  3757. renderHeader(): JSX.Element;
  3758. render(): JSX.Element;
  3759. }
  3760. }
  3761. declare module INSPECTOR {
  3762. interface IValueLineComponentProps {
  3763. label: string;
  3764. value: number;
  3765. color?: string;
  3766. fractionDigits?: number;
  3767. units?: string;
  3768. }
  3769. export class ValueLineComponent extends React.Component<IValueLineComponentProps> {
  3770. constructor(props: IValueLineComponentProps);
  3771. render(): JSX.Element;
  3772. }
  3773. }
  3774. declare module INSPECTOR {
  3775. export interface IBooleanLineComponentProps {
  3776. label: string;
  3777. value: boolean;
  3778. }
  3779. export class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
  3780. constructor(props: IBooleanLineComponentProps);
  3781. render(): JSX.Element;
  3782. }
  3783. }
  3784. declare module INSPECTOR {
  3785. export class StatisticsTabComponent extends PaneComponent {
  3786. private _sceneInstrumentation;
  3787. private _engineInstrumentation;
  3788. private _timerIntervalId;
  3789. constructor(props: IPaneComponentProps);
  3790. componentWillUnmount(): void;
  3791. render(): JSX.Element | null;
  3792. }
  3793. }
  3794. declare module INSPECTOR {
  3795. export interface ICheckBoxLineComponentProps {
  3796. label: string;
  3797. target?: any;
  3798. propertyName?: string;
  3799. isSelected?: () => boolean;
  3800. onSelect?: (value: boolean) => void;
  3801. onValueChanged?: () => void;
  3802. replaySourceReplacement?: string;
  3803. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  3804. }
  3805. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  3806. isSelected: boolean;
  3807. }> {
  3808. private static _UniqueIdSeed;
  3809. private _uniqueId;
  3810. private _localChange;
  3811. constructor(props: ICheckBoxLineComponentProps);
  3812. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  3813. isSelected: boolean;
  3814. }): boolean;
  3815. onChange(): void;
  3816. render(): JSX.Element;
  3817. }
  3818. }
  3819. declare module INSPECTOR {
  3820. interface IRenderGridPropertyGridComponentProps {
  3821. globalState: GlobalState;
  3822. scene: BABYLON.Scene;
  3823. }
  3824. export class RenderGridPropertyGridComponent extends React.Component<IRenderGridPropertyGridComponentProps, {
  3825. isEnabled: boolean;
  3826. }> {
  3827. private _gridMesh;
  3828. constructor(props: IRenderGridPropertyGridComponentProps);
  3829. componentDidMount(): void;
  3830. addOrRemoveGrid(): void;
  3831. render(): JSX.Element;
  3832. }
  3833. }
  3834. declare module INSPECTOR {
  3835. export class DebugTabComponent extends PaneComponent {
  3836. private _physicsViewersEnabled;
  3837. constructor(props: IPaneComponentProps);
  3838. switchPhysicsViewers(): void;
  3839. render(): JSX.Element | null;
  3840. }
  3841. }
  3842. declare module INSPECTOR {
  3843. interface ISliderLineComponentProps {
  3844. label: string;
  3845. target?: any;
  3846. propertyName?: string;
  3847. minimum: number;
  3848. maximum: number;
  3849. step: number;
  3850. directValue?: number;
  3851. useEuler?: boolean;
  3852. onChange?: (value: number) => void;
  3853. onInput?: (value: number) => void;
  3854. replaySourceReplacement?: string;
  3855. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  3856. decimalCount?: number;
  3857. }
  3858. export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
  3859. value: number;
  3860. }> {
  3861. private _localChange;
  3862. constructor(props: ISliderLineComponentProps);
  3863. shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
  3864. value: number;
  3865. }): boolean;
  3866. onChange(newValueString: any): void;
  3867. onInput(newValueString: any): void;
  3868. prepareDataToRead(value: number): number;
  3869. render(): JSX.Element;
  3870. }
  3871. }
  3872. declare module INSPECTOR {
  3873. export const Null_Value: number;
  3874. class ListLineOption {
  3875. label: string;
  3876. value: number;
  3877. }
  3878. interface IOptionsLineComponentProps {
  3879. label: string;
  3880. target: any;
  3881. propertyName: string;
  3882. options: ListLineOption[];
  3883. noDirectUpdate?: boolean;
  3884. onSelect?: (value: number) => void;
  3885. extractValue?: () => number;
  3886. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  3887. allowNullValue?: boolean;
  3888. }
  3889. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  3890. value: number;
  3891. }> {
  3892. private _localChange;
  3893. private remapValueIn;
  3894. private remapValueOut;
  3895. constructor(props: IOptionsLineComponentProps);
  3896. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  3897. value: number;
  3898. }): boolean;
  3899. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  3900. updateValue(valueString: string): void;
  3901. render(): JSX.Element;
  3902. }
  3903. }
  3904. declare module INSPECTOR {
  3905. /**
  3906. * Class used to provide lock mechanism
  3907. */
  3908. export class LockObject {
  3909. /**
  3910. * Gets or set if the lock is engaged
  3911. */
  3912. lock: boolean;
  3913. }
  3914. }
  3915. declare module INSPECTOR {
  3916. interface INumericInputComponentProps {
  3917. label: string;
  3918. value: number;
  3919. step?: number;
  3920. onChange: (value: number) => void;
  3921. precision?: number;
  3922. }
  3923. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  3924. value: string;
  3925. }> {
  3926. static defaultProps: {
  3927. step: number;
  3928. };
  3929. private _localChange;
  3930. constructor(props: INumericInputComponentProps);
  3931. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  3932. value: string;
  3933. }): boolean;
  3934. updateValue(evt: any): void;
  3935. render(): JSX.Element;
  3936. }
  3937. }
  3938. declare module INSPECTOR {
  3939. export interface IColorPickerComponentProps {
  3940. value: BABYLON.Color4 | BABYLON.Color3;
  3941. onColorChanged: (newOne: string) => void;
  3942. disableAlpha?: boolean;
  3943. }
  3944. interface IColorPickerComponentState {
  3945. pickerEnabled: boolean;
  3946. color: {
  3947. r: number;
  3948. g: number;
  3949. b: number;
  3950. a?: number;
  3951. };
  3952. hex: string;
  3953. }
  3954. export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
  3955. private _floatRef;
  3956. private _floatHostRef;
  3957. constructor(props: IColorPickerComponentProps);
  3958. syncPositions(): void;
  3959. shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
  3960. componentDidUpdate(): void;
  3961. componentDidMount(): void;
  3962. render(): JSX.Element;
  3963. }
  3964. }
  3965. declare module INSPECTOR {
  3966. export interface IColor3LineComponentProps {
  3967. label: string;
  3968. target: any;
  3969. propertyName: string;
  3970. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  3971. isLinear?: boolean;
  3972. }
  3973. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  3974. isExpanded: boolean;
  3975. color: BABYLON.Color3;
  3976. }> {
  3977. private _localChange;
  3978. constructor(props: IColor3LineComponentProps);
  3979. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  3980. color: BABYLON.Color3;
  3981. }): boolean;
  3982. setPropertyValue(newColor: BABYLON.Color3): void;
  3983. onChange(newValue: string): void;
  3984. switchExpandState(): void;
  3985. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  3986. updateStateR(value: number): void;
  3987. updateStateG(value: number): void;
  3988. updateStateB(value: number): void;
  3989. copyToClipboard(): void;
  3990. render(): JSX.Element;
  3991. }
  3992. }
  3993. declare module INSPECTOR {
  3994. interface IVector3LineComponentProps {
  3995. label: string;
  3996. target: any;
  3997. propertyName: string;
  3998. step?: number;
  3999. onChange?: (newvalue: BABYLON.Vector3) => void;
  4000. useEuler?: boolean;
  4001. replaySourceReplacement?: string;
  4002. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4003. }
  4004. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  4005. isExpanded: boolean;
  4006. value: BABYLON.Vector3;
  4007. }> {
  4008. static defaultProps: {
  4009. step: number;
  4010. };
  4011. private _localChange;
  4012. constructor(props: IVector3LineComponentProps);
  4013. getCurrentValue(): any;
  4014. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  4015. isExpanded: boolean;
  4016. value: BABYLON.Vector3;
  4017. }): boolean;
  4018. switchExpandState(): void;
  4019. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  4020. updateVector3(): void;
  4021. updateStateX(value: number): void;
  4022. updateStateY(value: number): void;
  4023. updateStateZ(value: number): void;
  4024. render(): JSX.Element;
  4025. }
  4026. }
  4027. declare module INSPECTOR {
  4028. interface IQuaternionLineComponentProps {
  4029. label: string;
  4030. target: any;
  4031. useEuler?: boolean;
  4032. propertyName: string;
  4033. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4034. }
  4035. export class QuaternionLineComponent extends React.Component<IQuaternionLineComponentProps, {
  4036. isExpanded: boolean;
  4037. value: BABYLON.Quaternion;
  4038. eulerValue: BABYLON.Vector3;
  4039. }> {
  4040. private _localChange;
  4041. constructor(props: IQuaternionLineComponentProps);
  4042. shouldComponentUpdate(nextProps: IQuaternionLineComponentProps, nextState: {
  4043. isExpanded: boolean;
  4044. value: BABYLON.Quaternion;
  4045. }): boolean;
  4046. switchExpandState(): void;
  4047. raiseOnPropertyChanged(currentValue: BABYLON.Quaternion, previousValue: BABYLON.Quaternion): void;
  4048. updateQuaternion(): void;
  4049. updateStateX(value: number): void;
  4050. updateStateY(value: number): void;
  4051. updateStateZ(value: number): void;
  4052. updateStateW(value: number): void;
  4053. updateQuaternionFromEuler(): void;
  4054. updateStateEulerX(value: number): void;
  4055. updateStateEulerY(value: number): void;
  4056. updateStateEulerZ(value: number): void;
  4057. render(): JSX.Element;
  4058. }
  4059. }
  4060. declare module INSPECTOR {
  4061. interface ITextInputLineComponentProps {
  4062. label: string;
  4063. lockObject: LockObject;
  4064. target?: any;
  4065. propertyName?: string;
  4066. value?: string;
  4067. onChange?: (value: string) => void;
  4068. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4069. }
  4070. export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
  4071. value: string;
  4072. }> {
  4073. private _localChange;
  4074. constructor(props: ITextInputLineComponentProps);
  4075. componentWillUnmount(): void;
  4076. shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
  4077. value: string;
  4078. }): boolean;
  4079. raiseOnPropertyChanged(newValue: string, previousValue: string): void;
  4080. updateValue(value: string): void;
  4081. render(): JSX.Element;
  4082. }
  4083. }
  4084. declare module INSPECTOR {
  4085. interface ICustomPropertyGridComponentProps {
  4086. globalState: GlobalState;
  4087. target: any;
  4088. lockObject: LockObject;
  4089. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4090. }
  4091. export class CustomPropertyGridComponent extends React.Component<ICustomPropertyGridComponentProps, {
  4092. mode: number;
  4093. }> {
  4094. constructor(props: ICustomPropertyGridComponentProps);
  4095. renderInspectable(inspectable: BABYLON.IInspectable): JSX.Element | null;
  4096. render(): JSX.Element | null;
  4097. }
  4098. }
  4099. declare module INSPECTOR {
  4100. export interface IButtonLineComponentProps {
  4101. label: string;
  4102. onClick: () => void;
  4103. }
  4104. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  4105. constructor(props: IButtonLineComponentProps);
  4106. render(): JSX.Element;
  4107. }
  4108. }
  4109. declare module INSPECTOR {
  4110. interface IFloatLineComponentProps {
  4111. label: string;
  4112. target: any;
  4113. propertyName: string;
  4114. lockObject?: LockObject;
  4115. onChange?: (newValue: number) => void;
  4116. isInteger?: boolean;
  4117. replaySourceReplacement?: string;
  4118. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4119. additionalClass?: string;
  4120. step?: string;
  4121. digits?: number;
  4122. useEuler?: boolean;
  4123. min?: number;
  4124. }
  4125. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  4126. value: string;
  4127. }> {
  4128. private _localChange;
  4129. private _store;
  4130. constructor(props: IFloatLineComponentProps);
  4131. componentWillUnmount(): void;
  4132. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  4133. value: string;
  4134. }): boolean;
  4135. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  4136. updateValue(valueString: string): void;
  4137. lock(): void;
  4138. unlock(): void;
  4139. render(): JSX.Element;
  4140. }
  4141. }
  4142. declare module INSPECTOR {
  4143. interface IAnchorSvgPointProps {
  4144. control: BABYLON.Vector2;
  4145. anchor: BABYLON.Vector2;
  4146. active: boolean;
  4147. type: string;
  4148. index: string;
  4149. selected: boolean;
  4150. selectControlPoint: (id: string) => void;
  4151. }
  4152. export class AnchorSvgPoint extends React.Component<IAnchorSvgPointProps> {
  4153. constructor(props: IAnchorSvgPointProps);
  4154. select(): void;
  4155. render(): JSX.Element;
  4156. }
  4157. }
  4158. declare module INSPECTOR {
  4159. export interface IKeyframeSvgPoint {
  4160. keyframePoint: BABYLON.Vector2;
  4161. rightControlPoint: BABYLON.Vector2 | null;
  4162. leftControlPoint: BABYLON.Vector2 | null;
  4163. id: string;
  4164. selected: boolean;
  4165. isLeftActive: boolean;
  4166. isRightActive: boolean;
  4167. curveId?: ICurveMetaData;
  4168. }
  4169. export interface ICurveMetaData {
  4170. id: number;
  4171. animationName: string;
  4172. property: string;
  4173. }
  4174. interface IKeyframeSvgPointProps {
  4175. keyframePoint: BABYLON.Vector2;
  4176. leftControlPoint: BABYLON.Vector2 | null;
  4177. rightControlPoint: BABYLON.Vector2 | null;
  4178. id: string;
  4179. selected: boolean;
  4180. selectKeyframe: (id: string, multiselect: boolean) => void;
  4181. selectedControlPoint: (type: string, id: string) => void;
  4182. isLeftActive: boolean;
  4183. isRightActive: boolean;
  4184. }
  4185. export class KeyframeSvgPoint extends React.Component<IKeyframeSvgPointProps> {
  4186. constructor(props: IKeyframeSvgPointProps);
  4187. select(e: React.MouseEvent<SVGImageElement>): void;
  4188. render(): JSX.Element;
  4189. }
  4190. }
  4191. declare module INSPECTOR {
  4192. interface ISvgDraggableAreaProps {
  4193. keyframeSvgPoints: IKeyframeSvgPoint[];
  4194. updatePosition: (updatedKeyframe: IKeyframeSvgPoint, id: string) => void;
  4195. scale: number;
  4196. viewBoxScale: number;
  4197. selectKeyframe: (id: string, multiselect: boolean) => void;
  4198. selectedControlPoint: (type: string, id: string) => void;
  4199. deselectKeyframes: () => void;
  4200. removeSelectedKeyframes: (points: IKeyframeSvgPoint[]) => void;
  4201. }
  4202. export class SvgDraggableArea extends React.Component<ISvgDraggableAreaProps> {
  4203. private _active;
  4204. private _isCurrentPointControl;
  4205. private _currentPointId;
  4206. private _draggableArea;
  4207. private _panStart;
  4208. private _panStop;
  4209. constructor(props: ISvgDraggableAreaProps);
  4210. componentDidMount(): void;
  4211. dragStart(e: React.TouchEvent<SVGSVGElement>): void;
  4212. dragStart(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  4213. drag(e: React.TouchEvent<SVGSVGElement>): void;
  4214. drag(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  4215. dragEnd(e: React.TouchEvent<SVGSVGElement>): void;
  4216. dragEnd(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  4217. getMousePosition(e: React.TouchEvent<SVGSVGElement>): BABYLON.Vector2 | undefined;
  4218. getMousePosition(e: React.MouseEvent<SVGSVGElement, MouseEvent>): BABYLON.Vector2 | undefined;
  4219. panDirection(): void;
  4220. panTo(direction: string, value: number): void;
  4221. keyDown(e: KeyboardEvent): void;
  4222. keyUp(e: KeyboardEvent): void;
  4223. focus(e: React.MouseEvent<SVGSVGElement>): void;
  4224. isControlPointActive(): boolean;
  4225. render(): JSX.Element;
  4226. }
  4227. }
  4228. declare module INSPECTOR {
  4229. export interface IIconButtonLineComponentProps {
  4230. icon: string;
  4231. onClick: () => void;
  4232. tooltip: string;
  4233. active?: boolean;
  4234. }
  4235. export class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
  4236. constructor(props: IIconButtonLineComponentProps);
  4237. render(): JSX.Element;
  4238. }
  4239. }
  4240. declare module INSPECTOR {
  4241. interface IControlsProps {
  4242. keyframes: BABYLON.IAnimationKey[] | null;
  4243. selected: BABYLON.IAnimationKey | null;
  4244. currentFrame: number;
  4245. onCurrentFrameChange: (frame: number) => void;
  4246. playPause: (direction: number) => void;
  4247. isPlaying: boolean;
  4248. scrollable: React.RefObject<HTMLDivElement>;
  4249. }
  4250. export class Controls extends React.Component<IControlsProps, {
  4251. selected: BABYLON.IAnimationKey;
  4252. }> {
  4253. constructor(props: IControlsProps);
  4254. playBackwards(): void;
  4255. play(): void;
  4256. pause(): void;
  4257. nextFrame(): void;
  4258. previousFrame(): void;
  4259. nextKeyframe(): void;
  4260. previousKeyframe(): void;
  4261. render(): JSX.Element;
  4262. }
  4263. }
  4264. declare module INSPECTOR {
  4265. interface ITimelineProps {
  4266. keyframes: BABYLON.IAnimationKey[] | null;
  4267. selected: BABYLON.IAnimationKey | null;
  4268. currentFrame: number;
  4269. onCurrentFrameChange: (frame: number) => void;
  4270. onAnimationLimitChange: (limit: number) => void;
  4271. dragKeyframe: (frame: number, index: number) => void;
  4272. playPause: (direction: number) => void;
  4273. isPlaying: boolean;
  4274. animationLimit: number;
  4275. fps: number;
  4276. }
  4277. export class Timeline extends React.Component<ITimelineProps, {
  4278. selected: BABYLON.IAnimationKey;
  4279. activeKeyframe: number | null;
  4280. start: number;
  4281. end: number;
  4282. scrollWidth: number | undefined;
  4283. selectionLength: number[];
  4284. }> {
  4285. readonly _frames: object[];
  4286. private _scrollable;
  4287. private _scrollbarHandle;
  4288. private _scrollContainer;
  4289. private _direction;
  4290. private _scrolling;
  4291. private _shiftX;
  4292. private _active;
  4293. constructor(props: ITimelineProps);
  4294. componentDidMount(): void;
  4295. calculateScrollWidth(start: number, end: number): number | undefined;
  4296. playBackwards(event: React.MouseEvent<HTMLDivElement>): void;
  4297. play(event: React.MouseEvent<HTMLDivElement>): void;
  4298. pause(event: React.MouseEvent<HTMLDivElement>): void;
  4299. handleInputChange(event: React.ChangeEvent<HTMLInputElement>): void;
  4300. setCurrentFrame(event: React.MouseEvent<HTMLDivElement>): void;
  4301. handleLimitChange(event: React.ChangeEvent<HTMLInputElement>): void;
  4302. nextFrame(event: React.MouseEvent<HTMLDivElement>): void;
  4303. previousFrame(event: React.MouseEvent<HTMLDivElement>): void;
  4304. nextKeyframe(event: React.MouseEvent<HTMLDivElement>): void;
  4305. previousKeyframe(event: React.MouseEvent<HTMLDivElement>): void;
  4306. dragStart(e: React.TouchEvent<SVGSVGElement>): void;
  4307. dragStart(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  4308. drag(e: React.TouchEvent<SVGSVGElement>): void;
  4309. drag(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  4310. isFrameBeingUsed(frame: number, direction: number): number | false;
  4311. dragEnd(e: React.TouchEvent<SVGSVGElement>): void;
  4312. dragEnd(e: React.MouseEvent<SVGSVGElement, MouseEvent>): void;
  4313. scrollDragStart(e: React.TouchEvent<HTMLDivElement>): void;
  4314. scrollDragStart(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  4315. scrollDrag(e: React.TouchEvent<HTMLDivElement>): void;
  4316. scrollDrag(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  4317. scrollDragEnd(e: React.TouchEvent<HTMLDivElement>): void;
  4318. scrollDragEnd(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  4319. moveScrollbar(pageX: number): void;
  4320. resizeScrollbarRight(clientX: number): void;
  4321. resizeScrollbarLeft(clientX: number): void;
  4322. range(start: number, end: number): number[];
  4323. getKeyframe(frame: number): false | BABYLON.IAnimationKey | undefined;
  4324. getCurrentFrame(frame: number): boolean;
  4325. render(): JSX.Element;
  4326. }
  4327. }
  4328. declare module INSPECTOR {
  4329. interface IPlayheadProps {
  4330. message: string;
  4331. open: boolean;
  4332. close: () => void;
  4333. }
  4334. export class Notification extends React.Component<IPlayheadProps> {
  4335. constructor(props: IPlayheadProps);
  4336. render(): JSX.Element;
  4337. }
  4338. }
  4339. declare module INSPECTOR {
  4340. interface IGraphActionsBarProps {
  4341. addKeyframe: () => void;
  4342. removeKeyframe: () => void;
  4343. handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
  4344. handleFrameChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
  4345. flatTangent: () => void;
  4346. brokeTangents: () => void;
  4347. setLerpMode: () => void;
  4348. brokenMode: boolean;
  4349. lerpMode: boolean;
  4350. currentValue: number;
  4351. currentFrame: number;
  4352. title: string;
  4353. close: (event: any) => void;
  4354. enabled: boolean;
  4355. }
  4356. export class GraphActionsBar extends React.Component<IGraphActionsBarProps> {
  4357. constructor(props: IGraphActionsBarProps);
  4358. render(): JSX.Element;
  4359. }
  4360. }
  4361. declare module INSPECTOR {
  4362. interface IAddAnimationProps {
  4363. isOpen: boolean;
  4364. close: () => void;
  4365. entity: BABYLON.IAnimatable;
  4366. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4367. setNotificationMessage: (message: string) => void;
  4368. finishedUpdate: () => void;
  4369. addedNewAnimation: () => void;
  4370. fps: number;
  4371. selectedToUpdate?: BABYLON.Animation | undefined;
  4372. }
  4373. export class AddAnimation extends React.Component<IAddAnimationProps, {
  4374. animationName: string;
  4375. animationTargetProperty: string;
  4376. animationType: number;
  4377. loopMode: number;
  4378. animationTargetPath: string;
  4379. isUpdating: boolean;
  4380. }> {
  4381. constructor(props: IAddAnimationProps);
  4382. setInitialState(editingAnimation?: BABYLON.Animation): {
  4383. animationName: string;
  4384. animationTargetPath: string;
  4385. animationType: number;
  4386. loopMode: number;
  4387. animationTargetProperty: string;
  4388. isUpdating: boolean;
  4389. };
  4390. componentWillReceiveProps(nextProps: IAddAnimationProps): void;
  4391. updateAnimation(): void;
  4392. getTypeAsString(type: number): "Float" | "Quaternion" | "Vector3" | "Vector2" | "Size" | "Color3" | "Color4";
  4393. addAnimation(): void;
  4394. raiseOnPropertyChanged(newValue: BABYLON.Animation[], previousValue: BABYLON.Animation[]): void;
  4395. raiseOnPropertyUpdated(newValue: string | number | undefined, previousValue: string | number, property: string): void;
  4396. handleNameChange(event: React.ChangeEvent<HTMLInputElement>): void;
  4397. handlePathChange(event: React.ChangeEvent<HTMLInputElement>): void;
  4398. handleTypeChange(event: React.ChangeEvent<HTMLSelectElement>): void;
  4399. handlePropertyChange(event: React.ChangeEvent<HTMLInputElement>): void;
  4400. handleLoopModeChange(event: React.ChangeEvent<HTMLSelectElement>): void;
  4401. render(): JSX.Element;
  4402. }
  4403. }
  4404. declare module INSPECTOR {
  4405. interface IAnimationListTreeProps {
  4406. isTargetedAnimation: boolean;
  4407. entity: BABYLON.IAnimatable | BABYLON.TargetedAnimation;
  4408. selected: BABYLON.Animation | null;
  4409. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4410. selectAnimation: (selected: BABYLON.Animation, coordinate?: SelectedCoordinate) => void;
  4411. empty: () => void;
  4412. editAnimation: (selected: BABYLON.Animation) => void;
  4413. deselectAnimation: () => void;
  4414. }
  4415. interface Item {
  4416. index: number;
  4417. name: string;
  4418. property: string;
  4419. selected: boolean;
  4420. open: boolean;
  4421. }
  4422. export enum SelectedCoordinate {
  4423. x = 0,
  4424. y = 1,
  4425. z = 2,
  4426. w = 3,
  4427. r = 0,
  4428. g = 1,
  4429. b = 2,
  4430. a = 3,
  4431. width = 0,
  4432. height = 1
  4433. }
  4434. export class AnimationListTree extends React.Component<IAnimationListTreeProps, {
  4435. selectedCoordinate: SelectedCoordinate;
  4436. selectedAnimation: number;
  4437. }> {
  4438. private _list;
  4439. constructor(props: IAnimationListTreeProps);
  4440. deleteAnimation(): void;
  4441. generateList(): Item[] | null;
  4442. toggleProperty(index: number): void;
  4443. setSelectedCoordinate(animation: BABYLON.Animation, coordinate: SelectedCoordinate, index: number): void;
  4444. setListItem(animation: BABYLON.Animation, i: number): JSX.Element | null;
  4445. render(): JSX.Element;
  4446. }
  4447. }
  4448. declare module INSPECTOR {
  4449. interface IFileButtonLineComponentProps {
  4450. label: string;
  4451. onClick: (file: File) => void;
  4452. accept: string;
  4453. }
  4454. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  4455. private static _IDGenerator;
  4456. private _id;
  4457. private uploadInputRef;
  4458. constructor(props: IFileButtonLineComponentProps);
  4459. onChange(evt: any): void;
  4460. render(): JSX.Element;
  4461. }
  4462. }
  4463. declare module INSPECTOR {
  4464. interface ILoadSnippetProps {
  4465. animations: BABYLON.Animation[];
  4466. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4467. lockObject: LockObject;
  4468. globalState: GlobalState;
  4469. snippetServer: string;
  4470. setSnippetId: (id: string) => void;
  4471. entity: BABYLON.IAnimatable | BABYLON.TargetedAnimation;
  4472. setNotificationMessage: (message: string) => void;
  4473. animationsLoaded: (numberOfAnimations: number) => void;
  4474. }
  4475. export class LoadSnippet extends React.Component<ILoadSnippetProps, {
  4476. snippetId: string;
  4477. }> {
  4478. private _serverAddress;
  4479. constructor(props: ILoadSnippetProps);
  4480. change(value: string): void;
  4481. loadFromFile(file: File): void;
  4482. loadFromSnippet(): void;
  4483. render(): JSX.Element;
  4484. }
  4485. }
  4486. declare module INSPECTOR {
  4487. interface ISaveSnippetProps {
  4488. animations: BABYLON.Nullable<BABYLON.Animation[]>;
  4489. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4490. lockObject: LockObject;
  4491. globalState: GlobalState;
  4492. snippetServer: string;
  4493. snippetId: string;
  4494. }
  4495. export interface Snippet {
  4496. url: string;
  4497. id: string;
  4498. }
  4499. interface SelectedAnimation {
  4500. id: string;
  4501. name: string;
  4502. index: number;
  4503. selected: boolean;
  4504. }
  4505. export class SaveSnippet extends React.Component<ISaveSnippetProps, {
  4506. selectedAnimations: SelectedAnimation[];
  4507. }> {
  4508. constructor(props: ISaveSnippetProps);
  4509. handleCheckboxChange(e: React.ChangeEvent<HTMLInputElement>): void;
  4510. stringifySelectedAnimations(): string;
  4511. saveToFile(): void;
  4512. saveToSnippet(): void;
  4513. render(): JSX.Element;
  4514. }
  4515. }
  4516. declare module INSPECTOR {
  4517. interface IEditorControlsProps {
  4518. isTargetedAnimation: boolean;
  4519. entity: BABYLON.IAnimatable | BABYLON.TargetedAnimation;
  4520. selected: BABYLON.Animation | null;
  4521. lockObject: LockObject;
  4522. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4523. setNotificationMessage: (message: string) => void;
  4524. selectAnimation: (selected: BABYLON.Animation, axis?: SelectedCoordinate) => void;
  4525. setFps: (fps: number) => void;
  4526. globalState: GlobalState;
  4527. snippetServer: string;
  4528. deselectAnimation: () => void;
  4529. }
  4530. export class EditorControls extends React.Component<IEditorControlsProps, {
  4531. isAnimationTabOpen: boolean;
  4532. isEditTabOpen: boolean;
  4533. isLoadTabOpen: boolean;
  4534. isSaveTabOpen: boolean;
  4535. isLoopActive: boolean;
  4536. animationsCount: number;
  4537. framesPerSecond: number;
  4538. snippetId: string;
  4539. loopMode: number;
  4540. selected: BABYLON.Animation | undefined;
  4541. }> {
  4542. constructor(props: IEditorControlsProps);
  4543. animationAdded(): void;
  4544. finishedUpdate(): void;
  4545. recountAnimations(): number;
  4546. changeLoopBehavior(): void;
  4547. handleTabs(tab: number): void;
  4548. handleChangeFps(fps: number): void;
  4549. emptiedList(): void;
  4550. animationsLoaded(numberOfAnimations: number): void;
  4551. editAnimation(selected: BABYLON.Animation): void;
  4552. render(): JSX.Element;
  4553. }
  4554. }
  4555. declare module INSPECTOR {
  4556. interface IAnimationCurveEditorComponentProps {
  4557. close: (event: any) => void;
  4558. playOrPause?: () => void;
  4559. scene: BABYLON.Scene;
  4560. entity: BABYLON.IAnimatable | BABYLON.TargetedAnimation;
  4561. lockObject: LockObject;
  4562. globalState: GlobalState;
  4563. }
  4564. interface ICanvasAxis {
  4565. value: number;
  4566. label: number;
  4567. }
  4568. interface ICurveData {
  4569. pathData: string;
  4570. pathLength: number;
  4571. domCurve: React.RefObject<SVGPathElement>;
  4572. color: string;
  4573. id: string;
  4574. }
  4575. export class AnimationCurveEditorComponent extends React.Component<IAnimationCurveEditorComponentProps, {
  4576. isOpen: boolean;
  4577. selected: BABYLON.Animation | null;
  4578. svgKeyframes: IKeyframeSvgPoint[] | undefined;
  4579. currentFrame: number;
  4580. currentValue: number;
  4581. frameAxisLength: ICanvasAxis[];
  4582. valueAxisLength: ICanvasAxis[];
  4583. isFlatTangentMode: boolean;
  4584. isTangentMode: boolean;
  4585. isBrokenMode: boolean;
  4586. lerpMode: boolean;
  4587. scale: number;
  4588. playheadOffset: number;
  4589. notification: string;
  4590. currentPoint: SVGPoint | undefined;
  4591. playheadPos: number;
  4592. isPlaying: boolean;
  4593. selectedPathData: ICurveData[] | undefined;
  4594. selectedCoordinate: number;
  4595. animationLimit: number;
  4596. fps: number;
  4597. }> {
  4598. private _snippetUrl;
  4599. private _heightScale;
  4600. readonly _entityName: string;
  4601. readonly _canvasLength: number;
  4602. private _svgKeyframes;
  4603. private _isPlaying;
  4604. private _graphCanvas;
  4605. private _svgCanvas;
  4606. private _isTargetedAnimation;
  4607. private _pixelFrameUnit;
  4608. private _onBeforeRenderObserver;
  4609. private _mainAnimatable;
  4610. constructor(props: IAnimationCurveEditorComponentProps);
  4611. componentDidMount(): void;
  4612. /**
  4613. * Notifications
  4614. * To add notification we set the state and clear to make the notification bar hide.
  4615. */
  4616. clearNotification(): void;
  4617. /**
  4618. * Zoom and Scroll
  4619. * This section handles zoom and scroll
  4620. * of the graph area.
  4621. */
  4622. zoom(e: React.WheelEvent<HTMLDivElement>): void;
  4623. setAxesLength(): void;
  4624. getValueLabel(i: number): number;
  4625. resetPlayheadOffset(): void;
  4626. /**
  4627. * Keyframe Manipulation
  4628. * This section handles events from SvgDraggableArea.
  4629. */
  4630. selectKeyframe(id: string, multiselect: boolean): void;
  4631. selectedControlPoint(type: string, id: string): void;
  4632. deselectKeyframes(): void;
  4633. updateValuePerCoordinate(dataType: number, value: number | BABYLON.Vector2 | BABYLON.Vector3 | BABYLON.Color3 | BABYLON.Color4 | BABYLON.Size | BABYLON.Quaternion, newValue: number, coordinate?: number): number | BABYLON.Vector3 | BABYLON.Quaternion | BABYLON.Color3 | BABYLON.Color4 | BABYLON.Vector2 | BABYLON.Size;
  4634. renderPoints(updatedSvgKeyFrame: IKeyframeSvgPoint, id: string): void;
  4635. /**
  4636. * Actions
  4637. * This section handles events from GraphActionsBar.
  4638. */
  4639. handleFrameChange(event: React.ChangeEvent<HTMLInputElement>): void;
  4640. handleValueChange(event: React.ChangeEvent<HTMLInputElement>): void;
  4641. setFlatTangent(): void;
  4642. setTangentMode(): void;
  4643. setBrokenMode(): void;
  4644. setLerpMode(): void;
  4645. addKeyframeClick(): void;
  4646. removeKeyframeClick(): void;
  4647. removeKeyframes(points: IKeyframeSvgPoint[]): void;
  4648. addKeyFrame(event: React.MouseEvent<SVGSVGElement>): void;
  4649. /**
  4650. * Curve Rendering Functions
  4651. * This section handles how to render curves.
  4652. */
  4653. linearInterpolation(keyframes: BABYLON.IAnimationKey[], data: string, middle: number): string;
  4654. setKeyframePointLinear(point: BABYLON.Vector2, index: number): void;
  4655. flatTangents(keyframes: BABYLON.IAnimationKey[], dataType: number): BABYLON.IAnimationKey[];
  4656. returnZero(dataType: number): number | BABYLON.Vector3 | BABYLON.Quaternion | BABYLON.Color3 | BABYLON.Color4 | BABYLON.Vector2 | BABYLON.Size | undefined;
  4657. getValueAsArray(valueType: number, value: number | BABYLON.Vector2 | BABYLON.Vector3 | BABYLON.Color3 | BABYLON.Color4 | BABYLON.Size | BABYLON.Quaternion): number[];
  4658. getPathData(animation: BABYLON.Animation | null): ICurveData[] | undefined;
  4659. getAnimationData(animation: BABYLON.Animation): {
  4660. loopMode: number | undefined;
  4661. name: string;
  4662. blendingSpeed: number;
  4663. targetPropertyPath: string[];
  4664. targetProperty: string;
  4665. framesPerSecond: number;
  4666. highestFrame: number;
  4667. usesTangents: boolean;
  4668. easingType: string | undefined;
  4669. easingMode: number | undefined;
  4670. valueType: number;
  4671. };
  4672. curvePathWithTangents(keyframes: BABYLON.IAnimationKey[], data: string, middle: number, type: number, coordinate: number, animationName: string): string;
  4673. curvePath(keyframes: BABYLON.IAnimationKey[], data: string, middle: number, easingFunction: BABYLON.EasingFunction): string;
  4674. setKeyframePoint(controlPoints: BABYLON.Vector2[], index: number, keyframesCount: number): void;
  4675. interpolateControlPoints(p0: BABYLON.Vector2, p1: BABYLON.Vector2, u: number, p2: BABYLON.Vector2, v: number, p3: BABYLON.Vector2): BABYLON.Vector2[] | undefined;
  4676. deselectAnimation(): void;
  4677. /**
  4678. * Core functions
  4679. * This section handles main Curve Editor Functions.
  4680. */
  4681. selectAnimation(animation: BABYLON.Animation, coordinate?: SelectedCoordinate): void;
  4682. isAnimationPlaying(): boolean;
  4683. playStopAnimation(): boolean;
  4684. analizeAnimationForLerp(animation: BABYLON.Animation | null): boolean;
  4685. /**
  4686. * Timeline
  4687. * This section controls the timeline.
  4688. */
  4689. changeCurrentFrame(frame: number): void;
  4690. changeAnimationLimit(limit: number): void;
  4691. updateFrameInKeyFrame(frame: number, index: number): void;
  4692. playPause(direction: number): void;
  4693. moveFrameTo(e: React.MouseEvent<SVGRectElement, MouseEvent>): void;
  4694. registerObs(): void;
  4695. componentWillUnmount(): void;
  4696. isCurrentFrame(frame: number): boolean;
  4697. render(): JSX.Element;
  4698. }
  4699. }
  4700. declare module INSPECTOR {
  4701. interface IPopupComponentProps {
  4702. id: string;
  4703. title: string;
  4704. size: {
  4705. width: number;
  4706. height: number;
  4707. };
  4708. onOpen: (window: Window) => void;
  4709. onClose: (window: Window) => void;
  4710. }
  4711. export class PopupComponent extends React.Component<IPopupComponentProps, {
  4712. isComponentMounted: boolean;
  4713. blockedByBrowser: boolean;
  4714. }> {
  4715. private _container;
  4716. private _window;
  4717. constructor(props: IPopupComponentProps);
  4718. componentDidMount(): void;
  4719. openPopup(): void;
  4720. componentWillUnmount(): void;
  4721. render(): React.ReactPortal | null;
  4722. }
  4723. }
  4724. declare module INSPECTOR {
  4725. interface IAnimationGridComponentProps {
  4726. globalState: GlobalState;
  4727. animatable: BABYLON.IAnimatable;
  4728. scene: BABYLON.Scene;
  4729. lockObject: LockObject;
  4730. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4731. }
  4732. export class AnimationGridComponent extends React.Component<IAnimationGridComponentProps, {
  4733. currentFrame: number;
  4734. }> {
  4735. private _animations;
  4736. private _ranges;
  4737. private _mainAnimatable;
  4738. private _onBeforeRenderObserver;
  4739. private _isPlaying;
  4740. private timelineRef;
  4741. private _isCurveEditorOpen;
  4742. private _animationControl;
  4743. constructor(props: IAnimationGridComponentProps);
  4744. playOrPause(): void;
  4745. componentDidMount(): void;
  4746. componentWillUnmount(): void;
  4747. onCurrentFrameChange(value: number): void;
  4748. onChangeFromOrTo(): void;
  4749. onOpenAnimationCurveEditor(): void;
  4750. onCloseAnimationCurveEditor(window: Window | null): void;
  4751. render(): JSX.Element;
  4752. }
  4753. }
  4754. declare module INSPECTOR {
  4755. interface ICommonMaterialPropertyGridComponentProps {
  4756. globalState: GlobalState;
  4757. material: BABYLON.Material;
  4758. lockObject: LockObject;
  4759. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4760. }
  4761. export class CommonMaterialPropertyGridComponent extends React.Component<ICommonMaterialPropertyGridComponentProps> {
  4762. constructor(props: ICommonMaterialPropertyGridComponentProps);
  4763. render(): JSX.Element;
  4764. }
  4765. }
  4766. declare module INSPECTOR {
  4767. interface IMaterialPropertyGridComponentProps {
  4768. globalState: GlobalState;
  4769. material: BABYLON.Material;
  4770. lockObject: LockObject;
  4771. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4772. }
  4773. export class MaterialPropertyGridComponent extends React.Component<IMaterialPropertyGridComponentProps> {
  4774. constructor(props: IMaterialPropertyGridComponentProps);
  4775. render(): JSX.Element;
  4776. }
  4777. }
  4778. declare module INSPECTOR {
  4779. export interface ITextureLinkLineComponentProps {
  4780. label: string;
  4781. texture: BABYLON.Nullable<BABYLON.BaseTexture>;
  4782. material?: BABYLON.Material;
  4783. onSelectionChangedObservable?: BABYLON.Observable<any>;
  4784. onDebugSelectionChangeObservable?: BABYLON.Observable<TextureLinkLineComponent>;
  4785. propertyName?: string;
  4786. onTextureCreated?: (texture: BABYLON.BaseTexture) => void;
  4787. customDebugAction?: (state: boolean) => void;
  4788. onTextureRemoved?: () => void;
  4789. }
  4790. export class TextureLinkLineComponent extends React.Component<ITextureLinkLineComponentProps, {
  4791. isDebugSelected: boolean;
  4792. }> {
  4793. private _onDebugSelectionChangeObserver;
  4794. constructor(props: ITextureLinkLineComponentProps);
  4795. componentDidMount(): void;
  4796. componentWillUnmount(): void;
  4797. debugTexture(): void;
  4798. onLink(): void;
  4799. updateTexture(file: File): void;
  4800. removeTexture(): void;
  4801. render(): JSX.Element | null;
  4802. }
  4803. }
  4804. declare module INSPECTOR {
  4805. interface IStandardMaterialPropertyGridComponentProps {
  4806. globalState: GlobalState;
  4807. material: BABYLON.StandardMaterial;
  4808. lockObject: LockObject;
  4809. onSelectionChangedObservable?: BABYLON.Observable<any>;
  4810. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4811. }
  4812. export class StandardMaterialPropertyGridComponent extends React.Component<IStandardMaterialPropertyGridComponentProps> {
  4813. private _onDebugSelectionChangeObservable;
  4814. constructor(props: IStandardMaterialPropertyGridComponentProps);
  4815. renderTextures(): JSX.Element;
  4816. render(): JSX.Element;
  4817. }
  4818. }
  4819. declare module INSPECTOR {
  4820. export enum TextureChannelToDisplay {
  4821. R = 0,
  4822. G = 1,
  4823. B = 2,
  4824. A = 3,
  4825. All = 4
  4826. }
  4827. export class TextureHelper {
  4828. private static _ProcessAsync;
  4829. static GetTextureDataAsync(texture: BABYLON.BaseTexture, width: number, height: number, face: number, channel: TextureChannelToDisplay, globalState?: GlobalState): Promise<Uint8Array>;
  4830. }
  4831. }
  4832. declare module INSPECTOR {
  4833. interface ITextureLineComponentProps {
  4834. texture: BABYLON.BaseTexture;
  4835. width: number;
  4836. height: number;
  4837. globalState?: GlobalState;
  4838. hideChannelSelect?: boolean;
  4839. }
  4840. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  4841. channel: TextureChannelToDisplay;
  4842. face: number;
  4843. }> {
  4844. private canvasRef;
  4845. constructor(props: ITextureLineComponentProps);
  4846. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  4847. channel: TextureChannelToDisplay;
  4848. face: number;
  4849. }): boolean;
  4850. componentDidMount(): void;
  4851. componentDidUpdate(): void;
  4852. updatePreview(): void;
  4853. render(): JSX.Element;
  4854. }
  4855. }
  4856. declare module INSPECTOR {
  4857. interface ITexturePropertyGridComponentProps {
  4858. texture: BABYLON.BaseTexture;
  4859. lockObject: LockObject;
  4860. globalState: GlobalState;
  4861. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4862. }
  4863. export class TexturePropertyGridComponent extends React.Component<ITexturePropertyGridComponentProps> {
  4864. private _adtInstrumentation;
  4865. private textureLineRef;
  4866. constructor(props: ITexturePropertyGridComponentProps);
  4867. componentWillUnmount(): void;
  4868. updateTexture(file: File): void;
  4869. foreceRefresh(): void;
  4870. render(): JSX.Element;
  4871. }
  4872. }
  4873. declare module INSPECTOR {
  4874. interface IVector2LineComponentProps {
  4875. label: string;
  4876. target: any;
  4877. propertyName: string;
  4878. step?: number;
  4879. onChange?: (newvalue: BABYLON.Vector2) => void;
  4880. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4881. }
  4882. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  4883. isExpanded: boolean;
  4884. value: BABYLON.Vector2;
  4885. }> {
  4886. static defaultProps: {
  4887. step: number;
  4888. };
  4889. private _localChange;
  4890. constructor(props: IVector2LineComponentProps);
  4891. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  4892. isExpanded: boolean;
  4893. value: BABYLON.Vector2;
  4894. }): boolean;
  4895. switchExpandState(): void;
  4896. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  4897. updateStateX(value: number): void;
  4898. updateStateY(value: number): void;
  4899. render(): JSX.Element;
  4900. }
  4901. }
  4902. declare module INSPECTOR {
  4903. interface IPBRMaterialPropertyGridComponentProps {
  4904. globalState: GlobalState;
  4905. material: BABYLON.PBRMaterial;
  4906. lockObject: LockObject;
  4907. onSelectionChangedObservable?: BABYLON.Observable<any>;
  4908. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4909. }
  4910. export class PBRMaterialPropertyGridComponent extends React.Component<IPBRMaterialPropertyGridComponentProps> {
  4911. private _onDebugSelectionChangeObservable;
  4912. constructor(props: IPBRMaterialPropertyGridComponentProps);
  4913. switchAmbientMode(state: boolean): void;
  4914. switchMetallicMode(state: boolean): void;
  4915. switchRoughnessMode(state: boolean): void;
  4916. renderTextures(onDebugSelectionChangeObservable: BABYLON.Observable<TextureLinkLineComponent>): JSX.Element;
  4917. render(): JSX.Element;
  4918. }
  4919. }
  4920. declare module INSPECTOR {
  4921. interface IRadioButtonLineComponentProps {
  4922. onSelectionChangedObservable: BABYLON.Observable<RadioButtonLineComponent>;
  4923. label: string;
  4924. isSelected: () => boolean;
  4925. onSelect: () => void;
  4926. }
  4927. export class RadioButtonLineComponent extends React.Component<IRadioButtonLineComponentProps, {
  4928. isSelected: boolean;
  4929. }> {
  4930. private _onSelectionChangedObserver;
  4931. constructor(props: IRadioButtonLineComponentProps);
  4932. componentDidMount(): void;
  4933. componentWillUnmount(): void;
  4934. onChange(): void;
  4935. render(): JSX.Element;
  4936. }
  4937. }
  4938. declare module INSPECTOR {
  4939. interface IFogPropertyGridComponentProps {
  4940. globalState: GlobalState;
  4941. scene: BABYLON.Scene;
  4942. lockObject: LockObject;
  4943. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4944. }
  4945. export class FogPropertyGridComponent extends React.Component<IFogPropertyGridComponentProps, {
  4946. mode: number;
  4947. }> {
  4948. constructor(props: IFogPropertyGridComponentProps);
  4949. render(): JSX.Element;
  4950. }
  4951. }
  4952. declare module INSPECTOR {
  4953. interface IScenePropertyGridComponentProps {
  4954. globalState: GlobalState;
  4955. scene: BABYLON.Scene;
  4956. lockObject: LockObject;
  4957. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4958. onSelectionChangedObservable?: BABYLON.Observable<any>;
  4959. }
  4960. export class ScenePropertyGridComponent extends React.Component<IScenePropertyGridComponentProps> {
  4961. private _storedEnvironmentTexture;
  4962. private _renderingModeGroupObservable;
  4963. constructor(props: IScenePropertyGridComponentProps);
  4964. setRenderingModes(point: boolean, wireframe: boolean): void;
  4965. switchIBL(): void;
  4966. updateEnvironmentTexture(file: File): void;
  4967. updateGravity(newValue: BABYLON.Vector3): void;
  4968. updateTimeStep(newValue: number): void;
  4969. normalizeScene(): void;
  4970. render(): JSX.Element;
  4971. }
  4972. }
  4973. declare module INSPECTOR {
  4974. interface ICommonLightPropertyGridComponentProps {
  4975. globalState: GlobalState;
  4976. light: BABYLON.Light;
  4977. lockObject: LockObject;
  4978. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4979. }
  4980. export class CommonLightPropertyGridComponent extends React.Component<ICommonLightPropertyGridComponentProps> {
  4981. constructor(props: ICommonLightPropertyGridComponentProps);
  4982. render(): JSX.Element;
  4983. }
  4984. }
  4985. declare module INSPECTOR {
  4986. interface IHemisphericLightPropertyGridComponentProps {
  4987. globalState: GlobalState;
  4988. light: BABYLON.HemisphericLight;
  4989. lockObject: LockObject;
  4990. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  4991. }
  4992. export class HemisphericLightPropertyGridComponent extends React.Component<IHemisphericLightPropertyGridComponentProps> {
  4993. constructor(props: IHemisphericLightPropertyGridComponentProps);
  4994. render(): JSX.Element;
  4995. }
  4996. }
  4997. declare module INSPECTOR {
  4998. interface ICommonShadowLightPropertyGridComponentProps {
  4999. globalState: GlobalState;
  5000. light: BABYLON.IShadowLight;
  5001. lockObject: LockObject;
  5002. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5003. }
  5004. export class CommonShadowLightPropertyGridComponent extends React.Component<ICommonShadowLightPropertyGridComponentProps> {
  5005. private _internals;
  5006. constructor(props: ICommonShadowLightPropertyGridComponentProps);
  5007. createShadowGenerator(): void;
  5008. disposeShadowGenerator(): void;
  5009. render(): JSX.Element;
  5010. }
  5011. }
  5012. declare module INSPECTOR {
  5013. interface IPointLightPropertyGridComponentProps {
  5014. globalState: GlobalState;
  5015. light: BABYLON.PointLight;
  5016. lockObject: LockObject;
  5017. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5018. }
  5019. export class PointLightPropertyGridComponent extends React.Component<IPointLightPropertyGridComponentProps> {
  5020. constructor(props: IPointLightPropertyGridComponentProps);
  5021. render(): JSX.Element;
  5022. }
  5023. }
  5024. declare module INSPECTOR {
  5025. interface ICommonCameraPropertyGridComponentProps {
  5026. globalState: GlobalState;
  5027. camera: BABYLON.Camera;
  5028. lockObject: LockObject;
  5029. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5030. }
  5031. export class CommonCameraPropertyGridComponent extends React.Component<ICommonCameraPropertyGridComponentProps, {
  5032. mode: number;
  5033. }> {
  5034. constructor(props: ICommonCameraPropertyGridComponentProps);
  5035. render(): JSX.Element;
  5036. }
  5037. }
  5038. declare module INSPECTOR {
  5039. interface IFreeCameraPropertyGridComponentProps {
  5040. globalState: GlobalState;
  5041. camera: BABYLON.FreeCamera;
  5042. lockObject: LockObject;
  5043. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5044. }
  5045. export class FreeCameraPropertyGridComponent extends React.Component<IFreeCameraPropertyGridComponentProps> {
  5046. constructor(props: IFreeCameraPropertyGridComponentProps);
  5047. render(): JSX.Element;
  5048. }
  5049. }
  5050. declare module INSPECTOR {
  5051. interface IArcRotateCameraPropertyGridComponentProps {
  5052. globalState: GlobalState;
  5053. camera: BABYLON.ArcRotateCamera;
  5054. lockObject: LockObject;
  5055. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5056. }
  5057. export class ArcRotateCameraPropertyGridComponent extends React.Component<IArcRotateCameraPropertyGridComponentProps> {
  5058. constructor(props: IArcRotateCameraPropertyGridComponentProps);
  5059. render(): JSX.Element;
  5060. }
  5061. }
  5062. declare module INSPECTOR {
  5063. interface IIndentedTextLineComponentProps {
  5064. value?: string;
  5065. color?: string;
  5066. underline?: boolean;
  5067. onLink?: () => void;
  5068. url?: string;
  5069. additionalClass?: string;
  5070. }
  5071. export class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
  5072. constructor(props: IIndentedTextLineComponentProps);
  5073. onLink(): void;
  5074. renderContent(): JSX.Element;
  5075. render(): JSX.Element;
  5076. }
  5077. }
  5078. declare module INSPECTOR {
  5079. interface ICommonPropertyGridComponentProps {
  5080. globalState: GlobalState;
  5081. host: {
  5082. metadata: any;
  5083. };
  5084. lockObject: LockObject;
  5085. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5086. }
  5087. export class CommonPropertyGridComponent extends React.Component<ICommonPropertyGridComponentProps> {
  5088. constructor(props: ICommonPropertyGridComponentProps);
  5089. renderLevel(jsonObject: any): JSX.Element[];
  5090. render(): JSX.Element | null;
  5091. }
  5092. }
  5093. declare module INSPECTOR {
  5094. interface IVariantsPropertyGridComponentProps {
  5095. globalState: GlobalState;
  5096. host: any;
  5097. lockObject: LockObject;
  5098. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5099. }
  5100. export class VariantsPropertyGridComponent extends React.Component<IVariantsPropertyGridComponentProps> {
  5101. private _selectedTags;
  5102. constructor(props: IVariantsPropertyGridComponentProps);
  5103. render(): JSX.Element | null;
  5104. }
  5105. }
  5106. declare module INSPECTOR {
  5107. interface IMeshPropertyGridComponentProps {
  5108. globalState: GlobalState;
  5109. mesh: BABYLON.Mesh;
  5110. lockObject: LockObject;
  5111. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5112. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5113. }
  5114. export class MeshPropertyGridComponent extends React.Component<IMeshPropertyGridComponentProps, {
  5115. displayNormals: boolean;
  5116. displayVertexColors: boolean;
  5117. }> {
  5118. constructor(props: IMeshPropertyGridComponentProps);
  5119. renderWireframeOver(): void;
  5120. renderNormalVectors(): void;
  5121. displayNormals(): void;
  5122. displayVertexColors(): void;
  5123. onMaterialLink(): void;
  5124. onSourceMeshLink(): void;
  5125. onSkeletonLink(): void;
  5126. convertPhysicsTypeToString(): string;
  5127. render(): JSX.Element;
  5128. }
  5129. }
  5130. declare module INSPECTOR {
  5131. interface ITransformNodePropertyGridComponentProps {
  5132. globalState: GlobalState;
  5133. transformNode: BABYLON.TransformNode;
  5134. lockObject: LockObject;
  5135. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5136. }
  5137. export class TransformNodePropertyGridComponent extends React.Component<ITransformNodePropertyGridComponentProps> {
  5138. constructor(props: ITransformNodePropertyGridComponentProps);
  5139. render(): JSX.Element;
  5140. }
  5141. }
  5142. declare module INSPECTOR {
  5143. interface IBackgroundMaterialPropertyGridComponentProps {
  5144. globalState: GlobalState;
  5145. material: BABYLON.BackgroundMaterial;
  5146. lockObject: LockObject;
  5147. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5148. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5149. }
  5150. export class BackgroundMaterialPropertyGridComponent extends React.Component<IBackgroundMaterialPropertyGridComponentProps> {
  5151. private _onDebugSelectionChangeObservable;
  5152. constructor(props: IBackgroundMaterialPropertyGridComponentProps);
  5153. renderTextures(): JSX.Element;
  5154. render(): JSX.Element;
  5155. }
  5156. }
  5157. declare module INSPECTOR {
  5158. interface ICommonControlPropertyGridComponentProps {
  5159. globalState: GlobalState;
  5160. control: BABYLON.GUI.Control;
  5161. lockObject: LockObject;
  5162. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5163. }
  5164. export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
  5165. constructor(props: ICommonControlPropertyGridComponentProps);
  5166. renderGridInformation(): JSX.Element | null;
  5167. render(): JSX.Element;
  5168. }
  5169. }
  5170. declare module INSPECTOR {
  5171. interface IControlPropertyGridComponentProps {
  5172. globalState: GlobalState;
  5173. control: BABYLON.GUI.Control;
  5174. lockObject: LockObject;
  5175. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5176. }
  5177. export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
  5178. constructor(props: IControlPropertyGridComponentProps);
  5179. render(): JSX.Element;
  5180. }
  5181. }
  5182. declare module INSPECTOR {
  5183. interface ITextBlockPropertyGridComponentProps {
  5184. globalState: GlobalState;
  5185. textBlock: BABYLON.GUI.TextBlock;
  5186. lockObject: LockObject;
  5187. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5188. }
  5189. export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
  5190. constructor(props: ITextBlockPropertyGridComponentProps);
  5191. render(): JSX.Element;
  5192. }
  5193. }
  5194. declare module INSPECTOR {
  5195. interface IInputTextPropertyGridComponentProps {
  5196. globalState: GlobalState;
  5197. inputText: BABYLON.GUI.InputText;
  5198. lockObject: LockObject;
  5199. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5200. }
  5201. export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
  5202. constructor(props: IInputTextPropertyGridComponentProps);
  5203. render(): JSX.Element;
  5204. }
  5205. }
  5206. declare module INSPECTOR {
  5207. interface IColorPickerPropertyGridComponentProps {
  5208. globalState: GlobalState;
  5209. colorPicker: BABYLON.GUI.ColorPicker;
  5210. lockObject: LockObject;
  5211. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5212. }
  5213. export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
  5214. constructor(props: IColorPickerPropertyGridComponentProps);
  5215. render(): JSX.Element;
  5216. }
  5217. }
  5218. declare module INSPECTOR {
  5219. interface IAnimationGroupGridComponentProps {
  5220. globalState: GlobalState;
  5221. animationGroup: BABYLON.AnimationGroup;
  5222. scene: BABYLON.Scene;
  5223. lockObject: LockObject;
  5224. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5225. }
  5226. export class AnimationGroupGridComponent extends React.Component<IAnimationGroupGridComponentProps, {
  5227. playButtonText: string;
  5228. currentFrame: number;
  5229. }> {
  5230. private _onAnimationGroupPlayObserver;
  5231. private _onAnimationGroupPauseObserver;
  5232. private _onBeforeRenderObserver;
  5233. private timelineRef;
  5234. constructor(props: IAnimationGroupGridComponentProps);
  5235. disconnect(animationGroup: BABYLON.AnimationGroup): void;
  5236. connect(animationGroup: BABYLON.AnimationGroup): void;
  5237. updateCurrentFrame(animationGroup: BABYLON.AnimationGroup): void;
  5238. shouldComponentUpdate(nextProps: IAnimationGroupGridComponentProps): boolean;
  5239. componentWillUnmount(): void;
  5240. playOrPause(): void;
  5241. onCurrentFrameChange(value: number): void;
  5242. render(): JSX.Element;
  5243. }
  5244. }
  5245. declare module INSPECTOR {
  5246. interface IImagePropertyGridComponentProps {
  5247. globalState: GlobalState;
  5248. image: BABYLON.GUI.Image;
  5249. lockObject: LockObject;
  5250. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5251. }
  5252. export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
  5253. constructor(props: IImagePropertyGridComponentProps);
  5254. render(): JSX.Element;
  5255. }
  5256. }
  5257. declare module INSPECTOR {
  5258. interface ISliderPropertyGridComponentProps {
  5259. globalState: GlobalState;
  5260. slider: BABYLON.GUI.Slider;
  5261. lockObject: LockObject;
  5262. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5263. }
  5264. export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
  5265. constructor(props: ISliderPropertyGridComponentProps);
  5266. render(): JSX.Element;
  5267. }
  5268. }
  5269. declare module INSPECTOR {
  5270. interface IImageBasedSliderPropertyGridComponentProps {
  5271. globalState: GlobalState;
  5272. imageBasedSlider: BABYLON.GUI.ImageBasedSlider;
  5273. lockObject: LockObject;
  5274. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5275. }
  5276. export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
  5277. constructor(props: IImageBasedSliderPropertyGridComponentProps);
  5278. render(): JSX.Element;
  5279. }
  5280. }
  5281. declare module INSPECTOR {
  5282. interface IRectanglePropertyGridComponentProps {
  5283. globalState: GlobalState;
  5284. rectangle: BABYLON.GUI.Rectangle;
  5285. lockObject: LockObject;
  5286. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5287. }
  5288. export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
  5289. constructor(props: IRectanglePropertyGridComponentProps);
  5290. render(): JSX.Element;
  5291. }
  5292. }
  5293. declare module INSPECTOR {
  5294. interface IEllipsePropertyGridComponentProps {
  5295. globalState: GlobalState;
  5296. ellipse: BABYLON.GUI.Ellipse;
  5297. lockObject: LockObject;
  5298. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5299. }
  5300. export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
  5301. constructor(props: IEllipsePropertyGridComponentProps);
  5302. render(): JSX.Element;
  5303. }
  5304. }
  5305. declare module INSPECTOR {
  5306. interface ICheckboxPropertyGridComponentProps {
  5307. globalState: GlobalState;
  5308. checkbox: BABYLON.GUI.Checkbox;
  5309. lockObject: LockObject;
  5310. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5311. }
  5312. export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
  5313. constructor(props: ICheckboxPropertyGridComponentProps);
  5314. render(): JSX.Element;
  5315. }
  5316. }
  5317. declare module INSPECTOR {
  5318. interface IRadioButtonPropertyGridComponentProps {
  5319. globalState: GlobalState;
  5320. radioButton: BABYLON.GUI.RadioButton;
  5321. lockObject: LockObject;
  5322. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5323. }
  5324. export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
  5325. constructor(props: IRadioButtonPropertyGridComponentProps);
  5326. render(): JSX.Element;
  5327. }
  5328. }
  5329. declare module INSPECTOR {
  5330. interface ILinePropertyGridComponentProps {
  5331. globalState: GlobalState;
  5332. line: BABYLON.GUI.Line;
  5333. lockObject: LockObject;
  5334. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5335. }
  5336. export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
  5337. constructor(props: ILinePropertyGridComponentProps);
  5338. onDashChange(value: string): void;
  5339. render(): JSX.Element;
  5340. }
  5341. }
  5342. declare module INSPECTOR {
  5343. interface IScrollViewerPropertyGridComponentProps {
  5344. globalState: GlobalState;
  5345. scrollViewer: BABYLON.GUI.ScrollViewer;
  5346. lockObject: LockObject;
  5347. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5348. }
  5349. export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
  5350. constructor(props: IScrollViewerPropertyGridComponentProps);
  5351. render(): JSX.Element;
  5352. }
  5353. }
  5354. declare module INSPECTOR {
  5355. interface IGridPropertyGridComponentProps {
  5356. globalState: GlobalState;
  5357. grid: BABYLON.GUI.Grid;
  5358. lockObject: LockObject;
  5359. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5360. }
  5361. export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
  5362. constructor(props: IGridPropertyGridComponentProps);
  5363. renderRows(): JSX.Element[];
  5364. renderColumns(): JSX.Element[];
  5365. render(): JSX.Element;
  5366. }
  5367. }
  5368. declare module INSPECTOR {
  5369. interface IPBRMetallicRoughnessMaterialPropertyGridComponentProps {
  5370. globalState: GlobalState;
  5371. material: BABYLON.PBRMetallicRoughnessMaterial;
  5372. lockObject: LockObject;
  5373. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5374. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5375. }
  5376. export class PBRMetallicRoughnessMaterialPropertyGridComponent extends React.Component<IPBRMetallicRoughnessMaterialPropertyGridComponentProps> {
  5377. private _onDebugSelectionChangeObservable;
  5378. constructor(props: IPBRMetallicRoughnessMaterialPropertyGridComponentProps);
  5379. renderTextures(): JSX.Element;
  5380. render(): JSX.Element;
  5381. }
  5382. }
  5383. declare module INSPECTOR {
  5384. interface IPBRSpecularGlossinessMaterialPropertyGridComponentProps {
  5385. globalState: GlobalState;
  5386. material: BABYLON.PBRSpecularGlossinessMaterial;
  5387. lockObject: LockObject;
  5388. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5389. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5390. }
  5391. export class PBRSpecularGlossinessMaterialPropertyGridComponent extends React.Component<IPBRSpecularGlossinessMaterialPropertyGridComponentProps> {
  5392. private _onDebugSelectionChangeObservable;
  5393. constructor(props: IPBRSpecularGlossinessMaterialPropertyGridComponentProps);
  5394. renderTextures(): JSX.Element;
  5395. render(): JSX.Element;
  5396. }
  5397. }
  5398. declare module INSPECTOR {
  5399. interface IStackPanelPropertyGridComponentProps {
  5400. globalState: GlobalState;
  5401. stackPanel: BABYLON.GUI.StackPanel;
  5402. lockObject: LockObject;
  5403. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5404. }
  5405. export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
  5406. constructor(props: IStackPanelPropertyGridComponentProps);
  5407. render(): JSX.Element;
  5408. }
  5409. }
  5410. declare module INSPECTOR {
  5411. interface ICommonPostProcessPropertyGridComponentProps {
  5412. globalState: GlobalState;
  5413. postProcess: BABYLON.PostProcess;
  5414. lockObject: LockObject;
  5415. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5416. }
  5417. export class CommonPostProcessPropertyGridComponent extends React.Component<ICommonPostProcessPropertyGridComponentProps> {
  5418. constructor(props: ICommonPostProcessPropertyGridComponentProps);
  5419. render(): JSX.Element;
  5420. }
  5421. }
  5422. declare module INSPECTOR {
  5423. interface IPostProcessPropertyGridComponentProps {
  5424. globalState: GlobalState;
  5425. postProcess: BABYLON.PostProcess;
  5426. lockObject: LockObject;
  5427. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5428. }
  5429. export class PostProcessPropertyGridComponent extends React.Component<IPostProcessPropertyGridComponentProps> {
  5430. constructor(props: IPostProcessPropertyGridComponentProps);
  5431. edit(): void;
  5432. render(): JSX.Element;
  5433. }
  5434. }
  5435. declare module INSPECTOR {
  5436. interface ICommonRenderingPipelinePropertyGridComponentProps {
  5437. globalState: GlobalState;
  5438. renderPipeline: BABYLON.PostProcessRenderPipeline;
  5439. lockObject: LockObject;
  5440. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5441. }
  5442. export class CommonRenderingPipelinePropertyGridComponent extends React.Component<ICommonRenderingPipelinePropertyGridComponentProps> {
  5443. constructor(props: ICommonRenderingPipelinePropertyGridComponentProps);
  5444. render(): JSX.Element;
  5445. }
  5446. }
  5447. declare module INSPECTOR {
  5448. interface IRenderingPipelinePropertyGridComponentProps {
  5449. globalState: GlobalState;
  5450. renderPipeline: BABYLON.PostProcessRenderPipeline;
  5451. lockObject: LockObject;
  5452. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5453. }
  5454. export class RenderingPipelinePropertyGridComponent extends React.Component<IRenderingPipelinePropertyGridComponentProps> {
  5455. constructor(props: IRenderingPipelinePropertyGridComponentProps);
  5456. render(): JSX.Element;
  5457. }
  5458. }
  5459. declare module INSPECTOR {
  5460. interface IDefaultRenderingPipelinePropertyGridComponentProps {
  5461. globalState: GlobalState;
  5462. renderPipeline: BABYLON.DefaultRenderingPipeline;
  5463. lockObject: LockObject;
  5464. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5465. }
  5466. export class DefaultRenderingPipelinePropertyGridComponent extends React.Component<IDefaultRenderingPipelinePropertyGridComponentProps> {
  5467. constructor(props: IDefaultRenderingPipelinePropertyGridComponentProps);
  5468. render(): JSX.Element;
  5469. }
  5470. }
  5471. declare module INSPECTOR {
  5472. interface ISSAORenderingPipelinePropertyGridComponentProps {
  5473. globalState: GlobalState;
  5474. renderPipeline: BABYLON.SSAORenderingPipeline;
  5475. lockObject: LockObject;
  5476. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5477. }
  5478. export class SSAORenderingPipelinePropertyGridComponent extends React.Component<ISSAORenderingPipelinePropertyGridComponentProps> {
  5479. constructor(props: ISSAORenderingPipelinePropertyGridComponentProps);
  5480. render(): JSX.Element;
  5481. }
  5482. }
  5483. declare module INSPECTOR {
  5484. interface ISSAO2RenderingPipelinePropertyGridComponentProps {
  5485. globalState: GlobalState;
  5486. renderPipeline: BABYLON.SSAO2RenderingPipeline;
  5487. lockObject: LockObject;
  5488. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5489. }
  5490. export class SSAO2RenderingPipelinePropertyGridComponent extends React.Component<ISSAO2RenderingPipelinePropertyGridComponentProps> {
  5491. constructor(props: ISSAO2RenderingPipelinePropertyGridComponentProps);
  5492. render(): JSX.Element;
  5493. }
  5494. }
  5495. declare module INSPECTOR {
  5496. interface ISkeletonPropertyGridComponentProps {
  5497. globalState: GlobalState;
  5498. skeleton: BABYLON.Skeleton;
  5499. lockObject: LockObject;
  5500. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5501. }
  5502. export class SkeletonPropertyGridComponent extends React.Component<ISkeletonPropertyGridComponentProps> {
  5503. private _skeletonViewersEnabled;
  5504. private _skeletonViewers;
  5505. constructor(props: ISkeletonPropertyGridComponentProps);
  5506. switchSkeletonViewers(): void;
  5507. checkSkeletonViewerState(props: ISkeletonPropertyGridComponentProps): void;
  5508. shouldComponentUpdate(nextProps: ISkeletonPropertyGridComponentProps): boolean;
  5509. onOverrideMeshLink(): void;
  5510. render(): JSX.Element;
  5511. }
  5512. }
  5513. declare module INSPECTOR {
  5514. interface IBonePropertyGridComponentProps {
  5515. globalState: GlobalState;
  5516. bone: BABYLON.Bone;
  5517. lockObject: LockObject;
  5518. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5519. }
  5520. export class BonePropertyGridComponent extends React.Component<IBonePropertyGridComponentProps> {
  5521. constructor(props: IBonePropertyGridComponentProps);
  5522. onTransformNodeLink(): void;
  5523. render(): JSX.Element;
  5524. }
  5525. }
  5526. declare module INSPECTOR {
  5527. interface IDirectionalLightPropertyGridComponentProps {
  5528. globalState: GlobalState;
  5529. light: BABYLON.DirectionalLight;
  5530. lockObject: LockObject;
  5531. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5532. }
  5533. export class DirectionalLightPropertyGridComponent extends React.Component<IDirectionalLightPropertyGridComponentProps> {
  5534. constructor(props: IDirectionalLightPropertyGridComponentProps);
  5535. render(): JSX.Element;
  5536. }
  5537. }
  5538. declare module INSPECTOR {
  5539. interface ISpotLightPropertyGridComponentProps {
  5540. globalState: GlobalState;
  5541. light: BABYLON.SpotLight;
  5542. lockObject: LockObject;
  5543. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5544. }
  5545. export class SpotLightPropertyGridComponent extends React.Component<ISpotLightPropertyGridComponentProps> {
  5546. constructor(props: ISpotLightPropertyGridComponentProps);
  5547. render(): JSX.Element;
  5548. }
  5549. }
  5550. declare module INSPECTOR {
  5551. interface ILenstRenderingPipelinePropertyGridComponentProps {
  5552. globalState: GlobalState;
  5553. renderPipeline: BABYLON.LensRenderingPipeline;
  5554. lockObject: LockObject;
  5555. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5556. }
  5557. export class LensRenderingPipelinePropertyGridComponent extends React.Component<ILenstRenderingPipelinePropertyGridComponentProps> {
  5558. constructor(props: ILenstRenderingPipelinePropertyGridComponentProps);
  5559. render(): JSX.Element;
  5560. }
  5561. }
  5562. declare module INSPECTOR {
  5563. interface IVector4LineComponentProps {
  5564. label: string;
  5565. target: any;
  5566. propertyName: string;
  5567. step?: number;
  5568. onChange?: (newvalue: BABYLON.Vector4) => void;
  5569. useEuler?: boolean;
  5570. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5571. }
  5572. export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
  5573. isExpanded: boolean;
  5574. value: BABYLON.Vector4;
  5575. }> {
  5576. static defaultProps: {
  5577. step: number;
  5578. };
  5579. private _localChange;
  5580. constructor(props: IVector4LineComponentProps);
  5581. getCurrentValue(): any;
  5582. shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
  5583. isExpanded: boolean;
  5584. value: BABYLON.Vector4;
  5585. }): boolean;
  5586. switchExpandState(): void;
  5587. raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
  5588. updateVector4(): void;
  5589. updateStateX(value: number): void;
  5590. updateStateY(value: number): void;
  5591. updateStateZ(value: number): void;
  5592. updateStateW(value: number): void;
  5593. render(): JSX.Element;
  5594. }
  5595. }
  5596. declare module INSPECTOR {
  5597. export interface IColor4LineComponentProps {
  5598. label: string;
  5599. target: any;
  5600. propertyName: string;
  5601. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5602. onChange?: () => void;
  5603. isLinear?: boolean;
  5604. }
  5605. export class Color4LineComponent extends React.Component<IColor4LineComponentProps, {
  5606. isExpanded: boolean;
  5607. color: BABYLON.Color4;
  5608. }> {
  5609. private _localChange;
  5610. constructor(props: IColor4LineComponentProps);
  5611. shouldComponentUpdate(nextProps: IColor4LineComponentProps, nextState: {
  5612. color: BABYLON.Color4;
  5613. }): boolean;
  5614. setPropertyValue(newColor: BABYLON.Color4): void;
  5615. onChange(newValue: string): void;
  5616. switchExpandState(): void;
  5617. raiseOnPropertyChanged(previousValue: BABYLON.Color4): void;
  5618. updateStateR(value: number): void;
  5619. updateStateG(value: number): void;
  5620. updateStateB(value: number): void;
  5621. updateStateA(value: number): void;
  5622. copyToClipboard(): void;
  5623. render(): JSX.Element;
  5624. }
  5625. }
  5626. declare module INSPECTOR {
  5627. interface INodeMaterialPropertyGridComponentProps {
  5628. globalState: GlobalState;
  5629. material: BABYLON.NodeMaterial;
  5630. lockObject: LockObject;
  5631. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5632. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5633. }
  5634. export class NodeMaterialPropertyGridComponent extends React.Component<INodeMaterialPropertyGridComponentProps> {
  5635. private _onDebugSelectionChangeObservable;
  5636. constructor(props: INodeMaterialPropertyGridComponentProps);
  5637. edit(): void;
  5638. renderTextures(): JSX.Element | null;
  5639. renderInputBlock(block: BABYLON.InputBlock): JSX.Element | null;
  5640. renderInputValues(): JSX.Element | null;
  5641. render(): JSX.Element;
  5642. }
  5643. }
  5644. declare module INSPECTOR {
  5645. interface IMultiMaterialPropertyGridComponentProps {
  5646. globalState: GlobalState;
  5647. material: BABYLON.MultiMaterial;
  5648. lockObject: LockObject;
  5649. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5650. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5651. }
  5652. export class MultiMaterialPropertyGridComponent extends React.Component<IMultiMaterialPropertyGridComponentProps> {
  5653. constructor(props: IMultiMaterialPropertyGridComponentProps);
  5654. onMaterialLink(mat: BABYLON.Material): void;
  5655. renderChildMaterial(): JSX.Element;
  5656. render(): JSX.Element;
  5657. }
  5658. }
  5659. declare module INSPECTOR {
  5660. interface IBoxEmitterGridComponentProps {
  5661. globalState: GlobalState;
  5662. emitter: BABYLON.BoxParticleEmitter;
  5663. replaySourceReplacement?: string;
  5664. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5665. }
  5666. export class BoxEmitterGridComponent extends React.Component<IBoxEmitterGridComponentProps> {
  5667. constructor(props: IBoxEmitterGridComponentProps);
  5668. render(): JSX.Element;
  5669. }
  5670. }
  5671. declare module INSPECTOR {
  5672. interface IConeEmitterGridComponentProps {
  5673. globalState: GlobalState;
  5674. emitter: BABYLON.ConeParticleEmitter;
  5675. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5676. replaySourceReplacement?: string;
  5677. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5678. }
  5679. export class ConeEmitterGridComponent extends React.Component<IConeEmitterGridComponentProps> {
  5680. constructor(props: IConeEmitterGridComponentProps);
  5681. render(): JSX.Element;
  5682. }
  5683. }
  5684. declare module INSPECTOR {
  5685. interface ICylinderEmitterGridComponentProps {
  5686. globalState: GlobalState;
  5687. emitter: BABYLON.CylinderParticleEmitter;
  5688. lockObject: LockObject;
  5689. replaySourceReplacement?: string;
  5690. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5691. }
  5692. export class CylinderEmitterGridComponent extends React.Component<ICylinderEmitterGridComponentProps> {
  5693. constructor(props: ICylinderEmitterGridComponentProps);
  5694. render(): JSX.Element;
  5695. }
  5696. }
  5697. declare module INSPECTOR {
  5698. interface IHemisphericEmitterGridComponentProps {
  5699. globalState: GlobalState;
  5700. emitter: BABYLON.HemisphericParticleEmitter;
  5701. lockObject: LockObject;
  5702. replaySourceReplacement?: string;
  5703. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5704. }
  5705. export class HemisphericEmitterGridComponent extends React.Component<IHemisphericEmitterGridComponentProps> {
  5706. constructor(props: IHemisphericEmitterGridComponentProps);
  5707. render(): JSX.Element;
  5708. }
  5709. }
  5710. declare module INSPECTOR {
  5711. interface IPointEmitterGridComponentProps {
  5712. globalState: GlobalState;
  5713. emitter: BABYLON.PointParticleEmitter;
  5714. lockObject: LockObject;
  5715. replaySourceReplacement?: string;
  5716. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5717. }
  5718. export class PointEmitterGridComponent extends React.Component<IPointEmitterGridComponentProps> {
  5719. constructor(props: IPointEmitterGridComponentProps);
  5720. render(): JSX.Element;
  5721. }
  5722. }
  5723. declare module INSPECTOR {
  5724. interface ISphereEmitterGridComponentProps {
  5725. globalState: GlobalState;
  5726. emitter: BABYLON.SphereParticleEmitter;
  5727. lockObject: LockObject;
  5728. replaySourceReplacement?: string;
  5729. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5730. }
  5731. export class SphereEmitterGridComponent extends React.Component<ISphereEmitterGridComponentProps> {
  5732. constructor(props: ISphereEmitterGridComponentProps);
  5733. render(): JSX.Element;
  5734. }
  5735. }
  5736. declare module INSPECTOR {
  5737. interface IMeshPickerComponentProps {
  5738. globalState: GlobalState;
  5739. target: any;
  5740. property: string;
  5741. scene: BABYLON.Scene;
  5742. label: string;
  5743. replaySourceReplacement?: string;
  5744. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5745. }
  5746. export class MeshPickerComponent extends React.Component<IMeshPickerComponentProps> {
  5747. constructor(props: IMeshPickerComponentProps);
  5748. render(): JSX.Element;
  5749. }
  5750. }
  5751. declare module INSPECTOR {
  5752. interface IMeshEmitterGridComponentProps {
  5753. globalState: GlobalState;
  5754. emitter: BABYLON.MeshParticleEmitter;
  5755. scene: BABYLON.Scene;
  5756. lockObject: LockObject;
  5757. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5758. replaySourceReplacement?: string;
  5759. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5760. }
  5761. export class MeshEmitterGridComponent extends React.Component<IMeshEmitterGridComponentProps> {
  5762. constructor(props: IMeshEmitterGridComponentProps);
  5763. render(): JSX.Element;
  5764. }
  5765. }
  5766. declare module INSPECTOR {
  5767. interface IFactorGradientStepGridComponent {
  5768. globalState: GlobalState;
  5769. gradient: BABYLON.FactorGradient;
  5770. lockObject: LockObject;
  5771. lineIndex: number;
  5772. onDelete: () => void;
  5773. onUpdateGradient: () => void;
  5774. onCheckForReOrder: () => void;
  5775. host: BABYLON.IParticleSystem;
  5776. codeRecorderPropertyName: string;
  5777. }
  5778. export class FactorGradientStepGridComponent extends React.Component<IFactorGradientStepGridComponent, {
  5779. gradient: number;
  5780. factor1: string;
  5781. factor2?: string;
  5782. }> {
  5783. constructor(props: IFactorGradientStepGridComponent);
  5784. shouldComponentUpdate(nextProps: IFactorGradientStepGridComponent, nextState: {
  5785. gradient: number;
  5786. factor1: string;
  5787. factor2?: string;
  5788. }): boolean;
  5789. updateFactor1(valueString: string): void;
  5790. updateFactor2(valueString: string): void;
  5791. updateGradient(gradient: number): void;
  5792. onPointerUp(): void;
  5793. lock(): void;
  5794. unlock(): void;
  5795. render(): JSX.Element;
  5796. }
  5797. }
  5798. declare module INSPECTOR {
  5799. interface IColorGradientStepGridComponent {
  5800. globalState: GlobalState;
  5801. gradient: BABYLON.ColorGradient | BABYLON.Color3Gradient;
  5802. lockObject: LockObject;
  5803. lineIndex: number;
  5804. isColor3: boolean;
  5805. onDelete: () => void;
  5806. onUpdateGradient: () => void;
  5807. onCheckForReOrder: () => void;
  5808. host: BABYLON.IParticleSystem;
  5809. codeRecorderPropertyName: string;
  5810. }
  5811. export class ColorGradientStepGridComponent extends React.Component<IColorGradientStepGridComponent, {
  5812. gradient: number;
  5813. }> {
  5814. constructor(props: IColorGradientStepGridComponent);
  5815. updateColor1(color: string): void;
  5816. updateColor2(color: string): void;
  5817. updateGradient(gradient: number): void;
  5818. onPointerUp(): void;
  5819. lock(): void;
  5820. unlock(): void;
  5821. render(): JSX.Element;
  5822. }
  5823. }
  5824. declare module INSPECTOR {
  5825. interface ILinkButtonComponentProps {
  5826. label: string;
  5827. buttonLabel: string;
  5828. url?: string;
  5829. onClick: () => void;
  5830. onIconClick?: () => void;
  5831. }
  5832. export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
  5833. constructor(props: ILinkButtonComponentProps);
  5834. onLink(): void;
  5835. render(): JSX.Element;
  5836. }
  5837. }
  5838. declare module INSPECTOR {
  5839. export enum GradientGridMode {
  5840. Factor = 0,
  5841. BABYLON.Color3 = 1,
  5842. BABYLON.Color4 = 2
  5843. }
  5844. interface IValueGradientGridComponent {
  5845. globalState: GlobalState;
  5846. label: string;
  5847. gradients: BABYLON.Nullable<Array<BABYLON.IValueGradient>>;
  5848. lockObject: LockObject;
  5849. docLink?: string;
  5850. mode: GradientGridMode;
  5851. host: BABYLON.IParticleSystem;
  5852. codeRecorderPropertyName: string;
  5853. onCreateRequired: () => void;
  5854. }
  5855. export class ValueGradientGridComponent extends React.Component<IValueGradientGridComponent> {
  5856. constructor(props: IValueGradientGridComponent);
  5857. deleteStep(step: BABYLON.IValueGradient): void;
  5858. addNewStep(): void;
  5859. checkForReOrder(): void;
  5860. updateAndSync(): void;
  5861. render(): JSX.Element;
  5862. }
  5863. }
  5864. declare module INSPECTOR {
  5865. interface IParticleSystemPropertyGridComponentProps {
  5866. globalState: GlobalState;
  5867. system: BABYLON.IParticleSystem;
  5868. lockObject: LockObject;
  5869. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5870. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5871. }
  5872. export class ParticleSystemPropertyGridComponent extends React.Component<IParticleSystemPropertyGridComponentProps> {
  5873. private _snippetUrl;
  5874. constructor(props: IParticleSystemPropertyGridComponentProps);
  5875. renderEmitter(): JSX.Element | null;
  5876. raiseOnPropertyChanged(property: string, newValue: any, previousValue: any): void;
  5877. renderControls(): JSX.Element;
  5878. saveToFile(): void;
  5879. loadFromFile(file: File): void;
  5880. loadFromSnippet(): void;
  5881. saveToSnippet(): void;
  5882. render(): JSX.Element;
  5883. }
  5884. }
  5885. declare module INSPECTOR {
  5886. interface ISpriteManagerPropertyGridComponentProps {
  5887. globalState: GlobalState;
  5888. spriteManager: BABYLON.SpriteManager;
  5889. lockObject: LockObject;
  5890. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5891. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5892. }
  5893. export class SpriteManagerPropertyGridComponent extends React.Component<ISpriteManagerPropertyGridComponentProps> {
  5894. private _snippetUrl;
  5895. constructor(props: ISpriteManagerPropertyGridComponentProps);
  5896. addNewSprite(): void;
  5897. disposeManager(): void;
  5898. saveToFile(): void;
  5899. loadFromFile(file: File): void;
  5900. loadFromSnippet(): void;
  5901. saveToSnippet(): void;
  5902. render(): JSX.Element;
  5903. }
  5904. }
  5905. declare module INSPECTOR {
  5906. interface ISpritePropertyGridComponentProps {
  5907. globalState: GlobalState;
  5908. sprite: BABYLON.Sprite;
  5909. lockObject: LockObject;
  5910. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5911. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5912. }
  5913. export class SpritePropertyGridComponent extends React.Component<ISpritePropertyGridComponentProps> {
  5914. private canvasRef;
  5915. private imageData;
  5916. private cachedCellIndex;
  5917. constructor(props: ISpritePropertyGridComponentProps);
  5918. onManagerLink(): void;
  5919. switchPlayStopState(): void;
  5920. disposeSprite(): void;
  5921. componentDidMount(): void;
  5922. componentDidUpdate(): void;
  5923. shouldComponentUpdate(nextProps: ISpritePropertyGridComponentProps): boolean;
  5924. updatePreview(): void;
  5925. render(): JSX.Element;
  5926. }
  5927. }
  5928. declare module INSPECTOR {
  5929. interface ITargetedAnimationGridComponentProps {
  5930. globalState: GlobalState;
  5931. targetedAnimation: BABYLON.TargetedAnimation;
  5932. scene: BABYLON.Scene;
  5933. lockObject: LockObject;
  5934. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5935. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  5936. }
  5937. export class TargetedAnimationGridComponent extends React.Component<ITargetedAnimationGridComponentProps> {
  5938. private _isCurveEditorOpen;
  5939. private _animationGroup;
  5940. constructor(props: ITargetedAnimationGridComponentProps);
  5941. onOpenAnimationCurveEditor(): void;
  5942. onCloseAnimationCurveEditor(window: Window | null): void;
  5943. playOrPause(): void;
  5944. deleteAnimation(): void;
  5945. render(): JSX.Element;
  5946. }
  5947. }
  5948. declare module INSPECTOR {
  5949. export class PropertyGridTabComponent extends PaneComponent {
  5950. private _timerIntervalId;
  5951. private _lockObject;
  5952. constructor(props: IPaneComponentProps);
  5953. timerRefresh(): void;
  5954. componentDidMount(): void;
  5955. componentWillUnmount(): void;
  5956. render(): JSX.Element | null;
  5957. }
  5958. }
  5959. declare module INSPECTOR {
  5960. export interface IHeaderComponentProps {
  5961. title: string;
  5962. handleBack?: boolean;
  5963. noExpand?: boolean;
  5964. noClose?: boolean;
  5965. noCommands?: boolean;
  5966. onPopup: () => void;
  5967. onClose: () => void;
  5968. onSelectionChangedObservable?: BABYLON.Observable<any>;
  5969. }
  5970. export class HeaderComponent extends React.Component<IHeaderComponentProps, {
  5971. isBackVisible: boolean;
  5972. }> {
  5973. private _backStack;
  5974. private _onSelectionChangeObserver;
  5975. constructor(props: IHeaderComponentProps);
  5976. componentDidMount(): void;
  5977. componentWillUnmount(): void;
  5978. goBack(): void;
  5979. renderLogo(): JSX.Element | null;
  5980. render(): JSX.Element;
  5981. }
  5982. }
  5983. declare module INSPECTOR {
  5984. interface IMessageLineComponentProps {
  5985. text: string;
  5986. color?: string;
  5987. }
  5988. export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
  5989. constructor(props: IMessageLineComponentProps);
  5990. render(): JSX.Element;
  5991. }
  5992. }
  5993. declare module INSPECTOR {
  5994. interface IGLTFComponentProps {
  5995. scene: BABYLON.Scene;
  5996. globalState: GlobalState;
  5997. }
  5998. export class GLTFComponent extends React.Component<IGLTFComponentProps> {
  5999. private _onValidationResultsUpdatedObserver;
  6000. constructor(props: IGLTFComponentProps);
  6001. openValidationDetails(): void;
  6002. prepareText(singularForm: string, count: number): string;
  6003. componentDidMount(): void;
  6004. componentWillUnmount(): void;
  6005. renderValidation(): JSX.Element | null;
  6006. render(): JSX.Element;
  6007. }
  6008. }
  6009. declare module INSPECTOR {
  6010. interface IFileMultipleButtonLineComponentProps {
  6011. label: string;
  6012. onClick: (event: any) => void;
  6013. accept: string;
  6014. }
  6015. export class FileMultipleButtonLineComponent extends React.Component<IFileMultipleButtonLineComponentProps> {
  6016. private static _IDGenerator;
  6017. private _id;
  6018. private uploadInputRef;
  6019. constructor(props: IFileMultipleButtonLineComponentProps);
  6020. onChange(evt: any): void;
  6021. render(): JSX.Element;
  6022. }
  6023. }
  6024. declare module INSPECTOR {
  6025. export class ToolsTabComponent extends PaneComponent {
  6026. private _videoRecorder;
  6027. private _screenShotSize;
  6028. private _gifOptions;
  6029. private _useWidthHeight;
  6030. private _isExporting;
  6031. private _gifWorkerBlob;
  6032. private _gifRecorder;
  6033. private _previousRenderingScale;
  6034. private _crunchingGIF;
  6035. constructor(props: IPaneComponentProps);
  6036. componentDidMount(): void;
  6037. componentWillUnmount(): void;
  6038. captureScreenshot(): void;
  6039. captureRender(): void;
  6040. recordVideo(): void;
  6041. recordGIFInternal(): void;
  6042. recordGIF(): void;
  6043. importAnimations(event: any): void;
  6044. shouldExport(node: BABYLON.Node): boolean;
  6045. exportGLTF(): void;
  6046. exportBabylon(): void;
  6047. createEnvTexture(): void;
  6048. resetReplay(): void;
  6049. exportReplay(): void;
  6050. render(): JSX.Element | null;
  6051. }
  6052. }
  6053. declare module INSPECTOR {
  6054. export class SettingsTabComponent extends PaneComponent {
  6055. constructor(props: IPaneComponentProps);
  6056. render(): JSX.Element;
  6057. }
  6058. }
  6059. declare module INSPECTOR {
  6060. interface IActionTabsComponentProps {
  6061. scene?: BABYLON.Scene;
  6062. noCommands?: boolean;
  6063. noHeader?: boolean;
  6064. noExpand?: boolean;
  6065. noClose?: boolean;
  6066. popupMode?: boolean;
  6067. onPopup?: () => void;
  6068. onClose?: () => void;
  6069. globalState?: GlobalState;
  6070. initialTab?: BABYLON.DebugLayerTab;
  6071. }
  6072. export class ActionTabsComponent extends React.Component<IActionTabsComponentProps, {
  6073. selectedEntity: any;
  6074. selectedIndex: number;
  6075. }> {
  6076. private _onSelectionChangeObserver;
  6077. private _onTabChangedObserver;
  6078. private _once;
  6079. constructor(props: IActionTabsComponentProps);
  6080. componentDidMount(): void;
  6081. componentWillUnmount(): void;
  6082. changeSelectedTab(index: number): void;
  6083. renderContent(): JSX.Element | null;
  6084. onClose(): void;
  6085. onPopup(): void;
  6086. render(): JSX.Element;
  6087. }
  6088. }
  6089. declare module INSPECTOR {
  6090. interface ITreeItemLabelComponentProps {
  6091. label: string;
  6092. onClick?: () => void;
  6093. color: string;
  6094. }
  6095. export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
  6096. constructor(props: ITreeItemLabelComponentProps);
  6097. onClick(): void;
  6098. render(): JSX.Element;
  6099. }
  6100. }
  6101. declare module INSPECTOR {
  6102. interface IExtensionsComponentProps {
  6103. target: any;
  6104. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6105. }
  6106. export class ExtensionsComponent extends React.Component<IExtensionsComponentProps, {
  6107. popupVisible: boolean;
  6108. }> {
  6109. private _popup;
  6110. private extensionRef;
  6111. constructor(props: IExtensionsComponentProps);
  6112. showPopup(): void;
  6113. componentDidMount(): void;
  6114. componentDidUpdate(): void;
  6115. render(): JSX.Element | null;
  6116. }
  6117. }
  6118. declare module INSPECTOR {
  6119. interface IMeshTreeItemComponentProps {
  6120. mesh: BABYLON.AbstractMesh;
  6121. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6122. onClick: () => void;
  6123. globalState: GlobalState;
  6124. }
  6125. export class MeshTreeItemComponent extends React.Component<IMeshTreeItemComponentProps, {
  6126. isBoundingBoxEnabled: boolean;
  6127. isVisible: boolean;
  6128. }> {
  6129. constructor(props: IMeshTreeItemComponentProps);
  6130. showBoundingBox(): void;
  6131. switchVisibility(): void;
  6132. render(): JSX.Element;
  6133. }
  6134. }
  6135. declare module INSPECTOR {
  6136. interface ICameraTreeItemComponentProps {
  6137. camera: BABYLON.Camera;
  6138. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6139. onClick: () => void;
  6140. }
  6141. export class CameraTreeItemComponent extends React.Component<ICameraTreeItemComponentProps, {
  6142. isActive: boolean;
  6143. }> {
  6144. private _onBeforeRenderObserver;
  6145. constructor(props: ICameraTreeItemComponentProps);
  6146. setActive(): void;
  6147. componentDidMount(): void;
  6148. componentWillUnmount(): void;
  6149. render(): JSX.Element;
  6150. }
  6151. }
  6152. declare module INSPECTOR {
  6153. interface ILightTreeItemComponentProps {
  6154. light: BABYLON.Light;
  6155. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6156. onClick: () => void;
  6157. globalState: GlobalState;
  6158. }
  6159. export class LightTreeItemComponent extends React.Component<ILightTreeItemComponentProps, {
  6160. isEnabled: boolean;
  6161. isGizmoEnabled: boolean;
  6162. }> {
  6163. constructor(props: ILightTreeItemComponentProps);
  6164. switchIsEnabled(): void;
  6165. toggleGizmo(): void;
  6166. render(): JSX.Element;
  6167. }
  6168. }
  6169. declare module INSPECTOR {
  6170. interface IMaterialTreeItemComponentProps {
  6171. material: BABYLON.Material;
  6172. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6173. onClick: () => void;
  6174. }
  6175. export class MaterialTreeItemComponent extends React.Component<IMaterialTreeItemComponentProps> {
  6176. constructor(props: IMaterialTreeItemComponentProps);
  6177. render(): JSX.Element;
  6178. }
  6179. }
  6180. declare module INSPECTOR {
  6181. interface ITextureTreeItemComponentProps {
  6182. texture: BABYLON.Texture;
  6183. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6184. onClick: () => void;
  6185. }
  6186. export class TextureTreeItemComponent extends React.Component<ITextureTreeItemComponentProps> {
  6187. constructor(props: ITextureTreeItemComponentProps);
  6188. render(): JSX.Element;
  6189. }
  6190. }
  6191. declare module INSPECTOR {
  6192. interface ITransformNodeItemComponentProps {
  6193. transformNode: BABYLON.TransformNode;
  6194. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6195. onClick: () => void;
  6196. }
  6197. export class TransformNodeItemComponent extends React.Component<ITransformNodeItemComponentProps> {
  6198. constructor(props: ITransformNodeItemComponentProps);
  6199. render(): JSX.Element;
  6200. }
  6201. }
  6202. declare module INSPECTOR {
  6203. interface IControlTreeItemComponentProps {
  6204. control: BABYLON.GUI.Control;
  6205. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6206. onClick: () => void;
  6207. }
  6208. export class ControlTreeItemComponent extends React.Component<IControlTreeItemComponentProps, {
  6209. isActive: boolean;
  6210. isVisible: boolean;
  6211. }> {
  6212. constructor(props: IControlTreeItemComponentProps);
  6213. highlight(): void;
  6214. switchVisibility(): void;
  6215. render(): JSX.Element;
  6216. }
  6217. }
  6218. declare module INSPECTOR {
  6219. interface IAdvancedDynamicTextureTreeItemComponentProps {
  6220. texture: BABYLON.GUI.AdvancedDynamicTexture;
  6221. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6222. onSelectionChangedObservable?: BABYLON.Observable<any>;
  6223. onClick: () => void;
  6224. }
  6225. export class AdvancedDynamicTextureTreeItemComponent extends React.Component<IAdvancedDynamicTextureTreeItemComponentProps, {
  6226. isInPickingMode: boolean;
  6227. }> {
  6228. private _onControlPickedObserver;
  6229. constructor(props: IAdvancedDynamicTextureTreeItemComponentProps);
  6230. componentWillUnmount(): void;
  6231. onPickingMode(): void;
  6232. render(): JSX.Element;
  6233. }
  6234. }
  6235. declare module INSPECTOR {
  6236. interface IAnimationGroupItemComponentProps {
  6237. animationGroup: BABYLON.AnimationGroup;
  6238. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6239. onClick: () => void;
  6240. }
  6241. export class AnimationGroupItemComponent extends React.Component<IAnimationGroupItemComponentProps> {
  6242. constructor(props: IAnimationGroupItemComponentProps);
  6243. render(): JSX.Element;
  6244. }
  6245. }
  6246. declare module INSPECTOR {
  6247. interface IPostProcessItemComponentProps {
  6248. postProcess: BABYLON.PostProcess;
  6249. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6250. onClick: () => void;
  6251. }
  6252. export class PostProcessItemComponent extends React.Component<IPostProcessItemComponentProps> {
  6253. constructor(props: IPostProcessItemComponentProps);
  6254. render(): JSX.Element;
  6255. }
  6256. }
  6257. declare module INSPECTOR {
  6258. interface IRenderPipelineItemComponenttProps {
  6259. renderPipeline: BABYLON.PostProcessRenderPipeline;
  6260. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6261. onClick: () => void;
  6262. }
  6263. export class RenderingPipelineItemComponent extends React.Component<IRenderPipelineItemComponenttProps> {
  6264. constructor(props: IRenderPipelineItemComponenttProps);
  6265. render(): JSX.Element;
  6266. }
  6267. }
  6268. declare module INSPECTOR {
  6269. interface ISkeletonTreeItemComponentProps {
  6270. skeleton: BABYLON.Skeleton;
  6271. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6272. onClick: () => void;
  6273. }
  6274. export class SkeletonTreeItemComponent extends React.Component<ISkeletonTreeItemComponentProps> {
  6275. constructor(props: ISkeletonTreeItemComponentProps);
  6276. render(): JSX.Element;
  6277. }
  6278. }
  6279. declare module INSPECTOR {
  6280. interface IBoneTreeItemComponenttProps {
  6281. bone: BABYLON.Bone;
  6282. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6283. onClick: () => void;
  6284. }
  6285. export class BoneTreeItemComponent extends React.Component<IBoneTreeItemComponenttProps> {
  6286. constructor(props: IBoneTreeItemComponenttProps);
  6287. render(): JSX.Element;
  6288. }
  6289. }
  6290. declare module INSPECTOR {
  6291. interface IParticleSystemTreeItemComponentProps {
  6292. system: BABYLON.IParticleSystem;
  6293. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6294. onClick: () => void;
  6295. }
  6296. export class ParticleSystemTreeItemComponent extends React.Component<IParticleSystemTreeItemComponentProps> {
  6297. constructor(props: IParticleSystemTreeItemComponentProps);
  6298. render(): JSX.Element;
  6299. }
  6300. }
  6301. declare module INSPECTOR {
  6302. interface ISpriteManagerTreeItemComponentProps {
  6303. spriteManager: BABYLON.SpriteManager;
  6304. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6305. onClick: () => void;
  6306. }
  6307. export class SpriteManagerTreeItemComponent extends React.Component<ISpriteManagerTreeItemComponentProps> {
  6308. constructor(props: ISpriteManagerTreeItemComponentProps);
  6309. render(): JSX.Element;
  6310. }
  6311. }
  6312. declare module INSPECTOR {
  6313. interface ISpriteTreeItemComponentProps {
  6314. sprite: BABYLON.Sprite;
  6315. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6316. onClick: () => void;
  6317. }
  6318. export class SpriteTreeItemComponent extends React.Component<ISpriteTreeItemComponentProps> {
  6319. constructor(props: ISpriteTreeItemComponentProps);
  6320. render(): JSX.Element;
  6321. }
  6322. }
  6323. declare module INSPECTOR {
  6324. interface ITargetedAnimationItemComponentProps {
  6325. targetedAnimation: BABYLON.TargetedAnimation;
  6326. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6327. onClick: () => void;
  6328. }
  6329. export class TargetedAnimationItemComponent extends React.Component<ITargetedAnimationItemComponentProps> {
  6330. constructor(props: ITargetedAnimationItemComponentProps);
  6331. render(): JSX.Element;
  6332. }
  6333. }
  6334. declare module INSPECTOR {
  6335. interface ITreeItemSpecializedComponentProps {
  6336. label: string;
  6337. entity?: any;
  6338. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6339. globalState: GlobalState;
  6340. onClick?: () => void;
  6341. }
  6342. export class TreeItemSpecializedComponent extends React.Component<ITreeItemSpecializedComponentProps> {
  6343. constructor(props: ITreeItemSpecializedComponentProps);
  6344. onClick(): void;
  6345. render(): JSX.Element;
  6346. }
  6347. }
  6348. declare module INSPECTOR {
  6349. export class Tools {
  6350. static LookForItem(item: any, selectedEntity: any): boolean;
  6351. private static _RecursiveRemoveHiddenMeshesAndHoistChildren;
  6352. static SortAndFilter(parent: any, items: any[]): any[];
  6353. }
  6354. }
  6355. declare module INSPECTOR {
  6356. export interface ITreeItemSelectableComponentProps {
  6357. entity: any;
  6358. selectedEntity?: any;
  6359. mustExpand?: boolean;
  6360. offset: number;
  6361. globalState: GlobalState;
  6362. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6363. filter: BABYLON.Nullable<string>;
  6364. }
  6365. export class TreeItemSelectableComponent extends React.Component<ITreeItemSelectableComponentProps, {
  6366. isExpanded: boolean;
  6367. isSelected: boolean;
  6368. }> {
  6369. private _wasSelected;
  6370. constructor(props: ITreeItemSelectableComponentProps);
  6371. switchExpandedState(): void;
  6372. shouldComponentUpdate(nextProps: ITreeItemSelectableComponentProps, nextState: {
  6373. isExpanded: boolean;
  6374. isSelected: boolean;
  6375. }): boolean;
  6376. scrollIntoView(): void;
  6377. componentDidMount(): void;
  6378. componentDidUpdate(): void;
  6379. onSelect(): void;
  6380. renderChildren(): JSX.Element[] | null;
  6381. render(): JSX.Element | null;
  6382. }
  6383. }
  6384. declare module INSPECTOR {
  6385. export interface ITreeItemComponentProps {
  6386. items?: BABYLON.Nullable<any[]>;
  6387. label: string;
  6388. offset: number;
  6389. filter: BABYLON.Nullable<string>;
  6390. forceSubitems?: boolean;
  6391. globalState: GlobalState;
  6392. entity?: any;
  6393. selectedEntity: any;
  6394. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6395. contextMenuItems?: {
  6396. label: string;
  6397. action: () => void;
  6398. }[];
  6399. }
  6400. export class TreeItemComponent extends React.Component<ITreeItemComponentProps, {
  6401. isExpanded: boolean;
  6402. mustExpand: boolean;
  6403. }> {
  6404. static _ContextMenuUniqueIdGenerator: number;
  6405. constructor(props: ITreeItemComponentProps);
  6406. switchExpandedState(): void;
  6407. shouldComponentUpdate(nextProps: ITreeItemComponentProps, nextState: {
  6408. isExpanded: boolean;
  6409. }): boolean;
  6410. expandAll(expand: boolean): void;
  6411. renderContextMenu(): JSX.Element | null;
  6412. render(): JSX.Element;
  6413. }
  6414. }
  6415. declare module INSPECTOR {
  6416. interface ISceneTreeItemComponentProps {
  6417. scene: BABYLON.Scene;
  6418. onRefresh: () => void;
  6419. selectedEntity?: any;
  6420. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6421. onSelectionChangedObservable?: BABYLON.Observable<any>;
  6422. globalState: GlobalState;
  6423. }
  6424. export class SceneTreeItemComponent extends React.Component<ISceneTreeItemComponentProps, {
  6425. isSelected: boolean;
  6426. isInPickingMode: boolean;
  6427. gizmoMode: number;
  6428. }> {
  6429. private _gizmoLayerOnPointerObserver;
  6430. private _onPointerObserver;
  6431. private _onSelectionChangeObserver;
  6432. private _selectedEntity;
  6433. private _posDragEnd;
  6434. private _scaleDragEnd;
  6435. private _rotateDragEnd;
  6436. constructor(props: ISceneTreeItemComponentProps);
  6437. shouldComponentUpdate(nextProps: ISceneTreeItemComponentProps, nextState: {
  6438. isSelected: boolean;
  6439. isInPickingMode: boolean;
  6440. }): boolean;
  6441. componentDidMount(): void;
  6442. componentWillUnmount(): void;
  6443. onSelect(): void;
  6444. onPickingMode(): void;
  6445. setGizmoMode(mode: number): void;
  6446. render(): JSX.Element;
  6447. }
  6448. }
  6449. declare module INSPECTOR {
  6450. interface ISceneExplorerFilterComponentProps {
  6451. onFilter: (filter: string) => void;
  6452. }
  6453. export class SceneExplorerFilterComponent extends React.Component<ISceneExplorerFilterComponentProps> {
  6454. constructor(props: ISceneExplorerFilterComponentProps);
  6455. render(): JSX.Element;
  6456. }
  6457. interface ISceneExplorerComponentProps {
  6458. scene: BABYLON.Scene;
  6459. noCommands?: boolean;
  6460. noHeader?: boolean;
  6461. noExpand?: boolean;
  6462. noClose?: boolean;
  6463. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6464. globalState: GlobalState;
  6465. popupMode?: boolean;
  6466. onPopup?: () => void;
  6467. onClose?: () => void;
  6468. }
  6469. export class SceneExplorerComponent extends React.Component<ISceneExplorerComponentProps, {
  6470. filter: BABYLON.Nullable<string>;
  6471. selectedEntity: any;
  6472. scene: BABYLON.Scene;
  6473. }> {
  6474. private _onSelectionChangeObserver;
  6475. private _onSelectionRenamedObserver;
  6476. private _onNewSceneAddedObserver;
  6477. private _onNewSceneObserver;
  6478. private sceneExplorerRef;
  6479. private _once;
  6480. private _hooked;
  6481. private sceneMutationFunc;
  6482. constructor(props: ISceneExplorerComponentProps);
  6483. processMutation(): void;
  6484. componentDidMount(): void;
  6485. componentWillUnmount(): void;
  6486. filterContent(filter: string): void;
  6487. findSiblings(parent: any, items: any[], target: any, goNext: boolean, data: {
  6488. previousOne?: any;
  6489. found?: boolean;
  6490. }): boolean;
  6491. processKeys(keyEvent: React.KeyboardEvent<HTMLDivElement>): void;
  6492. renderContent(): JSX.Element | null;
  6493. onClose(): void;
  6494. onPopup(): void;
  6495. render(): JSX.Element;
  6496. }
  6497. }
  6498. declare module INSPECTOR {
  6499. interface IEmbedHostComponentProps {
  6500. scene: BABYLON.Scene;
  6501. globalState: GlobalState;
  6502. popupMode: boolean;
  6503. noClose?: boolean;
  6504. noExpand?: boolean;
  6505. onClose: () => void;
  6506. onPopup: () => void;
  6507. extensibilityGroups?: BABYLON.IExplorerExtensibilityGroup[];
  6508. initialTab?: BABYLON.DebugLayerTab;
  6509. }
  6510. export class EmbedHostComponent extends React.Component<IEmbedHostComponentProps> {
  6511. private _once;
  6512. private splitRef;
  6513. private topPartRef;
  6514. private bottomPartRef;
  6515. constructor(props: IEmbedHostComponentProps);
  6516. componentDidMount(): void;
  6517. renderContent(): JSX.Element;
  6518. render(): JSX.Element;
  6519. }
  6520. }
  6521. declare module INSPECTOR {
  6522. export class Inspector {
  6523. private static _SceneExplorerHost;
  6524. private static _ActionTabsHost;
  6525. private static _EmbedHost;
  6526. private static _NewCanvasContainer;
  6527. private static _SceneExplorerWindow;
  6528. private static _ActionTabsWindow;
  6529. private static _EmbedHostWindow;
  6530. private static _Scene;
  6531. private static _OpenedPane;
  6532. private static _OnBeforeRenderObserver;
  6533. static OnSelectionChangeObservable: BABYLON.Observable<any>;
  6534. static OnPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;
  6535. private static _GlobalState;
  6536. static MarkLineContainerTitleForHighlighting(title: string): void;
  6537. static MarkMultipleLineContainerTitlesForHighlighting(titles: string[]): void;
  6538. private static _CopyStyles;
  6539. private static _CreateSceneExplorer;
  6540. private static _CreateActionTabs;
  6541. private static _CreateEmbedHost;
  6542. static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  6543. static get IsVisible(): boolean;
  6544. static EarlyAttachToLoader(): void;
  6545. static Show(scene: BABYLON.Scene, userOptions: Partial<BABYLON.IInspectorOptions>): void;
  6546. static _SetNewScene(scene: BABYLON.Scene): void;
  6547. static _CreateCanvasContainer(parentControl: HTMLElement): void;
  6548. private static _DestroyCanvasContainer;
  6549. private static _Cleanup;
  6550. private static _RemoveElementFromDOM;
  6551. static Hide(): void;
  6552. }
  6553. }
  6554. declare module INSPECTOR {
  6555. interface IPlayheadProps {
  6556. frame: number;
  6557. offset: number;
  6558. onCurrentFrameChange: (frame: number) => void;
  6559. }
  6560. export class Playhead extends React.Component<IPlayheadProps> {
  6561. private _direction;
  6562. private _active;
  6563. constructor(props: IPlayheadProps);
  6564. dragStart(e: React.TouchEvent<HTMLDivElement>): void;
  6565. dragStart(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  6566. drag(e: React.TouchEvent<HTMLDivElement>): void;
  6567. drag(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  6568. dragEnd(e: React.TouchEvent<HTMLDivElement>): void;
  6569. dragEnd(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
  6570. calculateMove(): string;
  6571. render(): JSX.Element;
  6572. }
  6573. }