</div><divclass="tsd-parameters"><h4class="tsd-parameters-title">Parameters</h4><ulclass="tsd-parameter-list"><li><span><spanclass="tsd-kind-parameter">name</span>: <spanclass="tsd-signature-type">string</span></span><divclass="tsd-comment tsd-typography"><p>the name of the CSS attribute to set (e.g. <code>padding-left</code>).</p>
</div><divclass="tsd-comment tsd-typography"></div></li><li><span><spanclass="tsd-kind-parameter">value</span>: <spanclass="tsd-signature-type">string</span></span><divclass="tsd-comment tsd-typography"><p>the value of the CSS attribute to set (e.g. <code>12px</code>).</p>
</div><divclass="tsd-comment tsd-typography"></div></li></ul></div><h4class="tsd-returns-title">Returns <ahref=""class="tsd-signature-type tsd-kind-class">RightPanelWidget</a></h4><p>self for chaining.</p>
<divclass="tsd-comment tsd-typography"></div><asideclass="tsd-sources"><p>Inherited from <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#css">css</a></p><ul><li>Defined in <ahref="https://github.com/TriliumNext/Notes/blob/84883a6e267a4cfd7d26a14ec43a31d53c76e99b/src/public/app/widgets/basic_widget.ts#L76">src/public/app/widgets/basic_widget.ts:76</a></li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-inherited"><h3class="tsd-anchor-link"id="cssblock"><span>css<wbr/>Block</span><ahref="#cssblock"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-inherited"><liclass="tsd-is-inherited"><divclass="tsd-signature tsd-anchor-link"id="cssblock-1"><spanclass="tsd-kind-call-signature">cssBlock</span><spanclass="tsd-signature-symbol">(</span><spanclass="tsd-kind-parameter">block</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">string</span><spanclass="tsd-signature-symbol">)</span><spanclass="tsd-signature-symbol">:</span><ahref=""class="tsd-signature-type tsd-kind-class">RightPanelWidget</a><ahref="#cssblock-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Accepts a string of CSS to add with the widget.</p>
<divclass="tsd-comment tsd-typography"></div><asideclass="tsd-sources"><p>Inherited from <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#cssblock">cssBlock</a></p><ul><li>Defined in <ahref="https://github.com/TriliumNext/Notes/blob/84883a6e267a4cfd7d26a14ec43a31d53c76e99b/src/public/app/widgets/basic_widget.ts#L118">src/public/app/widgets/basic_widget.ts:118</a></li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member"><h3class="tsd-anchor-link"id="dorender"><span>do<wbr/>Render</span><ahref="#dorender"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures"><liclass=""><divclass="tsd-signature tsd-anchor-link"id="dorender-1"><spanclass="tsd-kind-call-signature">doRender</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">void</span><ahref="#dorender-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Do not override this method unless you know what you're doing.
</div><h4class="tsd-returns-title">Returns <spanclass="tsd-signature-type">void</span></h4><divclass="tsd-comment tsd-typography"></div><asideclass="tsd-sources"><p>Overrides <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#dorender">doRender</a></p><ul><li>Defined in <ahref="https://github.com/TriliumNext/Notes/blob/84883a6e267a4cfd7d26a14ec43a31d53c76e99b/src/public/app/widgets/right_panel_widget.ts#L49">src/public/app/widgets/right_panel_widget.ts:49</a></li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member"><h3class="tsd-anchor-link"id="dorenderbody"><span>do<wbr/>Render<wbr/>Body</span><ahref="#dorenderbody"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures"><liclass=""><divclass="tsd-signature tsd-anchor-link"id="dorenderbody-1"><spanclass="tsd-kind-call-signature">doRenderBody</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">Promise</span><spanclass="tsd-signature-symbol"><</span><spanclass="tsd-signature-type">void</span><spanclass="tsd-signature-symbol">></span><ahref="#dorenderbody-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Method used for rendering the body of the widget (via existing this.$body)</p>
</div><h4class="tsd-returns-title">Returns <spanclass="tsd-signature-type">Promise</span><spanclass="tsd-signature-symbol"><</span><spanclass="tsd-signature-type">void</span><spanclass="tsd-signature-symbol">></span></h4><p>if widget needs async operation to initialize, it can return a Promise</p>
If the widget is not enabled, it will not receive `refreshWithNote` updates.</div><h4class="tsd-returns-title">Returns <spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">null</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">boolean</span></h4><p>true when an active note exists</p>
</div><divclass="tsd-parameters"><h4class="tsd-parameters-title">Parameters</h4><ulclass="tsd-parameter-list"><li><span><spanclass="tsd-kind-parameter">condition</span>: <spanclass="tsd-signature-type">boolean</span></span><divclass="tsd-comment tsd-typography"><p>whether to add the components.</p>
</div><divclass="tsd-comment tsd-typography"></div></li><li><span><spanclass="tsd-signature-symbol">...</span><spanclass="tsd-kind-parameter">components</span>: <ahref="Frontend_Script_API._internal_.default-2.html"class="tsd-signature-type tsd-kind-class">default</a><spanclass="tsd-signature-symbol">[]</span></span><divclass="tsd-comment tsd-typography"><p>the components to be added as children to this component provided the condition is truthy.</p>
</div><divclass="tsd-comment tsd-typography"></div></li></ul></div><h4class="tsd-returns-title">Returns <ahref=""class="tsd-signature-type tsd-kind-class">RightPanelWidget</a></h4><p>self for chaining.</p>
<divclass="tsd-comment tsd-typography"></div><asideclass="tsd-sources"><p>Inherited from <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#optchild">optChild</a></p><ul><li>Defined in <ahref="https://github.com/TriliumNext/Notes/blob/84883a6e267a4cfd7d26a14ec43a31d53c76e99b/src/public/app/widgets/basic_widget.ts#L51">src/public/app/widgets/basic_widget.ts:51</a></li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-inherited"><h3class="tsd-anchor-link"id="optcss"><span>opt<wbr/>Css</span><ahref="#optcss"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-inherited"><liclass="tsd-is-inherited"><divclass="tsd-signature tsd-anchor-link"id="optcss-1"><spanclass="tsd-kind-call-signature">optCss</span><spanclass="tsd-signature-symbol">(</span><spanclass="tsd-kind-parameter">condition</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">boolean</span><spanclass="tsd-signature-symbol">,</span><spanclass="tsd-kind-parameter">name</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">string</span><spanclass="tsd-signature-symbol">,</span><spanclass="tsd-kind-parameter">value</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">string</span><spanclass="tsd-signature-symbol">)</span><spanclass="tsd-signature-symbol">:</span><ahref=""class="tsd-signature-type tsd-kind-class">RightPanelWidget</a><ahref="#optcss-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Sets the CSS attribute of the given name to the given value, but only if the condition provided is truthy.</p>
</div><divclass="tsd-parameters"><h4class="tsd-parameters-title">Parameters</h4><ulclass="tsd-parameter-list"><li><span><spanclass="tsd-kind-parameter">condition</span>: <spanclass="tsd-signature-type">boolean</span></span><divclass="tsd-comment tsd-typography"><p><code>true</code> in order to apply the CSS, <code>false</code> to ignore it.</p>
</div><divclass="tsd-comment tsd-typography"></div></li><li><span><spanclass="tsd-kind-parameter">name</span>: <spanclass="tsd-signature-type">string</span></span><divclass="tsd-comment tsd-typography"><p>the name of the CSS attribute to set (e.g. <code>padding-left</code>).</p>
</div><divclass="tsd-comment tsd-typography"></div></li><li><span><spanclass="tsd-kind-parameter">value</span>: <spanclass="tsd-signature-type">string</span></span><divclass="tsd-comment tsd-typography"><p>the value of the CSS attribute to set (e.g. <code>12px</code>).</p>
</div><divclass="tsd-comment tsd-typography"></div></li></ul></div><h4class="tsd-returns-title">Returns <ahref=""class="tsd-signature-type tsd-kind-class">RightPanelWidget</a></h4><p>self for chaining.</p>
<divclass="tsd-comment tsd-typography"></div><asideclass="tsd-sources"><p>Inherited from <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#optcss">optCss</a></p><ul><li>Defined in <ahref="https://github.com/TriliumNext/Notes/blob/84883a6e267a4cfd7d26a14ec43a31d53c76e99b/src/public/app/widgets/basic_widget.ts#L89">src/public/app/widgets/basic_widget.ts:89</a></li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-inherited"><h3class="tsd-anchor-link"id="refresh"><span>refresh</span><ahref="#refresh"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-inherited"><liclass="tsd-is-inherited"><divclass="tsd-signature tsd-anchor-link"id="refresh-1"><spanclass="tsd-kind-call-signature">refresh</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">Promise</span><spanclass="tsd-signature-symbol"><</span><spanclass="tsd-signature-type">void</span><spanclass="tsd-signature-symbol">></span><ahref="#refresh-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><h4class="tsd-returns-title">Returns <spanclass="tsd-signature-type">Promise</span><spanclass="tsd-signature-symbol"><</span><spanclass="tsd-signature-type">void</span><spanclass="tsd-signature-symbol">></span></h4><asideclass="tsd-sources"><p>Inherited from <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#refresh">refresh</a></p><ul><li>Defined in <ahref="https://github.com/TriliumNext/Notes/blob/84883a6e267a4cfd7d26a14ec43a31d53c76e99b/src/public/app/widgets/note_context_aware_widget.ts#L60">src/public/app/widgets/note_context_aware_widget.ts:60</a></li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-inherited"><h3class="tsd-anchor-link"id="refreshwithnote"><span>refresh<wbr/>With<wbr/>Note</span><ahref="#refreshwithnote"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-inherited"><liclass="tsd-is-inherited"><divclass="tsd-signature tsd-anchor-link"id="refreshwithnote-1"><spanclass="tsd-kind-call-signature">refreshWithNote</span><spanclass="tsd-signature-symbol">(</span><spanclass="tsd-kind-parameter">note</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">null</span><spanclass="tsd-signature-symbol">|</span><ahref="Frontend_Script_API._internal_.FNote.html"class="tsd-signature-type tsd-kind-class">FNote</a><spanclass="tsd-signature-symbol">)</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">Promise</span><spanclass="tsd-signature-symbol"><</span><spanclass="tsd-signature-type">void</span><spanclass="tsd-signature-symbol">></span><ahref="#refreshwithnote-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Override this method to be able to refresh your widget with each note.</p>
</div><divclass="tsd-parameters"><h4class="tsd-parameters-title">Parameters</h4><ulclass="tsd-parameter-list"><li><span><spanclass="tsd-kind-parameter">note</span>: <spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">null</span><spanclass="tsd-signature-symbol">|</span><ahref="Frontend_Script_API._internal_.FNote.html"class="tsd-signature-type tsd-kind-class">FNote</a></span></li></ul></div><h4class="tsd-returns-title">Returns <spanclass="tsd-signature-type">Promise</span><spanclass="tsd-signature-symbol"><</span><spanclass="tsd-signature-type">void</span><spanclass="tsd-signature-symbol">></span></h4><divclass="tsd-comment tsd-typography"></div><asideclass="tsd-sources"><p>Inherited from <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#refreshwithnote">refreshWithNote</a></p><ul><li>Defined in <ahref="https://github.com/TriliumNext/Notes/blob/84883a6e267a4cfd7d26a14ec43a31d53c76e99b/src/public/app/widgets/note_context_aware_widget.ts#L82">src/public/app/widgets/note_context_aware_widget.ts:82</a></li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-inherited"><h3class="tsd-anchor-link"id="remove"><span>remove</span><ahref="#remove"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-inherited"><liclass="tsd-is-inherited"><divclass="tsd-signature tsd-anchor-link"id="remove-1"><spanclass="tsd-kind-call-signature">remove</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">void</span><ahref="#remove-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><h4class="tsd-returns-title">Returns <spanclass="tsd-signature-type">void</span></h4><asideclass="tsd-sources"><p>Inherited from <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#remove">remove</a></p><ul><li>Defined in <ahref="https://github.com/TriliumNext/Notes/blob/84883a6e267a4cfd7d26a14ec43a31d53c76e99b/src/public/app/widgets/basic_widget.ts#L238">src/public/app/widgets/basic_widget.ts:238</a></li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-inherited"><h3class="tsd-anchor-link"id="render"><span>render</span><ahref="#render"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-inherited"><liclass="tsd-is-inherited"><divclass="tsd-signature tsd-anchor-link"id="render-1"><spanclass="tsd-kind-call-signature">render</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">JQuery</span><spanclass="tsd-signature-symbol"><</span><spanclass="tsd-signature-type">HTMLElement</span><spanclass="tsd-signature-symbol">></span><ahref="#render-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><h4class="tsd-returns-title">Returns <spanclass="tsd-signature-type">JQuery</span><spanclass="tsd-signature-symbol"><</span><spanclass="tsd-signature-type">HTMLElement</span><spanclass="tsd-signature-symbol">></span></h4><asideclass="tsd-sources"><p>Inherited from <ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html">NoteContextAwareWidget</a>.<ahref="Frontend_Script_API._internal_.NoteContextAwareWidget.html#render">render</a></p><ul><li>Defined in <ahref="https://gith