Class NodeComponent<T>Abstract

Readonlynode

append

• append(...components: NodeComponent<any>[]): NodeComponent<T>

  Insert component after the last child

  Parameters

  • ...components: NodeComponent<any>[]

  Returns NodeComponent<T>

Abstractclone

• clone(deep?: boolean): NodeComponent<T>

  Clone this component. Event listeners are not cloned.

  Parameters

  • Optionaldeep: boolean

    Whether to clone the whole subtree.

  Returns NodeComponent<T>

  A duplicate of this component.

  See

  Node: cloneNode() - MDN

context

• context(fn: (this: this, component: this) => any): this

  Run a function in the context of this component

  Parameters

  • fn: (this: this, component: this) => any

    Provides this component as the first argument and this.

  Returns this

empty

• empty(): NodeComponent<T>

  Empty the component (remove children)

  Returns NodeComponent<T>

on

• on(
      type: string,
      listener: (ev: Event, component: this) => any,
  ): NodeComponent<T>

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.

  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.

  Returns NodeComponent<T>

• on(
      type: string,
      listener: (ev: Event, component: this) => any,
      options: AddEventListenerOptions,
  ): NodeComponent<T>

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.

  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.

  • options: AddEventListenerOptions

    An object that specifies characteristics about the event listener. See options on MDN

  Returns NodeComponent<T>

• on(
      type: string,
      listener: (ev: Event, component: this) => any,
      useCapture: boolean,
  ): NodeComponent<T>

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.

  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.

  • useCapture: boolean

    See useCapture on MDN

  Returns NodeComponent<T>

slot

• slot(slot: string, parent?: ParentNode): NodeComponent<T>

  Render this component in the place of a <slot name="…"></slot>.

  Parameters

  • slot: string

    The slot name

  • Optionalparent: ParentNode = document

    The parent element within to search for slots. Defaults to document

  Returns NodeComponent<T>

  Throws

  DOMException When the slot is not found

text

• text(text: string): NodeComponent<T>

  Set text content

  Parameters

  • text: string

  Returns NodeComponent<T>