Class VirtualElementImpl

packages/qwik/src/core/render/dom/virtual-element.ts:130–334

export const VIRTUAL = ':virtual';

export class VirtualElementImpl implements VirtualElement {
  ownerDocument: Document;
  _qc_: any = null;

  readonly nodeType = 111 as const;
  readonly localName = VIRTUAL;
  readonly nodeName = VIRTUAL;

  private $attributes$: Record<string, string>;
  private $template$: HTMLTemplateElement;

  constructor(
    readonly open: Comment,
    readonly close: Comment,
    readonly isSvg: boolean
  ) {
    const doc = (this.ownerDocument = open.ownerDocument);
    this.$template$ = createElement(doc, 'template', false) as HTMLTemplateElement;
    this.$attributes$ = parseVirtualAttributes(open.data.slice(3));
    assertTrue(open.data.startsWith('qv '), 'comment is not a qv');
    (open as any)[VIRTUAL_SYMBOL] = this;
    (close as any)[VIRTUAL_SYMBOL] = this;
    seal(this);
  }

  insertBefore<T extends Node>(node: T, ref: Node | null): T {
    const parent = this.parentElement;
    if (parent) {
      const ref2 = ref ? ref : this.close;
      parent.insertBefore(node, ref2);
    } else {
      this.$template$.insertBefore(node, ref);
    }
    return node;
  }

  remove() {
    const parent = this.parentElement;
    if (parent) {
      const ch = this.childNodes;
      assertEqual(this.$template$.childElementCount, 0, 'children should be empty');
      parent.removeChild(this.open);
      for (let i = 0; i < ch.length; i++) {
        this.$template$.appendChild(ch[i]);
      }
      parent.removeChild(this.close);
    }
  }

  appendChild<T extends Node>(node: T): T {
    return this.insertBefore(node, null);
  }

  insertBeforeTo(newParent: QwikElement, child: Node | null) {
    // const ch = this.childNodes;
    const ch = this.childNodes;
    // TODO
    // if (this.parentElement) {