Sketcher

Defined in: js-api/src/chem.ts:143

Molecule sketcher with pluggable implementations (OpenChemLib, Ketcher, Marvin, ...), inplace or as a thumbnail that opens the sketcher in a dialog. Read the molecule with getSmiles, getMolFile or getSmarts, set it with setMolecule, listen on onChanged.

Example

const sketcher = new DG.chem.Sketcher();
sketcher.setMolecule('c1ccccc1');
sketcher.onChanged.subscribe(() => grok.shell.info(sketcher.getSmiles()));
ui.dialog('Sketch').add(sketcher.root).show();

Extends

• Widget

Constructors

Constructor

new Sketcher(mode?, validationFunc?): Sketcher

Defined in: js-api/src/chem.ts:377

Creates a sketcher. [mode]: inplace (default) or external, a thumbnail that opens the sketcher in a dialog; [validationFunc] returns an error message or null.

Parameters

Parameter	Type
mode?	SKETCHER_MODE
validationFunc?	(s) => string | null

Returns

Sketcher

Overrides

Widget.constructor

Properties

Property	Modifier	Type	Default value	Description	Inherited from	Defined in
_align	public	boolean	true	-	-	js-api/src/chem.ts:182
_autoResized	public	boolean	true	-	-	js-api/src/chem.ts:179
_functions	protected	Func[]	[]	-	Widget._functions	js-api/src/widgets/base.ts:207
_highlight	public	boolean	true	-	-	js-api/src/chem.ts:183
_isSubstructureFilter	public	boolean	false	-	-	js-api/src/chem.ts:181
_mode	public	SKETCHER_MODE	SKETCHER_MODE.INPLACE	-	-	js-api/src/chem.ts:163
_molfile	public	string | null	null	-	-	js-api/src/chem.ts:165
_properties	protected	Property[]	[]	-	Widget._properties	js-api/src/widgets/base.ts:206
_root	protected	HTMLElement	undefined	-	Widget._root	js-api/src/u2core/component.ts:445
_sketcherTypeChanged	public	boolean	false	-	-	js-api/src/chem.ts:178
_smarts	public	string | null	null	-	-	js-api/src/chem.ts:166
_smiles	public	string | null	null	-	-	js-api/src/chem.ts:164
_u2	readonly	ComponentState	undefined	-	Widget._u2	js-api/src/u2core/component.ts:82
_validationFunc	public	(molecule) => string | null	undefined	-	-	js-api/src/chem.ts:180
alighInput	public	InputBase	undefined	-	-	js-api/src/chem.ts:187
changedSub	public	Subscription | null	null	-	-	js-api/src/chem.ts:148
clearSketcherButton	public	HTMLButtonElement	undefined	-	-	js-api/src/chem.ts:175
componentMeta?	public	ComponentMetaBase	undefined	The registry metadata of the tag that built this component, stamped by the spec renderer — the single source the introspection surface below is generated from.	Widget.componentMeta	js-api/src/u2core/component.ts:77
dart	public	any	undefined	-	Widget.dart	js-api/src/widgets/base.ts:212
emptySketcherLink	public	HTMLDivElement	undefined	-	-	js-api/src/chem.ts:176
error	public	string | null	null	Message from the validation function for the last value set, or null.	-	js-api/src/chem.ts:185
errorDiv	public	HTMLDivElement	undefined	-	-	js-api/src/chem.ts:186
extSketcherCanvas	public	HTMLCanvasElement	undefined	-	-	js-api/src/chem.ts:172
extSketcherDiv	public	HTMLDivElement	undefined	-	-	js-api/src/chem.ts:171
factory	public	Func | null	null	Constructor function. No parameters, returns [Widget].	Widget.factory	js-api/src/widgets/base.ts:204
filterOnChangeInput	public	InputBase	undefined	-	-	js-api/src/chem.ts:189
filterOptionsDiv	public	HTMLDivElement	undefined	-	-	js-api/src/chem.ts:173
highlightInput	public	InputBase	undefined	-	-	js-api/src/chem.ts:188
host	public	HTMLDivElement	undefined	-	-	js-api/src/chem.ts:147
inplaceSketcherDiv	public	HTMLDivElement | null	null	-	-	js-api/src/chem.ts:174
invalidMoleculeWarning	public	HTMLDivElement	undefined	-	-	js-api/src/chem.ts:146
isDetached	public	boolean	false	Whether detach has been called.	Widget.isDetached	js-api/src/widgets/base.ts:214
listeners	public	() => void[]	[]	-	-	js-api/src/chem.ts:162
loader	public	HTMLDivElement	undefined	-	-	js-api/src/chem.ts:170
molFileUnits	public	Notation	Notation.MolBlock	Molblock notation of the last value set: V2000 or V3000.	-	js-api/src/chem.ts:168
molInput	public	HTMLInputElement	undefined	-	-	js-api/src/chem.ts:145
onAlignedChanged	public	Subject<boolean>	undefined	Fires when the "align" substructure-filter option is toggled.	-	js-api/src/chem.ts:153
onChanged	public	Subject<any>	undefined	Fires on every change of the sketched molecule.	-	js-api/src/chem.ts:151
onHighlightChanged	public	Subject<boolean>	undefined	Fires when the "highlight" substructure-filter option is toggled.	-	js-api/src/chem.ts:155
props	public	any	undefined	Property bag over this widget's properties; read and write them by name.	Widget.props	js-api/src/widgets/base.ts:209
resized	public	boolean	false	-	-	js-api/src/chem.ts:177
sketcher	public	SketcherBase | null	null	-	-	js-api/src/chem.ts:149
sketcherDialogOpened	public	boolean	false	-	-	js-api/src/chem.ts:157
sketcherFunctions	public	Func[]	[]	-	-	js-api/src/chem.ts:156
specProps?	public	Record<string, unknown>	undefined	The props the registry's create was handed, stamped alongside componentMeta: the last resort of the property read below, for a component that keeps a prop under another name or not at all (a create wrapping a bare element). Construction-time values — a live one always wins.	Widget.specProps	js-api/src/u2core/component.ts:81
subs	public	Subscription[]	undefined	Subscriptions cancelled when the widget is detached.	Widget.subs	js-api/src/widgets/base.ts:211
syncCurrentObject	public	boolean	true	Whether the currently drawn molecule becomes the current object as you sketch it	-	js-api/src/chem.ts:160
temp	public	any	undefined	Contains auxiliary information	Widget.temp	js-api/src/widgets/base.ts:201
FAVORITES_KEY	readonly	"chem-molecule-favorites"	'chem-molecule-favorites'	-	-	js-api/src/chem.ts:705
RECENT_KEY	readonly	"chem-molecule-recent"	'chem-molecule-recent'	-	-	js-api/src/chem.ts:706

Accessors

aiDescription

Get Signature

get aiDescription(): string | null

Defined in: js-api/src/u2core/component.ts:152

A short AI-facing briefing, seeded from the registry's usage or description.

Returns

string | null

Set Signature

set aiDescription(x): void

Defined in: js-api/src/u2core/component.ts:156

Parameters

Parameter	Type
x	string | null

Returns

void

Inherited from

Widget.aiDescription

---

align

Get Signature

get align(): boolean

Defined in: js-api/src/chem.ts:244

Substructure-filter option: align matched molecules to the pattern.

Returns

boolean

Set Signature

set align(value): void

Defined in: js-api/src/chem.ts:245

Parameters

Parameter	Type
value	boolean

Returns

void

---

ambientAdoption

Get Signature

get protected ambientAdoption(): boolean

Defined in: js-api/src/widgets/base.ts:266

A widget wrapper minted inside somebody's effect scope must not be auto-disposed with it.

Returns

boolean

Inherited from

Widget.ambientAdoption

---

autoResized

Get Signature

get autoResized(): boolean

Defined in: js-api/src/chem.ts:212

Whether the sketcher sizes itself to its host.

Returns

boolean

---

calculating

Get Signature

get calculating(): boolean

Defined in: js-api/src/chem.ts:222

Shows the loader while a value is being resolved (e.g. a compound name to a structure).

Returns

boolean

Set Signature

set calculating(value): void

Defined in: js-api/src/chem.ts:223

Parameters

Parameter	Type
value	boolean

Returns

void

---

children

Get Signature

get children(): Widget<any>[]

Defined in: js-api/src/widgets/base.ts:301

Parent widget up the DOM tree, or null.

Returns

Widget<any>[]

Inherited from

Widget.children

---

filterOnChange

Get Signature

get filterOnChange(): boolean

Defined in: js-api/src/chem.ts:250

Substructure-filter option: re-filter on every change instead of on demand.

Returns

boolean

Set Signature

set filterOnChange(value): void

Defined in: js-api/src/chem.ts:251

Parameters

Parameter	Type
value	boolean

Returns

void

---

filterOptions

Get Signature

get filterOptions(): HTMLElement

Defined in: js-api/src/chem.ts:253

Host element of the substructure-filter options.

Returns

HTMLElement

---

height

Get Signature

get height(): number

Defined in: js-api/src/chem.ts:202

Height of the current implementation in pixels (400 before one is initialized).

Returns

number

---

highlight

Get Signature

get highlight(): boolean

Defined in: js-api/src/chem.ts:247

Substructure-filter option: highlight the matched substructure.

Returns

boolean

Set Signature

set highlight(value): void

Defined in: js-api/src/chem.ts:248

Parameters

Parameter	Type
value	boolean

Returns

void

---

isResizing

Get Signature

get isResizing(): boolean

Defined in: js-api/src/chem.ts:207

True once resize has been applied to an initialized implementation.

Returns

boolean

---

isSubstructureFilter

Get Signature

get isSubstructureFilter(): boolean

Defined in: js-api/src/chem.ts:234

When true, the sketcher acts as a substructure filter and shows the align/highlight options.

Returns

boolean

Set Signature

set isSubstructureFilter(value): void

Defined in: js-api/src/chem.ts:235

Parameters

Parameter	Type
value	boolean

Returns

void

---

name

Get Signature

get name(): string | undefined

Defined in: js-api/src/u2core/component.ts:469

A named control carries its name in the DOM: data-u2-name is the stable automation id selectors, tutorials and agents address the control by — the same attribute the spec renderer stamps on named nodes, so hand-built and spec-built UI share one selector vocabulary. Derived names (an input's label fallback) never stamp — see Component.deriveName.

Returns

string | undefined

Set Signature

set name(x): void

Defined in: js-api/src/u2core/component.ts:473

Unique within a spec: the anchor for selection, patches and automation. An accessor pair (not a field), so a platform descendant's own name accessors override it legally (TS2611).

Parameters

Parameter	Type
x	string | undefined

Returns

void

Inherited from

Widget.name

---

parent

Get Signature

get parent(): Widget<any> | null

Defined in: js-api/src/widgets/base.ts:298

Parent widget up the DOM tree, or null.

Returns

Widget<any> | null

Inherited from

Widget.parent

---

propertyTarget

Get Signature

get propertyTarget(): unknown

Defined in: js-api/src/u2core/component.ts:250

What this component's properties are read from and written to — prop.get(target) / prop.set(target, v): the component itself, unless an adoption says otherwise.

Returns

unknown

Inherited from

Widget.propertyTarget

---

propertyTier

Get Signature

get propertyTier(): boolean

Defined in: js-api/src/widgets/base.ts:270

Every property getProperties declares is a bind step, read and written on propertyTarget.

Returns

boolean

Inherited from

Widget.propertyTier

---

root

Get Signature

get root(): HTMLElement

Defined in: js-api/src/u2core/component.ts:455

Returns

HTMLElement

Set Signature

set root(x): void

Defined in: js-api/src/u2core/component.ts:459

Parameters

Parameter	Type
x	HTMLElement

Returns

void

Inherited from

Widget.root

---

scope

Get Signature

get scope(): Scope

Defined in: js-api/src/u2core/component.ts:53

Minted on first use; assigned before _scopeMinted fires, so the hook's own this.scope.own(...) reads the stored scope instead of re-entering the mint.

Returns

Scope

Inherited from

Widget.scope

---

sketcherType

Set Signature

set sketcherType(type): void

Defined in: js-api/src/chem.ts:192

Switches the sketcher implementation by name (one of the registered sketcher functions).

Parameters

Parameter	Type
type	string

Returns

void

---

sketcherTypeChanged

Get Signature

get sketcherTypeChanged(): boolean

Defined in: js-api/src/chem.ts:217

True after the user switched the implementation.

Returns

boolean

---

supportedExportFormats

Get Signature

get supportedExportFormats(): string[]

Defined in: js-api/src/chem.ts:315

Export formats of the current implementation; empty before one is initialized.

Returns

string[]

---

type

Get Signature

get type(): string

Defined in: js-api/src/widgets/base.ts:198

Returns

string

Inherited from

Widget.type

---

width

Get Signature

get width(): number

Defined in: js-api/src/chem.ts:197

Width of the current implementation in pixels (500 before one is initialized).

Returns

number

Methods

_notifyPropertyChange()

protected _notifyPropertyChange(p): void

Defined in: js-api/src/widgets/base.ts:348

Notifies the property tier. Called from both the addProperty setter (overrides that skip super would otherwise lose props.x = writes) and onPropertyChanged (direct calls); the double notify collapses into one microtask refresh.

Parameters

Parameter	Type
p	Property | null

Returns

void

Inherited from

Widget._notifyPropertyChange

---

_ownPropertyChanges()

protected _ownPropertyChanges(): ObservableLike<PropertyChange>

Defined in: js-api/src/widgets/base.ts:353

Returns

ObservableLike<PropertyChange>

Inherited from

Widget._ownPropertyChanges

---

_scopeMinted()

protected _scopeMinted(_scope): void

Defined in: js-api/src/widgets/base.ts:317

First-mint hook: a platform descendant wires its lifecycle here. Never fired for a scope provided to init — that path runs inside the constructor chain.

Parameters

Parameter	Type
_scope	Scope

Returns

void

Inherited from

Widget._scopeMinted

---

_wireDartLifecycle()

protected _wireDartLifecycle(): void

Defined in: js-api/src/widgets/base.ts:333

Dart-owned lifecycle: the platform kill disposes the scope, and disposing the scope kills the widget through the kill-walk.

Returns

void

Inherited from

Widget._wireDartLifecycle

---

_wireJsLifecycle()

protected _wireJsLifecycle(): void

Defined in: js-api/src/widgets/base.ts:324

JS-owned lifecycle: disposing the scope detaches the widget, and vice versa.

Returns

void

Inherited from

Widget._wireJsLifecycle

---

_wireLifecycle()

protected _wireLifecycle(): void

Defined in: js-api/src/widgets/base.ts:319

Returns

void

Inherited from

Widget._wireLifecycle

---

addProperty()

addProperty(propertyName, propertyType, defaultValue?, options?): any

Defined in: js-api/src/widgets/base.ts:376

Registers an property with the specified type, name, and defaultValue.

Parameters

Parameter	Type	Default value	Description
propertyName	string	undefined	-
propertyType	"string" | "bigint" | "object" | "map" | "file" | "bool" | "int" | "double" | "byte_array" | "datetime" | "qnum" | "dataframe" | "numerical" | "categorical" | "num" | "string_list" | "dataframe_list" | "cell" | "column" | "column_list" | "graphics" | "blob" | "tablerowfiltercall" | "colfiltercall" | "bitset" | "dynamic" | "viewer" | "list" | "semantic_value" | "func" | "funccall" | "property" | "GridCellRenderArgs" | "element" | "view" | "TableView" | "User" | "Menu" | "Project" | "event_data" | "progressindicator" | "Credentials" | "ScriptEnvironment" | "Notebook"	undefined	-
defaultValue	any	null	-
options	object & IProperty | null	null	-

Returns

any

See

Registered property gets added to properties. Returns default value, thus allowing to combine registering a property with the initialization

options.get/options.set override how the property reads/writes (instead of the default fieldName field access); the change notification (onPropertyChanged) always fires on write, and a {get}-only options yields a custom read with the default fieldName write.

Inherited from

Widget.addProperty

---

addStatusProvider()

addStatusProvider(name, provider): void

Defined in: js-api/src/widgets/base.ts:437

Adds live parts, hit areas and readings to this widget's status. Providers run in registration order on every read; an existing name is replaced in place, and later providers override earlier entries. Coordinates use the widget's own hit-area system. Detaching the widget removes all providers. A subclass that overrides getWidgetStatus composes with super.getWidgetStatus().

Parameters

Parameter	Type	Description
name	string	Stable name of the component contributing the status.
provider	StatusProvider	Computes the contribution each time the status is requested.

Returns

void

Example

widget.addStatusProvider('selection', () => ({values: {'selected rows': table.selection.trueCount}}));
console.log(widget.getWidgetStatus().values?.['selected rows']);
widget.removeStatusProvider('selection');
see samples/grid/custom-renderer-status

Inherited from

Widget.addStatusProvider

---

apply()

apply(properties): Widget

Defined in: js-api/src/widgets/base.ts:255

Parameters

Parameter	Type
properties	object

Returns

Widget

Inherited from

Widget.apply

---

bindProps()

bindProps(): BindProp[]

Defined in: js-api/src/u2core/component.ts:307

The signal-backed subset of the meta props — what a binding picker offers on a named node — plus, under propertyTier, every declared property. Allocates no signal.

Returns

BindProp[]

Inherited from

Widget.bindProps

---

bindStep()

bindStep(name): BindSource | Signal<unknown> | null

Defined in: js-api/src/u2core/component.ts:296

One binding step (DD5): a meta-declared prop's same-named Signal member — a named node is a bind source, generated off componentMeta the way getProperties is — then, under propertyTier, a cached signal over the declared property. '' answers the default binding: the component's own value signal, where one exists.

Parameters

Parameter	Type
name	string

Returns

BindSource | Signal<unknown> | null

Inherited from

Widget.bindStep

---

createAlignHighlightInputs()

createAlignHighlightInputs(key, inputName, callback): InputBase<boolean>

Defined in: js-api/src/chem.ts:408

Parameters

Parameter	Type
key	string
inputName	string
callback	() => void

Returns

InputBase<boolean>

---

createClearSketcherButton()

createClearSketcherButton(canvas): HTMLButtonElement

Defined in: js-api/src/chem.ts:505

Parameters

Parameter	Type
canvas	HTMLCanvasElement

Returns

HTMLButtonElement

---

createExternalModeSketcher()

createExternalModeSketcher(): HTMLElement

Defined in: js-api/src/chem.ts:528

Returns

HTMLElement

---

createInplaceModeSketcher()

createInplaceModeSketcher(): HTMLElement

Defined in: js-api/src/chem.ts:580

Returns

HTMLElement

---

createMoleculeTooltip()

createMoleculeTooltip(currentMolfile): HTMLElement

Defined in: js-api/src/chem.ts:485

Parameters

Parameter	Type
currentMolfile	string

Returns

HTMLElement

---

createSketcher()

createSketcher(): void

Defined in: js-api/src/chem.ts:454

Returns

void

---

deriveName()

protected deriveName(x): void

Defined in: js-api/src/u2core/component.ts:72

Sets the introspection/form key without claiming an automation id — the label-fallback path: a caption is not a stable identity, so it never reaches data-u2-name.

Parameters

Parameter	Type
x	string | undefined

Returns

void

Inherited from

Widget.deriveName

---

detach()

detach(): void

Defined in: js-api/src/chem.ts:735

Gets called when a widget is detached and will no longer be used. Typically used for unsubscribing from events. Be sure to call super.detach() if this method is overridden.

Returns

void

Overrides

Widget.detach

---

dispose()

dispose(): void

Defined in: js-api/src/u2core/component.ts:147

On a never-engaged wrapper the getter mints here and _scopeMinted wires the lifecycle (own(kill) + the platform cleanup for Dart-owned), so dispose still kills it; re-entry from the kill cleanup is a no-op via the scope's disposed flag.

Returns

void

Inherited from

Widget.dispose

---

drawToCanvas()

drawToCanvas(w, h, molecule): HTMLElement

Defined in: js-api/src/chem.ts:741

Parameters

Parameter	Type
w	number
h	number
molecule	string

Returns

HTMLElement

---

effect()

effect(fn): this

Defined in: js-api/src/u2core/component.ts:134

Parameters

Parameter	Type
fn	() => void

Returns

this

Inherited from

Widget.effect

---

fireEvent()

protected fireEvent(eventId, args?): void

Defined in: js-api/src/u2core/component.ts:435

Parameters

Parameter	Type
eventId	string
args?	unknown

Returns

void

Inherited from

Widget.fireEvent

---

getDartProperties()

getDartProperties(): any[]

Defined in: js-api/src/widgets/base.ts:284

Dart handles of the properties that have one.

Returns

any[]

Inherited from

Widget.getDartProperties

---

getFunctions()

getFunctions(): Func[]

Defined in: js-api/src/widgets/base.ts:277

Functions that are applicable to this particular widget. Used in the UI to display context actions, and for the AI integrations.

Returns

Func[]

Inherited from

Widget.getFunctions

---

getMolFile()

getMolFile(): string

Defined in: js-api/src/chem.ts:273

Current molecule as a molblock: V2000, or V3000 when the last value set was V3000.

Returns

string

---

getProperties()

getProperties(): Property[]

Defined in: js-api/src/widgets/base.ts:273

Returns all properties of this widget: the meta-generated ones plus addProperty's.

Returns

Property[]

Inherited from

Widget.getProperties

---

getSmarts()

getSmarts(): Promise<string | null>

Defined in: js-api/src/chem.ts:298

Current molecule as SMARTS; async because some implementations compute it on demand.

Returns

Promise<string | null>

---

getSmiles()

getSmiles(): string

Defined in: js-api/src/chem.ts:256

Current molecule as SMILES, converted from the stored molblock or SMARTS when needed.

Returns

string

---

getWidgetStatus()

getWidgetStatus(): IWidgetStatus

Defined in: js-api/src/widgets/base.ts:413

Returns the widget's runtime structure for automated testing and introspection.

Returns

IWidgetStatus

Inherited from

Widget.getWidgetStatus

---

isEmpty()

isEmpty(): boolean

Defined in: js-api/src/chem.ts:320

True when nothing is drawn.

Returns

boolean

---

isInPopupContainer()

isInPopupContainer(): boolean

Defined in: js-api/src/chem.ts:442

True when the sketcher is hosted in a popup.

Returns

boolean

---

link()

link(name, source, twoWay): void

Defined in: js-api/src/u2core/component.ts:268

Keeps this component's name step and source equal, echo-suppressed by value; the reverse direction only where twoWay. A component that took source as its own signal needs no link and gets none; a read-only step cannot follow anything and gets none either.

Parameters

Parameter	Type
name	string
source	Signal<unknown>
twoWay	boolean

Returns

void

Inherited from

Widget.link

---

onEvent()

onEvent(eventId?): Observable<any>

Defined in: js-api/src/widgets/base.ts:410

Observes events with the specified eventId. Override in subclasses to provide actual events.

Parameters

Parameter	Type	Default value
eventId	string | null	null

Returns

Observable<any>

Inherited from

Widget.onEvent

---

onFrameAttached()

onFrameAttached(dataFrame): void

Defined in: js-api/src/widgets/base.ts:292

Called when a DataFrame is attached; override to bind data.

Parameters

Parameter	Type
dataFrame	DataFrame

Returns

void

Inherited from

Widget.onFrameAttached

---

onPropertyChanged()

onPropertyChanged(property): void

Defined in: js-api/src/widgets/base.ts:281

Gets called when viewer's property is changed.

Parameters

Parameter	Type	Description
property	Property | null	or null, if multiple properties were changed.

Returns

void

Inherited from

Widget.onPropertyChanged

---

own()

own(dispose): this

Defined in: js-api/src/u2core/component.ts:139

Parameters

Parameter	Type
dispose	() => void

Returns

this

Inherited from

Widget.own

---

propertyChanges()

protected propertyChanges(): ObservableLike<PropertyChange>

Defined in: js-api/src/widgets/base.ts:363

What refreshes the property tier's cached signals from outside: null where nothing announces a change (one-way).

Returns

ObservableLike<PropertyChange>

Inherited from

Widget.propertyChanges

---

registerFunction()

protected registerFunction(f): void

Defined in: js-api/src/u2core/component.ts:431

Parameters

Parameter	Type
f	FuncLike

Returns

void

Inherited from

Widget.registerFunction

---

removeStatusProvider()

removeStatusProvider(name): void

Defined in: js-api/src/widgets/base.ts:446

Removes the status contribution registered under name; an absent name is a no-op.

Parameters

Parameter	Type	Description
name	string	The name passed to addStatusProvider.

Returns

void

Example

widget.removeStatusProvider('selection');
see samples/grid/custom-renderer-status

Inherited from

Widget.removeStatusProvider

---

resize()

resize(): void

Defined in: js-api/src/chem.ts:447

Resizes the current implementation to its host.

Returns

void

---

runInScope()

runInScope<T>(fn): T

Defined in: js-api/src/u2core/component.ts:130

Type Parameters

Type Parameter
T

Parameters

Parameter	Type
fn	() => T

Returns

T

Inherited from

Widget.runInScope

---

setChangeListenerCallback()

setChangeListenerCallback(callback): void

Defined in: js-api/src/chem.ts:336

Registers a change callback; only the latest one is wired to the current implementation. Prefer onChanged.

Parameters

Parameter	Type
callback	() => void

Returns

void

---

setExternalModeForSubstrFilter()

setExternalModeForSubstrFilter(): void

Defined in: js-api/src/chem.ts:436

In case sketcher is opened in filter panel use EXTERNAL mode

Returns

void

---

setMolecule()

setMolecule(molString, substructure?): void

Defined in: js-api/src/chem.ts:325

Sets the molecule, supports either SMILES, SMARTS or MOLBLOCK formats

Parameters

Parameter	Type	Default value
molString	string	undefined
substructure	boolean	false

Returns

void

---

setMolFile()

setMolFile(x): void

Defined in: js-api/src/chem.ts:286

Sets the molecule from a molblock, V2000 or V3000; runs validation.

Parameters

Parameter	Type
x	string

Returns

void

---

setSmarts()

setSmarts(x): void

Defined in: js-api/src/chem.ts:305

Sets the query pattern from SMARTS; runs validation.

Parameters

Parameter	Type
x	string

Returns

void

---

setSmiles()

setSmiles(x): void

Defined in: js-api/src/chem.ts:263

Sets the molecule from SMILES; runs validation.

Parameters

Parameter	Type
x	string

Returns

void

---

setValue()

setValue(x): void

Defined in: js-api/src/chem.ts:344

Sets SMILES, MOLBLOCK, or any other molecule representation

Parameters

Parameter	Type
x	string

Returns

void

---

sourceRowsChanged()

sourceRowsChanged(): void

Defined in: js-api/src/widgets/base.ts:289

Called when the rows the widget shows change; override to refresh.

Returns

void

Inherited from

Widget.sourceRowsChanged

---

sub()

sub(subscription): void

Defined in: js-api/src/widgets/base.ts:250

Registers a subscription to an external event.

Parameters

Parameter	Type
subscription	Subscription

Returns

void

Inherited from

Widget.sub

---

toDart()

toDart(): any

Defined in: js-api/src/widgets/base.ts:243

The Dart handle of this widget, created on first use.

Returns

any

Inherited from

Widget.toDart

---

updateExtSketcherContent()

updateExtSketcherContent(): void

Defined in: js-api/src/chem.ts:463

Returns

void

---

updateInvalidMoleculeWarning()

updateInvalidMoleculeWarning(): void

Defined in: js-api/src/chem.ts:521

Returns

void

---

validate()

validate(x): void

Defined in: js-api/src/chem.ts:369

Runs the validation function from the constructor, sets error and toggles the warning.

Parameters

Parameter	Type
x	string

Returns

void

---

addToCollection()

static addToCollection(key, molecule): void

Defined in: js-api/src/chem.ts:712

Parameters

Parameter	Type
key	string
molecule	string

Returns

void

---

build()

static build(builder): Control

Defined in: js-api/src/u2core/component.ts:529

Builds a control out of plain elements: builder runs with the new control's scope ambient, so signal bindings and nested components inside it are owned by the result. The ambient scope only spans the synchronous part of builder — components constructed after an await inside it are adopted by nobody and must be disposed by hand, or constructed before the first await.

Parameters

Parameter	Type
builder	() => HTMLElement | (string | HTMLElement | Control)[]

Returns

Control

Inherited from

Widget.build

---

checkDuplicatesAndAddToStorage()

static checkDuplicatesAndAddToStorage(storage, molecule, localStorageKey): void

Defined in: js-api/src/chem.ts:717

Parameters

Parameter	Type
storage	string[]
molecule	string
localStorageKey	string

Returns

void

---

find()

static find(root): Widget<any> | null

Defined in: js-api/src/widgets/base.ts:232

Finds existing widget from its visual root.

Parameters

Parameter	Type
root	Element

Returns

Widget<any> | null

Inherited from

Widget.find

---

forElement()

static forElement(el): Control | undefined

Defined in: js-api/src/u2core/component.ts:489

The nearest control owning el — the DOM → component door for tooling, automation and inspectors (the u2 counterpart of the platform's Widget.find). Best-effort: the last control constructed on (or assigned) a root wins it.

Parameters

Parameter	Type
el	Element | null

Returns

Control | undefined

Inherited from

Widget.forElement

---

fromRoot()

static fromRoot(root): Widget

Defined in: js-api/src/widgets/base.ts:452

Creates a new widget from the root element.

Parameters

Parameter	Type
root	HTMLElement

Returns

Widget

Inherited from

Widget.fromRoot

---

getAll()

static getAll(): Widget<any>[]

Defined in: js-api/src/widgets/base.ts:227

Returns all currently active widgets.

Returns

Widget<any>[]

Inherited from

Widget.getAll

---

getCollection()

static getCollection(key): string[]

Defined in: js-api/src/chem.ts:708

Parameters

Parameter	Type
key	string

Returns

string[]

---

init()

static init(self, scope?): void

Defined in: js-api/src/u2core/component.ts:89

Per-instance state, for a constructed component and for an adopted platform object alike.

Parameters

Parameter	Type
self	Component
scope?	Scope

Returns

void

Inherited from

Widget.init

---

is()

static is(x): x is Control

Defined in: js-api/src/u2core/component.ts:498

Structural probe by methods only — never .scope: the accessor mints.

Parameters

Parameter	Type
x	unknown

Returns

x is Control

Inherited from

Widget.is

---

isEmptyMolfile()

static isEmptyMolfile(molFile): boolean

Defined in: js-api/src/chem.ts:727

Parameters

Parameter	Type
molFile	string

Returns

boolean

---

registerCleanup()

static registerCleanup(element, cleanup): void

Defined in: js-api/src/widgets/base.ts:238

Registers a cleanup function to run when [element] is killed — i.e. when its host view or pane closes. Also marks the element so the kill-walk can find it.

Parameters

Parameter	Type
element	Element
cleanup	Callback

Returns

void

Inherited from

Widget.registerCleanup

---

sameValue()

static sameValue(a, b): boolean

Defined in: js-api/src/u2core/component.ts:111

The equality the property tier and link suppress echoes by: Object.is, arrays element-wise, plain objects key-wise (recursive), everything else by identity.

Parameters

Parameter	Type
a	unknown
b	unknown

Returns

boolean

Inherited from

Widget.sameValue