Class: MobxLitElement

Defined in: @adobe/lit-mobx:

A LitElement derived class which uses the MobxReactionUpdate mixin to create a mobx reactive implementation of LitElement.

Any observables used in the render template of the element will be tracked by a reaction and cause an update of the element upon change.

Extends

MobxLitElement_base

Constructors

Constructor

new MobxLitElement(): MobxLitElement;

Defined in: @lit/reactive-element:

Returns

MobxLitElement

Inherited from

MobxLitElement_base.constructor

Other

accessKey

accessKey: string;

Defined in: typescript:

The HTMLElement.accessKey property sets the keystroke which a user can press to jump to a given element.

MDN Reference

Inherited from

MobxLitElement_base.accessKey

accessKeyLabel

readonly accessKeyLabel: string;

Defined in: typescript:

The HTMLElement.accessKeyLabel read-only property returns a string containing the element's browser-assigned access key (if any); otherwise it returns an empty string.

MDN Reference

Inherited from

MobxLitElement_base.accessKeyLabel

ariaActiveDescendantElement

ariaActiveDescendantElement: Element | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaActiveDescendantElement

ariaAtomic

ariaAtomic: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaAtomic

ariaAutoComplete

ariaAutoComplete: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaAutoComplete

ariaBrailleLabel

ariaBrailleLabel: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaBrailleLabel

ariaBrailleRoleDescription

ariaBrailleRoleDescription: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaBrailleRoleDescription

ariaBusy

ariaBusy: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaBusy

ariaChecked

ariaChecked: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaChecked

ariaColCount

ariaColCount: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaColCount

ariaColIndex

ariaColIndex: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaColIndex

ariaColIndexText

ariaColIndexText: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaColIndexText

ariaColSpan

ariaColSpan: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaColSpan

ariaControlsElements

ariaControlsElements: readonly Element[] | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaControlsElements

ariaCurrent

ariaCurrent: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaCurrent

ariaDescribedByElements

ariaDescribedByElements: readonly Element[] | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaDescribedByElements

ariaDescription

ariaDescription: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaDescription

ariaDetailsElements

ariaDetailsElements: readonly Element[] | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaDetailsElements

ariaDisabled

ariaDisabled: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaDisabled

ariaErrorMessageElements

ariaErrorMessageElements: readonly Element[] | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaErrorMessageElements

ariaExpanded

ariaExpanded: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaExpanded

ariaFlowToElements

ariaFlowToElements: readonly Element[] | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaFlowToElements

ariaHasPopup

ariaHasPopup: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaHasPopup

ariaHidden

ariaHidden: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaHidden

ariaInvalid

ariaInvalid: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaInvalid

ariaKeyShortcuts

ariaKeyShortcuts: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaKeyShortcuts

ariaLabel

ariaLabel: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaLabel

ariaLabelledByElements

ariaLabelledByElements: readonly Element[] | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaLabelledByElements

ariaLevel

ariaLevel: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaLevel

ariaLive

ariaLive: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaLive

ariaModal

ariaModal: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaModal

ariaMultiLine

ariaMultiLine: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaMultiLine

ariaMultiSelectable

ariaMultiSelectable: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaMultiSelectable

ariaOrientation

ariaOrientation: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaOrientation

ariaOwnsElements

ariaOwnsElements: readonly Element[] | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaOwnsElements

ariaPlaceholder

ariaPlaceholder: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaPlaceholder

ariaPosInSet

ariaPosInSet: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaPosInSet

ariaPressed

ariaPressed: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaPressed

ariaReadOnly

ariaReadOnly: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaReadOnly

ariaRelevant

ariaRelevant: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaRelevant

ariaRequired

ariaRequired: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaRequired

ariaRoleDescription

ariaRoleDescription: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaRoleDescription

ariaRowCount

ariaRowCount: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaRowCount

ariaRowIndex

ariaRowIndex: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaRowIndex

ariaRowIndexText

ariaRowIndexText: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaRowIndexText

ariaRowSpan

ariaRowSpan: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaRowSpan

ariaSelected

ariaSelected: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaSelected

ariaSetSize

ariaSetSize: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaSetSize

ariaSort

ariaSort: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaSort

ariaValueMax

ariaValueMax: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaValueMax

ariaValueMin

ariaValueMin: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaValueMin

ariaValueNow

ariaValueNow: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaValueNow

ariaValueText

ariaValueText: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ariaValueText

assignedSlot

readonly assignedSlot: HTMLSlotElement | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.assignedSlot

ATTRIBUTE_NODE

readonly ATTRIBUTE_NODE: 2;

Defined in: typescript:

Inherited from

MobxLitElement_base.ATTRIBUTE_NODE

attributes

readonly attributes: NamedNodeMap;

Defined in: typescript:

The Element.attributes property returns a live collection of all attribute nodes registered to the specified node. It is a NamedNodeMap, not an Array, so it has no Array methods and the Attr nodes' indexes may differ among browsers. To be more specific, attributes is a key/value pair of strings that represents any information regarding that attribute.

MDN Reference

Inherited from

MobxLitElement_base.attributes

attributeStyleMap

readonly attributeStyleMap: StylePropertyMap;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.attributeStyleMap

autocapitalize

autocapitalize: string;

Defined in: typescript:

The autocapitalize property of the HTMLElement interface represents the element's capitalization behavior for user input. It is available on all HTML elements, though it doesn't affect all of them, including:

MDN Reference

Inherited from

MobxLitElement_base.autocapitalize

autocorrect

autocorrect: boolean;

Defined in: typescript:

The autocorrect property of the HTMLElement interface controls whether or not autocorrection of editable text is enabled for spelling and/or punctuation errors.

MDN Reference

Inherited from

MobxLitElement_base.autocorrect

autofocus

autofocus: boolean;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.autofocus

baseURI

readonly baseURI: string;

Defined in: typescript:

The read-only baseURI property of the Node interface returns the absolute base URL of the document containing the node.

MDN Reference

Inherited from

MobxLitElement_base.baseURI

CDATA_SECTION_NODE

readonly CDATA_SECTION_NODE: 4;

Defined in: typescript:

node is a CDATASection node.

Inherited from

MobxLitElement_base.CDATA_SECTION_NODE

childElementCount

readonly childElementCount: number;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.childElementCount

childNodes

readonly childNodes: NodeListOf<ChildNode>;

Defined in: typescript:

The read-only childNodes property of the Node interface returns a live NodeList of child nodes of the given element where the first child node is assigned index 0. Child nodes include elements, text and comments.

MDN Reference

Inherited from

MobxLitElement_base.childNodes

children

readonly children: HTMLCollection;

Defined in: typescript:

Returns the child elements.

MDN Reference

Inherited from

MobxLitElement_base.children

className

className: string;

Defined in: typescript:

The className property of the Element interface gets and sets the value of the class attribute of the specified element.

MDN Reference

Inherited from

MobxLitElement_base.className

clientHeight

readonly clientHeight: number;

Defined in: typescript:

The clientHeight read-only property of the Element interface is zero for elements with no CSS or inline layout boxes; otherwise, it's the inner height of an element in pixels. It includes padding but excludes borders, margins, and horizontal scrollbars (if present).

MDN Reference

Inherited from

MobxLitElement_base.clientHeight

clientLeft

readonly clientLeft: number;

Defined in: typescript:

The clientLeft read-only property of the Element interface returns the width of the left border of an element in pixels. It includes the width of the vertical scrollbar if the text direction of the element is right-to-left and if there is an overflow causing a left vertical scrollbar to be rendered. clientLeft does not include the left margin or the left padding.

MDN Reference

Inherited from

MobxLitElement_base.clientLeft

clientTop

readonly clientTop: number;

Defined in: typescript:

The clientTop read-only property of the Element interface returns the width of the top border of an element in pixels.

MDN Reference

Inherited from

MobxLitElement_base.clientTop

clientWidth

readonly clientWidth: number;

Defined in: typescript:

The clientWidth read-only property of the Element interface is zero for inline elements and elements with no CSS; otherwise, it's the inner width of an element in pixels. It includes padding but excludes borders, margins, and vertical scrollbars (if present).

MDN Reference

Inherited from

MobxLitElement_base.clientWidth

COMMENT_NODE

readonly COMMENT_NODE: 8;

Defined in: typescript:

node is a Comment node.

Inherited from

MobxLitElement_base.COMMENT_NODE

contentEditable

contentEditable: string;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.contentEditable

currentCSSZoom

readonly currentCSSZoom: number;

Defined in: typescript:

The currentCSSZoom read-only property of the Element interface provides the "effective" CSS zoom of an element, taking into account the zoom applied to the element and all its parent elements.

MDN Reference

Inherited from

MobxLitElement_base.currentCSSZoom

customElementRegistry

readonly customElementRegistry: CustomElementRegistry | null;

Defined in: typescript:

Inherited from

MobxLitElement_base.customElementRegistry

dataset

readonly dataset: DOMStringMap;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.dataset

dir

dir: string;

Defined in: typescript:

The HTMLElement.dir property indicates the text writing directionality of the content of the current element. It reflects the element's dir attribute.

MDN Reference

Inherited from

MobxLitElement_base.dir

DOCUMENT_FRAGMENT_NODE

readonly DOCUMENT_FRAGMENT_NODE: 11;

Defined in: typescript:

node is a DocumentFragment node.

Inherited from

MobxLitElement_base.DOCUMENT_FRAGMENT_NODE

DOCUMENT_NODE

readonly DOCUMENT_NODE: 9;

Defined in: typescript:

node is a document.

Inherited from

MobxLitElement_base.DOCUMENT_NODE

DOCUMENT_POSITION_CONTAINED_BY

readonly DOCUMENT_POSITION_CONTAINED_BY: 16;

Defined in: typescript:

Set when other is a descendant of node.

Inherited from

MobxLitElement_base.DOCUMENT_POSITION_CONTAINED_BY

DOCUMENT_POSITION_CONTAINS

readonly DOCUMENT_POSITION_CONTAINS: 8;

Defined in: typescript:

Set when other is an ancestor of node.

Inherited from

MobxLitElement_base.DOCUMENT_POSITION_CONTAINS

DOCUMENT_POSITION_DISCONNECTED

readonly DOCUMENT_POSITION_DISCONNECTED: 1;

Defined in: typescript:

Set when node and other are not in the same tree.

Inherited from

MobxLitElement_base.DOCUMENT_POSITION_DISCONNECTED

DOCUMENT_POSITION_FOLLOWING

readonly DOCUMENT_POSITION_FOLLOWING: 4;

Defined in: typescript:

Set when other is following node.

Inherited from

MobxLitElement_base.DOCUMENT_POSITION_FOLLOWING

DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC

readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;

Defined in: typescript:

Inherited from

MobxLitElement_base.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC

DOCUMENT_POSITION_PRECEDING

readonly DOCUMENT_POSITION_PRECEDING: 2;

Defined in: typescript:

Set when other is preceding node.

Inherited from

MobxLitElement_base.DOCUMENT_POSITION_PRECEDING

DOCUMENT_TYPE_NODE

readonly DOCUMENT_TYPE_NODE: 10;

Defined in: typescript:

node is a doctype.

Inherited from

MobxLitElement_base.DOCUMENT_TYPE_NODE

draggable

draggable: boolean;

Defined in: typescript:

The draggable property of the HTMLElement interface gets and sets a Boolean primitive indicating if the element is draggable.

MDN Reference

Inherited from

MobxLitElement_base.draggable

ELEMENT_NODE

readonly ELEMENT_NODE: 1;

Defined in: typescript:

node is an element.

Inherited from

MobxLitElement_base.ELEMENT_NODE

enterKeyHint

enterKeyHint: string;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.enterKeyHint

ENTITY_NODE

readonly ENTITY_NODE: 6;

Defined in: typescript:

Inherited from

MobxLitElement_base.ENTITY_NODE

ENTITY_REFERENCE_NODE

readonly ENTITY_REFERENCE_NODE: 5;

Defined in: typescript:

Inherited from

MobxLitElement_base.ENTITY_REFERENCE_NODE

firstChild

readonly firstChild: ChildNode | null;

Defined in: typescript:

The read-only firstChild property of the Node interface returns the node's first child in the tree, or null if the node has no children.

MDN Reference

Inherited from

MobxLitElement_base.firstChild

firstElementChild

readonly firstElementChild: Element | null;

Defined in: typescript:

Returns the first child that is an element, and null otherwise.

MDN Reference

Inherited from

MobxLitElement_base.firstElementChild

hidden

hidden: boolean | "until-found";

Defined in: typescript:

The HTMLElement property hidden reflects the value of the element's hidden attribute.

MDN Reference

Inherited from

MobxLitElement_base.hidden

id

id: string;

Defined in: typescript:

The id property of the Element interface represents the element's identifier, reflecting the id global attribute.

MDN Reference

Inherited from

MobxLitElement_base.id

inert

inert: boolean;

Defined in: typescript:

The HTMLElement property inert reflects the value of the element's inert attribute. It is a boolean value that, when present, makes the browser "ignore" user input events for the element, including focus events and events from assistive technologies. The browser may also ignore page search and text selection in the element. This can be useful when building UIs such as modals where you would want to "trap" the focus inside the modal when it's visible.

MDN Reference

Inherited from

MobxLitElement_base.inert

innerHTML

innerHTML: string;

Defined in: typescript:

The innerHTML property of the Element interface gets or sets the HTML or XML markup contained within the element, omitting any shadow roots in both cases.

MDN Reference

Inherited from

MobxLitElement_base.innerHTML

innerText

innerText: string;

Defined in: typescript:

The innerText property of the HTMLElement interface represents the rendered text content of a node and its descendants.

MDN Reference

Inherited from

MobxLitElement_base.innerText

inputMode

inputMode: string;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.inputMode

isConnected

readonly isConnected: boolean;

Defined in: typescript:

The read-only isConnected property of the Node interface returns a boolean indicating whether the node is connected (directly or indirectly) to a Document object.

MDN Reference

Inherited from

MobxLitElement_base.isConnected

isContentEditable

readonly isContentEditable: boolean;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.isContentEditable

lang

lang: string;

Defined in: typescript:

The lang property of the HTMLElement interface indicates the base language of an element's attribute values and text content, in the form of a BCP 47 language tag. It reflects the element's lang attribute; the xml:lang attribute does not affect this property.

MDN Reference

Inherited from

MobxLitElement_base.lang

lastChild

readonly lastChild: ChildNode | null;

Defined in: typescript:

The read-only lastChild property of the Node interface returns the last child of the node, or null if there are no child nodes.

MDN Reference

Inherited from

MobxLitElement_base.lastChild

lastElementChild

readonly lastElementChild: Element | null;

Defined in: typescript:

Returns the last child that is an element, and null otherwise.

MDN Reference

Inherited from

MobxLitElement_base.lastElementChild

localName

readonly localName: string;

Defined in: typescript:

The Element.localName read-only property returns the local part of the qualified name of an element.

MDN Reference

Inherited from

MobxLitElement_base.localName

namespaceURI

readonly namespaceURI: string | null;

Defined in: typescript:

The Element.namespaceURI read-only property returns the namespace URI of the element, or null if the element is not in a namespace.

MDN Reference

Inherited from

MobxLitElement_base.namespaceURI

nextElementSibling

readonly nextElementSibling: Element | null;

Defined in: typescript:

Returns the first following sibling that is an element, and null otherwise.

MDN Reference

Inherited from

MobxLitElement_base.nextElementSibling

nextSibling

readonly nextSibling: ChildNode | null;

Defined in: typescript:

The read-only nextSibling property of the Node interface returns the node immediately following the specified one in their parent's childNodes, or returns null if the specified node is the last child in the parent element.

MDN Reference

Inherited from

MobxLitElement_base.nextSibling

nodeName

readonly nodeName: string;

Defined in: typescript:

The read-only nodeName property of Node returns the name of the current node as a string.

MDN Reference

Inherited from

MobxLitElement_base.nodeName

nodeType

readonly nodeType: number;

Defined in: typescript:

The read-only nodeType property of a Node interface is an integer that identifies what the node is. It distinguishes different kinds of nodes from each other, such as elements, text, and comments.

MDN Reference

Inherited from

MobxLitElement_base.nodeType

nodeValue

nodeValue: string | null;

Defined in: typescript:

The nodeValue property of the Node interface returns or sets the value of the current node.

MDN Reference

Inherited from

MobxLitElement_base.nodeValue

nonce

nonce: string;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.nonce

NOTATION_NODE

readonly NOTATION_NODE: 12;

Defined in: typescript:

Inherited from

MobxLitElement_base.NOTATION_NODE

offsetHeight

readonly offsetHeight: number;

Defined in: typescript:

The offsetHeight read-only property of the HTMLElement interface returns the height of an element, including vertical padding and borders, as an integer.

MDN Reference

Inherited from

MobxLitElement_base.offsetHeight

offsetLeft

readonly offsetLeft: number;

Defined in: typescript:

The offsetLeft read-only property of the HTMLElement interface returns the number of pixels that the upper left corner of the current element is offset to the left within the HTMLElement.offsetParent node.

MDN Reference

Inherited from

MobxLitElement_base.offsetLeft

offsetParent

readonly offsetParent: Element | null;

Defined in: typescript:

The HTMLElement.offsetParent read-only property returns a reference to the element which is the closest (nearest in the containment hierarchy) positioned ancestor element.

MDN Reference

Inherited from

MobxLitElement_base.offsetParent

offsetTop

readonly offsetTop: number;

Defined in: typescript:

The offsetTop read-only property of the HTMLElement interface returns the distance from the outer border of the current element (including its margin) to the top padding edge of the offsetParent, the closest positioned ancestor element.

MDN Reference

Inherited from

MobxLitElement_base.offsetTop

offsetWidth

readonly offsetWidth: number;

Defined in: typescript:

The offsetWidth read-only property of the HTMLElement interface returns the layout width of an element as an integer.

MDN Reference

Inherited from

MobxLitElement_base.offsetWidth

onabort

onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onabort

onanimationcancel

onanimationcancel: 
  | ((this: GlobalEventHandlers, ev: AnimationEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onanimationcancel

onanimationend

onanimationend: 
  | ((this: GlobalEventHandlers, ev: AnimationEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onanimationend

onanimationiteration

onanimationiteration: 
  | ((this: GlobalEventHandlers, ev: AnimationEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onanimationiteration

onanimationstart

onanimationstart: 
  | ((this: GlobalEventHandlers, ev: AnimationEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onanimationstart

onauxclick

onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onauxclick

onbeforeinput

onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onbeforeinput

onbeforematch

onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onbeforematch

onbeforetoggle

onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onbeforetoggle

onblur

onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onblur

oncancel

oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncancel

oncanplay

oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncanplay

oncanplaythrough

oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncanplaythrough

onchange

onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onchange

onclick

onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onclick

onclose

onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onclose

oncommand

oncommand: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncommand

oncontextlost

oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncontextlost

oncontextmenu

oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncontextmenu

oncontextrestored

oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncontextrestored

oncopy

oncopy: 
  | ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncopy

oncuechange

oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncuechange

oncut

oncut: 
  | ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oncut

ondblclick

ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondblclick

ondrag

ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondrag

ondragend

ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondragend

ondragenter

ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondragenter

ondragleave

ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondragleave

ondragover

ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondragover

ondragstart

ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondragstart

ondrop

ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondrop

ondurationchange

ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ondurationchange

onemptied

onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onemptied

onended

onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onended

onerror

onerror: OnErrorEventHandler;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onerror

onfocus

onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onfocus

onformdata

onformdata: 
  | ((this: GlobalEventHandlers, ev: FormDataEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onformdata

onfullscreenchange

onfullscreenchange: ((this: Element, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onfullscreenchange

onfullscreenerror

onfullscreenerror: ((this: Element, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onfullscreenerror

ongotpointercapture

ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ongotpointercapture

oninput

oninput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oninput

oninvalid

oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.oninvalid

onkeydown

onkeydown: 
  | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onkeydown

onkeypress

onkeypress: 
  | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)
  | null;

Defined in: typescript:

Deprecated

MDN Reference

Inherited from

MobxLitElement_base.onkeypress

onkeyup

onkeyup: 
  | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onkeyup

onload

onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onload

onloadeddata

onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onloadeddata

onloadedmetadata

onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onloadedmetadata

onloadstart

onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onloadstart

onlostpointercapture

onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onlostpointercapture

onmousedown

onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onmousedown

onmouseenter

onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onmouseenter

onmouseleave

onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onmouseleave

onmousemove

onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onmousemove

onmouseout

onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onmouseout

onmouseover

onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onmouseover

onmouseup

onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onmouseup

onpaste

onpaste: 
  | ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpaste

onpause

onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpause

onplay

onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onplay

onplaying

onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onplaying

onpointercancel

onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpointercancel

onpointerdown

onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpointerdown

onpointerenter

onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpointerenter

onpointerleave

onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpointerleave

onpointermove

onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpointermove

onpointerout

onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpointerout

onpointerover

onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpointerover

onpointerrawupdate

onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

Available only in secure contexts.

MDN Reference

Inherited from

MobxLitElement_base.onpointerrawupdate

onpointerup

onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onpointerup

onprogress

onprogress: 
  | ((this: GlobalEventHandlers, ev: ProgressEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onprogress

onratechange

onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onratechange

onreset

onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onreset

onresize

onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onresize

onscroll

onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onscroll

onscrollend

onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onscrollend

onsecuritypolicyviolation

onsecuritypolicyviolation: 
  | ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onsecuritypolicyviolation

onseeked

onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onseeked

onseeking

onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onseeking

onselect

onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onselect

onselectionchange

onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onselectionchange

onselectstart

onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onselectstart

onslotchange

onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onslotchange

onstalled

onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onstalled

onsubmit

onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onsubmit

onsuspend

onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onsuspend

ontimeupdate

ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontimeupdate

ontoggle

ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontoggle

ontouchcancel?

optional ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontouchcancel

ontouchend?

optional ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontouchend

ontouchmove?

optional ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontouchmove

ontouchstart?

optional ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontouchstart

ontransitioncancel

ontransitioncancel: 
  | ((this: GlobalEventHandlers, ev: TransitionEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontransitioncancel

ontransitionend

ontransitionend: 
  | ((this: GlobalEventHandlers, ev: TransitionEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontransitionend

ontransitionrun

ontransitionrun: 
  | ((this: GlobalEventHandlers, ev: TransitionEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontransitionrun

ontransitionstart

ontransitionstart: 
  | ((this: GlobalEventHandlers, ev: TransitionEvent) => any)
  | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.ontransitionstart

onvolumechange

onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onvolumechange

onwaiting

onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onwaiting

onwebkitanimationend

onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

Deprecated

This is a legacy alias of onanimationend.

MDN Reference

Inherited from

MobxLitElement_base.onwebkitanimationend

onwebkitanimationiteration

onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

Deprecated

This is a legacy alias of onanimationiteration.

MDN Reference

Inherited from

MobxLitElement_base.onwebkitanimationiteration

onwebkitanimationstart

onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

Deprecated

This is a legacy alias of onanimationstart.

MDN Reference

Inherited from

MobxLitElement_base.onwebkitanimationstart

onwebkittransitionend

onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;

Defined in: typescript:

Deprecated

This is a legacy alias of ontransitionend.

MDN Reference

Inherited from

MobxLitElement_base.onwebkittransitionend

onwheel

onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.onwheel

outerHTML

outerHTML: string;

Defined in: typescript:

The outerHTML attribute of the Element interface gets or sets the HTML or XML markup of the element and its descendants, omitting any shadow roots in both cases.

MDN Reference

Inherited from

MobxLitElement_base.outerHTML

outerText

outerText: string;

Defined in: typescript:

The outerText property of the HTMLElement interface returns the same value as HTMLElement.innerText. When used as a setter it replaces the whole current node with the given text (this differs from innerText, which replaces the content inside the current node).

MDN Reference

Inherited from

MobxLitElement_base.outerText

ownerDocument

readonly ownerDocument: Document;

Defined in: typescript:

The read-only ownerDocument property of the Node interface returns the top-level document object of the node.

MDN Reference

Inherited from

MobxLitElement_base.ownerDocument

parentElement

readonly parentElement: HTMLElement | null;

Defined in: typescript:

The read-only parentElement property of Node interface returns the DOM node's parent Element, or null if the node either has no parent, or its parent isn't a DOM Element. Node.parentNode on the other hand returns any kind of parent, regardless of its type.

MDN Reference

Inherited from

MobxLitElement_base.parentElement

parentNode

readonly parentNode: ParentNode | null;

Defined in: typescript:

The read-only parentNode property of the Node interface returns the parent of the specified node in the DOM tree.

MDN Reference

Inherited from

MobxLitElement_base.parentNode

popover: string | null;

Defined in: typescript:

The popover property of the HTMLElement interface gets and sets an element's popover state via JavaScript ("auto", "hint", or "manual"), and can be used for feature detection.

MDN Reference

Inherited from

MobxLitElement_base.popover

prefix

readonly prefix: string | null;

Defined in: typescript:

The Element.prefix read-only property returns the namespace prefix of the specified element, or null if no prefix is specified.

MDN Reference

Inherited from

MobxLitElement_base.prefix

previousElementSibling

readonly previousElementSibling: Element | null;

Defined in: typescript:

Returns the first preceding sibling that is an element, and null otherwise.

MDN Reference

Inherited from

MobxLitElement_base.previousElementSibling

previousSibling

readonly previousSibling: ChildNode | null;

Defined in: typescript:

The read-only previousSibling property of the Node interface returns the node immediately preceding the specified one in its parent's childNodes list, or null if the specified node is the first in that list.

MDN Reference

Inherited from

MobxLitElement_base.previousSibling

PROCESSING_INSTRUCTION_NODE

readonly PROCESSING_INSTRUCTION_NODE: 7;

Defined in: typescript:

node is a ProcessingInstruction node.

Inherited from

MobxLitElement_base.PROCESSING_INSTRUCTION_NODE

role

role: string | null;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.role

scrollHeight

readonly scrollHeight: number;

Defined in: typescript:

The scrollHeight read-only property of the Element interface is a measurement of the height of an element's content, including content not visible on the screen due to overflow.

MDN Reference

Inherited from

MobxLitElement_base.scrollHeight

scrollLeft

scrollLeft: number;

Defined in: typescript:

The scrollLeft property of the Element interface gets or sets the number of pixels by which an element's content is scrolled from its left edge. This value is subpixel precise in modern browsers, meaning that it isn't necessarily a whole number.

MDN Reference

Inherited from

MobxLitElement_base.scrollLeft

scrollTop

scrollTop: number;

Defined in: typescript:

The scrollTop property of the Element interface gets or sets the number of pixels by which an element's content is scrolled from its top edge. This value is subpixel precise in modern browsers, meaning that it isn't necessarily a whole number.

MDN Reference

Inherited from

MobxLitElement_base.scrollTop

scrollWidth

readonly scrollWidth: number;

Defined in: typescript:

The scrollWidth read-only property of the Element interface is a measurement of the width of an element's content, including content not visible on the screen due to overflow.

MDN Reference

Inherited from

MobxLitElement_base.scrollWidth

shadowRoot

readonly shadowRoot: ShadowRoot | null;

Defined in: typescript:

The Element.shadowRoot read-only property represents the shadow root hosted by the element.

MDN Reference

Inherited from

MobxLitElement_base.shadowRoot

slot

slot: string;

Defined in: typescript:

The slot property of the Element interface returns the name of the shadow DOM slot the element is inserted in.

MDN Reference

Inherited from

MobxLitElement_base.slot

spellcheck

spellcheck: boolean;

Defined in: typescript:

The spellcheck property of the HTMLElement interface represents a boolean value that controls the spell-checking hint. It is available on all HTML elements, though it doesn't affect all of them.

MDN Reference

Inherited from

MobxLitElement_base.spellcheck

tabIndex

tabIndex: number;

Defined in: typescript:

MDN Reference

Inherited from

MobxLitElement_base.tabIndex

tagName

readonly tagName: string;

Defined in: typescript:

The tagName read-only property of the Element interface returns the tag name of the element on which it's called.

MDN Reference

Inherited from

MobxLitElement_base.tagName

TEXT_NODE

readonly TEXT_NODE: 3;

Defined in: typescript:

node is a Text node.

Inherited from

MobxLitElement_base.TEXT_NODE

title

title: string;

Defined in: typescript:

The HTMLElement.title property represents the title of the element: the text usually displayed in a 'tooltip' popup when the mouse is over the node.

MDN Reference

Inherited from

MobxLitElement_base.title

translate

translate: boolean;

Defined in: typescript:

The translate property of the HTMLElement interface indicates whether an element's attribute values and the values of its Text node children are to be translated when the page is localized, or whether to leave them unchanged.

MDN Reference

Inherited from

MobxLitElement_base.translate

writingSuggestions

writingSuggestions: string;

Defined in: typescript:

The writingSuggestions property of the HTMLElement interface is a string indicating if browser-provided writing suggestions should be enabled under the scope of the element or not.

MDN Reference

Inherited from

MobxLitElement_base.writingSuggestions

_$litElement$

static _$litElement$: boolean;

Defined in: lit-element:

Inherited from

MobxLitElement_base._$litElement$

_initializers?

static optional _initializers?: Initializer[];

Defined in: @lit/reactive-element:

Inherited from

MobxLitElement_base._initializers

[metadata]

static [metadata]: object & Record<PropertyKey, unknown>;

Defined in: @lit/reactive-element:

Inherited from

MobxLitElement_base.[metadata]

finalized

protected static finalized: true | undefined;

Defined in: @lit/reactive-element:

Marks class as having been finalized, which includes creating properties from static properties, but does not include all properties created from decorators.

Nocollapse

Inherited from

MobxLitElement_base.finalized

classList

Get Signature

get classList(): DOMTokenList;

Defined in: typescript:

The read-only classList property of the Element interface contains a live DOMTokenList collection representing the class attribute of the element. This can then be used to manipulate the class list.

MDN Reference

Returns

DOMTokenList

Set Signature

set classList(value: string): void;

Defined in: typescript:

Parameters

Parameter	Type
`value`	`string`

Returns

void

Inherited from

MobxLitElement_base.classList

part

Get Signature

get part(): DOMTokenList;

Defined in: typescript:

The read-only part property of the Element interface contains a DOMTokenList object representing the part identifier(s) of the element. It reflects the element's part content attribute. These can be used to style parts of a shadow DOM, via the ::part pseudo-element.

MDN Reference

Returns

DOMTokenList

Set Signature

set part(value: string): void;

Defined in: typescript:

Parameters

Parameter	Type
`value`	`string`

Returns

void

Inherited from

MobxLitElement_base.part

style

Get Signature

get style(): CSSStyleDeclaration;

Defined in: typescript:

MDN Reference

Returns

CSSStyleDeclaration

Set Signature

set style(cssText: string): void;

Defined in: typescript:

Parameters

Parameter	Type
`cssText`	`string`

Returns

void

Inherited from

MobxLitElement_base.style

textContent

Get Signature

get textContent(): string;

Defined in: typescript:

MDN Reference

Returns

string

Set Signature

set textContent(value: string | null): void;

Defined in: typescript:

The textContent property of the Node interface represents the text content of the node and its descendants.

MDN Reference

Parameters

Parameter	Type
`value`	`string` \| `null`

Returns

void

Inherited from

MobxLitElement_base.textContent

addEventListener()

Call Signature

addEventListener<K>(
   type: K, 
   listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, 
   options?: boolean | AddEventListenerOptions): void;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementEventMap`

Parameters

Parameter	Type
`type`	`K`
`listener`	(`this`: `HTMLElement`, `ev`: `HTMLElementEventMap`[`K`]) => `any`
`options?`	`boolean` \| `AddEventListenerOptions`

Returns

void

Inherited from

MobxLitElement_base.addEventListener

Call Signature

addEventListener(
   type: string, 
   listener: EventListenerOrEventListenerObject, 
   options?: boolean | AddEventListenerOptions): void;

Defined in: typescript:

Parameters

Parameter	Type
`type`	`string`
`listener`	`EventListenerOrEventListenerObject`
`options?`	`boolean` \| `AddEventListenerOptions`

Returns

void

Inherited from

MobxLitElement_base.addEventListener

after()

after(...nodes: (string | Node)[]): void;

Defined in: typescript:

Inserts nodes just after node, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference

Parameters

Parameter	Type
...`nodes`	(`string` \| `Node`)[]

Returns

void

Inherited from

MobxLitElement_base.after

animate()

animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;

Defined in: typescript:

MDN Reference

Parameters

Parameter	Type
`keyframes`	`Keyframe`[] \| `PropertyIndexedKeyframes` \| `null`
`options?`	`number` \| `KeyframeAnimationOptions`

Returns

Animation

Inherited from

MobxLitElement_base.animate

append()

append(...nodes: (string | Node)[]): void;

Defined in: typescript:

Inserts nodes after the last child of node, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference

Parameters

Parameter	Type
...`nodes`	(`string` \| `Node`)[]

Returns

void

Inherited from

MobxLitElement_base.append

appendChild()

appendChild<T>(node: T): T;

Defined in: typescript:

The appendChild() method of the Node interface adds a node to the end of the list of children of a specified parent node.

MDN Reference

Type Parameters

Type Parameter
`T` extends `Node`

Parameters

Parameter	Type
`node`	`T`

Returns

T

Inherited from

MobxLitElement_base.appendChild

attachInternals()

attachInternals(): ElementInternals;

Defined in: typescript:

The HTMLElement.attachInternals() method returns an ElementInternals object. This method allows a custom element to participate in HTML forms. The ElementInternals interface provides utilities for working with these elements in the same way you would work with any standard HTML form element, and also exposes the Accessibility Object Model to the element.

MDN Reference

Returns

ElementInternals

Inherited from

MobxLitElement_base.attachInternals

attachShadow()

attachShadow(init: ShadowRootInit): ShadowRoot;

Defined in: typescript:

The Element.attachShadow() method attaches a shadow DOM tree to the specified element and returns a reference to its ShadowRoot.

MDN Reference

Parameters

Parameter	Type
`init`	`ShadowRootInit`

Returns

ShadowRoot

Inherited from

MobxLitElement_base.attachShadow

before()

before(...nodes: (string | Node)[]): void;

Defined in: typescript:

Inserts nodes just before node, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference

Parameters

Parameter	Type
...`nodes`	(`string` \| `Node`)[]

Returns

void

Inherited from

MobxLitElement_base.before

blur()

blur(): void;

Defined in: typescript:

MDN Reference

Returns

void

Inherited from

MobxLitElement_base.blur

checkVisibility()

checkVisibility(options?: CheckVisibilityOptions): boolean;

Defined in: typescript:

The checkVisibility() method of the Element interface checks whether the element is visible.

MDN Reference

Parameters

Parameter	Type
`options?`	`CheckVisibilityOptions`

Returns

boolean

Inherited from

MobxLitElement_base.checkVisibility

click()

click(): void;

Defined in: typescript:

The HTMLElement.click() method simulates a mouse click on an element. When called on an element, the element's click event is fired (unless its disabled attribute is set).

MDN Reference

Returns

void

Inherited from

MobxLitElement_base.click

cloneNode()

cloneNode(subtree?: boolean): Node;

Defined in: typescript:

The cloneNode() method of the Node interface returns a duplicate of the node on which this method was called. Its parameter controls if the subtree contained in the node is also cloned or not.

MDN Reference

Parameters

Parameter	Type
`subtree?`	`boolean`

Returns

Node

Inherited from

MobxLitElement_base.cloneNode

closest()

Call Signature

closest<K>(selector: K): HTMLElementTagNameMap[K] | null;

Defined in: typescript:

The closest() method of the Element interface traverses the element and its parents (heading toward the document root) until it finds a node that matches the specified CSS selector.

MDN Reference

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementTagNameMap`

Parameters

Parameter	Type
`selector`	`K`

Returns

HTMLElementTagNameMap[K] | null

Inherited from

MobxLitElement_base.closest

Call Signature

closest<K>(selector: K): SVGElementTagNameMap[K] | null;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `SVGElementTagNameMap`

Parameters

Parameter	Type
`selector`	`K`

Returns

SVGElementTagNameMap[K] | null

Inherited from

MobxLitElement_base.closest

Call Signature

closest<K>(selector: K): MathMLElementTagNameMap[K] | null;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `MathMLElementTagNameMap`

Parameters

Parameter	Type
`selector`	`K`

Returns

MathMLElementTagNameMap[K] | null

Inherited from

MobxLitElement_base.closest

Call Signature

closest<E>(selectors: string): E | null;

Defined in: typescript:

Type Parameters

Type Parameter	Default type
`E` extends `Element`	`Element`

Parameters

Parameter	Type
`selectors`	`string`

Returns

E | null

Inherited from

MobxLitElement_base.closest

compareDocumentPosition()

compareDocumentPosition(other: Node): number;

Defined in: typescript:

The compareDocumentPosition() method of the Node interface reports the position of its argument node relative to the node on which it is called.

MDN Reference

Parameters

Parameter	Type
`other`	`Node`

Returns

number

Inherited from

MobxLitElement_base.compareDocumentPosition

computedStyleMap()

computedStyleMap(): StylePropertyMapReadOnly;

Defined in: typescript:

The computedStyleMap() method of the Element interface returns a StylePropertyMapReadOnly interface which provides a read-only representation of a CSS declaration block that is an alternative to CSSStyleDeclaration.

MDN Reference

Returns

StylePropertyMapReadOnly

Inherited from

MobxLitElement_base.computedStyleMap

contains()

contains(other: Node | null): boolean;

Defined in: typescript:

The contains() method of the Node interface returns a boolean value indicating whether a node is a descendant of a given node, that is the node itself, one of its direct children (childNodes), one of the children's direct children, and so on.

MDN Reference

Parameters

Parameter	Type
`other`	`Node` \| `null`

Returns

boolean

Inherited from

MobxLitElement_base.contains

dispatchEvent()

dispatchEvent(event: Event): boolean;

Defined in: typescript:

The dispatchEvent() method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order. The normal event processing rules (including the capturing and optional bubbling phase) also apply to events dispatched manually with dispatchEvent().

MDN Reference

Parameters

Parameter	Type
`event`	`Event`

Returns

boolean

Inherited from

MobxLitElement_base.dispatchEvent

focus()

focus(options?: FocusOptions): void;

Defined in: typescript:

MDN Reference

Parameters

Parameter	Type
`options?`	`FocusOptions`

Returns

void

Inherited from

MobxLitElement_base.focus

getAnimations()

getAnimations(options?: GetAnimationsOptions): Animation[];

Defined in: typescript:

MDN Reference

Parameters

Parameter	Type
`options?`	`GetAnimationsOptions`

Returns

Animation[]

Inherited from

MobxLitElement_base.getAnimations

getAttribute()

getAttribute(qualifiedName: string): string | null;

Defined in: typescript:

The getAttribute() method of the Element interface returns the value of a specified attribute on the element.

MDN Reference

Parameters

Parameter	Type
`qualifiedName`	`string`

Returns

string | null

Inherited from

MobxLitElement_base.getAttribute

getAttributeNames()

getAttributeNames(): string[];

Defined in: typescript:

The getAttributeNames() method of the Element interface returns the attribute names of the element as an Array of strings. If the element has no attributes it returns an empty array.

MDN Reference

Returns

string[]

Inherited from

MobxLitElement_base.getAttributeNames

getAttributeNode()

getAttributeNode(qualifiedName: string): Attr | null;

Defined in: typescript:

Returns the specified attribute of the specified element, as an Attr node.

MDN Reference

Parameters

Parameter	Type
`qualifiedName`	`string`

Returns

Attr | null

Inherited from

MobxLitElement_base.getAttributeNode

getAttributeNodeNS()

getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;

Defined in: typescript:

The getAttributeNodeNS() method of the Element interface returns the namespaced Attr node of an element.

MDN Reference

Parameters

Parameter	Type
`namespace`	`string` \| `null`
`localName`	`string`

Returns

Attr | null

Inherited from

MobxLitElement_base.getAttributeNodeNS

getAttributeNS()

getAttributeNS(namespace: string | null, localName: string): string | null;

Defined in: typescript:

The getAttributeNS() method of the Element interface returns the string value of the attribute with the specified namespace and name. If the named attribute does not exist, the value returned will either be null or "" (the empty string); see Notes for details.

MDN Reference

Parameters

Parameter	Type
`namespace`	`string` \| `null`
`localName`	`string`

Returns

string | null

Inherited from

MobxLitElement_base.getAttributeNS

getBoundingClientRect()

getBoundingClientRect(): DOMRect;

Defined in: typescript:

The Element.getBoundingClientRect() method returns a DOMRect object providing information about the size of an element and its position relative to the viewport.

MDN Reference

Returns

DOMRect

Inherited from

MobxLitElement_base.getBoundingClientRect

getClientRects()

getClientRects(): DOMRectList;

Defined in: typescript:

The getClientRects() method of the Element interface returns a collection of DOMRect objects that indicate the bounding rectangles for each CSS border box in a client.

MDN Reference

Returns

DOMRectList

Inherited from

MobxLitElement_base.getClientRects

getElementsByClassName()

getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;

Defined in: typescript:

The Element method getElementsByClassName() returns a live HTMLCollection which contains every descendant element which has the specified class name or names.

MDN Reference

Parameters

Parameter	Type
`classNames`	`string`

Returns

HTMLCollectionOf<Element>

Inherited from

MobxLitElement_base.getElementsByClassName

getElementsByTagName()

Call Signature

getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;

Defined in: typescript:

The Element.getElementsByTagName() method returns a live HTMLCollection of elements with the given tag name.

MDN Reference

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementTagNameMap`

Parameters

Parameter	Type
`qualifiedName`	`K`

Returns

HTMLCollectionOf<HTMLElementTagNameMap[K]>

Inherited from

MobxLitElement_base.getElementsByTagName

Call Signature

getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `SVGElementTagNameMap`

Parameters

Parameter	Type
`qualifiedName`	`K`

Returns

HTMLCollectionOf<SVGElementTagNameMap[K]>

Inherited from

MobxLitElement_base.getElementsByTagName

Call Signature

getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `MathMLElementTagNameMap`

Parameters

Parameter	Type
`qualifiedName`	`K`

Returns

HTMLCollectionOf<MathMLElementTagNameMap[K]>

Inherited from

MobxLitElement_base.getElementsByTagName

Call Signature

getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementDeprecatedTagNameMap`

Parameters

Parameter	Type
`qualifiedName`	`K`

Returns

HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>

Deprecated

Inherited from

MobxLitElement_base.getElementsByTagName

Call Signature

getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;

Defined in: typescript:

Parameters

Parameter	Type
`qualifiedName`	`string`

Returns

HTMLCollectionOf<Element>

Inherited from

MobxLitElement_base.getElementsByTagName

getElementsByTagNameNS()

Call Signature

getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;

Defined in: typescript:

The Element.getElementsByTagNameNS() method returns a live HTMLCollection of elements with the given tag name belonging to the given namespace. It is similar to Document.getElementsByTagNameNS, except that its search is restricted to descendants of the specified element.

MDN Reference

Parameters

Parameter	Type
`namespaceURI`	`"http://www.w3.org/1999/xhtml"`
`localName`	`string`

Returns

HTMLCollectionOf<HTMLElement>

Inherited from

MobxLitElement_base.getElementsByTagNameNS

Call Signature

getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;

Defined in: typescript:

Parameters

Parameter	Type
`namespaceURI`	`"http://www.w3.org/2000/svg"`
`localName`	`string`

Returns

HTMLCollectionOf<SVGElement>

Inherited from

MobxLitElement_base.getElementsByTagNameNS

Call Signature

getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;

Defined in: typescript:

Parameters

Parameter	Type
`namespaceURI`	`"http://www.w3.org/1998/Math/MathML"`
`localName`	`string`

Returns

HTMLCollectionOf<MathMLElement>

Inherited from

MobxLitElement_base.getElementsByTagNameNS

Call Signature

getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;

Defined in: typescript:

Parameters

Parameter	Type
`namespace`	`string` \| `null`
`localName`	`string`

Returns

HTMLCollectionOf<Element>

Inherited from

MobxLitElement_base.getElementsByTagNameNS

getHTML()

getHTML(options?: GetHTMLOptions): string;

Defined in: typescript:

The getHTML() method of the Element interface is used to serialize an element's DOM to an HTML string.

MDN Reference

Parameters

Parameter	Type
`options?`	`GetHTMLOptions`

Returns

string

Inherited from

MobxLitElement_base.getHTML

getRootNode()

getRootNode(options?: GetRootNodeOptions): Node;

Defined in: typescript:

The getRootNode() method of the Node interface returns the context object's root, which optionally includes the shadow root if it is available.

MDN Reference

Parameters

Parameter	Type
`options?`	`GetRootNodeOptions`

Returns

Node

Inherited from

MobxLitElement_base.getRootNode

hasAttribute()

hasAttribute(qualifiedName: string): boolean;

Defined in: typescript:

The Element.hasAttribute() method returns a Boolean value indicating whether the specified element has the specified attribute or not.

MDN Reference

Parameters

Parameter	Type
`qualifiedName`	`string`

Returns

boolean

Inherited from

MobxLitElement_base.hasAttribute

hasAttributeNS()

hasAttributeNS(namespace: string | null, localName: string): boolean;

Defined in: typescript:

The hasAttributeNS() method of the Element interface returns a boolean value indicating whether the current element has the specified attribute with the specified namespace.

MDN Reference

Parameters

Parameter	Type
`namespace`	`string` \| `null`
`localName`	`string`

Returns

boolean

Inherited from

MobxLitElement_base.hasAttributeNS

hasAttributes()

hasAttributes(): boolean;

Defined in: typescript:

The hasAttributes() method of the Element interface returns a boolean value indicating whether the current element has any attributes or not.

MDN Reference

Returns

boolean

Inherited from

MobxLitElement_base.hasAttributes

hasChildNodes()

hasChildNodes(): boolean;

Defined in: typescript:

The hasChildNodes() method of the Node interface returns a boolean value indicating whether the given Node has child nodes or not.

MDN Reference

Returns

boolean

Inherited from

MobxLitElement_base.hasChildNodes

hasPointerCapture()

hasPointerCapture(pointerId: number): boolean;

Defined in: typescript:

The hasPointerCapture() method of the Element interface checks whether the element on which it is invoked has pointer capture for the pointer identified by the given pointer ID.

MDN Reference

Parameters

Parameter	Type
`pointerId`	`number`

Returns

boolean

Inherited from

MobxLitElement_base.hasPointerCapture

hidePopover()

hidePopover(): void;

Defined in: typescript:

The hidePopover() method of the HTMLElement interface hides a popover element (i.e., one that has a valid popover attribute) by removing it from the top layer and styling it with display: none.

MDN Reference

Returns

void

Inherited from

MobxLitElement_base.hidePopover

insertAdjacentElement()

insertAdjacentElement(where: InsertPosition, element: Element): Element | null;

Defined in: typescript:

The insertAdjacentElement() method of the Element interface inserts a given element node at a given position relative to the element it is invoked upon.

MDN Reference

Parameters

Parameter	Type
`where`	`InsertPosition`
`element`	`Element`

Returns

Element | null

Inherited from

MobxLitElement_base.insertAdjacentElement

insertAdjacentHTML()

insertAdjacentHTML(position: InsertPosition, string: string): void;

Defined in: typescript:

The insertAdjacentHTML() method of the Element interface parses the specified input as HTML or XML and inserts the resulting nodes into the DOM tree at a specified position.

MDN Reference

Parameters

Parameter	Type
`position`	`InsertPosition`
`string`	`string`

Returns

void

Inherited from

MobxLitElement_base.insertAdjacentHTML

insertAdjacentText()

insertAdjacentText(where: InsertPosition, data: string): void;

Defined in: typescript:

The insertAdjacentText() method of the Element interface, given a relative position and a string, inserts a new text node at the given position relative to the element it is called from.

MDN Reference

Parameters

Parameter	Type
`where`	`InsertPosition`
`data`	`string`

Returns

void

Inherited from

MobxLitElement_base.insertAdjacentText

insertBefore()

insertBefore<T>(node: T, child: Node | null): T;

Defined in: typescript:

The insertBefore() method of the Node interface inserts a node before a reference node as a child of a specified parent node.

MDN Reference

Type Parameters

Type Parameter
`T` extends `Node`

Parameters

Parameter	Type
`node`	`T`
`child`	`Node` \| `null`

Returns

T

Inherited from

MobxLitElement_base.insertBefore

isDefaultNamespace()

isDefaultNamespace(namespace: string | null): boolean;

Defined in: typescript:

The isDefaultNamespace() method of the Node interface accepts a namespace URI as an argument. It returns a boolean value that is true if the namespace is the default namespace on the given node and false if not. The default namespace can be retrieved with Node.lookupNamespaceURI() by passing null as the argument.

MDN Reference

Parameters

Parameter	Type
`namespace`	`string` \| `null`

Returns

boolean

Inherited from

MobxLitElement_base.isDefaultNamespace

isEqualNode()

isEqualNode(otherNode: Node | null): boolean;

Defined in: typescript:

The isEqualNode() method of the Node interface tests whether two nodes are equal. Two nodes are equal when they have the same type, defining characteristics (for elements, this would be their ID, number of children, and so forth), its attributes match, and so on. The specific set of data points that must match varies depending on the types of the nodes.

MDN Reference

Parameters

Parameter	Type
`otherNode`	`Node` \| `null`

Returns

boolean

Inherited from

MobxLitElement_base.isEqualNode

isSameNode()

isSameNode(otherNode: Node | null): boolean;

Defined in: typescript:

The isSameNode() method of the Node interface is a legacy alias the for the === strict equality operator. That is, it tests whether two nodes are the same (in other words, whether they reference the same object).

MDN Reference

Parameters

Parameter	Type
`otherNode`	`Node` \| `null`

Returns

boolean

Inherited from

MobxLitElement_base.isSameNode

lookupNamespaceURI()

lookupNamespaceURI(prefix: string | null): string | null;

Defined in: typescript:

The lookupNamespaceURI() method of the Node interface takes a prefix as parameter and returns the namespace URI associated with it on the given node if found (and null if not). This method's existence allows Node objects to be passed as a namespace resolver to XPathEvaluator.createExpression() and XPathEvaluator.evaluate().

MDN Reference

Parameters

Parameter	Type
`prefix`	`string` \| `null`

Returns

string | null

Inherited from

MobxLitElement_base.lookupNamespaceURI

lookupPrefix()

lookupPrefix(namespace: string | null): string | null;

Defined in: typescript:

The lookupPrefix() method of the Node interface returns a string containing the prefix for a given namespace URI, if present, and null if not. When multiple prefixes are possible, the first prefix is returned.

MDN Reference

Parameters

Parameter	Type
`namespace`	`string` \| `null`

Returns

string | null

Inherited from

MobxLitElement_base.lookupPrefix

matches()

Call Signature

matches<K>(selectors: K): this is HTMLElementTagNameMap[K];

Defined in: typescript:

The matches() method of the Element interface tests whether the element would be selected by the specified CSS selector.

MDN Reference

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

this is HTMLElementTagNameMap[K]

Inherited from

MobxLitElement_base.matches

Call Signature

matches<K>(selectors: K): this is SVGElementTagNameMap[K];

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `SVGElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

this is SVGElementTagNameMap[K]

Inherited from

MobxLitElement_base.matches

Call Signature

matches<K>(selectors: K): this is MathMLElementTagNameMap[K];

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `MathMLElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

this is MathMLElementTagNameMap[K]

Inherited from

MobxLitElement_base.matches

Call Signature

matches(selectors: string): boolean;

Defined in: typescript:

Parameters

Parameter	Type
`selectors`	`string`

Returns

boolean

Inherited from

MobxLitElement_base.matches

moveBefore()

moveBefore(node: Node, child: Node | null): void;

Defined in: typescript:

MDN Reference

Parameters

Parameter	Type
`node`	`Node`
`child`	`Node` \| `null`

Returns

void

Inherited from

MobxLitElement_base.moveBefore

normalize()

normalize(): void;

Defined in: typescript:

The normalize() method of the Node interface puts the specified node and all of its sub-tree into a normalized form. In a normalized sub-tree, no text nodes in the sub-tree are empty and there are no adjacent text nodes.

MDN Reference

Returns

void

Inherited from

MobxLitElement_base.normalize

prepend()

prepend(...nodes: (string | Node)[]): void;

Defined in: typescript:

Inserts nodes before the first child of node, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference

Parameters

Parameter	Type
...`nodes`	(`string` \| `Node`)[]

Returns

void

Inherited from

MobxLitElement_base.prepend

querySelector()

Call Signature

querySelector<K>(selectors: K): HTMLElementTagNameMap[K] | null;

Defined in: typescript:

Returns the first element that is a descendant of node that matches selectors.

MDN Reference

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

HTMLElementTagNameMap[K] | null

Inherited from

MobxLitElement_base.querySelector

Call Signature

querySelector<K>(selectors: K): SVGElementTagNameMap[K] | null;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `SVGElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

SVGElementTagNameMap[K] | null

Inherited from

MobxLitElement_base.querySelector

Call Signature

querySelector<K>(selectors: K): MathMLElementTagNameMap[K] | null;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `MathMLElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

MathMLElementTagNameMap[K] | null

Inherited from

MobxLitElement_base.querySelector

Call Signature

querySelector<K>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementDeprecatedTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

HTMLElementDeprecatedTagNameMap[K] | null

Deprecated

Inherited from

MobxLitElement_base.querySelector

Call Signature

querySelector<E>(selectors: string): E | null;

Defined in: typescript:

Type Parameters

Type Parameter	Default type
`E` extends `Element`	`Element`

Parameters

Parameter	Type
`selectors`	`string`

Returns

E | null

Inherited from

MobxLitElement_base.querySelector

querySelectorAll()

Call Signature

querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;

Defined in: typescript:

Returns all element descendants of node that match selectors.

MDN Reference

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

NodeListOf<HTMLElementTagNameMap[K]>

Inherited from

MobxLitElement_base.querySelectorAll

Call Signature

querySelectorAll<K>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `SVGElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

NodeListOf<SVGElementTagNameMap[K]>

Inherited from

MobxLitElement_base.querySelectorAll

Call Signature

querySelectorAll<K>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `MathMLElementTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

NodeListOf<MathMLElementTagNameMap[K]>

Inherited from

MobxLitElement_base.querySelectorAll

Call Signature

querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementDeprecatedTagNameMap`

Parameters

Parameter	Type
`selectors`	`K`

Returns

NodeListOf<HTMLElementDeprecatedTagNameMap[K]>

Deprecated

Inherited from

MobxLitElement_base.querySelectorAll

Call Signature

querySelectorAll<E>(selectors: string): NodeListOf<E>;

Defined in: typescript:

Type Parameters

Type Parameter	Default type
`E` extends `Element`	`Element`

Parameters

Parameter	Type
`selectors`	`string`

Returns

NodeListOf<E>

Inherited from

MobxLitElement_base.querySelectorAll

releasePointerCapture()

releasePointerCapture(pointerId: number): void;

Defined in: typescript:

The releasePointerCapture() method of the Element interface releases (stops) pointer capture that was previously set for a specific (PointerEvent) pointer.

MDN Reference

Parameters

Parameter	Type
`pointerId`	`number`

Returns

void

Inherited from

MobxLitElement_base.releasePointerCapture

remove()

remove(): void;

Defined in: typescript:

Removes node.

MDN Reference

Returns

void

Inherited from

MobxLitElement_base.remove

removeAttribute()

removeAttribute(qualifiedName: string): void;

Defined in: typescript:

The Element method removeAttribute() removes the attribute with the specified name from the element.

MDN Reference

Parameters

Parameter	Type
`qualifiedName`	`string`

Returns

void

Inherited from

MobxLitElement_base.removeAttribute

removeAttributeNode()

removeAttributeNode(attr: Attr): Attr;

Defined in: typescript:

The removeAttributeNode() method of the Element interface removes the specified Attr node from the element.

MDN Reference

Parameters

Parameter	Type
`attr`	`Attr`

Returns

Attr

Inherited from

MobxLitElement_base.removeAttributeNode

removeAttributeNS()

removeAttributeNS(namespace: string | null, localName: string): void;

Defined in: typescript:

The removeAttributeNS() method of the Element interface removes the specified attribute with the specified namespace from an element.

MDN Reference

Parameters

Parameter	Type
`namespace`	`string` \| `null`
`localName`	`string`

Returns

void

Inherited from

MobxLitElement_base.removeAttributeNS

removeChild()

removeChild<T>(child: T): T;

Defined in: typescript:

The removeChild() method of the Node interface removes a child node from the DOM and returns the removed node.

MDN Reference

Type Parameters

Type Parameter
`T` extends `Node`

Parameters

Parameter	Type
`child`	`T`

Returns

T

Inherited from

MobxLitElement_base.removeChild

removeEventListener()

Call Signature

removeEventListener<K>(
   type: K, 
   listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, 
   options?: boolean | EventListenerOptions): void;

Defined in: typescript:

Type Parameters

Type Parameter
`K` extends keyof `HTMLElementEventMap`

Parameters

Parameter	Type
`type`	`K`
`listener`	(`this`: `HTMLElement`, `ev`: `HTMLElementEventMap`[`K`]) => `any`
`options?`	`boolean` \| `EventListenerOptions`

Returns

void

Inherited from

MobxLitElement_base.removeEventListener

Call Signature

removeEventListener(
   type: string, 
   listener: EventListenerOrEventListenerObject, 
   options?: boolean | EventListenerOptions): void;

Defined in: typescript:

Parameters

Parameter	Type
`type`	`string`
`listener`	`EventListenerOrEventListenerObject`
`options?`	`boolean` \| `EventListenerOptions`

Returns

void

Inherited from

MobxLitElement_base.removeEventListener

replaceChild()

replaceChild<T>(node: Node, child: T): T;

Defined in: typescript:

The replaceChild() method of the Node interface replaces a child node within the given (parent) node.

MDN Reference

Type Parameters

Type Parameter
`T` extends `Node`

Parameters

Parameter	Type
`node`	`Node`
`child`	`T`

Returns

T

Inherited from

MobxLitElement_base.replaceChild

replaceChildren()

replaceChildren(...nodes: (string | Node)[]): void;

Defined in: typescript:

Replace all children of node with nodes, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference

Parameters

Parameter	Type
...`nodes`	(`string` \| `Node`)[]

Returns

void

Inherited from

MobxLitElement_base.replaceChildren

replaceWith()

replaceWith(...nodes: (string | Node)[]): void;

Defined in: typescript:

Replaces node with nodes, while replacing strings in nodes with equivalent Text nodes.

Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

MDN Reference

Parameters

Parameter	Type
...`nodes`	(`string` \| `Node`)[]

Returns

void

Inherited from

MobxLitElement_base.replaceWith

requestFullscreen()

requestFullscreen(options?: FullscreenOptions): Promise<void>;

Defined in: typescript:

The Element.requestFullscreen() method issues an asynchronous request to make the element be displayed in fullscreen mode.

MDN Reference

Parameters

Parameter	Type
`options?`	`FullscreenOptions`

Returns

Promise<void>

Inherited from

MobxLitElement_base.requestFullscreen

requestPointerLock()

requestPointerLock(options?: PointerLockOptions): Promise<void>;

Defined in: typescript:

The requestPointerLock() method of the Element interface lets you asynchronously ask for the pointer to be locked on the given element.

MDN Reference

Parameters

Parameter	Type
`options?`	`PointerLockOptions`

Returns

Promise<void>

Inherited from

MobxLitElement_base.requestPointerLock

scroll()

Call Signature

scroll(options?: ScrollToOptions): void;

Defined in: typescript:

The scroll() method of the Element interface scrolls the element to a particular set of coordinates inside a given element.

MDN Reference

Parameters

Parameter	Type
`options?`	`ScrollToOptions`

Returns

void

Inherited from

MobxLitElement_base.scroll

Call Signature

scroll(x: number, y: number): void;

Defined in: typescript:

Parameters

Parameter	Type
`x`	`number`
`y`	`number`

Returns

void

Inherited from

MobxLitElement_base.scroll

scrollBy()

Call Signature

scrollBy(options?: ScrollToOptions): void;

Defined in: typescript:

The scrollBy() method of the Element interface scrolls an element by the given amount.

MDN Reference

Parameters

Parameter	Type
`options?`	`ScrollToOptions`

Returns

void

Inherited from

MobxLitElement_base.scrollBy

Call Signature

scrollBy(x: number, y: number): void;

Defined in: typescript:

Parameters

Parameter	Type
`x`	`number`
`y`	`number`

Returns

void

Inherited from

MobxLitElement_base.scrollBy

scrollIntoView()

scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;

Defined in: typescript:

The Element interface's scrollIntoView() method scrolls the element's ancestor containers such that the element on which scrollIntoView() is called is visible to the user.

MDN Reference

Parameters

Parameter	Type
`arg?`	`boolean` \| `ScrollIntoViewOptions`

Returns

void

Inherited from

MobxLitElement_base.scrollIntoView

scrollTo()

Call Signature

scrollTo(options?: ScrollToOptions): void;

Defined in: typescript:

The scrollTo() method of the Element interface scrolls to a particular set of coordinates inside a given element.

MDN Reference

Parameters

Parameter	Type
`options?`	`ScrollToOptions`

Returns

void

Inherited from

MobxLitElement_base.scrollTo

Call Signature

scrollTo(x: number, y: number): void;

Defined in: typescript:

Parameters

Parameter	Type
`x`	`number`
`y`	`number`

Returns

void

Inherited from

MobxLitElement_base.scrollTo

setAttribute()

setAttribute(qualifiedName: string, value: string): void;

Defined in: typescript:

The setAttribute() method of the Element interface sets the value of an attribute on the specified element. If the attribute already exists, the value is updated; otherwise a new attribute is added with the specified name and value.

MDN Reference

Parameters

Parameter	Type
`qualifiedName`	`string`
`value`	`string`

Returns

void

Inherited from

MobxLitElement_base.setAttribute

setAttributeNode()

setAttributeNode(attr: Attr): Attr | null;

Defined in: typescript:

The setAttributeNode() method of the Element interface adds a new Attr node to the specified element.

MDN Reference

Parameters

Parameter	Type
`attr`	`Attr`

Returns

Attr | null

Inherited from

MobxLitElement_base.setAttributeNode

setAttributeNodeNS()

setAttributeNodeNS(attr: Attr): Attr | null;

Defined in: typescript:

The setAttributeNodeNS() method of the Element interface adds a new namespaced Attr node to an element.

MDN Reference

Parameters

Parameter	Type
`attr`	`Attr`

Returns

Attr | null

Inherited from

MobxLitElement_base.setAttributeNodeNS

setAttributeNS()

setAttributeNS(
   namespace: string | null, 
   qualifiedName: string, 
   value: string): void;

Defined in: typescript:

The setAttributeNS() method of the Element interface adds a new attribute or changes the value of an attribute with the given namespace and name.

MDN Reference

Parameters

Parameter	Type
`namespace`	`string` \| `null`
`qualifiedName`	`string`
`value`	`string`

Returns

void

Inherited from

MobxLitElement_base.setAttributeNS

setHTMLUnsafe()

setHTMLUnsafe(html: string): void;

Defined in: typescript:

The setHTMLUnsafe() method of the Element interface is used to parse HTML input into a DocumentFragment, optionally filtering out unwanted elements and attributes, and those that don't belong in the context, and then using it to replace the element's subtree in the DOM.

MDN Reference

Parameters

Parameter	Type
`html`	`string`

Returns

void

Inherited from

MobxLitElement_base.setHTMLUnsafe

setPointerCapture()

setPointerCapture(pointerId: number): void;

Defined in: typescript:

The setPointerCapture() method of the Element interface is used to designate a specific element as the capture target of future pointer events. Subsequent events for the pointer will be targeted at the capture element until capture is released (via Element.releasePointerCapture() or the pointerup event is fired).

MDN Reference

Parameters

Parameter	Type
`pointerId`	`number`

Returns

void

Inherited from

MobxLitElement_base.setPointerCapture

showPopover()

showPopover(options?: ShowPopoverOptions): void;

Defined in: typescript:

The showPopover() method of the HTMLElement interface shows a popover element (i.e., one that has a valid popover attribute) by adding it to the top layer.

MDN Reference

Parameters

Parameter	Type
`options?`	`ShowPopoverOptions`

Returns

void

Inherited from

MobxLitElement_base.showPopover

toggleAttribute()

toggleAttribute(qualifiedName: string, force?: boolean): boolean;

Defined in: typescript:

The toggleAttribute() method of the Element interface toggles a Boolean attribute (removing it if it is present and adding it if it is not present) on the given element.

MDN Reference

Parameters

Parameter	Type
`qualifiedName`	`string`
`force?`	`boolean`

Returns

boolean

Inherited from

MobxLitElement_base.toggleAttribute

togglePopover()

togglePopover(options?: boolean | TogglePopoverOptions): boolean;

Defined in: typescript:

The togglePopover() method of the HTMLElement interface toggles a popover element (i.e., one that has a valid popover attribute) between the hidden and showing states.

MDN Reference

Parameters

Parameter	Type
`options?`	`boolean` \| `TogglePopoverOptions`

Returns

boolean

Inherited from

MobxLitElement_base.togglePopover

webkitMatchesSelector()

webkitMatchesSelector(selectors: string): boolean;

Defined in: typescript:

Parameters

Parameter	Type
`selectors`	`string`

Returns

boolean

Deprecated

This is a legacy alias of matches.

MDN Reference

Inherited from

MobxLitElement_base.webkitMatchesSelector

addInitializer()

static addInitializer(initializer: Initializer): void;

Defined in: @lit/reactive-element:

Adds an initializer function to the class that is called during instance construction.

This is useful for code that runs against a ReactiveElement subclass, such as a decorator, that needs to do work for each instance, such as setting up a ReactiveController.

const myDecorator = (target: typeof ReactiveElement, key: string) => {
  target.addInitializer((instance: ReactiveElement) => {
    // This is run during construction of the element
    new MyController(instance);
  });
}

Decorating a field will then cause each instance to run an initializer that adds a controller:

class MyElement extends LitElement {
  @myDecorator foo;
}

Initializers are stored per-constructor. Adding an initializer to a subclass does not add it to a superclass. Since initializers are run in constructors, initializers will run in order of the class hierarchy, starting with superclasses and progressing to the instance's class.

Parameters

Parameter	Type
`initializer`	`Initializer`

Returns

void

Nocollapse

Inherited from

MobxLitElement_base.addInitializer

finalize()

protected static finalize(): void;

Defined in: @lit/reactive-element:

Finishes setting up the class so that it's ready to be registered as a custom element and instantiated.

This method is called by the ReactiveElement.observedAttributes getter. If you override the observedAttributes getter, you must either call super.observedAttributes to trigger finalization, or call finalize() yourself.

Returns

void

Nocollapse

Inherited from

MobxLitElement_base.finalize

attributes

observedAttributes

Get Signature

get static observedAttributes(): string[];

Defined in: @lit/reactive-element:

Returns a list of attributes corresponding to the registered properties.

Nocollapse

Returns

string[]

Inherited from

MobxLitElement_base.observedAttributes

attributeChangedCallback()

attributeChangedCallback(
   name: string, 
   _old: string | null, 
   value: string | null): void;

Defined in: @lit/reactive-element:

Synchronizes property values when attributes change.

Specifically, when an attribute is set, the corresponding property is set. You should rarely need to implement this callback. If this method is overridden, super.attributeChangedCallback(name, _old, value) must be called.

See responding to attribute changes on MDN for more information about the attributeChangedCallback.

Parameters

Parameter	Type
`name`	`string`
`_old`	`string` \| `null`
`value`	`string` \| `null`

Returns

void

Inherited from

MobxLitElement_base.attributeChangedCallback

controllers

addController()

addController(controller: ReactiveController): void;

Defined in: @lit/reactive-element:

Registers a ReactiveController to participate in the element's reactive update cycle. The element automatically calls into any registered controllers during its lifecycle callbacks.

If the element is connected when addController() is called, the controller's hostConnected() callback will be immediately called.

Parameters

Parameter	Type
`controller`	`ReactiveController`

Returns

void

Inherited from

MobxLitElement_base.addController

removeController()

removeController(controller: ReactiveController): void;

Defined in: @lit/reactive-element:

Removes a ReactiveController from the element.

Parameters

Parameter	Type
`controller`	`ReactiveController`

Returns

void

Inherited from

MobxLitElement_base.removeController

dev-mode

disableWarning?

static optional disableWarning?: (warningKind: WarningKind) => void;

Defined in: @lit/reactive-element:

Disable the given warning category for this class.

This method only exists in development builds, so it should be accessed with a guard like:

// Disable for all ReactiveElement subclasses
ReactiveElement.disableWarning?.('migration');

// Disable for only MyElement and subclasses
MyElement.disableWarning?.('migration');

Parameters

Parameter	Type
`warningKind`	`WarningKind`

Returns

void

Nocollapse

Inherited from

MobxLitElement_base.disableWarning

enabledWarnings?

static optional enabledWarnings?: WarningKind[];

Defined in: @lit/reactive-element:

Read or set all the enabled warning categories for this class.

This property is only used in development builds.

Nocollapse

Inherited from

MobxLitElement_base.enabledWarnings

enableWarning?

static optional enableWarning?: (warningKind: WarningKind) => void;

Defined in: @lit/reactive-element:

Enable the given warning category for this class.

This method only exists in development builds, so it should be accessed with a guard like:

// Enable for all ReactiveElement subclasses
ReactiveElement.enableWarning?.('migration');

// Enable for only MyElement and subclasses
MyElement.enableWarning?.('migration');

Parameters

Parameter	Type
`warningKind`	`WarningKind`

Returns

void

Nocollapse

Inherited from

MobxLitElement_base.enableWarning

lifecycle

connectedCallback()

connectedCallback(): void;

Defined in: lit-element:

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

Inherited from

MobxLitElement_base.connectedCallback

disconnectedCallback()

disconnectedCallback(): void;

Defined in: lit-element:

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

Inherited from

MobxLitElement_base.disconnectedCallback

properties

elementProperties

static elementProperties: PropertyDeclarationMap;

Defined in: @lit/reactive-element:

Memoized list of all element properties, including any superclass properties. Created lazily on user subclasses when finalizing the class.

Nocollapse

Inherited from

MobxLitElement_base.elementProperties

properties

static properties: PropertyDeclarations;

Defined in: @lit/reactive-element:

User-supplied object that maps property names to PropertyDeclaration objects containing options for configuring reactive properties. When a reactive property is set the element will update and render.

By default properties are public fields, and as such, they should be considered as primarily settable by element users, either via attribute or the property itself.

Generally, properties that are changed by the element should be private or protected fields and should use the state: true option. Properties marked as state do not reflect from the corresponding attribute

However, sometimes element code does need to set a public property. This should typically only be done in response to user interaction, and an event should be fired informing the user; for example, a checkbox sets its checked property when clicked and fires a changed event. Mutating public properties should typically not be done for non-primitive (object or array) properties. In other cases when an element needs to manage state, a private property set with the state: true option should be used. When needed, state properties can be initialized via public properties to facilitate complex interactions.

Nocollapse

Inherited from

MobxLitElement_base.properties

createProperty()

static createProperty(name: PropertyKey, options?: PropertyDeclaration<unknown, unknown>): void;

Defined in: @lit/reactive-element:

Creates a property accessor on the element prototype if one does not exist and stores a PropertyDeclaration for the property with the given options. The property setter calls the property's hasChanged property option or uses a strict identity check to determine whether or not to request an update.

This method may be overridden to customize properties; however, when doing so, it's important to call super.createProperty to ensure the property is setup correctly. This method calls getPropertyDescriptor internally to get a descriptor to install. To customize what properties do when they are get or set, override getPropertyDescriptor. To customize the options for a property, implement createProperty like this:

static createProperty(name, options) {
  options = Object.assign(options, {myOption: true});
  super.createProperty(name, options);
}

Parameters

Parameter	Type
`name`	`PropertyKey`
`options?`	`PropertyDeclaration`<`unknown`, `unknown`>

Returns

void

Nocollapse

Inherited from

MobxLitElement_base.createProperty

getPropertyDescriptor()

protected static getPropertyDescriptor(
   name: PropertyKey, 
   key: string | symbol, 
   options: PropertyDeclaration): PropertyDescriptor | undefined;

Defined in: @lit/reactive-element:

Returns a property descriptor to be defined on the given named property. If no descriptor is returned, the property will not become an accessor. For example,

class MyElement extends LitElement {
  static getPropertyDescriptor(name, key, options) {
    const defaultDescriptor =
        super.getPropertyDescriptor(name, key, options);
    const setter = defaultDescriptor.set;
    return {
      get: defaultDescriptor.get,
      set(value) {
        setter.call(this, value);
        // custom action.
      },
      configurable: true,
      enumerable: true
    }
  }
}

Parameters

Parameter	Type
`name`	`PropertyKey`
`key`	`string` \| `symbol`
`options`	`PropertyDeclaration`

Returns

PropertyDescriptor | undefined

Nocollapse

Inherited from

MobxLitElement_base.getPropertyDescriptor

getPropertyOptions()

static getPropertyOptions(name: PropertyKey): PropertyDeclaration<unknown, unknown>;

Defined in: @lit/reactive-element:

Returns the property options associated with the given property. These options are defined with a PropertyDeclaration via the properties object or the @property decorator and are registered in createProperty(...).

Note, this method should be considered "final" and not overridden. To customize the options for a given property, override createProperty.

Parameters

Parameter	Type
`name`	`PropertyKey`

Returns

PropertyDeclaration<unknown, unknown>

Nocollapse

Final

Inherited from

MobxLitElement_base.getPropertyOptions

rendering

renderOptions

readonly renderOptions: RenderOptions;

Defined in: lit-element:

Inherited from

MobxLitElement_base.renderOptions

renderRoot

readonly renderRoot: HTMLElement | DocumentFragment;

Defined in: @lit/reactive-element:

Node or ShadowRoot into which element DOM should be rendered. Defaults to an open shadowRoot.

Inherited from

MobxLitElement_base.renderRoot

shadowRootOptions

static shadowRootOptions: ShadowRootInit;

Defined in: @lit/reactive-element:

Options used when calling attachShadow. Set this property to customize the options for the shadowRoot; for example, to create a closed shadowRoot: {mode: 'closed'}.

Note, these options are used in createRenderRoot. If this method is customized, options should be respected if possible.

Nocollapse

Inherited from

MobxLitElement_base.shadowRootOptions

createRenderRoot()

protected createRenderRoot(): HTMLElement | DocumentFragment;

Defined in: lit-element:

Returns

HTMLElement | DocumentFragment

Inherited from

MobxLitElement_base.createRenderRoot

render()

protected render(): unknown;

Defined in: lit-element:

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

unknown

Inherited from

MobxLitElement_base.render

styles

elementStyles

static elementStyles: CSSResultOrNative[];

Defined in: @lit/reactive-element:

Memoized list of all element styles. Created lazily on user subclasses when finalizing the class.

Nocollapse

Inherited from

MobxLitElement_base.elementStyles

styles?

static optional styles?: CSSResultGroup;

Defined in: @lit/reactive-element:

Array of styles to apply to the element. The styles should be defined using the css tag function, via constructible stylesheets, or imported from native CSS module scripts.

Note on Content Security Policy:

Element styles are implemented with <style> tags when the browser doesn't support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include 'unsafe-inline' or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page's HTML, before loading application code:

html

<script>
  // Generated and unique per request:
  window.litNonce = 'a1b2c3d4';
</script>

Nocollapse

Inherited from

MobxLitElement_base.styles

finalizeStyles()

protected static finalizeStyles(styles?: CSSResultGroup): CSSResultOrNative[];

Defined in: @lit/reactive-element:

Takes the styles the user supplied via the static styles property and returns the array of styles to apply to the element. Override this method to integrate into a style management system.

Styles are deduplicated preserving the last instance in the list. This is a performance optimization to avoid duplicated styles that can occur especially when composing via subclassing. The last item is kept to try to preserve the cascade order with the assumption that it's most important that last added styles override previous styles.

Parameters

Parameter	Type
`styles?`	`CSSResultGroup`

Returns

CSSResultOrNative[]

Nocollapse

Inherited from

MobxLitElement_base.finalizeStyles

updates

hasUpdated

hasUpdated: boolean;

Defined in: @lit/reactive-element:

Is set to true after the first update. The element code cannot assume that renderRoot exists before the element hasUpdated.

Inherited from

MobxLitElement_base.hasUpdated

isUpdatePending

isUpdatePending: boolean;

Defined in: @lit/reactive-element:

True if there is a pending update as a result of calling requestUpdate(). Should only be read.

Inherited from

MobxLitElement_base.isUpdatePending

updateComplete

Get Signature

get updateComplete(): Promise<boolean>;

Defined in: @lit/reactive-element:

Returns a Promise that resolves when the element has completed updating. The Promise value is a boolean that is true if the element completed the update without triggering another update. The Promise result is false if a property was set inside updated(). If the Promise is rejected, an exception was thrown during the update.

To await additional asynchronous work, override the getUpdateComplete method. For example, it is sometimes useful to await a rendered element before fulfilling this Promise. To do this, first await super.getUpdateComplete(), then any subsequent state.

Returns

Promise<boolean>

A promise of a boolean that resolves to true if the update completed without triggering another update.

Inherited from

MobxLitElement_base.updateComplete

enableUpdating()

protected enableUpdating(_requestedUpdate: boolean): void;

Defined in: @lit/reactive-element:

Note, this method should be considered final and not overridden. It is overridden on the element instance with a function that triggers the first update.

Parameters

Parameter	Type
`_requestedUpdate`	`boolean`

Returns

void

Inherited from

MobxLitElement_base.enableUpdating

firstUpdated()

protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;

Defined in: @lit/reactive-element:

Invoked when the element is first updated. Implement to perform one time work on the element after update.

firstUpdated() {
  this.renderRoot.getElementById('my-text-area').focus();
}

Setting properties inside this method will trigger the element to update again after this update cycle completes.

Parameters

Parameter	Type	Description
`_changedProperties`	`PropertyValueMap`<`any`> \| `Map`<`PropertyKey`, `unknown`>	Map of changed properties with old values

Returns

void

Inherited from

MobxLitElement_base.firstUpdated

getUpdateComplete()

protected getUpdateComplete(): Promise<boolean>;

Defined in: @lit/reactive-element:

Override point for the updateComplete promise.

It is not safe to override the updateComplete getter directly due to a limitation in TypeScript which means it is not possible to call a superclass getter (e.g. super.updateComplete.then(...)) when the target language is ES5 (https://github.com/microsoft/TypeScript/issues/338). This method should be overridden instead. For example:

class MyElement extends LitElement {
  override async getUpdateComplete() {
    const result = await super.getUpdateComplete();
    await this._myChild.updateComplete;
    return result;
  }
}

Returns

Promise<boolean>

A promise of a boolean that resolves to true if the update completed without triggering another update.

Inherited from

MobxLitElement_base.getUpdateComplete

performUpdate()

protected performUpdate(): void;

Defined in: @lit/reactive-element:

Performs an element update. Note, if an exception is thrown during the update, firstUpdated and updated will not be called.

Call performUpdate() to immediately process a pending update. This should generally not be needed, but it can be done in rare cases when you need to update synchronously.

Returns

void

Inherited from

MobxLitElement_base.performUpdate

requestUpdate()

requestUpdate(
   name?: PropertyKey, 
   oldValue?: unknown, 
   options?: PropertyDeclaration<unknown, unknown>, 
   useNewValue?: boolean, 
   newValue?: unknown): void;

Defined in: @lit/reactive-element:

Requests an update which is processed asynchronously. This should be called when an element should update based on some state not triggered by setting a reactive property. In this case, pass no arguments. It should also be called when manually implementing a property setter. In this case, pass the property name and oldValue to ensure that any configured property options are honored.

Parameters

Parameter	Type	Description
`name?`	`PropertyKey`	name of requesting property
`oldValue?`	`unknown`	old value of requesting property
`options?`	`PropertyDeclaration`<`unknown`, `unknown`>	property options to use instead of the previously configured options
`useNewValue?`	`boolean`	if true, the newValue argument is used instead of reading the property value. This is important to use if the reactive property is a standard private accessor, as opposed to a plain property, since private members can't be dynamically read by name.
`newValue?`	`unknown`	the new value of the property. This is only used if `useNewValue` is true.

Returns

void

Inherited from

MobxLitElement_base.requestUpdate

scheduleUpdate()

protected scheduleUpdate(): void | Promise<unknown>;

Defined in: @lit/reactive-element:

Schedules an element update. You can override this method to change the timing of updates by returning a Promise. The update will await the returned Promise, and you should resolve the Promise to allow the update to proceed. If this method is overridden, super.scheduleUpdate() must be called.

For instance, to schedule updates to occur just before the next frame:

override protected async scheduleUpdate(): Promise<unknown> {
  await new Promise((resolve) => requestAnimationFrame(() => resolve()));
  super.scheduleUpdate();
}

Returns

void | Promise<unknown>

Inherited from

MobxLitElement_base.scheduleUpdate

shouldUpdate()

protected shouldUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): boolean;

Defined in: @lit/reactive-element:

Controls whether or not update() should be called when the element requests an update. By default, this method always returns true, but this can be customized to control when to update.

Parameters

Parameter	Type	Description
`_changedProperties`	`PropertyValueMap`<`any`> \| `Map`<`PropertyKey`, `unknown`>	Map of changed properties with old values

Returns

boolean

Inherited from

MobxLitElement_base.shouldUpdate

update()

protected update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;

Defined in: lit-element:

Updates the element. This method reflects property values to attributes and calls render to render DOM via lit-html. Setting properties inside this method will not trigger another update.

Parameters

Parameter	Type	Description
`changedProperties`	`PropertyValueMap`<`any`> \| `Map`<`PropertyKey`, `unknown`>	Map of changed properties with old values

Returns

void

Inherited from

MobxLitElement_base.update

updated()

protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;

Defined in: @lit/reactive-element:

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

Parameter	Type	Description
`_changedProperties`	`PropertyValueMap`<`any`> \| `Map`<`PropertyKey`, `unknown`>	Map of changed properties with old values

Returns

void

Inherited from

MobxLitElement_base.updated

willUpdate()

protected willUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;

Defined in: @lit/reactive-element:

Invoked before update() to compute values needed during the update.

Implement willUpdate to compute property values that depend on other properties and are used in the rest of the update process.

willUpdate(changedProperties) {
  // only need to check changed properties for an expensive computation.
  if (changedProperties.has('firstName') || changedProperties.has('lastName')) {
    this.sha = computeSHA(`${this.firstName} ${this.lastName}`);
  }
}

render() {
  return html`SHA: ${this.sha}`;
}

Parameters

Parameter	Type
`_changedProperties`	`PropertyValueMap`<`any`> \| `Map`<`PropertyKey`, `unknown`>

Returns

void

Inherited from

MobxLitElement_base.willUpdate

Class: MobxLitElement ​

Extends ​

Constructors ​

Constructor ​

Returns ​

Inherited from ​

Other ​

accessKey ​

Inherited from ​

accessKeyLabel ​

Inherited from ​

ariaActiveDescendantElement ​

Inherited from ​

ariaAtomic ​

Inherited from ​

ariaAutoComplete ​

Inherited from ​

ariaBrailleLabel ​

Inherited from ​

ariaBrailleRoleDescription ​

Inherited from ​

ariaBusy ​

Inherited from ​

ariaChecked ​

Inherited from ​

ariaColCount ​

Inherited from ​

ariaColIndex ​

Inherited from ​

ariaColIndexText ​

Inherited from ​

ariaColSpan ​

Inherited from ​

ariaControlsElements ​

Inherited from ​

ariaCurrent ​

Inherited from ​

ariaDescribedByElements ​

Inherited from ​

ariaDescription ​

Inherited from ​

ariaDetailsElements ​

Inherited from ​

ariaDisabled ​

Inherited from ​

ariaErrorMessageElements ​

Inherited from ​

ariaExpanded ​

Inherited from ​

ariaFlowToElements ​

Inherited from ​

ariaHasPopup ​

Inherited from ​

ariaHidden ​

Inherited from ​

ariaInvalid ​

Inherited from ​

ariaKeyShortcuts ​

Inherited from ​

ariaLabel ​

Inherited from ​

ariaLabelledByElements ​

Inherited from ​

ariaLevel ​

Inherited from ​

ariaLive ​

Inherited from ​

ariaModal ​

Inherited from ​

ariaMultiLine ​

Inherited from ​

ariaMultiSelectable ​

Inherited from ​

ariaOrientation ​

Inherited from ​

ariaOwnsElements ​

Inherited from ​

ariaPlaceholder ​

Inherited from ​

ariaPosInSet ​

Class: MobxLitElement

Extends

Constructors

Constructor

Returns

Inherited from

Other

accessKey

Inherited from

accessKeyLabel

Inherited from

ariaActiveDescendantElement

Inherited from

ariaAtomic

Inherited from

ariaAutoComplete

Inherited from

ariaBrailleLabel

Inherited from

ariaBrailleRoleDescription

Inherited from

ariaBusy

Inherited from

ariaChecked

Inherited from

ariaColCount

Inherited from

ariaColIndex

Inherited from

ariaColIndexText

Inherited from

ariaColSpan

Inherited from

ariaControlsElements

Inherited from

ariaCurrent

Inherited from

ariaDescribedByElements

Inherited from

ariaDescription

Inherited from

ariaDetailsElements

Inherited from

ariaDisabled

Inherited from

ariaErrorMessageElements

Inherited from

ariaExpanded

Inherited from

ariaFlowToElements

Inherited from

ariaHasPopup

Inherited from

ariaHidden

Inherited from

ariaInvalid

Inherited from

ariaKeyShortcuts

Inherited from

ariaLabel

Inherited from

ariaLabelledByElements

Inherited from

ariaLevel

Inherited from

ariaLive

Inherited from

ariaModal

Inherited from

ariaMultiLine

Inherited from

ariaMultiSelectable

Inherited from

ariaOrientation

Inherited from

ariaOwnsElements

Inherited from

ariaPlaceholder

Inherited from

ariaPosInSet