Class HTMLMicrioElement

The main Micrio custom HTML element <micr-io>. This class acts as the central controller for the Micrio viewer, managing the WebGL canvas, WebAssembly module, Svelte UI, state, events, and image loading.

It orchestrates the interaction between different parts of the library and exposes methods and properties for controlling the viewer.

Example

<micr-io id="image123"></micr-io>
<script>
  const viewer = document.querySelector('micr-io');
  viewer.open('image456');
  viewer.addEventListener('marker-click', (e) => console.log(e.detail));
</script>

[[include:./ts/element.md]]

Author

Marcel Duin marcel@micr.io

Hierarchy

HTMLElement
- HTMLMicrioElement

Index

Properties

accessKey

accessKey: string

MDN Reference

`Readonly`accessKeyLabel

accessKeyLabel: string

MDN Reference

ariaAtomic

ariaAtomic: string

MDN Reference

ariaAutoComplete

ariaAutoComplete: string

MDN Reference

ariaBrailleLabel

ariaBrailleLabel: string

MDN Reference

ariaBrailleRoleDescription

ariaBrailleRoleDescription: string

MDN Reference

ariaBusy

ariaBusy: string

MDN Reference

ariaChecked

ariaChecked: string

MDN Reference

ariaColCount

ariaColCount: string

MDN Reference

ariaColIndex

ariaColIndex: string

MDN Reference

ariaColSpan

ariaColSpan: string

MDN Reference

ariaCurrent

ariaCurrent: string

MDN Reference

ariaDescription

ariaDescription: string

MDN Reference

ariaDisabled

ariaDisabled: string

MDN Reference

ariaExpanded

ariaExpanded: string

MDN Reference

ariaHasPopup

ariaHasPopup: string

MDN Reference

ariaHidden

ariaHidden: string

MDN Reference

ariaInvalid

ariaInvalid: string

ariaKeyShortcuts

ariaKeyShortcuts: string

MDN Reference

ariaLabel

ariaLabel: string

MDN Reference

ariaLevel

ariaLevel: string

MDN Reference

ariaLive

ariaLive: string

MDN Reference

ariaModal

ariaModal: string

MDN Reference

ariaMultiLine

ariaMultiLine: string

MDN Reference

ariaMultiSelectable

ariaMultiSelectable: string

MDN Reference

ariaOrientation

ariaOrientation: string

MDN Reference

ariaPlaceholder

ariaPlaceholder: string

MDN Reference

ariaPosInSet

ariaPosInSet: string

MDN Reference

ariaPressed

ariaPressed: string

MDN Reference

ariaReadOnly

ariaReadOnly: string

MDN Reference

ariaRequired

ariaRequired: string

MDN Reference

ariaRoleDescription

ariaRoleDescription: string

MDN Reference

ariaRowCount

ariaRowCount: string

MDN Reference

ariaRowIndex

ariaRowIndex: string

MDN Reference

ariaRowSpan

ariaRowSpan: string

MDN Reference

ariaSelected

ariaSelected: string

MDN Reference

ariaSetSize

ariaSetSize: string

MDN Reference

ariaSort

ariaSort: string

MDN Reference

ariaValueMax

ariaValueMax: string

MDN Reference

ariaValueMin

ariaValueMin: string

MDN Reference

ariaValueNow

ariaValueNow: string

MDN Reference

ariaValueText

ariaValueText: string

MDN Reference

`Readonly`assignedSlot

assignedSlot: HTMLSlotElement

MDN Reference

`Readonly`ATTRIBUTE_NODE

ATTRIBUTE_NODE

`Readonly`attributes

attributes: NamedNodeMap

MDN Reference

`Readonly`attributeStyleMap

attributeStyleMap: StylePropertyMap

MDN Reference

autocapitalize

autocapitalize: string

MDN Reference

autofocus

autofocus: boolean

MDN Reference

`Readonly`barebone

barebone: Writable<boolean> = ...

Writable Svelte store indicating if barebone texture downloading is enabled (lower quality, less bandwidth).

`Readonly`baseURI

baseURI: string

Returns node's node document's document base URL.

MDN Reference

`Readonly`canvas

canvas: Canvas = ...

The controller managing the HTML <canvas> element, resizing, and viewport.

`Readonly`canvases

canvases: MicrioImage[] = []

Array holding all instantiated MicrioImage objects managed by this element.

`Readonly`CDATA_SECTION_NODE

CDATA_SECTION_NODE

node is a CDATASection node.

`Readonly`childElementCount

childElementCount: number

MDN Reference

`Readonly`childNodes

childNodes: NodeListOf<ChildNode>

Returns the children.

MDN Reference

`Readonly`children

children: HTMLCollection

Returns the child elements.

MDN Reference

`Readonly`classList

classList: DOMTokenList

Allows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.

MDN Reference

className

className: string

Returns the value of element's class content attribute. Can be set to change it.

MDN Reference

`Readonly`clientHeight

clientHeight: number

MDN Reference

`Readonly`clientLeft

clientLeft: number

MDN Reference

`Readonly`clientTop

clientTop: number

MDN Reference

`Readonly`clientWidth

clientWidth: number

MDN Reference

`Readonly`COMMENT_NODE

COMMENT_NODE

node is a Comment node.

contentEditable

contentEditable: string

MDN Reference

`Readonly`current

current: Writable<MicrioImage> = ...

Writable Svelte store holding the currently active main MicrioImage. Use <micr-io>.open() to change the active image. Subscribe to this store to react to image changes. Access the current value directly using the $current getter.

`Readonly`dataset

dataset: DOMStringMap

MDN Reference

`Optional`defaultSettings

defaultSettings?: Partial<Settings> = ...

Custom settings object provided programmatically, overriding server-fetched settings.

dir

dir: string

MDN Reference

`Readonly`DOCUMENT_FRAGMENT_NODE

DOCUMENT_FRAGMENT_NODE

node is a DocumentFragment node.

`Readonly`DOCUMENT_NODE

DOCUMENT_NODE

node is a document.

`Readonly`DOCUMENT_POSITION_CONTAINED_BY

DOCUMENT_POSITION_CONTAINED_BY

Set when other is a descendant of node.

`Readonly`DOCUMENT_POSITION_CONTAINS

DOCUMENT_POSITION_CONTAINS

Set when other is an ancestor of node.

`Readonly`DOCUMENT_POSITION_DISCONNECTED

DOCUMENT_POSITION_DISCONNECTED

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

`Readonly`DOCUMENT_POSITION_FOLLOWING

DOCUMENT_POSITION_FOLLOWING

Set when other is following node.

`Readonly`DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC

DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC

`Readonly`DOCUMENT_POSITION_PRECEDING

DOCUMENT_POSITION_PRECEDING

Set when other is preceding node.

`Readonly`DOCUMENT_TYPE_NODE

DOCUMENT_TYPE_NODE

node is a doctype.

draggable

draggable: boolean

MDN Reference

`Readonly`ELEMENT_NODE

ELEMENT_NODE

node is an element.

enterKeyHint

enterKeyHint: string

MDN Reference

`Readonly`ENTITY_NODE

ENTITY_NODE

`Readonly`ENTITY_REFERENCE_NODE

ENTITY_REFERENCE_NODE

`Readonly`events

events: Events = ...

The controller managing user input events (mouse, touch, keyboard) and dispatching custom events.

`Readonly`firstChild

firstChild: ChildNode

Returns the first child.

MDN Reference

`Readonly`firstElementChild

firstElementChild: Element

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

MDN Reference

gridInfoData

gridInfoData: {
images: ImageInfo[];
}

Holds loaded grid info data if applicable.

hidden

hidden: boolean

MDN Reference

id

id: string

Returns the value of element's id content attribute. Can be set to change it.

MDN Reference

inert

inert: boolean

MDN Reference

innerHTML

innerHTML: string

MDN Reference

innerText

innerText: string

MDN Reference

inputMode

inputMode: string

MDN Reference

`Readonly`isConnected

isConnected: boolean

Returns true if node is connected and false otherwise.

MDN Reference

`Readonly`isContentEditable

isContentEditable: boolean

MDN Reference

`Readonly`lastChild

lastChild: ChildNode

Returns the last child.

MDN Reference

`Readonly`lastElementChild

lastElementChild: Element

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

MDN Reference

`Readonly`localName

localName: string

Returns the local name.

MDN Reference

`Readonly`namespaceURI

namespaceURI: string

Returns the namespace.

MDN Reference

`Readonly`nextElementSibling

nextElementSibling: Element

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

MDN Reference

`Readonly`nextSibling

nextSibling: ChildNode

Returns the next sibling.

MDN Reference

`Readonly`nodeName

nodeName: string

Returns a string appropriate for the type of node.

MDN Reference

`Readonly`nodeType

nodeType: number

Returns the type of node.

MDN Reference

nodeValue

nodeValue: string

MDN Reference

`Optional`nonce

nonce?: string

MDN Reference

`Readonly`NOTATION_NODE

NOTATION_NODE

`Readonly`offsetHeight

offsetHeight: number

MDN Reference

`Readonly`offsetLeft

offsetLeft: number

MDN Reference

`Readonly`offsetParent

offsetParent: Element

MDN Reference

`Readonly`offsetTop

offsetTop: number

MDN Reference

`Readonly`offsetWidth

offsetWidth: number

MDN Reference

onabort

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

Fires when the user aborts the download.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: UIEvent
    The event.
    
    MDN Reference
  Returns any

onanimationcancel

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

MDN Reference

onanimationend

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

MDN Reference

onanimationiteration

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

MDN Reference

onanimationstart

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

MDN Reference

onauxclick

onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

MDN Reference

onbeforeinput

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

MDN Reference

onbeforetoggle

onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any)

MDN Reference

onblur

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

Fires when the object loses the input focus.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: FocusEvent
    The focus event.
    
    MDN Reference
  Returns any

oncancel

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

MDN Reference

oncanplay

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

Occurs when playback is possible, but would require further buffering.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

oncanplaythrough

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

MDN Reference

onchange

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

Fires when the contents of the object or selection have changed.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onclick

onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

Fires when the user clicks the left mouse button on the object

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: MouseEvent
    The mouse event.
    
    MDN Reference
  Returns any

onclose

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

MDN Reference

oncontextlost

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

MDN Reference

oncontextmenu

oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

Fires when the user clicks the right mouse button in the client area, opening the context menu.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: MouseEvent
    The mouse event.
    
    MDN Reference
  Returns any

oncontextrestored

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

MDN Reference

oncopy

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

MDN Reference

oncuechange

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

MDN Reference

oncut

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

MDN Reference

ondblclick

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

Fires when the user double-clicks the object.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: MouseEvent
    The mouse event.
    
    MDN Reference
  Returns any

ondrag

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

Fires on the source object continuously during a drag operation.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: DragEvent
    The event.
    
    MDN Reference
  Returns any

ondragend

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

Fires on the source object when the user releases the mouse at the close of a drag operation.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: DragEvent
    The event.
    
    MDN Reference
  Returns any

ondragenter

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

Fires on the target element when the user drags the object to a valid drop target.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: DragEvent
    The drag event.
    
    MDN Reference
  Returns any

ondragleave

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

Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: DragEvent
    The drag event.
    
    MDN Reference
  Returns any

ondragover

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

Fires on the target element continuously while the user drags the object over a valid drop target.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: DragEvent
    The event.
    
    MDN Reference
  Returns any

ondragstart

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

Fires on the source object when the user starts to drag a text selection or selected object.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: DragEvent
    The event.
    
    MDN Reference
  Returns any

ondrop

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

MDN Reference

ondurationchange

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

Occurs when the duration attribute is updated.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onemptied

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

Occurs when the media element is reset to its initial state.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onended

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

Occurs when the end of playback is reached.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event
    
    MDN Reference
  Returns any

onerror

onerror: OnErrorEventHandlerNonNull

Fires when an error occurs during object loading.

Param: ev

The event.

MDN Reference

onfocus

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

Fires when the object receives focus.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: FocusEvent
    The event.
    
    MDN Reference
  Returns any

onformdata

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

MDN Reference

onfullscreenchange

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

MDN Reference

onfullscreenerror

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

MDN Reference

ongotpointercapture

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

MDN Reference

oninput

oninput: ((this: GlobalEventHandlers, ev: Event) => any)

MDN Reference

oninvalid

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

MDN Reference

onkeydown

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

Fires when the user presses a key.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: KeyboardEvent
    The keyboard event
    
    MDN Reference
  Returns any

onkeypress

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

Fires when the user presses an alphanumeric key.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: KeyboardEvent
    The event.
  Returns any

Deprecated

MDN Reference

onkeyup

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

Fires when the user releases a key.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: KeyboardEvent
    The keyboard event
    
    MDN Reference
  Returns any

onload

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

Fires immediately after the browser loads the object.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onloadeddata

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

Occurs when media data is loaded at the current playback position.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onloadedmetadata

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

Occurs when the duration and dimensions of the media have been determined.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onloadstart

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

Occurs when Internet Explorer begins looking for media data.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onlostpointercapture

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

MDN Reference

onmousedown

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

Fires when the user clicks the object with either mouse button.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: MouseEvent
    The mouse event.
    
    MDN Reference
  Returns any

onmouseenter

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

MDN Reference

onmouseleave

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

MDN Reference

onmousemove

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

Fires when the user moves the mouse over the object.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: MouseEvent
    The mouse event.
    
    MDN Reference
  Returns any

onmouseout

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

Fires when the user moves the mouse pointer outside the boundaries of the object.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: MouseEvent
    The mouse event.
    
    MDN Reference
  Returns any

onmouseover

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

Fires when the user moves the mouse pointer into the object.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: MouseEvent
    The mouse event.
    
    MDN Reference
  Returns any

onmouseup

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

Fires when the user releases a mouse button while the mouse is over the object.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: MouseEvent
    The mouse event.
    
    MDN Reference
  Returns any

onpaste

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

MDN Reference

onpause

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

Occurs when playback is paused.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onplay

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

Occurs when the play method is requested.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onplaying

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

Occurs when the audio or video has started playing.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onpointercancel

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

MDN Reference

onpointerdown

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

MDN Reference

onpointerenter

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

MDN Reference

onpointerleave

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

MDN Reference

onpointermove

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

MDN Reference

onpointerout

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

MDN Reference

onpointerover

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

MDN Reference

onpointerup

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

MDN Reference

onprogress

onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any)

Occurs to indicate progress while downloading media data.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: ProgressEvent<EventTarget>
    The event.
    
    MDN Reference
  Returns any

onratechange

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

Occurs when the playback rate is increased or decreased.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onreset

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

Fires when the user resets a form.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onresize

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

MDN Reference

onscroll

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

Fires when the user repositions the scroll box in the scroll bar on the object.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onscrollend

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

MDN Reference

onsecuritypolicyviolation

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

MDN Reference

onseeked

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

Occurs when the seek operation ends.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onseeking

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

Occurs when the current playback position is moved.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onselect

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

Fires when the current selection changes.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onselectionchange

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

MDN Reference

onselectstart

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

MDN Reference

onslotchange

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

MDN Reference

onstalled

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

Occurs when the download has stopped.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onsubmit

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

MDN Reference

onsuspend

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

Occurs if the load operation has been intentionally halted.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

ontimeupdate

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

Occurs to indicate the current playback position.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

ontoggle

ontoggle: ((this: GlobalEventHandlers, ev: Event) => any)

MDN Reference

`Optional`ontouchcancel

ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any)

MDN Reference

`Optional`ontouchend

ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any)

MDN Reference

`Optional`ontouchmove

ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any)

MDN Reference

`Optional`ontouchstart

ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any)

MDN Reference

ontransitioncancel

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

MDN Reference

ontransitionend

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

MDN Reference

ontransitionrun

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

MDN Reference

ontransitionstart

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

MDN Reference

onvolumechange

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

Occurs when the volume is changed, or playback is muted or unmuted.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onwaiting

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

Occurs when playback stops because the next frame of a video resource is not available.

Type declaration

- (this, ev): any
- Parameters
  - this: GlobalEventHandlers
  - ev: Event
    The event.
    
    MDN Reference
  Returns any

onwebkitanimationend

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

Deprecated

This is a legacy alias of onanimationend.

MDN Reference

onwebkitanimationiteration

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

Deprecated

This is a legacy alias of onanimationiteration.

MDN Reference

onwebkitanimationstart

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

Deprecated

This is a legacy alias of onanimationstart.

MDN Reference

onwebkittransitionend

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

Deprecated

This is a legacy alias of ontransitionend.

MDN Reference

onwheel

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

MDN Reference

outerHTML

outerHTML: string

MDN Reference

outerText

outerText: string

MDN Reference

`Readonly`ownerDocument

ownerDocument: Document

Returns the node document. Returns null for documents.

MDN Reference

`Readonly`parentElement

parentElement: HTMLElement

Returns the parent element.

MDN Reference

`Readonly`parentNode

parentNode: ParentNode

Returns the parent.

MDN Reference

`Readonly`part

part: DOMTokenList

MDN Reference

popover

popover: string

MDN Reference

`Readonly`prefix

prefix: string

Returns the namespace prefix.

MDN Reference

`Readonly`previousElementSibling

previousElementSibling: Element

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

MDN Reference

`Readonly`previousSibling

previousSibling: ChildNode

Returns the previous sibling.

MDN Reference

`Readonly`PROCESSING_INSTRUCTION_NODE

PROCESSING_INSTRUCTION_NODE

node is a ProcessingInstruction node.

role

role: string

`Readonly`scrollHeight

scrollHeight: number

MDN Reference

scrollLeft

scrollLeft: number

MDN Reference

scrollTop

scrollTop: number

MDN Reference

`Readonly`scrollWidth

scrollWidth: number

MDN Reference

`Readonly`shadowRoot

shadowRoot: ShadowRoot

Returns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.

MDN Reference

slot

slot: string

Returns the value of element's slot content attribute. Can be set to change it.

MDN Reference

spaceData

spaceData: Space

Holds data for the current 360 space, if applicable (loaded via data-space attribute or API).

spellcheck

spellcheck: boolean

MDN Reference

`Readonly`state

state: Main = ...

The main state manager, providing access to various application states (UI visibility, active marker, tour, etc.). See State.Main.

`Readonly`style

style: CSSStyleDeclaration

MDN Reference

tabIndex

tabIndex: number

MDN Reference

`Readonly`tagName

tagName: string

Returns the HTML-uppercased qualified name.

MDN Reference

`Readonly`TEXT_NODE

TEXT_NODE

node is a Text node.

textContent

textContent: string

MDN Reference

title

title: string

MDN Reference

translate

translate: boolean

MDN Reference

`Readonly`visible

visible: Writable<MicrioImage[]> = ...

Writable Svelte store holding an array of currently visible MicrioImage instances (relevant for split-screen or grid).

`Static`jsonCache

jsonCache: Map<string, Object> = jsonCache

Static cache store for downloaded JSON files (like image info).

`Static`VERSION

VERSION: string

The Micrio library version number.

Accessors

$current

get $current(): MicrioImage
Getter for the current value of the current store. Provides direct access to the active MicrioImage instance.

Returns MicrioImage

camera

get camera(): Camera
Getter for the virtual Camera instance of the currently active image.

Returns Camera

lang

get lang(): string
Getter for the current language code.

Returns string
Overrides HTMLElement.lang
set lang(l): void
Setter for the current language code. Triggers language change logic.
Parameters
- l: string
Returns void
Overrides HTMLElement.lang

`Static`observedAttributes

get observedAttributes(): string[]
Observed attributes trigger attributeChangedCallback when changed.

Returns string[]

Methods

addEventListener

addEventListener<K>(type, listener, options?): void
Type Parameters
- K extends keyof MicrioEventDetails
Parameters
- type: K
- listener: ((this: HTMLMicrioElement, ev: MicrioEventMap[K]) => any)
  - - (this, ev): any
    - Parameters
      this: HTMLMicrioElement
      ev: MicrioEventMap[K]
      Returns any
- Optionaloptions: boolean | AddEventListenerOptions
Returns void
Overrides HTMLElement.addEventListener
addEventListener<K>(type, listener, options?): void
Type Parameters
- K extends keyof HTMLElementEventMap
Parameters
- type: K
- listener: ((this: HTMLMicrioElement, ev: HTMLElementEventMap[K]) => any)
  - - (this, ev): any
    - Parameters
      this: HTMLMicrioElement
      ev: HTMLElementEventMap[K]
      Returns any
- Optionaloptions: boolean | AddEventListenerOptions
Returns void
Overrides HTMLElement.addEventListener
addEventListener(type, listener, options?): void
Parameters
- type: string
- listener: ((this: HTMLMicrioElement, ev: Event) => any)
  - - (this, ev): any
    - Parameters
      this: HTMLMicrioElement
      ev: Event
      Returns any
- Optionaloptions: boolean | AddEventListenerOptions
Returns void
Overrides HTMLElement.addEventListener

after

after(...nodes): void
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
- Rest...nodes: (string | Node)[]
Returns void
Inherited from HTMLElement.after

animate

animate(keyframes, options?): Animation
MDN Reference
Parameters
- keyframes: PropertyIndexedKeyframes | Keyframe[]
- Optionaloptions: number | KeyframeAnimationOptions
Returns Animation
Inherited from HTMLElement.animate

append

append(...nodes): void
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
- Rest...nodes: (string | Node)[]
Returns void
Inherited from HTMLElement.append

appendChild

appendChild<T>(node): T
MDN Reference
Type Parameters
- T extends Node
Parameters
- node: T
Returns T
Inherited from HTMLElement.appendChild

attachInternals

attachInternals(): ElementInternals
MDN Reference

Returns ElementInternals
Inherited from HTMLElement.attachInternals

attachShadow

attachShadow(init): ShadowRoot
Creates a shadow root for element and returns it.

MDN Reference
Parameters
- init: ShadowRootInit
Returns ShadowRoot
Inherited from HTMLElement.attachShadow

before

before(...nodes): void
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
- Rest...nodes: (string | Node)[]
Returns void
Inherited from HTMLElement.before

blur

blur(): void
MDN Reference

Returns void
Inherited from HTMLElement.blur

checkVisibility

checkVisibility(options?): boolean
MDN Reference
Parameters
- Optionaloptions: CheckVisibilityOptions
Returns boolean
Inherited from HTMLElement.checkVisibility

click

click(): void
MDN Reference

Returns void
Inherited from HTMLElement.click

cloneNode

cloneNode(deep?): Node
Returns a copy of node. If deep is true, the copy also includes the node's descendants.

MDN Reference
Parameters
- Optionaldeep: boolean
Returns Node
Inherited from HTMLElement.cloneNode

close

close(img): void
Closes an opened MicrioImage. For split-screen images, it triggers the split-end transition. For main images, it removes the canvas from the Wasm controller.
Parameters
- img: MicrioImage
  The MicrioImage instance to close.
Returns void

closest

closest<K>(selector): HTMLElementTagNameMap[K]
Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.

MDN Reference
Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- selector: K
Returns HTMLElementTagNameMap[K]
Inherited from HTMLElement.closest
closest<K>(selector): SVGElementTagNameMap[K]
Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- selector: K
Returns SVGElementTagNameMap[K]
Inherited from HTMLElement.closest
closest<K>(selector): MathMLElementTagNameMap[K]
Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- selector: K
Returns MathMLElementTagNameMap[K]
Inherited from HTMLElement.closest
closest<E>(selectors): E
Type Parameters
- E extends Element = Element
Parameters
- selectors: string
Returns E
Inherited from HTMLElement.closest

compareDocumentPosition

compareDocumentPosition(other): number
Returns a bitmask indicating the position of other relative to node.

MDN Reference
Parameters
- other: Node
Returns number
Inherited from HTMLElement.compareDocumentPosition

computedStyleMap

computedStyleMap(): StylePropertyMapReadOnly
MDN Reference

Returns StylePropertyMapReadOnly
Inherited from HTMLElement.computedStyleMap

contains

contains(other): boolean
Returns true if other is an inclusive descendant of node, and false otherwise.

MDN Reference
Parameters
- other: Node
Returns boolean
Inherited from HTMLElement.contains

destroy

destroy(): void
Destroys the Micrio instance, cleans up resources, and removes event listeners.

Returns void

dispatchEvent

dispatchEvent(event): boolean
Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.

MDN Reference
Parameters
- event: Event
Returns boolean
Inherited from HTMLElement.dispatchEvent

focus

focus(options?): void
MDN Reference
Parameters
- Optionaloptions: FocusOptions
Returns void
Inherited from HTMLElement.focus

getAnimations

getAnimations(options?): Animation[]
MDN Reference
Parameters
- Optionaloptions: GetAnimationsOptions
Returns Animation[]
Inherited from HTMLElement.getAnimations

getAttribute

getAttribute(qualifiedName): string
Returns element's first attribute whose qualified name is qualifiedName, and null if there is no such attribute otherwise.

MDN Reference
Parameters
- qualifiedName: string
Returns string
Inherited from HTMLElement.getAttribute

getAttributeNames

getAttributeNames(): string[]
Returns the qualified names of all element's attributes. Can contain duplicates.

MDN Reference

Returns string[]
Inherited from HTMLElement.getAttributeNames

getAttributeNode

getAttributeNode(qualifiedName): Attr
MDN Reference
Parameters
- qualifiedName: string
Returns Attr
Inherited from HTMLElement.getAttributeNode

getAttributeNodeNS

getAttributeNodeNS(namespace, localName): Attr
MDN Reference
Parameters
- namespace: string
- localName: string
Returns Attr
Inherited from HTMLElement.getAttributeNodeNS

getAttributeNS

getAttributeNS(namespace, localName): string
Returns element's attribute whose namespace is namespace and local name is localName, and null if there is no such attribute otherwise.

MDN Reference
Parameters
- namespace: string
- localName: string
Returns string
Inherited from HTMLElement.getAttributeNS

getBoundingClientRect

getBoundingClientRect(): DOMRect
MDN Reference

Returns DOMRect
Inherited from HTMLElement.getBoundingClientRect

getClientRects

getClientRects(): DOMRectList
MDN Reference

Returns DOMRectList
Inherited from HTMLElement.getClientRects

getElementsByClassName

getElementsByClassName(classNames): HTMLCollectionOf<Element>
Returns a HTMLCollection of the elements in the object on which the method was invoked (a document or an element) that have all the classes given by classNames. The classNames argument is interpreted as a space-separated list of classes.

MDN Reference
Parameters
- classNames: string
Returns HTMLCollectionOf<Element>
Inherited from HTMLElement.getElementsByClassName

getElementsByTagName

getElementsByTagName<K>(qualifiedName): HTMLCollectionOf<HTMLElementTagNameMap[K]>
MDN Reference
Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- qualifiedName: K
Returns HTMLCollectionOf<HTMLElementTagNameMap[K]>
Inherited from HTMLElement.getElementsByTagName
getElementsByTagName<K>(qualifiedName): HTMLCollectionOf<SVGElementTagNameMap[K]>
Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- qualifiedName: K
Returns HTMLCollectionOf<SVGElementTagNameMap[K]>
Inherited from HTMLElement.getElementsByTagName
getElementsByTagName<K>(qualifiedName): HTMLCollectionOf<MathMLElementTagNameMap[K]>
Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- qualifiedName: K
Returns HTMLCollectionOf<MathMLElementTagNameMap[K]>
Inherited from HTMLElement.getElementsByTagName
getElementsByTagName<K>(qualifiedName): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>
Type Parameters
- K extends keyof HTMLElementDeprecatedTagNameMap
Parameters
- qualifiedName: K
Returns HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>
Deprecated
Inherited from HTMLElement.getElementsByTagName
getElementsByTagName(qualifiedName): HTMLCollectionOf<Element>
Parameters
- qualifiedName: string
Returns HTMLCollectionOf<Element>
Inherited from HTMLElement.getElementsByTagName

getElementsByTagNameNS

getElementsByTagNameNS(namespaceURI, localName): HTMLCollectionOf<HTMLElement>
MDN Reference
Parameters
- namespaceURI: "http://www.w3.org/1999/xhtml"
- localName: string
Returns HTMLCollectionOf<HTMLElement>
Inherited from HTMLElement.getElementsByTagNameNS
getElementsByTagNameNS(namespaceURI, localName): HTMLCollectionOf<SVGElement>
Parameters
- namespaceURI: "http://www.w3.org/2000/svg"
- localName: string
Returns HTMLCollectionOf<SVGElement>
Inherited from HTMLElement.getElementsByTagNameNS
getElementsByTagNameNS(namespaceURI, localName): HTMLCollectionOf<MathMLElement>
Parameters
- namespaceURI: "http://www.w3.org/1998/Math/MathML"
- localName: string
Returns HTMLCollectionOf<MathMLElement>
Inherited from HTMLElement.getElementsByTagNameNS
getElementsByTagNameNS(namespace, localName): HTMLCollectionOf<Element>
Parameters
- namespace: string
- localName: string
Returns HTMLCollectionOf<Element>
Inherited from HTMLElement.getElementsByTagNameNS

getHTML

getHTML(options?): string
MDN Reference
Parameters
- Optionaloptions: GetHTMLOptions
Returns string
Inherited from HTMLElement.getHTML

getRootNode

getRootNode(options?): Node
Returns node's root.

MDN Reference
Parameters
- Optionaloptions: GetRootNodeOptions
Returns Node
Inherited from HTMLElement.getRootNode

hasAttribute

hasAttribute(qualifiedName): boolean
Returns true if element has an attribute whose qualified name is qualifiedName, and false otherwise.

MDN Reference
Parameters
- qualifiedName: string
Returns boolean
Inherited from HTMLElement.hasAttribute

hasAttributeNS

hasAttributeNS(namespace, localName): boolean
Returns true if element has an attribute whose namespace is namespace and local name is localName.

MDN Reference
Parameters
- namespace: string
- localName: string
Returns boolean
Inherited from HTMLElement.hasAttributeNS

hasAttributes

hasAttributes(): boolean
Returns true if element has attributes, and false otherwise.

MDN Reference

Returns boolean
Inherited from HTMLElement.hasAttributes

hasChildNodes

hasChildNodes(): boolean
Returns whether node has children.

MDN Reference

Returns boolean
Inherited from HTMLElement.hasChildNodes

hasPointerCapture

hasPointerCapture(pointerId): boolean
MDN Reference
Parameters
- pointerId: number
Returns boolean
Inherited from HTMLElement.hasPointerCapture

hidePopover

hidePopover(): void
MDN Reference

Returns void
Inherited from HTMLElement.hidePopover

insertAdjacentElement

insertAdjacentElement(where, element): Element
MDN Reference
Parameters
- where: InsertPosition
- element: Element
Returns Element
Inherited from HTMLElement.insertAdjacentElement

insertAdjacentHTML

insertAdjacentHTML(position, string): void
MDN Reference
Parameters
- position: InsertPosition
- string: string
Returns void
Inherited from HTMLElement.insertAdjacentHTML

insertAdjacentText

insertAdjacentText(where, data): void
MDN Reference
Parameters
- where: InsertPosition
- data: string
Returns void
Inherited from HTMLElement.insertAdjacentText

insertBefore

insertBefore<T>(node, child): T
MDN Reference
Type Parameters
- T extends Node
Parameters
- node: T
- child: Node
Returns T
Inherited from HTMLElement.insertBefore

isDefaultNamespace

isDefaultNamespace(namespace): boolean
MDN Reference
Parameters
- namespace: string
Returns boolean
Inherited from HTMLElement.isDefaultNamespace

isEqualNode

isEqualNode(otherNode): boolean
Returns whether node and otherNode have the same properties.

MDN Reference
Parameters
- otherNode: Node
Returns boolean
Inherited from HTMLElement.isEqualNode

isSameNode

isSameNode(otherNode): boolean
MDN Reference
Parameters
- otherNode: Node
Returns boolean
Inherited from HTMLElement.isSameNode

lookupNamespaceURI

lookupNamespaceURI(prefix): string
MDN Reference
Parameters
- prefix: string
Returns string
Inherited from HTMLElement.lookupNamespaceURI

lookupPrefix

lookupPrefix(namespace): string
MDN Reference
Parameters
- namespace: string
Returns string
Inherited from HTMLElement.lookupPrefix

matches

matches(selectors): boolean
Returns true if matching selectors against element's root yields element, and false otherwise.

MDN Reference
Parameters
- selectors: string
Returns boolean
Inherited from HTMLElement.matches

normalize

normalize(): void
Removes empty exclusive Text nodes and concatenates the data of remaining contiguous exclusive Text nodes into the first of their nodes.

MDN Reference

Returns void
Inherited from HTMLElement.normalize

open

open(idOrInfo, opts?): MicrioImage
Opens a Micrio image by its ID or by providing partial image info data. This is the primary method for loading and displaying images.
Parameters
- idOrInfo: string | Partial<ImageInfo>
  An image ID string (e.g., 'abcdef123') or a partial Models.ImageInfo.ImageInfo object.
- opts: {
      gridView?: boolean;
      isPassive?: boolean;
      splitScreen?: boolean;
      splitTo?: MicrioImage;
      startView?: View;
      vector?: Vector;
  } = {}
  Options for opening the image.
  - OptionalgridView?: boolean
    If true, keeps the grid view active instead of focusing on the opened image.
  - OptionalisPassive?: boolean
    If true, opens the split-screen view passively (doesn't take focus).
  - OptionalsplitScreen?: boolean
    If true, opens the image as a secondary split-screen view.
  - OptionalsplitTo?: MicrioImage
    The primary image when opening in split-screen mode. Defaults to the current main image.
  - OptionalstartView?: View
    An optional starting view [x0, y0, x1, y1] to apply immediately.
  - Optionalvector?: Vector
    For 360 transitions, provides the direction vector from the previous image.
Returns MicrioImage
The MicrioImage instance being opened.

prepend

prepend(...nodes): void
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
- Rest...nodes: (string | Node)[]
Returns void
Inherited from HTMLElement.prepend

querySelector

querySelector<K>(selectors): HTMLElementTagNameMap[K]
Returns the first element that is a descendant of node that matches selectors.

MDN Reference
Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- selectors: K
Returns HTMLElementTagNameMap[K]
Inherited from HTMLElement.querySelector
querySelector<K>(selectors): SVGElementTagNameMap[K]
Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- selectors: K
Returns SVGElementTagNameMap[K]
Inherited from HTMLElement.querySelector
querySelector<K>(selectors): MathMLElementTagNameMap[K]
Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- selectors: K
Returns MathMLElementTagNameMap[K]
Inherited from HTMLElement.querySelector
querySelector<K>(selectors): HTMLElementDeprecatedTagNameMap[K]
Type Parameters
- K extends keyof HTMLElementDeprecatedTagNameMap
Parameters
- selectors: K
Returns HTMLElementDeprecatedTagNameMap[K]
Deprecated
Inherited from HTMLElement.querySelector
querySelector<E>(selectors): E
Type Parameters
- E extends Element = Element
Parameters
- selectors: string
Returns E
Inherited from HTMLElement.querySelector

querySelectorAll

querySelectorAll<K>(selectors): NodeListOf<HTMLElementTagNameMap[K]>
Returns all element descendants of node that match selectors.

MDN Reference
Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<HTMLElementTagNameMap[K]>
Inherited from HTMLElement.querySelectorAll
querySelectorAll<K>(selectors): NodeListOf<SVGElementTagNameMap[K]>
Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<SVGElementTagNameMap[K]>
Inherited from HTMLElement.querySelectorAll
querySelectorAll<K>(selectors): NodeListOf<MathMLElementTagNameMap[K]>
Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<MathMLElementTagNameMap[K]>
Inherited from HTMLElement.querySelectorAll
querySelectorAll<K>(selectors): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>
Type Parameters
- K extends keyof HTMLElementDeprecatedTagNameMap
Parameters
- selectors: K
Returns NodeListOf<HTMLElementDeprecatedTagNameMap[K]>
Deprecated
Inherited from HTMLElement.querySelectorAll
querySelectorAll<E>(selectors): NodeListOf<E>
Type Parameters
- E extends Element = Element
Parameters
- selectors: string
Returns NodeListOf<E>
Inherited from HTMLElement.querySelectorAll

releasePointerCapture

releasePointerCapture(pointerId): void
MDN Reference
Parameters
- pointerId: number
Returns void
Inherited from HTMLElement.releasePointerCapture

remove

remove(): void
Removes node.

MDN Reference

Returns void
Inherited from HTMLElement.remove

removeAttribute

removeAttribute(qualifiedName): void
Removes element's first attribute whose qualified name is qualifiedName.

MDN Reference
Parameters
- qualifiedName: string
Returns void
Inherited from HTMLElement.removeAttribute

removeAttributeNode

removeAttributeNode(attr): Attr
MDN Reference
Parameters
- attr: Attr
Returns Attr
Inherited from HTMLElement.removeAttributeNode

removeAttributeNS

removeAttributeNS(namespace, localName): void
Removes element's attribute whose namespace is namespace and local name is localName.

MDN Reference
Parameters
- namespace: string
- localName: string
Returns void
Inherited from HTMLElement.removeAttributeNS

removeChild

removeChild<T>(child): T
MDN Reference
Type Parameters
- T extends Node
Parameters
- child: T
Returns T
Inherited from HTMLElement.removeChild

removeEventListener

removeEventListener<K>(type, listener, options?): void
Type Parameters
- K extends keyof MicrioEventDetails
Parameters
- type: K
- listener: ((this: HTMLMicrioElement, ev: MicrioEventMap[K]) => any)
  - - (this, ev): any
    - Parameters
      this: HTMLMicrioElement
      ev: MicrioEventMap[K]
      Returns any
- Optionaloptions: boolean | EventListenerOptions
Returns void
Overrides HTMLElement.removeEventListener
removeEventListener<K>(type, listener, options?): void
Type Parameters
- K extends keyof HTMLElementEventMap
Parameters
- type: K
- listener: ((this: HTMLMicrioElement, ev: HTMLElementEventMap[K]) => any)
  - - (this, ev): any
    - Parameters
      this: HTMLMicrioElement
      ev: HTMLElementEventMap[K]
      Returns any
- Optionaloptions: boolean | EventListenerOptions
Returns void
Overrides HTMLElement.removeEventListener
removeEventListener(type, listener, options?): void
Parameters
- type: string
- listener: ((this: HTMLMicrioElement, ev: Event) => any)
  - - (this, ev): any
    - Parameters
      this: HTMLMicrioElement
      ev: Event
      Returns any
- Optionaloptions: boolean | EventListenerOptions
Returns void
Overrides HTMLElement.removeEventListener

replaceChild

replaceChild<T>(node, child): T
MDN Reference
Type Parameters
- T extends Node
Parameters
- node: Node
- child: T
Returns T
Inherited from HTMLElement.replaceChild

replaceChildren

replaceChildren(...nodes): void
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
- Rest...nodes: (string | Node)[]
Returns void
Inherited from HTMLElement.replaceChildren

replaceWith

replaceWith(...nodes): void
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
- Rest...nodes: (string | Node)[]
Returns void
Inherited from HTMLElement.replaceWith

requestFullscreen

requestFullscreen(options?): Promise<void>
Displays element fullscreen and resolves promise when done.

When supplied, options's navigationUI member indicates whether showing navigation UI while in fullscreen is preferred or not. If set to "show", navigation simplicity is preferred over screen space, and if set to "hide", more screen space is preferred. User agents are always free to honor user preference over the application's. The default value "auto" indicates no application preference.

MDN Reference
Parameters
- Optionaloptions: FullscreenOptions
Returns Promise<void>
Inherited from HTMLElement.requestFullscreen

requestPointerLock

requestPointerLock(options?): Promise<void>
MDN Reference
Parameters
- Optionaloptions: PointerLockOptions
Returns Promise<void>
Inherited from HTMLElement.requestPointerLock

scroll

scroll(options?): void
MDN Reference
Parameters
- Optionaloptions: ScrollToOptions
Returns void
Inherited from HTMLElement.scroll
scroll(x, y): void
Parameters
- x: number
- y: number
Returns void
Inherited from HTMLElement.scroll

scrollBy

scrollBy(options?): void
MDN Reference
Parameters
- Optionaloptions: ScrollToOptions
Returns void
Inherited from HTMLElement.scrollBy
scrollBy(x, y): void
Parameters
- x: number
- y: number
Returns void
Inherited from HTMLElement.scrollBy

scrollIntoView

scrollIntoView(arg?): void
MDN Reference
Parameters
- Optionalarg: boolean | ScrollIntoViewOptions
Returns void
Inherited from HTMLElement.scrollIntoView

scrollTo

scrollTo(options?): void
MDN Reference
Parameters
- Optionaloptions: ScrollToOptions
Returns void
Inherited from HTMLElement.scrollTo
scrollTo(x, y): void
Parameters
- x: number
- y: number
Returns void
Inherited from HTMLElement.scrollTo

setAttribute

setAttribute(qualifiedName, value): void
Sets the value of element's first attribute whose qualified name is qualifiedName to value.

MDN Reference
Parameters
- qualifiedName: string
- value: string
Returns void
Inherited from HTMLElement.setAttribute

setAttributeNode

setAttributeNode(attr): Attr
MDN Reference
Parameters
- attr: Attr
Returns Attr
Inherited from HTMLElement.setAttributeNode

setAttributeNodeNS

setAttributeNodeNS(attr): Attr
MDN Reference
Parameters
- attr: Attr
Returns Attr
Inherited from HTMLElement.setAttributeNodeNS

setAttributeNS

setAttributeNS(namespace, qualifiedName, value): void
Sets the value of element's attribute whose namespace is namespace and local name is localName to value.

MDN Reference
Parameters
- namespace: string
- qualifiedName: string
- value: string
Returns void
Inherited from HTMLElement.setAttributeNS

setHTMLUnsafe

setHTMLUnsafe(html): void
MDN Reference
Parameters
- html: string
Returns void
Inherited from HTMLElement.setHTMLUnsafe

setPointerCapture

setPointerCapture(pointerId): void
MDN Reference
Parameters
- pointerId: number
Returns void
Inherited from HTMLElement.setPointerCapture

showPopover

showPopover(): void
MDN Reference

Returns void
Inherited from HTMLElement.showPopover

toggleAttribute

toggleAttribute(qualifiedName, force?): boolean
If force is not given, "toggles" qualifiedName, removing it if it is present and adding it if it is not present. If force is true, adds qualifiedName. If force is false, removes qualifiedName.

Returns true if qualifiedName is now present, and false otherwise.

MDN Reference
Parameters
- qualifiedName: string
- Optionalforce: boolean
Returns boolean
Inherited from HTMLElement.toggleAttribute

togglePopover

togglePopover(force?): boolean
MDN Reference
Parameters
- Optionalforce: boolean
Returns boolean
Inherited from HTMLElement.togglePopover

webkitMatchesSelector

webkitMatchesSelector(selectors): boolean
Parameters
- selectors: string
Returns boolean
Deprecated
This is a legacy alias of matches.

MDN Reference

Inherited from HTMLElement.webkitMatchesSelector

Class HTMLMicrioElement

Example

Author

Hierarchy

Index

Properties

Accessors

Methods

Properties

accessKey

ReadonlyaccessKeyLabel

ariaAtomic

ariaAutoComplete

ariaBrailleLabel

ariaBrailleRoleDescription

ariaBusy

ariaChecked

ariaColCount

ariaColIndex

ariaColSpan

ariaCurrent

ariaDescription

ariaDisabled

ariaExpanded

ariaHasPopup

ariaHidden

ariaInvalid

ariaKeyShortcuts

ariaLabel

ariaLevel

ariaLive

ariaModal

ariaMultiLine

ariaMultiSelectable

ariaOrientation

ariaPlaceholder

ariaPosInSet

ariaPressed

ariaReadOnly

ariaRequired

ariaRoleDescription

ariaRowCount

ariaRowIndex

ariaRowSpan

ariaSelected

ariaSetSize

ariaSort

ariaValueMax

ariaValueMin

ariaValueNow

ariaValueText

ReadonlyassignedSlot

ReadonlyATTRIBUTE_NODE

Readonlyattributes

ReadonlyattributeStyleMap

autocapitalize

autofocus

Readonlybarebone

ReadonlybaseURI

Readonlycanvas

Readonlycanvases

ReadonlyCDATA_SECTION_NODE

ReadonlychildElementCount

ReadonlychildNodes

Readonlychildren

ReadonlyclassList

className

ReadonlyclientHeight

ReadonlyclientLeft

ReadonlyclientTop

ReadonlyclientWidth

ReadonlyCOMMENT_NODE

contentEditable

Readonlycurrent

Readonlydataset

OptionaldefaultSettings

dir

ReadonlyDOCUMENT_FRAGMENT_NODE

ReadonlyDOCUMENT_NODE

ReadonlyDOCUMENT_POSITION_CONTAINED_BY

`Readonly`accessKeyLabel

`Readonly`assignedSlot

`Readonly`ATTRIBUTE_NODE

`Readonly`attributes

`Readonly`attributeStyleMap

`Readonly`barebone

`Readonly`baseURI

`Readonly`canvas

`Readonly`canvases

`Readonly`CDATA_SECTION_NODE

`Readonly`childElementCount

`Readonly`childNodes

`Readonly`children

`Readonly`classList

`Readonly`clientHeight

`Readonly`clientLeft

`Readonly`clientTop

`Readonly`clientWidth

`Readonly`COMMENT_NODE

`Readonly`current

`Readonly`dataset

`Optional`defaultSettings

`Readonly`DOCUMENT_FRAGMENT_NODE

`Readonly`DOCUMENT_NODE

`Readonly`DOCUMENT_POSITION_CONTAINED_BY

`Readonly`DOCUMENT_POSITION_CONTAINS

`Readonly`DOCUMENT_POSITION_DISCONNECTED

`Readonly`DOCUMENT_POSITION_FOLLOWING

`Readonly`DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC

`Readonly`DOCUMENT_POSITION_PRECEDING

`Readonly`DOCUMENT_TYPE_NODE

`Readonly`ELEMENT_NODE

`Readonly`ENTITY_NODE

`Readonly`ENTITY_REFERENCE_NODE

`Readonly`events

`Readonly`firstChild

`Readonly`firstElementChild

`Readonly`isConnected

`Readonly`isContentEditable

`Readonly`lastChild

`Readonly`lastElementChild

`Readonly`localName

`Readonly`namespaceURI

`Readonly`nextElementSibling

`Readonly`nextSibling

`Readonly`nodeName

`Readonly`nodeType

`Optional`nonce

`Readonly`NOTATION_NODE

`Readonly`offsetHeight

`Readonly`offsetLeft

`Readonly`offsetParent

`Readonly`offsetTop

`Readonly`offsetWidth