ToolbarButton

modules/toolbar/button.ToolbarButton

The base class of all Jodit UI components. Provides work with a life cycle.

Type parametersType parametersType parameters

Name	Type
T	extends IViewBased = IViewBased

HierarchyHierarchyHierarchy

• UIButton

  ↳ ToolbarButton

  ↳↳ ToolbarSelect

ImplementsImplementsImplements

• IToolbarButton

constructorconstructorconstructor

new ToolbarButton<T>(jodit, control, target?): ToolbarButton<T>

Type parametersType parametersType parameters

Name	Type
T	extends IViewBased<IViewOptions> = IViewBased<IViewOptions>

ParametersParametersParameters

Name	Type	Default value
jodit	T	undefined
control	IControlTypeStrong	undefined
target	Nullable<HTMLElement>	null

ReturnsReturnsReturns

ToolbarButton<T>

OverridesOverridesOverrides

UIButton.constructor

Defined inDefined inDefined in

src/modules/toolbar/button/button.ts#214

STATUSESSTATUSESSTATUSES

Static STATUSES: Object = STATUSES

Type declarationType declarationType declaration

Name	Type
beforeInit	"beforeInit"
ready	"ready"
beforeDestruct	"beforeDestruct"
destructed	"destructed"

Inherited fromInherited fromInherited from

UIButton.STATUSES

Defined inDefined inDefined in

src/core/component/component.ts#40

---

asyncasyncasync

async: IAsync

Implementation ofImplementation ofImplementation of

IToolbarButton.async

Inherited fromInherited fromInherited from

UIButton.async

Defined inDefined inDefined in

src/core/component/component.ts#44

---

uiduiduid

Readonly uid: string

Implementation ofImplementation ofImplementation of

IToolbarButton.uid

Inherited fromInherited fromInherited from

UIButton.uid

Defined inDefined inDefined in

src/core/component/component.ts#59

---

ownerWindowownerWindowownerWindow

ownerWindow: Window = window

The window in which jodit was created

Implementation ofImplementation ofImplementation of

IToolbarButton.ownerWindow

Inherited fromInherited fromInherited from

UIButton.ownerWindow

Defined inDefined inDefined in

src/core/component/component.ts#109

---

joditjoditjodit

jodit: IViewBased<IViewOptions>

Parent View element

Implementation ofImplementation ofImplementation of

IToolbarButton.jodit

Inherited fromInherited fromInherited from

UIButton.jodit

Defined inDefined inDefined in

src/core/component/view-component.ts#22

---

isButtonisButtonisButton

Readonly isButton: true

Marker for buttons

Implementation ofImplementation ofImplementation of

IToolbarButton.isButton

Inherited fromInherited fromInherited from

UIButton.isButton

Defined inDefined inDefined in

src/core/ui/button/button/button.ts#61

---

containercontainercontainer

container: HTMLElement

Implementation ofImplementation ofImplementation of

IToolbarButton.container

Inherited fromInherited fromInherited from

UIButton.container

Defined inDefined inDefined in

src/core/ui/element.ts#32

---

namenamename

name: string = ''

Implementation ofImplementation ofImplementation of

IToolbarButton.name

Inherited fromInherited fromInherited from

UIButton.name

Defined inDefined inDefined in

src/core/ui/element.ts#33

---

modsmodsmods

Readonly mods: IDictionary<null | string | boolean> = {}

Implementation ofImplementation ofImplementation of

IToolbarButton.mods

Inherited fromInherited fromInherited from

UIButton.mods

Defined inDefined inDefined in

src/core/ui/element.ts#119

---

statestatestate

Readonly state: Object

Type declarationType declarationType declaration

Name	Type
theme	string
currentValue	string
hasTrigger	boolean
size	"small" | "tiny" | "xsmall" | "middle" | "large"
name	string
value	string | number | boolean
variant	ButtonVariant
type	"button" | "submit"
role	"button" | "tab"
disabled	boolean
activated	boolean
icon	IUIIconState
text	string
tooltip	string
tabIndex	CanUndef<number>

Implementation ofImplementation ofImplementation of

IToolbarButton.state

OverridesOverridesOverrides

UIButton.state

Defined inDefined inDefined in

src/modules/toolbar/button/button.ts#60

---

controlcontrolcontrol

Readonly control: IControlTypeStrong

Implementation ofImplementation ofImplementation of

IToolbarButton.control

Defined inDefined inDefined in

src/modules/toolbar/button/button.ts#216

---

targettargettarget

Readonly target: Nullable<HTMLElement> = null

Implementation ofImplementation ofImplementation of

IToolbarButton.target

Defined inDefined inDefined in

src/modules/toolbar/button/button.ts#217

componentNamecomponentNamecomponentName

get componentName(): string

ReturnsReturnsReturns

string

Implementation ofImplementation ofImplementation of

IToolbarButton.componentName

Inherited fromInherited fromInherited from

UIButton.componentName

Defined inDefined inDefined in

src/core/component/component.ts#46

---

ownerDocumentownerDocumentownerDocument

get ownerDocument(): Document

The document in which jodit was created

ReturnsReturnsReturns

Document

Implementation ofImplementation ofImplementation of

IToolbarButton.ownerDocument

Inherited fromInherited fromInherited from

UIButton.ownerDocument

Defined inDefined inDefined in

src/core/component/component.ts#95

---

ododod

get od(): Document

Shortcut for this.ownerDocument

ReturnsReturnsReturns

Document

Implementation ofImplementation ofImplementation of

IToolbarButton.od

Inherited fromInherited fromInherited from

UIButton.od

Defined inDefined inDefined in

src/core/component/component.ts#102

---

owowow

get ow(): Window

ReturnsReturnsReturns

Window

Implementation ofImplementation ofImplementation of

IToolbarButton.ow

Inherited fromInherited fromInherited from

UIButton.ow

Defined inDefined inDefined in

src/core/component/component.ts#110

---

isReadyisReadyisReady

get isReady(): boolean

Component is ready for work

ReturnsReturnsReturns

boolean

Implementation ofImplementation ofImplementation of

IToolbarButton.isReady

Inherited fromInherited fromInherited from

UIButton.isReady

Defined inDefined inDefined in

src/core/component/component.ts#145

---

isDestructedisDestructedisDestructed

get isDestructed(): boolean

Component was destructed

ReturnsReturnsReturns

boolean

Implementation ofImplementation ofImplementation of

IToolbarButton.isDestructed

Inherited fromInherited fromInherited from

UIButton.isDestructed

Defined inDefined inDefined in

src/core/component/component.ts#152

---

isInDestructisInDestructisInDestruct

get isInDestruct(): boolean

The component is currently undergoing destructuring or has already been destroyed.
Those. you should not the app froze new events on him now or do anything else with him.

ReturnsReturnsReturns

boolean

Implementation ofImplementation ofImplementation of

IToolbarButton.isInDestruct

Inherited fromInherited fromInherited from

UIButton.isInDestruct

Defined inDefined inDefined in

src/core/component/component.ts#160

---

componentStatuscomponentStatuscomponentStatus

get componentStatus(): ComponentStatus

Current component status

ReturnsReturnsReturns

ComponentStatus

Implementation ofImplementation ofImplementation of

IToolbarButton.componentStatus

Inherited fromInherited fromInherited from

UIButton.componentStatus

Defined inDefined inDefined in

src/core/component/component.ts#210

set componentStatus(componentStatus): void

Setter for current component status

ParametersParametersParameters

Name	Type
componentStatus	ComponentStatus

ReturnsReturnsReturns

void

Implementation ofImplementation ofImplementation of

IToolbarButton.componentStatus

Inherited fromInherited fromInherited from

UIButton.componentStatus

Defined inDefined inDefined in

src/core/component/component.ts#217

---

jjj

get j(): T

Shortcut for this.jodit

ReturnsReturnsReturns

T

Implementation ofImplementation ofImplementation of

IToolbarButton.j

Inherited fromInherited fromInherited from

UIButton.j

Defined inDefined inDefined in

src/core/component/view-component.ts#27

---

defaultTimeoutdefaultTimeoutdefaultTimeout

get defaultTimeout(): number

ReturnsReturnsReturns

number

Implementation ofImplementation ofImplementation of

IToolbarButton.defaultTimeout

Inherited fromInherited fromInherited from

UIButton.defaultTimeout

Defined inDefined inDefined in

src/core/component/view-component.ts#31

---

texttexttext

get text(): HTMLElement

DOM container for text content

ReturnsReturnsReturns

HTMLElement

Implementation ofImplementation ofImplementation of

IToolbarButton.text

Inherited fromInherited fromInherited from

UIButton.text

Defined inDefined inDefined in

src/core/ui/button/button/button.ts#77

---

iconiconicon

get icon(): HTMLElement

DOM container for icon

ReturnsReturnsReturns

HTMLElement

Implementation ofImplementation ofImplementation of

IToolbarButton.icon

Inherited fromInherited fromInherited from

UIButton.icon

Defined inDefined inDefined in

src/core/ui/button/button/button.ts#87

---

parentElementparentElementparentElement

get parentElement(): Nullable<IUIElement>

ReturnsReturnsReturns

Nullable<IUIElement>

Implementation ofImplementation ofImplementation of

IToolbarButton.parentElement

Inherited fromInherited fromInherited from

UIButton.parentElement

Defined inDefined inDefined in

src/core/ui/element.ts#37

set parentElement(parentElement): void

ParametersParametersParameters

Name	Type
parentElement	Nullable<IUIElement>

ReturnsReturnsReturns

void

Implementation ofImplementation ofImplementation of

IToolbarButton.parentElement

Inherited fromInherited fromInherited from

UIButton.parentElement

Defined inDefined inDefined in

src/core/ui/element.ts#41

getFullElNamegetFullElNamegetFullElName

getFullElName(elementName): string

Calc BEM element class name

ParametersParametersParameters

Name	Type	Description
elementName	string	element name in the bem classification

ReturnsReturnsReturns

string

Implementation ofImplementation ofImplementation of

IToolbarButton.getFullElName

Inherited fromInherited fromInherited from

UIButton.getFullElName

Defined inDefined inDefined in

src/core/component/component.ts#65

getFullElName(elementName, mod): string

ParametersParametersParameters

Name	Type
elementName	string
mod	string

ReturnsReturnsReturns

string

Implementation ofImplementation ofImplementation of

IToolbarButton.getFullElName

Inherited fromInherited fromInherited from

UIButton.getFullElName

Defined inDefined inDefined in

src/core/component/component.ts#66

getFullElName(elementName, mod, modValue): string

ParametersParametersParameters

Name	Type
elementName	string
mod	string
modValue	string | boolean

ReturnsReturnsReturns

string

Implementation ofImplementation ofImplementation of

IToolbarButton.getFullElName

Inherited fromInherited fromInherited from

UIButton.getFullElName

Defined inDefined inDefined in

src/core/component/component.ts#67

---

bindDestructbindDestructbindDestruct

bindDestruct(component): this

Bind destructor to some View

ParametersParametersParameters

Name	Type
component	IComponent<IViewBased<IViewOptions>>

ReturnsReturnsReturns

this

Implementation ofImplementation ofImplementation of

IToolbarButton.bindDestruct

Inherited fromInherited fromInherited from

UIButton.bindDestruct

Defined inDefined inDefined in

src/core/component/component.ts#170

---

setStatussetStatussetStatus

setStatus(componentStatus): void

Set component status

ParametersParametersParameters

Name	Type	Description
componentStatus	ComponentStatus	component status

ReturnsReturnsReturns

void

See

ComponentStatus

Implementation ofImplementation ofImplementation of

IToolbarButton.setStatus

Inherited fromInherited fromInherited from

UIButton.setStatus

Defined inDefined inDefined in

src/core/component/component.ts#226

---

hookStatushookStatushookStatus

hookStatus(status, callback): void

Adds a handler for changing the component's status

ParametersParametersParameters

Name	Type	Description
status	ComponentStatus	the status at which the callback is triggered
callback	(component: this) => void	a function that will be called when the status is status

ReturnsReturnsReturns

void

Implementation ofImplementation ofImplementation of

IToolbarButton.hookStatus

Inherited fromInherited fromInherited from

UIButton.hookStatus

Defined inDefined inDefined in

src/core/component/component.ts#265

---

isInstanceOfisInstanceOfisInstanceOf

isInstanceOf<T>(c, constructorFunc): c is T

Type parametersType parametersType parameters

Name	Type
T	extends Component

ParametersParametersParameters

Name	Type
c	unknown
constructorFunc	Function

ReturnsReturnsReturns

c is T

Inherited fromInherited fromInherited from

UIButton.isInstanceOf

Defined inDefined inDefined in

src/core/component/component.ts#283

---

i18ni18ni18n

i18n(text, ...params): string

ParametersParametersParameters

Name	Type
text	string
...params	(string | number)[]

ReturnsReturnsReturns

string

Implementation ofImplementation ofImplementation of

IToolbarButton.i18n

Inherited fromInherited fromInherited from

UIButton.i18n

Defined inDefined inDefined in

src/core/component/view-component.ts#35

---

setParentViewsetParentViewsetParentView

setParentView(jodit): this

Attach component to View

ParametersParametersParameters

Name	Type
jodit	IViewBased<IViewOptions>

ReturnsReturnsReturns

this

Implementation ofImplementation ofImplementation of

IToolbarButton.setParentView

Inherited fromInherited fromInherited from

UIButton.setParentView

Defined inDefined inDefined in

src/core/component/view-component.ts#42

---

getElmgetElmgetElm

getElm<T>(this, elementName): Nullable<HTMLElement>

Return element with BEM class name

Type parametersType parametersType parameters

Name	Type
T	extends IComponent<IViewBased<IViewOptions>> & IContainer & IElms

ParametersParametersParameters

Name	Type
this	T
elementName	string

ReturnsReturnsReturns

Nullable<HTMLElement>

Implementation ofImplementation ofImplementation of

IToolbarButton.getElm

Inherited fromInherited fromInherited from

UIButton.getElm

Defined inDefined inDefined in

src/core/traits/elms.ts#18

---

getElmsgetElmsgetElms

getElms<T>(this, elementName): HTMLElement[]

Return elements with BEM class name

Type parametersType parametersType parameters

Name	Type
T	extends IComponent<IViewBased<IViewOptions>> & IContainer & IElms

ParametersParametersParameters

Name	Type
this	T
elementName	string

ReturnsReturnsReturns

HTMLElement[]

Implementation ofImplementation ofImplementation of

IToolbarButton.getElms

Inherited fromInherited fromInherited from

UIButton.getElms

Defined inDefined inDefined in

src/core/traits/elms.ts#30

---

afterSetModafterSetModafterSetMod

afterSetMod(name, value): void

ParametersParametersParameters

Name	Type
name	string
value	ModType

ReturnsReturnsReturns

void

Implementation ofImplementation ofImplementation of

IToolbarButton.afterSetMod

Inherited fromInherited fromInherited from

UIButton.afterSetMod

Defined inDefined inDefined in

src/core/traits/mods.ts#23

---

setModsetModsetMod

setMod<T>(this, name, value, container?): T

Set/remove BEM class modification

Type parametersType parametersType parameters

Name	Type
T	extends IComponent<IViewBased<IViewOptions>> & IContainer & IMods

ParametersParametersParameters

Name	Type	Description
this	T	-
name	string	-
value	ModType	if null, mod will be removed
container?	HTMLElement	-

ReturnsReturnsReturns

T

Implementation ofImplementation ofImplementation of

IToolbarButton.setMod

Inherited fromInherited fromInherited from

UIButton.setMod

Defined inDefined inDefined in

src/core/traits/mods.ts#30

---

getModgetModgetMod

getMod(this, name): ModType

Get BEM class modification value

ParametersParametersParameters

Name	Type
this	IMods
name	string

ReturnsReturnsReturns

ModType

Implementation ofImplementation ofImplementation of

IToolbarButton.getMod

Inherited fromInherited fromInherited from

UIButton.getMod

Defined inDefined inDefined in

src/core/traits/mods.ts#64

---

setStatesetStatesetState

setState(state): this

Set state

ParametersParametersParameters

Name	Type
state	IUIButtonStatePartial

ReturnsReturnsReturns

this

Implementation ofImplementation ofImplementation of

IToolbarButton.setState

Inherited fromInherited fromInherited from

UIButton.setState

Defined inDefined inDefined in

src/core/ui/button/button/button.ts#68

---

isFocusedisFocusedisFocused

isFocused(): boolean

Element has focus

ReturnsReturnsReturns

boolean

Implementation ofImplementation ofImplementation of

IToolbarButton.isFocused

Inherited fromInherited fromInherited from

UIButton.isFocused

Defined inDefined inDefined in

src/core/ui/button/button/button.ts#204

---

onActiononActiononAction

onAction(callback): this

Add action handler

ParametersParametersParameters

Name	Type
callback	(originalEvent: MouseEvent) => void

ReturnsReturnsReturns

this

Implementation ofImplementation ofImplementation of

IToolbarButton.onAction

Inherited fromInherited fromInherited from

UIButton.onAction

Defined inDefined inDefined in

src/core/ui/button/button/button.ts#259

---

bubblebubblebubble

bubble(callback): this

Apply callback for all parents

ParametersParametersParameters

Name	Type
callback	(parent: IUIElement) => void

ReturnsReturnsReturns

this

Implementation ofImplementation ofImplementation of

IToolbarButton.bubble

Inherited fromInherited fromInherited from

UIButton.bubble

Defined inDefined inDefined in

src/core/ui/element.ts#51

---

updateParentElementupdateParentElementupdateParentElement

updateParentElement(target): this

ParametersParametersParameters

Name	Type
target	IUIElement

ReturnsReturnsReturns

this

Implementation ofImplementation ofImplementation of

IToolbarButton.updateParentElement

Inherited fromInherited fromInherited from

UIButton.updateParentElement

Defined inDefined inDefined in

src/core/ui/element.ts#62

---

getgetget

get<T>(chain, obj?): Nullable<T>

Type parametersType parametersType parameters

Name
T

ParametersParametersParameters

Name	Type
chain	string
obj?	IDictionary

ReturnsReturnsReturns

Nullable<T>

Implementation ofImplementation ofImplementation of

IToolbarButton.get

Inherited fromInherited fromInherited from

UIButton.get

Defined inDefined inDefined in

src/core/ui/element.ts#68

---

closestclosestclosest

closest<T>(type): Nullable<T extends typeof UIElement ? InstanceType<T<T>> : T>

Find match parent

Type parametersType parametersType parameters

Name	Type
T	extends typeof UIElement | UIElement<IViewBased<IViewOptions>>

ParametersParametersParameters

Name	Type
type	Function | UIElement<IViewBased<IViewOptions>>

ReturnsReturnsReturns

Nullable<T extends typeof UIElement ? InstanceType<T<T>> : T>

Implementation ofImplementation ofImplementation of

IToolbarButton.closest

Inherited fromInherited fromInherited from

UIButton.closest

Defined inDefined inDefined in

src/core/ui/element.ts#75

---

closestElementclosestElementclosestElement

closestElement(node, type): Nullable<IUIElement>

Find closest UIElement in DOM

ParametersParametersParameters

Name	Type
node	Node
type	Function

ReturnsReturnsReturns

Nullable<IUIElement>

Inherited fromInherited fromInherited from

UIButton.closestElement

Defined inDefined inDefined in

src/core/ui/element.ts#106

---

appendToappendToappendTo

appendTo(element): this

Append container to element

ParametersParametersParameters

Name	Type
element	HTMLElement

ReturnsReturnsReturns

this

Implementation ofImplementation ofImplementation of

IToolbarButton.appendTo

Inherited fromInherited fromInherited from

UIButton.appendTo

Defined inDefined inDefined in

src/core/ui/element.ts#131

---

classNameclassNameclassName

className(): string

ReturnsReturnsReturns

string

Implementation ofImplementation ofImplementation of

IToolbarButton.className

OverridesOverridesOverrides

UIButton.className

Defined inDefined inDefined in

src/modules/toolbar/button/button.ts#56

---

updateupdateupdate

update(): void

ReturnsReturnsReturns

void

Implementation ofImplementation ofImplementation of

IToolbarButton.update

OverridesOverridesOverrides

UIButton.update

Defined inDefined inDefined in

src/modules/toolbar/button/button.ts#77

---

focusfocusfocus

focus(): void

ReturnsReturnsReturns

void

Implementation ofImplementation ofImplementation of

IToolbarButton.focus

OverridesOverridesOverrides

UIButton.focus

Defined inDefined inDefined in

src/modules/toolbar/button/button.ts#190

---

destructdestructdestruct

destruct(): any

ReturnsReturnsReturns

any

Implementation ofImplementation ofImplementation of

IToolbarButton.destruct

OverridesOverridesOverrides

UIButton.destruct

Defined inDefined inDefined in

jodit/src/modules/toolbar/button/button.ts:565