BlockSuite API Documentation / @blocksuite/presets / OutlinePanel
Class: OutlinePanel 
Extends 
LitElement<this> &DisposableClass<this>
Constructors 
new OutlinePanel() 
new OutlinePanel():
OutlinePanel
Returns 
Inherited from 
SignalWatcher(WithDisposable(LitElement)).constructor
Defined in 
node_modules/@lit/reactive-element/development/reactive-element.d.ts:504
Other 
_disposables 
protected_disposables:DisposableGroup
Inherited from 
SignalWatcher(WithDisposable(LitElement))._disposables
Defined in 
packages/framework/block-std/dist/view/utils/with-disposable.d.ts:4
disposables 
readonlydisposables:DisposableGroup
Inherited from 
SignalWatcher(WithDisposable(LitElement)).disposables
Defined in 
packages/framework/block-std/dist/view/utils/with-disposable.d.ts:5
styles 
staticstyles:CSSResult
Overrides 
SignalWatcher(WithDisposable(LitElement)).styles
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:62
doc 
getdoc():Doc
Returns 
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:85
edgeless 
getedgeless():null|EdgelessRootBlockComponent
Returns 
null | EdgelessRootBlockComponent
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:89
editor 
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:209
fitPadding 
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:212
host 
gethost():null|EditorHost
Returns 
null | EditorHost
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:93
mode 
getmode():DocMode
Returns 
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:97
lifecycle 
connectedCallback() 
connectedCallback():
void
Invoked when the component is added to the document's DOM.
In connectedCallback() you should setup tasks that should only occur when the element is connected to the document. The most common of these is adding event listeners to nodes external to the element, like a keydown event handler added to the window.
connectedCallback() {
  super.connectedCallback();
  addEventListener('keydown', this._handleKeydown);
}Typically, anything done in connectedCallback() should be undone when the element is disconnected, in disconnectedCallback().
Returns 
void
Overrides 
SignalWatcher(WithDisposable(LitElement)).connectedCallback
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:149
disconnectedCallback() 
disconnectedCallback():
void
Invoked when the component is removed from the document's DOM.
This callback is the main signal to the element that it may no longer be used. disconnectedCallback() should ensure that nothing is holding a reference to the element (such as event listeners added to nodes external to the element), so that it is free to be garbage collected.
disconnectedCallback() {
  super.disconnectedCallback();
  window.removeEventListener('keydown', this._handleKeydown);
}An element may be re-connected after being disconnected.
Returns 
void
Overrides 
SignalWatcher(WithDisposable(LitElement)).disconnectedCallback
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:154
rendering 
render() 
render():
undefined|TemplateResult<1>
Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.
Returns 
undefined | TemplateResult<1>
Overrides 
SignalWatcher(WithDisposable(LitElement)).render
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:159
updates 
updated() 
updated(
_changedProperties):void
Invoked whenever the element is updated. Implement to perform post-updating tasks via DOM APIs, for example, focusing an element.
Setting properties inside this method will trigger the element to update again after this update cycle completes.
Parameters 
• _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>
Map of changed properties with old values
Returns 
void
Overrides 
SignalWatcher(WithDisposable(LitElement)).updated
Defined in 
packages/presets/src/fragments/outline/outline-panel.ts:193