Abstract
Readonly
attributesReadonly
classesReadonly
dataProtected
enteredReadonly
idReadonly
logOptional
observingOptional
removedProtected
Readonly
scrollableReadonly
styleThe number of child elements of this component.
The dataset
of the internal element.
The element that this Component
instance wraps.
The selectable layer of this element, or false
if it is not selectable.
Alias of .element.addEventListener
, except it returns this
instead and prevents memory leaks
Optional
options: boolean | AddEventListenerOptionsAppends every element of a list of components/elements.
Rest
...elements: ArrayOfIterablesOr<undefined | false | HTMLElement | default<HTMLElement>>A varargs list of elements or iterables of elements. Falsy values are skipped
Appends every element of a list of components/elements.
Where in this component to insert new components. See AppendStrategy
Rest
...elements: ArrayOfIterablesOr<undefined | false | HTMLElement | default<HTMLElement>>A varargs list of elements or iterables of elements. Falsy values are skipped
Appends this component to another element, by selector, element, or component.
Optional
where: null | string | HTMLElement | default<HTMLElement>A CSS selector, an element, or a component to append this component to.
Optional
appendStrategy: AppendStrategyWhere in the new container to insert this component. See AppendStrategy
Returns a stream of this component's child components. Child elements that don't have associated components will be undefined
.
Optional
selector: stringA selector that each element must match to be included in the result stream
Protected
getProtected
getThe ID is used for Switch With
context menu options
Protected
onProtected
onProtected
onRest
...untilEvents: (keyof IQuadrantComponentEvents)[]Rest
...untilEvents: (keyof IQuadrantComponentEvents)[]Protected
registerRuns the given callback with the given arguments. this
and the first argument are this element.
Runs the given callback with the given arguments. this
and the first argument are this element.
Runs the given callback with the given arguments, after the specified amount of time.
this
and the first argument are this element.
Runs the given callback with the given arguments, after the specified amount of time.
this
and the first argument are this element.
Runs the given callback with the given arguments, after the specified amount of time.
this
and the first argument are this element.
The amount of time to wait before running the callback, in milliseconds.
The span of time to debounce in. (If this callback was scheduled again in this time, skip this earlier call)
The callback to run.
Rest
...args: AThe arguments with which to call the callback.
Runs the given callback with the given arguments, after the specified amount of time.
this
and the first argument are this element.
The amount of time to wait before running the callback, in milliseconds.
The span of time to debounce in. (If this callback was scheduled again in this time, skip this earlier call)
Optional
cb: ((this: default, component: default) => any)The callback to run.
Rest
...args: any[]The arguments with which to call the callback.
Scrolls this element so the given child is at the top of the viewport.
Optional
child: HTMLElement | default<HTMLElement>The child to scroll to
Optional
ms: numberThe time to take, defaulting to 1000 (1 second)
Scrolls this element so the given child is at the top of the viewport.
The child to scroll to
An offset for the position to scroll to, relative to the position of the child
Optional
ms: numberThe time to take, defaulting to 1000 (1 second)
Sets the contents of this element using innerHTML
.
The content, an HTML string. Script tags will not be executed, as per the normal functionality of innerHTML
Only the text within the HTML will be appended, not the tags.
Removes the context menu from this element.
Sets the context menu for this element.
Optional
priority: numberWarning: This method will replace the internal element backing this component.
Only call this directly after constructing the element.
Warning: This method will replace the internal element backing this component.
Only call this directly after constructing the element.
Optional
elementType: stringOptional
namespace: SVGOptional
highlight: IHighlightChanges the quadrant of this element, then emits the ChangeQuadrant
event
with the parameters being the new quadrant and the old quadrant.
Does not emit the event if the quadrant is not changing.
Protected
shouldReturns a stream of this component's sibling components. Child elements that don't have associated components will be undefined
.
Optional
selector: stringA selector that each element must match to be included in the result stream
Static
allStatic
appendStatic
findStatic
getStatic
getStatic
removeGenerated using TypeDoc
An element that displays in one quadrant of the screen.
The current quadrant is stored in a data attribute
[data-quadrant]
as the name of the quadrant (@seeQuadrant
)Changing the quadrant via
Quadrant->setQuadrant
will emit the eventChangeQuadrant
with the parameters being the new quadrant and the old quadrant.Changing the quadrant will not affect other elements: this is the responsisibility of the parent.