rcsbfv3dcomponent.html 86 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297
  1. <!doctype html>
  2. <html class="default no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>RcsbFv3DComponent | @rcsb/rcsb-saguaro-3d</title>
  7. <meta name="description" content="Documentation for @rcsb/rcsb-saguaro-3d">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <link rel="stylesheet" href="../assets/css/main.css">
  10. </head>
  11. <body>
  12. <header>
  13. <div class="tsd-page-toolbar">
  14. <div class="container">
  15. <div class="table-wrap">
  16. <div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
  17. <div class="field">
  18. <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
  19. <input id="tsd-search-field" type="text" />
  20. </div>
  21. <ul class="results">
  22. <li class="state loading">Preparing search index...</li>
  23. <li class="state failure">The search index is not available</li>
  24. </ul>
  25. <a href="../index.html" class="title">@rcsb/rcsb-saguaro-3d</a>
  26. </div>
  27. <div class="table-cell" id="tsd-widgets">
  28. <div id="tsd-filter">
  29. <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
  30. <div class="tsd-filter-group">
  31. <div class="tsd-select" id="tsd-filter-visibility">
  32. <span class="tsd-select-label">All</span>
  33. <ul class="tsd-select-list">
  34. <li data-value="public">Public</li>
  35. <li data-value="protected">Public/Protected</li>
  36. <li data-value="private" class="selected">All</li>
  37. </ul>
  38. </div>
  39. <input type="checkbox" id="tsd-filter-inherited" checked />
  40. <label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
  41. <input type="checkbox" id="tsd-filter-externals" checked />
  42. <label class="tsd-widget" for="tsd-filter-externals">Externals</label>
  43. <input type="checkbox" id="tsd-filter-only-exported" />
  44. <label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
  45. </div>
  46. </div>
  47. <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="tsd-page-title">
  53. <div class="container">
  54. <ul class="tsd-breadcrumb">
  55. <li>
  56. <a href="../globals.html">Globals</a>
  57. </li>
  58. <li>
  59. <a href="rcsbfv3dcomponent.html">RcsbFv3DComponent</a>
  60. </li>
  61. </ul>
  62. <h1>Class RcsbFv3DComponent&lt;SS&gt;</h1>
  63. </div>
  64. </div>
  65. </header>
  66. <div class="container container-main">
  67. <div class="row">
  68. <div class="col-8 col-content">
  69. <section class="tsd-panel tsd-type-parameters">
  70. <h3>Type parameters</h3>
  71. <ul class="tsd-type-parameters">
  72. <li>
  73. <h4>SS</h4>
  74. </li>
  75. </ul>
  76. </section>
  77. <section class="tsd-panel tsd-hierarchy">
  78. <h3>Hierarchy</h3>
  79. <ul class="tsd-hierarchy">
  80. <li>
  81. <span class="tsd-signature-type">Component</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">, </span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span>
  82. <ul class="tsd-hierarchy">
  83. <li>
  84. <span class="target">RcsbFv3DComponent</span>
  85. </li>
  86. </ul>
  87. </li>
  88. </ul>
  89. </section>
  90. <section class="tsd-panel-group tsd-index-group">
  91. <h2>Index</h2>
  92. <section class="tsd-panel tsd-index-panel">
  93. <div class="tsd-index-content">
  94. <section class="tsd-index-section ">
  95. <h3>Constructors</h3>
  96. <ul class="tsd-index-list">
  97. <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="rcsbfv3dcomponent.html#constructor" class="tsd-kind-icon">constructor</a></li>
  98. </ul>
  99. </section>
  100. <section class="tsd-index-section ">
  101. <h3>Properties</h3>
  102. <ul class="tsd-index-list">
  103. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#root_div_id" class="tsd-kind-icon">ROOT_<wbr>DIV_<wbr>ID</a></li>
  104. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#context" class="tsd-kind-icon">context</a></li>
  105. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#plugin" class="tsd-kind-icon">plugin</a></li>
  106. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#props" class="tsd-kind-icon">props</a></li>
  107. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#refs" class="tsd-kind-icon">refs</a></li>
  108. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#resize" class="tsd-kind-icon">resize</a></li>
  109. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#selectormanager" class="tsd-kind-icon">selector<wbr>Manager</a></li>
  110. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#subscription" class="tsd-kind-icon">subscription</a></li>
  111. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static"><a href="rcsbfv3dcomponent.html#contexttype" class="tsd-kind-icon">context<wbr>Type</a></li>
  112. </ul>
  113. </section>
  114. <section class="tsd-index-section ">
  115. <h3>Methods</h3>
  116. <ul class="tsd-index-list">
  117. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#unsafe_componentwillmount" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Mount</a></li>
  118. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#unsafe_componentwillreceiveprops" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props</a></li>
  119. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#unsafe_componentwillupdate" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Update</a></li>
  120. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#componentdidcatch" class="tsd-kind-icon">component<wbr>Did<wbr>Catch</a></li>
  121. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="rcsbfv3dcomponent.html#componentdidmount" class="tsd-kind-icon">component<wbr>Did<wbr>Mount</a></li>
  122. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#componentdidupdate" class="tsd-kind-icon">component<wbr>Did<wbr>Update</a></li>
  123. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#componentwillmount" class="tsd-kind-icon">component<wbr>Will<wbr>Mount</a></li>
  124. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#componentwillreceiveprops" class="tsd-kind-icon">component<wbr>Will<wbr>Receive<wbr>Props</a></li>
  125. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="rcsbfv3dcomponent.html#componentwillunmount" class="tsd-kind-icon">component<wbr>Will<wbr>Unmount</a></li>
  126. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#componentwillupdate" class="tsd-kind-icon">component<wbr>Will<wbr>Update</a></li>
  127. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#forceupdate" class="tsd-kind-icon">force<wbr>Update</a></li>
  128. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#getsnapshotbeforeupdate" class="tsd-kind-icon">get<wbr>Snapshot<wbr>Before<wbr>Update</a></li>
  129. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#mousemove" class="tsd-kind-icon">mouse<wbr>Move</a></li>
  130. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#paneldelimiter" class="tsd-kind-icon">panel<wbr>Delimiter</a></li>
  131. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="rcsbfv3dcomponent.html#render" class="tsd-kind-icon">render</a></li>
  132. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#sequencecssconfig" class="tsd-kind-icon">sequence<wbr>Css<wbr>Config</a></li>
  133. <li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited"><a href="rcsbfv3dcomponent.html#setstate" class="tsd-kind-icon">set<wbr>State</a></li>
  134. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="rcsbfv3dcomponent.html#shouldcomponentupdate" class="tsd-kind-icon">should<wbr>Component<wbr>Update</a></li>
  135. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#splitpanelmousedown" class="tsd-kind-icon">split<wbr>Panel<wbr>Mouse<wbr>Down</a></li>
  136. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#splitpanelmouseup" class="tsd-kind-icon">split<wbr>Panel<wbr>Mouse<wbr>Up</a></li>
  137. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#structurecssconfig" class="tsd-kind-icon">structure<wbr>Css<wbr>Config</a></li>
  138. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#subscribe" class="tsd-kind-icon">subscribe</a></li>
  139. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#unsubscribe" class="tsd-kind-icon">unsubscribe</a></li>
  140. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#updateconfig" class="tsd-kind-icon">update<wbr>Config</a></li>
  141. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="rcsbfv3dcomponent.html#usedefaultcss" class="tsd-kind-icon">use<wbr>Default<wbr>Css</a></li>
  142. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private tsd-is-static"><a href="rcsbfv3dcomponent.html#maindivcssconfig" class="tsd-kind-icon">main<wbr>Div<wbr>Css<wbr>Config</a></li>
  143. </ul>
  144. </section>
  145. <section class="tsd-index-section ">
  146. <h3>Object literals</h3>
  147. <ul class="tsd-index-list">
  148. <li class="tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite"><a href="rcsbfv3dcomponent.html#state" class="tsd-kind-icon">state</a></li>
  149. </ul>
  150. </section>
  151. </div>
  152. </section>
  153. </section>
  154. <section class="tsd-panel-group tsd-member-group ">
  155. <h2>Constructors</h2>
  156. <section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
  157. <a name="constructor" class="tsd-anchor"></a>
  158. <h3>constructor</h3>
  159. <ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
  160. <li class="tsd-signature tsd-kind-icon">new <wbr>Rcsb<wbr>Fv3DComponent<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="rcsbfv3dcomponent.html" class="tsd-signature-type">RcsbFv3DComponent</a></li>
  161. </ul>
  162. <ul class="tsd-descriptions">
  163. <li class="tsd-description">
  164. <aside class="tsd-sources">
  165. <p>Overrides <a href="chaindisplay.html">ChainDisplay</a>.<a href="chaindisplay.html#constructor">constructor</a></p>
  166. <ul>
  167. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:55</li>
  168. </ul>
  169. </aside>
  170. <h4 class="tsd-parameters-title">Parameters</h4>
  171. <ul class="tsd-parameters">
  172. <li>
  173. <h5>props: <a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a></h5>
  174. </li>
  175. </ul>
  176. <h4 class="tsd-returns-title">Returns <a href="rcsbfv3dcomponent.html" class="tsd-signature-type">RcsbFv3DComponent</a></h4>
  177. </li>
  178. </ul>
  179. </section>
  180. </section>
  181. <section class="tsd-panel-group tsd-member-group ">
  182. <h2>Properties</h2>
  183. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
  184. <a name="root_div_id" class="tsd-anchor"></a>
  185. <h3><span class="tsd-flag ts-flagPrivate">Private</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> ROOT_<wbr>DIV_<wbr>ID</h3>
  186. <div class="tsd-signature tsd-kind-icon">ROOT_<wbr>DIV_<wbr>ID<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;rootPanelDiv&quot;</span></div>
  187. <aside class="tsd-sources">
  188. <ul>
  189. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:49</li>
  190. </ul>
  191. </aside>
  192. </section>
  193. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
  194. <a name="context" class="tsd-anchor"></a>
  195. <h3>context</h3>
  196. <div class="tsd-signature tsd-kind-icon">context<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
  197. <aside class="tsd-sources">
  198. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#context">context</a></p>
  199. <ul>
  200. <li>Defined in node_modules/@types/react/index.d.ts:479</li>
  201. </ul>
  202. </aside>
  203. <div class="tsd-comment tsd-typography">
  204. <div class="lead">
  205. <p>If using the new style context, re-declare this in your class to be the
  206. <code>React.ContextType</code> of your <code>static contextType</code>.
  207. Should be used with type annotation or static contextType.</p>
  208. </div>
  209. <pre><code class="language-ts"><span class="hljs-keyword">static</span> contextType = MyContext
  210. <span class="hljs-comment">// For TS pre-3.7:</span>
  211. context!: React.ContextType&lt;<span class="hljs-keyword">typeof</span> MyContext&gt;
  212. <span class="hljs-comment">// For TS 3.7 and above:</span>
  213. <span class="hljs-keyword">declare</span> context: React.ContextType&lt;<span class="hljs-keyword">typeof</span> MyContext&gt;</code></pre>
  214. <dl class="tsd-comment-tags">
  215. <dt>see</dt>
  216. <dd><p><a href="https://reactjs.org/docs/context.html">https://reactjs.org/docs/context.html</a></p>
  217. </dd>
  218. </dl>
  219. </div>
  220. </section>
  221. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
  222. <a name="plugin" class="tsd-anchor"></a>
  223. <h3><span class="tsd-flag ts-flagPrivate">Private</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> plugin</h3>
  224. <div class="tsd-signature tsd-kind-icon">plugin<span class="tsd-signature-symbol">:</span> <a href="../interfaces/saguaroplugininterface.html" class="tsd-signature-type">SaguaroPluginInterface</a></div>
  225. <aside class="tsd-sources">
  226. <ul>
  227. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:46</li>
  228. </ul>
  229. </aside>
  230. </section>
  231. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
  232. <a name="props" class="tsd-anchor"></a>
  233. <h3><span class="tsd-flag ts-flagReadonly">Readonly</span> props</h3>
  234. <div class="tsd-signature tsd-kind-icon">props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">&gt;</span></div>
  235. <aside class="tsd-sources">
  236. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#props">props</a></p>
  237. <ul>
  238. <li>Defined in node_modules/@types/react/index.d.ts:504</li>
  239. </ul>
  240. </aside>
  241. </section>
  242. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
  243. <a name="refs" class="tsd-anchor"></a>
  244. <h3>refs</h3>
  245. <div class="tsd-signature tsd-kind-icon">refs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div>
  246. <aside class="tsd-sources">
  247. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#refs">refs</a></p>
  248. <ul>
  249. <li>Defined in node_modules/@types/react/index.d.ts:510</li>
  250. </ul>
  251. </aside>
  252. <div class="tsd-comment tsd-typography">
  253. <dl class="tsd-comment-tags">
  254. <dt>deprecated</dt>
  255. <dd><p><a href="https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs">https://reactjs.org/docs/refs-and-the-dom.html#legacy-api-string-refs</a></p>
  256. </dd>
  257. </dl>
  258. </div>
  259. <div class="tsd-type-declaration">
  260. <h4>Type declaration</h4>
  261. <ul class="tsd-parameters">
  262. <li class="tsd-parameter-index-signature">
  263. <h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">ReactInstance</span></h5>
  264. </li>
  265. </ul>
  266. </div>
  267. </section>
  268. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
  269. <a name="resize" class="tsd-anchor"></a>
  270. <h3><span class="tsd-flag ts-flagPrivate">Private</span> resize</h3>
  271. <div class="tsd-signature tsd-kind-icon">resize<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>evt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> = null</span></div>
  272. <aside class="tsd-sources">
  273. <ul>
  274. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:197</li>
  275. </ul>
  276. </aside>
  277. </section>
  278. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
  279. <a name="selectormanager" class="tsd-anchor"></a>
  280. <h3><span class="tsd-flag ts-flagPrivate">Private</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> selector<wbr>Manager</h3>
  281. <div class="tsd-signature tsd-kind-icon">selector<wbr>Manager<span class="tsd-signature-symbol">:</span> <a href="rcsbfvselectormanager.html" class="tsd-signature-type">RcsbFvSelectorManager</a><span class="tsd-signature-symbol"> = new RcsbFvSelectorManager()</span></div>
  282. <aside class="tsd-sources">
  283. <ul>
  284. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:47</li>
  285. </ul>
  286. </aside>
  287. </section>
  288. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private">
  289. <a name="subscription" class="tsd-anchor"></a>
  290. <h3><span class="tsd-flag ts-flagPrivate">Private</span> subscription</h3>
  291. <div class="tsd-signature tsd-kind-icon">subscription<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Subscription</span></div>
  292. <aside class="tsd-sources">
  293. <ul>
  294. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:48</li>
  295. </ul>
  296. </aside>
  297. </section>
  298. <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static">
  299. <a name="contexttype" class="tsd-anchor"></a>
  300. <h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagOptional">Optional</span> context<wbr>Type</h3>
  301. <div class="tsd-signature tsd-kind-icon">context<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Context</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></div>
  302. <aside class="tsd-sources">
  303. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#contexttype">contextType</a></p>
  304. <ul>
  305. <li>Defined in node_modules/@types/react/index.d.ts:461</li>
  306. </ul>
  307. </aside>
  308. <div class="tsd-comment tsd-typography">
  309. <div class="lead">
  310. <p>If set, <code>this.context</code> will be set at runtime to the current value of the given Context.</p>
  311. </div>
  312. <p>Usage:</p>
  313. <pre><code class="language-ts"><span class="hljs-keyword">type</span> MyContext = <span class="hljs-built_in">number</span>
  314. <span class="hljs-keyword">const</span> Ctx = React.createContext&lt;MyContext&gt;(<span class="hljs-number">0</span>)
  315. <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Foo</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">React</span>.<span class="hljs-title">Component</span> </span>{
  316. <span class="hljs-keyword">static</span> contextType = Ctx
  317. context!: React.ContextType&lt;<span class="hljs-keyword">typeof</span> Ctx&gt;
  318. render () {
  319. <span class="hljs-keyword">return</span> <span class="xml"><span class="hljs-tag">&lt;&gt;</span>My context&#x27;s value: {this.context}<span class="hljs-tag">&lt;/&gt;</span></span>;
  320. }
  321. }</code></pre>
  322. <dl class="tsd-comment-tags">
  323. <dt>see</dt>
  324. <dd><p><a href="https://reactjs.org/docs/context.html#classcontexttype">https://reactjs.org/docs/context.html#classcontexttype</a></p>
  325. </dd>
  326. </dl>
  327. </div>
  328. </section>
  329. </section>
  330. <section class="tsd-panel-group tsd-member-group ">
  331. <h2>Methods</h2>
  332. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  333. <a name="unsafe_componentwillmount" class="tsd-anchor"></a>
  334. <h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Mount</h3>
  335. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  336. <li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  337. </ul>
  338. <ul class="tsd-descriptions">
  339. <li class="tsd-description">
  340. <aside class="tsd-sources">
  341. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#unsafe_componentwillmount">UNSAFE_componentWillMount</a></p>
  342. <ul>
  343. <li>Defined in node_modules/@types/react/index.d.ts:717</li>
  344. </ul>
  345. </aside>
  346. <div class="tsd-comment tsd-typography">
  347. <div class="lead">
  348. <p>Called immediately before mounting occurs, and before <code>Component#render</code>.
  349. Avoid introducing any side-effects or subscriptions in this method.</p>
  350. </div>
  351. <p>This method will not stop working in React 17.</p>
  352. <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
  353. prevents this from being invoked.</p>
  354. <dl class="tsd-comment-tags">
  355. <dt>deprecated</dt>
  356. <dd><p>16.3, use componentDidMount or the constructor instead</p>
  357. </dd>
  358. <dt>see</dt>
  359. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></p>
  360. </dd>
  361. <dt>see</dt>
  362. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
  363. </dd>
  364. </dl>
  365. </div>
  366. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  367. </li>
  368. </ul>
  369. </section>
  370. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  371. <a name="unsafe_componentwillreceiveprops" class="tsd-anchor"></a>
  372. <h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props</h3>
  373. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  374. <li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  375. </ul>
  376. <ul class="tsd-descriptions">
  377. <li class="tsd-description">
  378. <aside class="tsd-sources">
  379. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#unsafe_componentwillreceiveprops">UNSAFE_componentWillReceiveProps</a></p>
  380. <ul>
  381. <li>Defined in node_modules/@types/react/index.d.ts:749</li>
  382. </ul>
  383. </aside>
  384. <div class="tsd-comment tsd-typography">
  385. <div class="lead">
  386. <p>Called when the component may be receiving new props.
  387. React may call this even if props have not changed, so be sure to compare new and existing
  388. props if you only want to handle changes.</p>
  389. </div>
  390. <p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
  391. <p>This method will not stop working in React 17.</p>
  392. <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
  393. prevents this from being invoked.</p>
  394. <dl class="tsd-comment-tags">
  395. <dt>deprecated</dt>
  396. <dd><p>16.3, use static getDerivedStateFromProps instead</p>
  397. </dd>
  398. <dt>see</dt>
  399. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></p>
  400. </dd>
  401. <dt>see</dt>
  402. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
  403. </dd>
  404. </dl>
  405. </div>
  406. <h4 class="tsd-parameters-title">Parameters</h4>
  407. <ul class="tsd-parameters">
  408. <li>
  409. <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span></h5>
  410. </li>
  411. <li>
  412. <h5>nextContext: <span class="tsd-signature-type">any</span></h5>
  413. </li>
  414. </ul>
  415. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  416. </li>
  417. </ul>
  418. </section>
  419. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  420. <a name="unsafe_componentwillupdate" class="tsd-anchor"></a>
  421. <h3><span class="tsd-flag ts-flagOptional">Optional</span> UNSAFE_<wbr>component<wbr>Will<wbr>Update</h3>
  422. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  423. <li class="tsd-signature tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  424. </ul>
  425. <ul class="tsd-descriptions">
  426. <li class="tsd-description">
  427. <aside class="tsd-sources">
  428. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#unsafe_componentwillupdate">UNSAFE_componentWillUpdate</a></p>
  429. <ul>
  430. <li>Defined in node_modules/@types/react/index.d.ts:777</li>
  431. </ul>
  432. </aside>
  433. <div class="tsd-comment tsd-typography">
  434. <div class="lead">
  435. <p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
  436. </div>
  437. <p>Note: You cannot call <code>Component#setState</code> here.</p>
  438. <p>This method will not stop working in React 17.</p>
  439. <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
  440. prevents this from being invoked.</p>
  441. <dl class="tsd-comment-tags">
  442. <dt>deprecated</dt>
  443. <dd><p>16.3, use getSnapshotBeforeUpdate instead</p>
  444. </dd>
  445. <dt>see</dt>
  446. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></p>
  447. </dd>
  448. <dt>see</dt>
  449. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
  450. </dd>
  451. </dl>
  452. </div>
  453. <h4 class="tsd-parameters-title">Parameters</h4>
  454. <ul class="tsd-parameters">
  455. <li>
  456. <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span></h5>
  457. </li>
  458. <li>
  459. <h5>nextState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span></h5>
  460. </li>
  461. <li>
  462. <h5>nextContext: <span class="tsd-signature-type">any</span></h5>
  463. </li>
  464. </ul>
  465. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  466. </li>
  467. </ul>
  468. </section>
  469. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  470. <a name="componentdidcatch" class="tsd-anchor"></a>
  471. <h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Did<wbr>Catch</h3>
  472. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  473. <li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Catch<span class="tsd-signature-symbol">(</span>error<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Error</span>, errorInfo<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ErrorInfo</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  474. </ul>
  475. <ul class="tsd-descriptions">
  476. <li class="tsd-description">
  477. <aside class="tsd-sources">
  478. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#componentdidcatch">componentDidCatch</a></p>
  479. <ul>
  480. <li>Defined in node_modules/@types/react/index.d.ts:646</li>
  481. </ul>
  482. </aside>
  483. <div class="tsd-comment tsd-typography">
  484. <div class="lead">
  485. <p>Catches exceptions generated in descendant components. Unhandled exceptions will cause
  486. the entire component tree to unmount.</p>
  487. </div>
  488. </div>
  489. <h4 class="tsd-parameters-title">Parameters</h4>
  490. <ul class="tsd-parameters">
  491. <li>
  492. <h5>error: <span class="tsd-signature-type">Error</span></h5>
  493. </li>
  494. <li>
  495. <h5>errorInfo: <span class="tsd-signature-type">ErrorInfo</span></h5>
  496. </li>
  497. </ul>
  498. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  499. </li>
  500. </ul>
  501. </section>
  502. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  503. <a name="componentdidmount" class="tsd-anchor"></a>
  504. <h3>component<wbr>Did<wbr>Mount</h3>
  505. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  506. <li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  507. </ul>
  508. <ul class="tsd-descriptions">
  509. <li class="tsd-description">
  510. <aside class="tsd-sources">
  511. <p>Overrides <a href="chaindisplay.html">ChainDisplay</a>.<a href="chaindisplay.html#componentdidmount">componentDidMount</a></p>
  512. <ul>
  513. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:100</li>
  514. </ul>
  515. </aside>
  516. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  517. </li>
  518. </ul>
  519. </section>
  520. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  521. <a name="componentdidupdate" class="tsd-anchor"></a>
  522. <h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Did<wbr>Update</h3>
  523. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  524. <li class="tsd-signature tsd-kind-icon">component<wbr>Did<wbr>Update<span class="tsd-signature-symbol">(</span>prevProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span>, prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span>, snapshot<span class="tsd-signature-symbol">?: </span><a href="" class="tsd-signature-type">SS</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  525. </ul>
  526. <ul class="tsd-descriptions">
  527. <li class="tsd-description">
  528. <aside class="tsd-sources">
  529. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#componentdidupdate">componentDidUpdate</a></p>
  530. <ul>
  531. <li>Defined in node_modules/@types/react/index.d.ts:688</li>
  532. </ul>
  533. </aside>
  534. <div class="tsd-comment tsd-typography">
  535. <div class="lead">
  536. <p>Called immediately after updating occurs. Not called for the initial render.</p>
  537. </div>
  538. <p>The snapshot is only present if getSnapshotBeforeUpdate is present and returns non-null.</p>
  539. </div>
  540. <h4 class="tsd-parameters-title">Parameters</h4>
  541. <ul class="tsd-parameters">
  542. <li>
  543. <h5>prevProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span></h5>
  544. </li>
  545. <li>
  546. <h5>prevState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span></h5>
  547. </li>
  548. <li>
  549. <h5><span class="tsd-flag ts-flagOptional">Optional</span> snapshot: <a href="" class="tsd-signature-type">SS</a></h5>
  550. </li>
  551. </ul>
  552. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  553. </li>
  554. </ul>
  555. </section>
  556. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  557. <a name="componentwillmount" class="tsd-anchor"></a>
  558. <h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Mount</h3>
  559. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  560. <li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Mount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  561. </ul>
  562. <ul class="tsd-descriptions">
  563. <li class="tsd-description">
  564. <aside class="tsd-sources">
  565. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#componentwillmount">componentWillMount</a></p>
  566. <ul>
  567. <li>Defined in node_modules/@types/react/index.d.ts:703</li>
  568. </ul>
  569. </aside>
  570. <div class="tsd-comment tsd-typography">
  571. <div class="lead">
  572. <p>Called immediately before mounting occurs, and before <code>Component#render</code>.
  573. Avoid introducing any side-effects or subscriptions in this method.</p>
  574. </div>
  575. <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
  576. prevents this from being invoked.</p>
  577. <dl class="tsd-comment-tags">
  578. <dt>deprecated</dt>
  579. <dd><p>16.3, use componentDidMount or the constructor instead; will stop working in React 17</p>
  580. </dd>
  581. <dt>see</dt>
  582. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#initializing-state</a></p>
  583. </dd>
  584. <dt>see</dt>
  585. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
  586. </dd>
  587. </dl>
  588. </div>
  589. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  590. </li>
  591. </ul>
  592. </section>
  593. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  594. <a name="componentwillreceiveprops" class="tsd-anchor"></a>
  595. <h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Receive<wbr>Props</h3>
  596. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  597. <li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Receive<wbr>Props<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  598. </ul>
  599. <ul class="tsd-descriptions">
  600. <li class="tsd-description">
  601. <aside class="tsd-sources">
  602. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#componentwillreceiveprops">componentWillReceiveProps</a></p>
  603. <ul>
  604. <li>Defined in node_modules/@types/react/index.d.ts:732</li>
  605. </ul>
  606. </aside>
  607. <div class="tsd-comment tsd-typography">
  608. <div class="lead">
  609. <p>Called when the component may be receiving new props.
  610. React may call this even if props have not changed, so be sure to compare new and existing
  611. props if you only want to handle changes.</p>
  612. </div>
  613. <p>Calling <code>Component#setState</code> generally does not trigger this method.</p>
  614. <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
  615. prevents this from being invoked.</p>
  616. <dl class="tsd-comment-tags">
  617. <dt>deprecated</dt>
  618. <dd><p>16.3, use static getDerivedStateFromProps instead; will stop working in React 17</p>
  619. </dd>
  620. <dt>see</dt>
  621. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props</a></p>
  622. </dd>
  623. <dt>see</dt>
  624. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
  625. </dd>
  626. </dl>
  627. </div>
  628. <h4 class="tsd-parameters-title">Parameters</h4>
  629. <ul class="tsd-parameters">
  630. <li>
  631. <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span></h5>
  632. </li>
  633. <li>
  634. <h5>nextContext: <span class="tsd-signature-type">any</span></h5>
  635. </li>
  636. </ul>
  637. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  638. </li>
  639. </ul>
  640. </section>
  641. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  642. <a name="componentwillunmount" class="tsd-anchor"></a>
  643. <h3>component<wbr>Will<wbr>Unmount</h3>
  644. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  645. <li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Unmount<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  646. </ul>
  647. <ul class="tsd-descriptions">
  648. <li class="tsd-description">
  649. <aside class="tsd-sources">
  650. <p>Overrides <a href="chaindisplay.html">ChainDisplay</a>.<a href="chaindisplay.html#componentwillunmount">componentWillUnmount</a></p>
  651. <ul>
  652. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:104</li>
  653. </ul>
  654. </aside>
  655. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  656. </li>
  657. </ul>
  658. </section>
  659. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  660. <a name="componentwillupdate" class="tsd-anchor"></a>
  661. <h3><span class="tsd-flag ts-flagOptional">Optional</span> component<wbr>Will<wbr>Update</h3>
  662. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  663. <li class="tsd-signature tsd-kind-icon">component<wbr>Will<wbr>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  664. </ul>
  665. <ul class="tsd-descriptions">
  666. <li class="tsd-description">
  667. <aside class="tsd-sources">
  668. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#componentwillupdate">componentWillUpdate</a></p>
  669. <ul>
  670. <li>Defined in node_modules/@types/react/index.d.ts:762</li>
  671. </ul>
  672. </aside>
  673. <div class="tsd-comment tsd-typography">
  674. <div class="lead">
  675. <p>Called immediately before rendering when new props or state is received. Not called for the initial render.</p>
  676. </div>
  677. <p>Note: You cannot call <code>Component#setState</code> here.</p>
  678. <p>Note: the presence of getSnapshotBeforeUpdate or getDerivedStateFromProps
  679. prevents this from being invoked.</p>
  680. <dl class="tsd-comment-tags">
  681. <dt>deprecated</dt>
  682. <dd><p>16.3, use getSnapshotBeforeUpdate instead; will stop working in React 17</p>
  683. </dd>
  684. <dt>see</dt>
  685. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#reading-dom-properties-before-an-update</a></p>
  686. </dd>
  687. <dt>see</dt>
  688. <dd><p><a href="https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path">https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#gradual-migration-path</a></p>
  689. </dd>
  690. </dl>
  691. </div>
  692. <h4 class="tsd-parameters-title">Parameters</h4>
  693. <ul class="tsd-parameters">
  694. <li>
  695. <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span></h5>
  696. </li>
  697. <li>
  698. <h5>nextState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span></h5>
  699. </li>
  700. <li>
  701. <h5>nextContext: <span class="tsd-signature-type">any</span></h5>
  702. </li>
  703. </ul>
  704. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  705. </li>
  706. </ul>
  707. </section>
  708. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  709. <a name="forceupdate" class="tsd-anchor"></a>
  710. <h3>force<wbr>Update</h3>
  711. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  712. <li class="tsd-signature tsd-kind-icon">force<wbr>Update<span class="tsd-signature-symbol">(</span>callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  713. </ul>
  714. <ul class="tsd-descriptions">
  715. <li class="tsd-description">
  716. <aside class="tsd-sources">
  717. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#forceupdate">forceUpdate</a></p>
  718. <ul>
  719. <li>Defined in node_modules/@types/react/index.d.ts:496</li>
  720. </ul>
  721. </aside>
  722. <h4 class="tsd-parameters-title">Parameters</h4>
  723. <ul class="tsd-parameters">
  724. <li>
  725. <h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
  726. </li>
  727. </ul>
  728. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  729. </li>
  730. </ul>
  731. </section>
  732. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  733. <a name="getsnapshotbeforeupdate" class="tsd-anchor"></a>
  734. <h3><span class="tsd-flag ts-flagOptional">Optional</span> get<wbr>Snapshot<wbr>Before<wbr>Update</h3>
  735. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  736. <li class="tsd-signature tsd-kind-icon">get<wbr>Snapshot<wbr>Before<wbr>Update<span class="tsd-signature-symbol">(</span>prevProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span>, prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">SS</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></li>
  737. </ul>
  738. <ul class="tsd-descriptions">
  739. <li class="tsd-description">
  740. <aside class="tsd-sources">
  741. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#getsnapshotbeforeupdate">getSnapshotBeforeUpdate</a></p>
  742. <ul>
  743. <li>Defined in node_modules/@types/react/index.d.ts:682</li>
  744. </ul>
  745. </aside>
  746. <div class="tsd-comment tsd-typography">
  747. <div class="lead">
  748. <p>Runs before React applies the result of <code>render</code> to the document, and
  749. returns an object to be given to componentDidUpdate. Useful for saving
  750. things such as scroll position before <code>render</code> causes changes to it.</p>
  751. </div>
  752. <p>Note: the presence of getSnapshotBeforeUpdate prevents any of the deprecated
  753. lifecycle events from running.</p>
  754. </div>
  755. <h4 class="tsd-parameters-title">Parameters</h4>
  756. <ul class="tsd-parameters">
  757. <li>
  758. <h5>prevProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span></h5>
  759. </li>
  760. <li>
  761. <h5>prevState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span></h5>
  762. </li>
  763. </ul>
  764. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">SS</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></h4>
  765. </li>
  766. </ul>
  767. </section>
  768. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  769. <a name="mousemove" class="tsd-anchor"></a>
  770. <h3><span class="tsd-flag ts-flagPrivate">Private</span> mouse<wbr>Move</h3>
  771. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  772. <li class="tsd-signature tsd-kind-icon">mouse<wbr>Move<span class="tsd-signature-symbol">(</span>evt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  773. </ul>
  774. <ul class="tsd-descriptions">
  775. <li class="tsd-description">
  776. <aside class="tsd-sources">
  777. <ul>
  778. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:192</li>
  779. </ul>
  780. </aside>
  781. <h4 class="tsd-parameters-title">Parameters</h4>
  782. <ul class="tsd-parameters">
  783. <li>
  784. <h5>evt: <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span></h5>
  785. </li>
  786. </ul>
  787. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  788. </li>
  789. </ul>
  790. </section>
  791. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  792. <a name="paneldelimiter" class="tsd-anchor"></a>
  793. <h3><span class="tsd-flag ts-flagPrivate">Private</span> panel<wbr>Delimiter</h3>
  794. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  795. <li class="tsd-signature tsd-kind-icon">panel<wbr>Delimiter<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
  796. </ul>
  797. <ul class="tsd-descriptions">
  798. <li class="tsd-description">
  799. <aside class="tsd-sources">
  800. <ul>
  801. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:112</li>
  802. </ul>
  803. </aside>
  804. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
  805. </li>
  806. </ul>
  807. </section>
  808. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  809. <a name="render" class="tsd-anchor"></a>
  810. <h3>render</h3>
  811. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  812. <li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
  813. </ul>
  814. <ul class="tsd-descriptions">
  815. <li class="tsd-description">
  816. <aside class="tsd-sources">
  817. <p>Overrides Component.render</p>
  818. <ul>
  819. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:62</li>
  820. </ul>
  821. </aside>
  822. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
  823. </li>
  824. </ul>
  825. </section>
  826. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  827. <a name="sequencecssconfig" class="tsd-anchor"></a>
  828. <h3><span class="tsd-flag ts-flagPrivate">Private</span> sequence<wbr>Css<wbr>Config</h3>
  829. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  830. <li class="tsd-signature tsd-kind-icon">sequence<wbr>Css<wbr>Config<span class="tsd-signature-symbol">(</span>css<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span></li>
  831. </ul>
  832. <ul class="tsd-descriptions">
  833. <li class="tsd-description">
  834. <aside class="tsd-sources">
  835. <ul>
  836. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:129</li>
  837. </ul>
  838. </aside>
  839. <h4 class="tsd-parameters-title">Parameters</h4>
  840. <ul class="tsd-parameters">
  841. <li>
  842. <h5>css: <span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></h5>
  843. </li>
  844. </ul>
  845. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">CSSProperties</span></h4>
  846. </li>
  847. </ul>
  848. </section>
  849. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited">
  850. <a name="setstate" class="tsd-anchor"></a>
  851. <h3>set<wbr>State</h3>
  852. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited">
  853. <li class="tsd-signature tsd-kind-icon">set<wbr>State&lt;K&gt;<span class="tsd-signature-symbol">(</span>state<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span>, props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">S</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">S</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">)</span>, callback<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  854. </ul>
  855. <ul class="tsd-descriptions">
  856. <li class="tsd-description">
  857. <aside class="tsd-sources">
  858. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#setstate">setState</a></p>
  859. <ul>
  860. <li>Defined in node_modules/@types/react/index.d.ts:491</li>
  861. </ul>
  862. </aside>
  863. <h4 class="tsd-type-parameters-title">Type parameters</h4>
  864. <ul class="tsd-type-parameters">
  865. <li>
  866. <h4>K<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a></h4>
  867. </li>
  868. </ul>
  869. <h4 class="tsd-parameters-title">Parameters</h4>
  870. <ul class="tsd-parameters">
  871. <li>
  872. <h5>state: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>prevState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span>, props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">S</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">S</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">)</span></h5>
  873. </li>
  874. <li>
  875. <h5><span class="tsd-flag ts-flagOptional">Optional</span> callback: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
  876. </li>
  877. </ul>
  878. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  879. </li>
  880. </ul>
  881. </section>
  882. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  883. <a name="shouldcomponentupdate" class="tsd-anchor"></a>
  884. <h3><span class="tsd-flag ts-flagOptional">Optional</span> should<wbr>Component<wbr>Update</h3>
  885. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  886. <li class="tsd-signature tsd-kind-icon">should<wbr>Component<wbr>Update<span class="tsd-signature-symbol">(</span>nextProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span>, nextState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span>, nextContext<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
  887. </ul>
  888. <ul class="tsd-descriptions">
  889. <li class="tsd-description">
  890. <aside class="tsd-sources">
  891. <p>Inherited from <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#shouldcomponentupdate">shouldComponentUpdate</a></p>
  892. <ul>
  893. <li>Defined in node_modules/@types/react/index.d.ts:636</li>
  894. </ul>
  895. </aside>
  896. <div class="tsd-comment tsd-typography">
  897. <div class="lead">
  898. <p>Called to determine whether the change in props and state should trigger a re-render.</p>
  899. </div>
  900. <p><code>Component</code> always returns true.
  901. <code>PureComponent</code> implements a shallow comparison on props and state and returns true if any
  902. props or states have changed.</p>
  903. <p>If false is returned, <code>Component#render</code>, <code>componentWillUpdate</code>
  904. and <code>componentDidUpdate</code> will not be called.</p>
  905. </div>
  906. <h4 class="tsd-parameters-title">Parameters</h4>
  907. <ul class="tsd-parameters">
  908. <li>
  909. <h5>nextProps: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentinterface.html" class="tsd-signature-type">RcsbFv3DComponentInterface</a><span class="tsd-signature-symbol">&gt;</span></h5>
  910. </li>
  911. <li>
  912. <h5>nextState: <span class="tsd-signature-type">Readonly</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/rcsbfv3dcomponentstate.html" class="tsd-signature-type">RcsbFv3DComponentState</a><span class="tsd-signature-symbol">&gt;</span></h5>
  913. </li>
  914. <li>
  915. <h5>nextContext: <span class="tsd-signature-type">any</span></h5>
  916. </li>
  917. </ul>
  918. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
  919. </li>
  920. </ul>
  921. </section>
  922. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  923. <a name="splitpanelmousedown" class="tsd-anchor"></a>
  924. <h3><span class="tsd-flag ts-flagPrivate">Private</span> split<wbr>Panel<wbr>Mouse<wbr>Down</h3>
  925. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  926. <li class="tsd-signature tsd-kind-icon">split<wbr>Panel<wbr>Mouse<wbr>Down<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  927. </ul>
  928. <ul class="tsd-descriptions">
  929. <li class="tsd-description">
  930. <aside class="tsd-sources">
  931. <ul>
  932. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:169</li>
  933. </ul>
  934. </aside>
  935. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  936. </li>
  937. </ul>
  938. </section>
  939. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  940. <a name="splitpanelmouseup" class="tsd-anchor"></a>
  941. <h3><span class="tsd-flag ts-flagPrivate">Private</span> split<wbr>Panel<wbr>Mouse<wbr>Up</h3>
  942. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  943. <li class="tsd-signature tsd-kind-icon">split<wbr>Panel<wbr>Mouse<wbr>Up<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  944. </ul>
  945. <ul class="tsd-descriptions">
  946. <li class="tsd-description">
  947. <aside class="tsd-sources">
  948. <ul>
  949. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:181</li>
  950. </ul>
  951. </aside>
  952. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  953. </li>
  954. </ul>
  955. </section>
  956. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  957. <a name="structurecssconfig" class="tsd-anchor"></a>
  958. <h3><span class="tsd-flag ts-flagPrivate">Private</span> structure<wbr>Css<wbr>Config</h3>
  959. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  960. <li class="tsd-signature tsd-kind-icon">structure<wbr>Css<wbr>Config<span class="tsd-signature-symbol">(</span>css<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span></li>
  961. </ul>
  962. <ul class="tsd-descriptions">
  963. <li class="tsd-description">
  964. <aside class="tsd-sources">
  965. <ul>
  966. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:122</li>
  967. </ul>
  968. </aside>
  969. <h4 class="tsd-parameters-title">Parameters</h4>
  970. <ul class="tsd-parameters">
  971. <li>
  972. <h5>css: <span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></h5>
  973. </li>
  974. </ul>
  975. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">CSSProperties</span></h4>
  976. </li>
  977. </ul>
  978. </section>
  979. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  980. <a name="subscribe" class="tsd-anchor"></a>
  981. <h3><span class="tsd-flag ts-flagPrivate">Private</span> subscribe</h3>
  982. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  983. <li class="tsd-signature tsd-kind-icon">subscribe<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Subscription</span></li>
  984. </ul>
  985. <ul class="tsd-descriptions">
  986. <li class="tsd-description">
  987. <aside class="tsd-sources">
  988. <ul>
  989. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:142</li>
  990. </ul>
  991. </aside>
  992. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Subscription</span></h4>
  993. </li>
  994. </ul>
  995. </section>
  996. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  997. <a name="unsubscribe" class="tsd-anchor"></a>
  998. <h3><span class="tsd-flag ts-flagPrivate">Private</span> unsubscribe</h3>
  999. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1000. <li class="tsd-signature tsd-kind-icon">unsubscribe<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  1001. </ul>
  1002. <ul class="tsd-descriptions">
  1003. <li class="tsd-description">
  1004. <aside class="tsd-sources">
  1005. <ul>
  1006. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:153</li>
  1007. </ul>
  1008. </aside>
  1009. <div class="tsd-comment tsd-typography">
  1010. <div class="lead">
  1011. <p>Unsubscribe className to rxjs events. Useful if many panels are created an destroyed.</p>
  1012. </div>
  1013. </div>
  1014. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  1015. </li>
  1016. </ul>
  1017. </section>
  1018. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1019. <a name="updateconfig" class="tsd-anchor"></a>
  1020. <h3><span class="tsd-flag ts-flagPrivate">Private</span> update<wbr>Config</h3>
  1021. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1022. <li class="tsd-signature tsd-kind-icon">update<wbr>Config<span class="tsd-signature-symbol">(</span>config<span class="tsd-signature-symbol">: </span><a href="../interfaces/updateconfiginterface.html" class="tsd-signature-type">UpdateConfigInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
  1023. </ul>
  1024. <ul class="tsd-descriptions">
  1025. <li class="tsd-description">
  1026. <aside class="tsd-sources">
  1027. <ul>
  1028. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:157</li>
  1029. </ul>
  1030. </aside>
  1031. <h4 class="tsd-parameters-title">Parameters</h4>
  1032. <ul class="tsd-parameters">
  1033. <li>
  1034. <h5>config: <a href="../interfaces/updateconfiginterface.html" class="tsd-signature-type">UpdateConfigInterface</a></h5>
  1035. </li>
  1036. </ul>
  1037. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
  1038. </li>
  1039. </ul>
  1040. </section>
  1041. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1042. <a name="usedefaultcss" class="tsd-anchor"></a>
  1043. <h3><span class="tsd-flag ts-flagPrivate">Private</span> use<wbr>Default<wbr>Css</h3>
  1044. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1045. <li class="tsd-signature tsd-kind-icon">use<wbr>Default<wbr>Css<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
  1046. </ul>
  1047. <ul class="tsd-descriptions">
  1048. <li class="tsd-description">
  1049. <aside class="tsd-sources">
  1050. <ul>
  1051. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:108</li>
  1052. </ul>
  1053. </aside>
  1054. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
  1055. </li>
  1056. </ul>
  1057. </section>
  1058. <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private tsd-is-static">
  1059. <a name="maindivcssconfig" class="tsd-anchor"></a>
  1060. <h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagPrivate">Private</span> main<wbr>Div<wbr>Css<wbr>Config</h3>
  1061. <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private tsd-is-static">
  1062. <li class="tsd-signature tsd-kind-icon">main<wbr>Div<wbr>Css<wbr>Config<span class="tsd-signature-symbol">(</span>css<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span></li>
  1063. </ul>
  1064. <ul class="tsd-descriptions">
  1065. <li class="tsd-description">
  1066. <aside class="tsd-sources">
  1067. <ul>
  1068. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:136</li>
  1069. </ul>
  1070. </aside>
  1071. <h4 class="tsd-parameters-title">Parameters</h4>
  1072. <ul class="tsd-parameters">
  1073. <li>
  1074. <h5>css: <span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></h5>
  1075. </li>
  1076. </ul>
  1077. <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">CSSProperties</span></h4>
  1078. </li>
  1079. </ul>
  1080. </section>
  1081. </section>
  1082. <section class="tsd-panel-group tsd-member-group ">
  1083. <h2>Object literals</h2>
  1084. <section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite">
  1085. <a name="state" class="tsd-anchor"></a>
  1086. <h3><span class="tsd-flag ts-flagReadonly">Readonly</span> state</h3>
  1087. <div class="tsd-signature tsd-kind-icon">state<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
  1088. <aside class="tsd-sources">
  1089. <p>Overrides <a href="abstractview.html">AbstractView</a>.<a href="abstractview.html#state">state</a></p>
  1090. <ul>
  1091. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:51</li>
  1092. </ul>
  1093. </aside>
  1094. <section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
  1095. <a name="state.pfvscreenfraction" class="tsd-anchor"></a>
  1096. <h3>pfv<wbr>Screen<wbr>Fraction</h3>
  1097. <div class="tsd-signature tsd-kind-icon">pfv<wbr>Screen<wbr>Fraction<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0.55</span></div>
  1098. <aside class="tsd-sources">
  1099. <ul>
  1100. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:54</li>
  1101. </ul>
  1102. </aside>
  1103. </section>
  1104. <section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
  1105. <a name="state.sequencepanelconfig" class="tsd-anchor"></a>
  1106. <h3>sequence<wbr>Panel<wbr>Config</h3>
  1107. <div class="tsd-signature tsd-kind-icon">sequence<wbr>Panel<wbr>Config<span class="tsd-signature-symbol">:</span> <a href="../interfaces/rcsbfvsequenceinterface.html" class="tsd-signature-type">RcsbFvSequenceInterface</a><span class="tsd-signature-symbol"> = this.props.sequencePanelConfig</span></div>
  1108. <aside class="tsd-sources">
  1109. <ul>
  1110. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:53</li>
  1111. </ul>
  1112. </aside>
  1113. </section>
  1114. <section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
  1115. <a name="state.structurepanelconfig" class="tsd-anchor"></a>
  1116. <h3>structure<wbr>Panel<wbr>Config</h3>
  1117. <div class="tsd-signature tsd-kind-icon">structure<wbr>Panel<wbr>Config<span class="tsd-signature-symbol">:</span> <a href="../interfaces/rcsbfvstructureinterface.html" class="tsd-signature-type">RcsbFvStructureInterface</a><span class="tsd-signature-symbol"> = this.props.structurePanelConfig</span></div>
  1118. <aside class="tsd-sources">
  1119. <ul>
  1120. <li>Defined in src/RcsbFv3D/RcsbFv3DComponent.tsx:52</li>
  1121. </ul>
  1122. </aside>
  1123. </section>
  1124. </section>
  1125. </section>
  1126. </div>
  1127. <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
  1128. <nav class="tsd-navigation primary">
  1129. <ul>
  1130. <li class="globals ">
  1131. <a href="../globals.html"><em>Globals</em></a>
  1132. </li>
  1133. </ul>
  1134. </nav>
  1135. <nav class="tsd-navigation secondary menu-sticky">
  1136. <ul class="before-current">
  1137. </ul>
  1138. <ul class="current">
  1139. <li class="current tsd-kind-class tsd-has-type-parameter">
  1140. <a href="rcsbfv3dcomponent.html" class="tsd-kind-icon">Rcsb<wbr>Fv3DComponent</a>
  1141. <ul>
  1142. <li class=" tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite">
  1143. <a href="rcsbfv3dcomponent.html#constructor" class="tsd-kind-icon">constructor</a>
  1144. </li>
  1145. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
  1146. <a href="rcsbfv3dcomponent.html#root_div_id" class="tsd-kind-icon">ROOT_<wbr>DIV_<wbr>ID</a>
  1147. </li>
  1148. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
  1149. <a href="rcsbfv3dcomponent.html#context" class="tsd-kind-icon">context</a>
  1150. </li>
  1151. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
  1152. <a href="rcsbfv3dcomponent.html#plugin" class="tsd-kind-icon">plugin</a>
  1153. </li>
  1154. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
  1155. <a href="rcsbfv3dcomponent.html#props" class="tsd-kind-icon">props</a>
  1156. </li>
  1157. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
  1158. <a href="rcsbfv3dcomponent.html#refs" class="tsd-kind-icon">refs</a>
  1159. </li>
  1160. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
  1161. <a href="rcsbfv3dcomponent.html#resize" class="tsd-kind-icon">resize</a>
  1162. </li>
  1163. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
  1164. <a href="rcsbfv3dcomponent.html#selectormanager" class="tsd-kind-icon">selector<wbr>Manager</a>
  1165. </li>
  1166. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private">
  1167. <a href="rcsbfv3dcomponent.html#subscription" class="tsd-kind-icon">subscription</a>
  1168. </li>
  1169. <li class=" tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-static">
  1170. <a href="rcsbfv3dcomponent.html#contexttype" class="tsd-kind-icon">context<wbr>Type</a>
  1171. </li>
  1172. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1173. <a href="rcsbfv3dcomponent.html#unsafe_componentwillmount" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Mount</a>
  1174. </li>
  1175. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1176. <a href="rcsbfv3dcomponent.html#unsafe_componentwillreceiveprops" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Receive<wbr>Props</a>
  1177. </li>
  1178. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1179. <a href="rcsbfv3dcomponent.html#unsafe_componentwillupdate" class="tsd-kind-icon">UNSAFE_<wbr>component<wbr>Will<wbr>Update</a>
  1180. </li>
  1181. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1182. <a href="rcsbfv3dcomponent.html#componentdidcatch" class="tsd-kind-icon">component<wbr>Did<wbr>Catch</a>
  1183. </li>
  1184. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  1185. <a href="rcsbfv3dcomponent.html#componentdidmount" class="tsd-kind-icon">component<wbr>Did<wbr>Mount</a>
  1186. </li>
  1187. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1188. <a href="rcsbfv3dcomponent.html#componentdidupdate" class="tsd-kind-icon">component<wbr>Did<wbr>Update</a>
  1189. </li>
  1190. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1191. <a href="rcsbfv3dcomponent.html#componentwillmount" class="tsd-kind-icon">component<wbr>Will<wbr>Mount</a>
  1192. </li>
  1193. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1194. <a href="rcsbfv3dcomponent.html#componentwillreceiveprops" class="tsd-kind-icon">component<wbr>Will<wbr>Receive<wbr>Props</a>
  1195. </li>
  1196. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  1197. <a href="rcsbfv3dcomponent.html#componentwillunmount" class="tsd-kind-icon">component<wbr>Will<wbr>Unmount</a>
  1198. </li>
  1199. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1200. <a href="rcsbfv3dcomponent.html#componentwillupdate" class="tsd-kind-icon">component<wbr>Will<wbr>Update</a>
  1201. </li>
  1202. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1203. <a href="rcsbfv3dcomponent.html#forceupdate" class="tsd-kind-icon">force<wbr>Update</a>
  1204. </li>
  1205. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1206. <a href="rcsbfv3dcomponent.html#getsnapshotbeforeupdate" class="tsd-kind-icon">get<wbr>Snapshot<wbr>Before<wbr>Update</a>
  1207. </li>
  1208. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1209. <a href="rcsbfv3dcomponent.html#mousemove" class="tsd-kind-icon">mouse<wbr>Move</a>
  1210. </li>
  1211. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1212. <a href="rcsbfv3dcomponent.html#paneldelimiter" class="tsd-kind-icon">panel<wbr>Delimiter</a>
  1213. </li>
  1214. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
  1215. <a href="rcsbfv3dcomponent.html#render" class="tsd-kind-icon">render</a>
  1216. </li>
  1217. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1218. <a href="rcsbfv3dcomponent.html#sequencecssconfig" class="tsd-kind-icon">sequence<wbr>Css<wbr>Config</a>
  1219. </li>
  1220. <li class=" tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited">
  1221. <a href="rcsbfv3dcomponent.html#setstate" class="tsd-kind-icon">set<wbr>State</a>
  1222. </li>
  1223. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
  1224. <a href="rcsbfv3dcomponent.html#shouldcomponentupdate" class="tsd-kind-icon">should<wbr>Component<wbr>Update</a>
  1225. </li>
  1226. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1227. <a href="rcsbfv3dcomponent.html#splitpanelmousedown" class="tsd-kind-icon">split<wbr>Panel<wbr>Mouse<wbr>Down</a>
  1228. </li>
  1229. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1230. <a href="rcsbfv3dcomponent.html#splitpanelmouseup" class="tsd-kind-icon">split<wbr>Panel<wbr>Mouse<wbr>Up</a>
  1231. </li>
  1232. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1233. <a href="rcsbfv3dcomponent.html#structurecssconfig" class="tsd-kind-icon">structure<wbr>Css<wbr>Config</a>
  1234. </li>
  1235. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1236. <a href="rcsbfv3dcomponent.html#subscribe" class="tsd-kind-icon">subscribe</a>
  1237. </li>
  1238. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1239. <a href="rcsbfv3dcomponent.html#unsubscribe" class="tsd-kind-icon">unsubscribe</a>
  1240. </li>
  1241. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1242. <a href="rcsbfv3dcomponent.html#updateconfig" class="tsd-kind-icon">update<wbr>Config</a>
  1243. </li>
  1244. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private">
  1245. <a href="rcsbfv3dcomponent.html#usedefaultcss" class="tsd-kind-icon">use<wbr>Default<wbr>Css</a>
  1246. </li>
  1247. <li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private tsd-is-static">
  1248. <a href="rcsbfv3dcomponent.html#maindivcssconfig" class="tsd-kind-icon">main<wbr>Div<wbr>Css<wbr>Config</a>
  1249. </li>
  1250. <li class=" tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite">
  1251. <a href="rcsbfv3dcomponent.html#state" class="tsd-kind-icon">state</a>
  1252. </li>
  1253. </ul>
  1254. </li>
  1255. </ul>
  1256. <ul class="after-current">
  1257. </ul>
  1258. </nav>
  1259. </div>
  1260. </div>
  1261. </div>
  1262. <footer class="with-border-bottom">
  1263. <div class="container">
  1264. <h2>Legend</h2>
  1265. <div class="tsd-legend-group">
  1266. <ul class="tsd-legend">
  1267. <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited constructor</span></li>
  1268. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
  1269. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
  1270. </ul>
  1271. <ul class="tsd-legend">
  1272. <li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
  1273. <li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
  1274. </ul>
  1275. <ul class="tsd-legend">
  1276. <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
  1277. <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
  1278. </ul>
  1279. <ul class="tsd-legend">
  1280. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected property</span></li>
  1281. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
  1282. </ul>
  1283. <ul class="tsd-legend">
  1284. <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private property</span></li>
  1285. <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
  1286. </ul>
  1287. </div>
  1288. </div>
  1289. </footer>
  1290. <div class="container tsd-generator">
  1291. <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
  1292. </div>
  1293. <div class="overlay"></div>
  1294. <script src="../assets/js/main.js"></script>
  1295. </body>
  1296. </html>