chrome-devtools-frontend 1.0.1512147 → 1.0.1513662

package/front_end/core/sdk/DOMModel.ts

@@ -108,30 +108,30 @@ export const ARIA_ATTRIBUTES = new Set<string>([
 ]);
 
 export class DOMNode {
-  #domModelInternal: DOMModel;
+  #domModel: DOMModel;
   #agent: ProtocolProxyApi.DOMApi;
   ownerDocument!: DOMDocument|null;
-  #isInShadowTreeInternal!: boolean;
+  #isInShadowTree!: boolean;
   id!: Protocol.DOM.NodeId;
   index: number|undefined = undefined;
-  #backendNodeIdInternal!: Protocol.DOM.BackendNodeId;
-  #nodeTypeInternal!: number;
-  #nodeNameInternal!: string;
-  #localNameInternal!: string;
+  #backendNodeId!: Protocol.DOM.BackendNodeId;
+  #nodeType!: number;
+  #nodeName!: string;
+  #localName!: string;
   nodeValueInternal!: string;
-  #pseudoTypeInternal!: Protocol.DOM.PseudoType|undefined;
+  #pseudoType!: Protocol.DOM.PseudoType|undefined;
   #pseudoIdentifier?: string;
-  #shadowRootTypeInternal!: Protocol.DOM.ShadowRootType|undefined;
-  #frameOwnerFrameIdInternal!: Protocol.Page.FrameId|null;
+  #shadowRootType!: Protocol.DOM.ShadowRootType|undefined;
+  #frameOwnerFrameId!: Protocol.Page.FrameId|null;
   #xmlVersion!: string|undefined;
-  #isSVGNodeInternal!: boolean;
-  #isScrollableInternal!: boolean;
-  #creationStackTraceInternal: Promise<Protocol.Runtime.StackTrace|null>|null = null;
+  #isSVGNode!: boolean;
+  #isScrollable!: boolean;
+  #creationStackTrace: Promise<Protocol.Runtime.StackTrace|null>|null = null;
   #pseudoElements = new Map<string, DOMNode[]>();
-  #distributedNodesInternal: DOMNodeShortcut[] = [];
+  #distributedNodes: DOMNodeShortcut[] = [];
   assignedSlot: DOMNodeShortcut|null = null;
   readonly shadowRootsInternal: DOMNode[] = [];
-  #attributesInternal = new Map<string, Attribute>();
+  #attributes = new Map<string, Attribute>();
   #markers = new Map<string, unknown>();
   #subtreeMarkerCount = 0;
   childNodeCountInternal!: number;
@@ -144,7 +144,7 @@ export class DOMNode {
   templateContentInternal?: DOMNode;
   contentDocumentInternal?: DOMDocument;
   childDocumentPromiseForTesting?: Promise<DOMDocument|null>;
-  #importedDocumentInternal?: DOMNode;
+  #importedDocument?: DOMNode;
   publicId?: string;
   systemId?: string;
   internalSubset?: string;
@@ -161,8 +161,8 @@ export class DOMNode {
   #retainedNodes?: Set<Protocol.DOM.BackendNodeId>;
 
   constructor(domModel: DOMModel) {
-    this.#domModelInternal = domModel;
-    this.#agent = this.#domModelInternal.getAgent();
+    this.#domModel = domModel;
+    this.#agent = this.#domModel.getAgent();
   }
 
   static create(
@@ -176,24 +176,24 @@ export class DOMNode {
   init(
       doc: DOMDocument|null, isInShadowTree: boolean, payload: Protocol.DOM.Node,
       retainedNodes?: Set<Protocol.DOM.BackendNodeId>): void {
-    this.#agent = this.#domModelInternal.getAgent();
+    this.#agent = this.#domModel.getAgent();
     this.ownerDocument = doc;
-    this.#isInShadowTreeInternal = isInShadowTree;
+    this.#isInShadowTree = isInShadowTree;
 
     this.id = payload.nodeId;
-    this.#backendNodeIdInternal = payload.backendNodeId;
-    this.#domModelInternal.registerNode(this);
-    this.#nodeTypeInternal = payload.nodeType;
-    this.#nodeNameInternal = payload.nodeName;
-    this.#localNameInternal = payload.localName;
+    this.#backendNodeId = payload.backendNodeId;
+    this.#domModel.registerNode(this);
+    this.#nodeType = payload.nodeType;
+    this.#nodeName = payload.nodeName;
+    this.#localName = payload.localName;
     this.nodeValueInternal = payload.nodeValue;
-    this.#pseudoTypeInternal = payload.pseudoType;
+    this.#pseudoType = payload.pseudoType;
     this.#pseudoIdentifier = payload.pseudoIdentifier;
-    this.#shadowRootTypeInternal = payload.shadowRootType;
-    this.#frameOwnerFrameIdInternal = payload.frameId || null;
+    this.#shadowRootType = payload.shadowRootType;
+    this.#frameOwnerFrameId = payload.frameId || null;
     this.#xmlVersion = payload.xmlVersion;
-    this.#isSVGNodeInternal = Boolean(payload.isSVG);
-    this.#isScrollableInternal = Boolean(payload.isScrollable);
+    this.#isSVGNode = Boolean(payload.isSVG);
+    this.#isScrollable = Boolean(payload.isScrollable);
     this.#retainedNodes = retainedNodes;
 
     if (this.#retainedNodes?.has(this.backendNodeId())) {
@@ -208,7 +208,7 @@ export class DOMNode {
     if (payload.shadowRoots) {
       for (let i = 0; i < payload.shadowRoots.length; ++i) {
         const root = payload.shadowRoots[i];
-        const node = DOMNode.create(this.#domModelInternal, this.ownerDocument, true, root, retainedNodes);
+        const node = DOMNode.create(this.#domModel, this.ownerDocument, true, root, retainedNodes);
         this.shadowRootsInternal.push(node);
         node.parentNode = this;
       }
@@ -216,26 +216,26 @@ export class DOMNode {
 
     if (payload.templateContent) {
       this.templateContentInternal =
-          DOMNode.create(this.#domModelInternal, this.ownerDocument, true, payload.templateContent, retainedNodes);
+          DOMNode.create(this.#domModel, this.ownerDocument, true, payload.templateContent, retainedNodes);
       this.templateContentInternal.parentNode = this;
       this.childrenInternal = [];
     }
 
     const frameOwnerTags = new Set(['EMBED', 'IFRAME', 'OBJECT', 'FENCEDFRAME']);
     if (payload.contentDocument) {
-      this.contentDocumentInternal = new DOMDocument(this.#domModelInternal, payload.contentDocument);
+      this.contentDocumentInternal = new DOMDocument(this.#domModel, payload.contentDocument);
       this.contentDocumentInternal.parentNode = this;
       this.childrenInternal = [];
     } else if (payload.frameId && frameOwnerTags.has(payload.nodeName)) {
       // At this point we know we are in an OOPIF, otherwise `payload.contentDocument` would have been set.
-      this.childDocumentPromiseForTesting = this.requestChildDocument(payload.frameId, this.#domModelInternal.target());
+      this.childDocumentPromiseForTesting = this.requestChildDocument(payload.frameId, this.#domModel.target());
       this.childrenInternal = [];
     }
 
     if (payload.importedDocument) {
-      this.#importedDocumentInternal =
-          DOMNode.create(this.#domModelInternal, this.ownerDocument, true, payload.importedDocument, retainedNodes);
-      this.#importedDocumentInternal.parentNode = this;
+      this.#importedDocument =
+          DOMNode.create(this.#domModel, this.ownerDocument, true, payload.importedDocument, retainedNodes);
+      this.#importedDocument.parentNode = this;
       this.childrenInternal = [];
     }
 
@@ -253,19 +253,19 @@ export class DOMNode {
 
     this.setPseudoElements(payload.pseudoElements);
 
-    if (this.#nodeTypeInternal === Node.ELEMENT_NODE) {
+    if (this.#nodeType === Node.ELEMENT_NODE) {
       // HTML and BODY from internal iframes should not overwrite top-level ones.
-      if (this.ownerDocument && !this.ownerDocument.documentElement && this.#nodeNameInternal === 'HTML') {
+      if (this.ownerDocument && !this.ownerDocument.documentElement && this.#nodeName === 'HTML') {
         this.ownerDocument.documentElement = this;
       }
-      if (this.ownerDocument && !this.ownerDocument.body && this.#nodeNameInternal === 'BODY') {
+      if (this.ownerDocument && !this.ownerDocument.body && this.#nodeName === 'BODY') {
         this.ownerDocument.body = this;
       }
-    } else if (this.#nodeTypeInternal === Node.DOCUMENT_TYPE_NODE) {
+    } else if (this.#nodeType === Node.DOCUMENT_TYPE_NODE) {
       this.publicId = payload.publicId;
       this.systemId = payload.systemId;
       this.internalSubset = payload.internalSubset;
-    } else if (this.#nodeTypeInternal === Node.ATTRIBUTE_NODE) {
+    } else if (this.#nodeType === Node.ATTRIBUTE_NODE) {
       this.name = payload.name;
       this.value = payload.value;
     }
@@ -278,8 +278,8 @@ export class DOMNode {
   }
 
   isAdFrameNode(): boolean {
-    if (this.isIframe() && this.#frameOwnerFrameIdInternal) {
-      const frame = FrameManager.instance().getFrame(this.#frameOwnerFrameIdInternal);
+    if (this.isIframe() && this.#frameOwnerFrameId) {
+      const frame = FrameManager.instance().getFrame(this.#frameOwnerFrameId);
       if (!frame) {
         return false;
       }
@@ -289,19 +289,19 @@ export class DOMNode {
   }
 
   isSVGNode(): boolean {
-    return this.#isSVGNodeInternal;
+    return this.#isSVGNode;
   }
 
   isScrollable(): boolean {
-    return this.#isScrollableInternal;
+    return this.#isScrollable;
   }
 
   isMediaNode(): boolean {
-    return this.#nodeNameInternal === 'AUDIO' || this.#nodeNameInternal === 'VIDEO';
+    return this.#nodeName === 'AUDIO' || this.#nodeName === 'VIDEO';
   }
 
   isViewTransitionPseudoNode(): boolean {
-    if (!this.#pseudoTypeInternal) {
+    if (!this.#pseudoType) {
       return false;
     }
 
@@ -312,17 +312,17 @@ export class DOMNode {
       Protocol.DOM.PseudoType.ViewTransitionImagePair,
       Protocol.DOM.PseudoType.ViewTransitionOld,
       Protocol.DOM.PseudoType.ViewTransitionNew,
-    ].includes(this.#pseudoTypeInternal);
+    ].includes(this.#pseudoType);
   }
 
   creationStackTrace(): Promise<Protocol.Runtime.StackTrace|null> {
-    if (this.#creationStackTraceInternal) {
-      return this.#creationStackTraceInternal;
+    if (this.#creationStackTrace) {
+      return this.#creationStackTrace;
     }
 
     const stackTracesPromise = this.#agent.invoke_getNodeStackTraces({nodeId: this.id});
-    this.#creationStackTraceInternal = stackTracesPromise.then(res => res.creation || null);
-    return this.#creationStackTraceInternal;
+    this.#creationStackTrace = stackTracesPromise.then(res => res.creation || null);
+    return this.#creationStackTrace;
   }
 
   get subtreeMarkerCount(): number {
@@ -330,11 +330,11 @@ export class DOMNode {
   }
 
   domModel(): DOMModel {
-    return this.#domModelInternal;
+    return this.#domModel;
   }
 
   backendNodeId(): Protocol.DOM.BackendNodeId {
-    return this.#backendNodeIdInternal;
+    return this.#backendNodeId;
   }
 
   children(): DOMNode[]|null {
@@ -346,11 +346,11 @@ export class DOMNode {
   }
 
   setIsScrollable(isScrollable: boolean): void {
-    this.#isScrollableInternal = isScrollable;
+    this.#isScrollable = isScrollable;
   }
 
   hasAttributes(): boolean {
-    return this.#attributesInternal.size > 0;
+    return this.#attributes.size > 0;
   }
 
   childNodeCount(): number {
@@ -378,23 +378,23 @@ export class DOMNode {
   }
 
   isIframe(): boolean {
-    return this.#nodeNameInternal === 'IFRAME';
+    return this.#nodeName === 'IFRAME';
   }
 
   importedDocument(): DOMNode|null {
-    return this.#importedDocumentInternal || null;
+    return this.#importedDocument || null;
   }
 
   nodeType(): number {
-    return this.#nodeTypeInternal;
+    return this.#nodeType;
   }
 
   nodeName(): string {
-    return this.#nodeNameInternal;
+    return this.#nodeName;
   }
 
   pseudoType(): string|undefined {
-    return this.#pseudoTypeInternal;
+    return this.#pseudoType;
   }
 
   pseudoIdentifier(): string|undefined {
@@ -459,16 +459,15 @@ export class DOMNode {
 
   isInsertionPoint(): boolean {
     return !this.isXMLNode() &&
-        (this.#nodeNameInternal === 'SHADOW' || this.#nodeNameInternal === 'CONTENT' ||
-         this.#nodeNameInternal === 'SLOT');
+        (this.#nodeName === 'SHADOW' || this.#nodeName === 'CONTENT' || this.#nodeName === 'SLOT');
   }
 
   distributedNodes(): DOMNodeShortcut[] {
-    return this.#distributedNodesInternal;
+    return this.#distributedNodes;
   }
 
   isInShadowTree(): boolean {
-    return this.#isInShadowTreeInternal;
+    return this.#isInShadowTree;
   }
 
   ancestorShadowHost(): DOMNode|null {
@@ -477,7 +476,7 @@ export class DOMNode {
   }
 
   ancestorShadowRoot(): DOMNode|null {
-    if (!this.#isInShadowTreeInternal) {
+    if (!this.#isInShadowTree) {
       return null;
     }
 
@@ -497,11 +496,11 @@ export class DOMNode {
   }
 
   isShadowRoot(): boolean {
-    return Boolean(this.#shadowRootTypeInternal);
+    return Boolean(this.#shadowRootType);
   }
 
   shadowRootType(): string|null {
-    return this.#shadowRootTypeInternal || null;
+    return this.#shadowRootType || null;
   }
 
   nodeNameInCorrectCase(): string {
@@ -527,16 +526,16 @@ export class DOMNode {
   setNodeName(name: string, callback?: ((arg0: string|null, arg1: DOMNode|null) => void)): void {
     void this.#agent.invoke_setNodeName({nodeId: this.id, name}).then(response => {
       if (!response.getError()) {
-        this.#domModelInternal.markUndoableState();
+        this.#domModel.markUndoableState();
       }
       if (callback) {
-        callback(response.getError() || null, this.#domModelInternal.nodeForId(response.nodeId));
+        callback(response.getError() || null, this.#domModel.nodeForId(response.nodeId));
       }
     });
   }
 
   localName(): string {
-    return this.#localNameInternal;
+    return this.#localName;
   }
 
   nodeValue(): string {
@@ -550,7 +549,7 @@ export class DOMNode {
   setNodeValue(value: string, callback?: ((arg0: string|null) => void)): void {
     void this.#agent.invoke_setNodeValue({nodeId: this.id, value}).then(response => {
       if (!response.getError()) {
-        this.#domModelInternal.markUndoableState();
+        this.#domModel.markUndoableState();
       }
       if (callback) {
         callback(response.getError() || null);
@@ -559,14 +558,14 @@ export class DOMNode {
   }
 
   getAttribute(name: string): string|undefined {
-    const attr = this.#attributesInternal.get(name);
+    const attr = this.#attributes.get(name);
     return attr ? attr.value : undefined;
   }
 
   setAttribute(name: string, text: string, callback?: ((arg0: string|null) => void)): void {
     void this.#agent.invoke_setAttributesAsText({nodeId: this.id, text, name}).then(response => {
       if (!response.getError()) {
-        this.#domModelInternal.markUndoableState();
+        this.#domModel.markUndoableState();
       }
       if (callback) {
         callback(response.getError() || null);
@@ -577,7 +576,7 @@ export class DOMNode {
   setAttributeValue(name: string, value: string, callback?: ((arg0: string|null) => void)): void {
     void this.#agent.invoke_setAttributeValue({nodeId: this.id, name, value}).then(response => {
       if (!response.getError()) {
-        this.#domModelInternal.markUndoableState();
+        this.#domModel.markUndoableState();
       }
       if (callback) {
         callback(response.getError() || null);
@@ -590,7 +589,7 @@ export class DOMNode {
   }
 
   attributes(): Attribute[] {
-    return [...this.#attributesInternal.values()];
+    return [...this.#attributes.values()];
   }
 
   async removeAttribute(name: string): Promise<void> {
@@ -598,8 +597,8 @@ export class DOMNode {
     if (response.getError()) {
       return;
     }
-    this.#attributesInternal.delete(name);
-    this.#domModelInternal.markUndoableState();
+    this.#attributes.delete(name);
+    this.#domModel.markUndoableState();
   }
 
   getChildNodesPromise(): Promise<DOMNode[]|null> {
@@ -631,7 +630,7 @@ export class DOMNode {
   setOuterHTML(html: string, callback?: ((arg0: string|null) => void)): void {
     void this.#agent.invoke_setOuterHTML({nodeId: this.id, outerHTML: html}).then(response => {
       if (!response.getError()) {
-        this.#domModelInternal.markUndoableState();
+        this.#domModel.markUndoableState();
       }
       if (callback) {
         callback(response.getError() || null);
@@ -642,7 +641,7 @@ export class DOMNode {
   removeNode(callback?: ((arg0: string|null, arg1?: Protocol.DOM.NodeId|undefined) => void)): Promise<void> {
     return this.#agent.invoke_removeNode({nodeId: this.id}).then(response => {
       if (!response.getError()) {
-        this.#domModelInternal.markUndoableState();
+        this.#domModel.markUndoableState();
       }
       if (callback) {
         callback(response.getError() || null);
@@ -652,7 +651,7 @@ export class DOMNode {
 
   path(): string {
     function getNodeKey(node: DOMNode): number|'u'|'a'|'d'|null {
-      if (!node.#nodeNameInternal.length) {
+      if (!node.#nodeName.length) {
         return null;
       }
       if (node.index !== undefined) {
@@ -678,7 +677,7 @@ export class DOMNode {
         break;
       }
 
-      path.push([key, node.#nodeNameInternal]);
+      path.push([key, node.#nodeName]);
       node = node.parentNode;
     }
     path.reverse();
@@ -705,23 +704,22 @@ export class DOMNode {
   }
 
   frameOwnerFrameId(): Protocol.Page.FrameId|null {
-    return this.#frameOwnerFrameIdInternal;
+    return this.#frameOwnerFrameId;
   }
 
   frameId(): Protocol.Page.FrameId|null {
     let node: DOMNode = this.parentNode || this;
-    while (!node.#frameOwnerFrameIdInternal && node.parentNode) {
+    while (!node.#frameOwnerFrameId && node.parentNode) {
       node = node.parentNode;
     }
-    return node.#frameOwnerFrameIdInternal;
+    return node.#frameOwnerFrameId;
   }
 
   setAttributesPayload(attrs: string[]): boolean {
-    let attributesChanged: true|boolean =
-        !this.#attributesInternal || attrs.length !== this.#attributesInternal.size * 2;
-    const oldAttributesMap = this.#attributesInternal || new Map();
+    let attributesChanged: true|boolean = !this.#attributes || attrs.length !== this.#attributes.size * 2;
+    const oldAttributesMap = this.#attributes || new Map();
 
-    this.#attributesInternal = new Map();
+    this.#attributes = new Map();
 
     for (let i = 0; i < attrs.length; i += 2) {
       const name = attrs[i];
@@ -744,8 +742,7 @@ export class DOMNode {
     if (!this.childrenInternal) {
       throw new Error('DOMNode._children is expected to not be null.');
     }
-    const node = DOMNode.create(
-        this.#domModelInternal, this.ownerDocument, this.#isInShadowTreeInternal, payload, this.#retainedNodes);
+    const node = DOMNode.create(this.#domModel, this.ownerDocument, this.#isInShadowTree, payload, this.#retainedNodes);
     this.childrenInternal.splice(prev ? this.childrenInternal.indexOf(prev) + 1 : 0, 0, node);
     this.renumber();
     return node;
@@ -777,7 +774,7 @@ export class DOMNode {
     node.parentNode = null;
     this.#subtreeMarkerCount -= node.#subtreeMarkerCount;
     if (node.#subtreeMarkerCount) {
-      this.#domModelInternal.dispatchEventToListeners(Events.MarkersChanged, this);
+      this.#domModel.dispatchEventToListeners(Events.MarkersChanged, this);
     }
     this.renumber();
   }
@@ -786,8 +783,8 @@ export class DOMNode {
     this.childrenInternal = [];
     for (let i = 0; i < payloads.length; ++i) {
       const payload = payloads[i];
-      const node = DOMNode.create(
-          this.#domModelInternal, this.ownerDocument, this.#isInShadowTreeInternal, payload, this.#retainedNodes);
+      const node =
+          DOMNode.create(this.#domModel, this.ownerDocument, this.#isInShadowTree, payload, this.#retainedNodes);
       this.childrenInternal.push(node);
     }
     this.renumber();
@@ -799,8 +796,8 @@ export class DOMNode {
     }
 
     for (let i = 0; i < payloads.length; ++i) {
-      const node = DOMNode.create(
-          this.#domModelInternal, this.ownerDocument, this.#isInShadowTreeInternal, payloads[i], this.#retainedNodes);
+      const node =
+          DOMNode.create(this.#domModel, this.ownerDocument, this.#isInShadowTree, payloads[i], this.#retainedNodes);
       node.parentNode = this;
       const pseudoType = node.pseudoType();
       if (!pseudoType) {
@@ -816,16 +813,16 @@ export class DOMNode {
   }
 
   setDistributedNodePayloads(payloads: Protocol.DOM.BackendNode[]): void {
-    this.#distributedNodesInternal = [];
+    this.#distributedNodes = [];
     for (const payload of payloads) {
-      this.#distributedNodesInternal.push(new DOMNodeShortcut(
-          this.#domModelInternal.target(), payload.backendNodeId, payload.nodeType, payload.nodeName));
+      this.#distributedNodes.push(
+          new DOMNodeShortcut(this.#domModel.target(), payload.backendNodeId, payload.nodeType, payload.nodeName));
     }
   }
 
   setAssignedSlot(payload: Protocol.DOM.BackendNode): void {
     this.assignedSlot =
-        new DOMNodeShortcut(this.#domModelInternal.target(), payload.backendNodeId, payload.nodeType, payload.nodeName);
+        new DOMNodeShortcut(this.#domModel.target(), payload.backendNodeId, payload.nodeType, payload.nodeName);
   }
 
   private renumber(): void {
@@ -851,11 +848,11 @@ export class DOMNode {
 
   private addAttribute(name: string, value: string): void {
     const attr = {name, value, _node: this};
-    this.#attributesInternal.set(name, attr);
+    this.#attributes.set(name, attr);
   }
 
   setAttributeInternal(name: string, value: string): void {
-    const attr = this.#attributesInternal.get(name);
+    const attr = this.#attributes.get(name);
     if (attr) {
       attr.value = value;
     } else {
@@ -864,7 +861,7 @@ export class DOMNode {
   }
 
   removeAttributeInternal(name: string): void {
-    this.#attributesInternal.delete(name);
+    this.#attributes.delete(name);
   }
 
   copyTo(targetNode: DOMNode, anchorNode: DOMNode|null, callback?: ((arg0: string|null, arg1: DOMNode|null) => void)):
@@ -874,9 +871,9 @@ export class DOMNode {
             {nodeId: this.id, targetNodeId: targetNode.id, insertBeforeNodeId: anchorNode ? anchorNode.id : undefined})
         .then(response => {
           if (!response.getError()) {
-            this.#domModelInternal.markUndoableState();
+            this.#domModel.markUndoableState();
           }
-          const pastedNode = this.#domModelInternal.nodeForId(response.nodeId);
+          const pastedNode = this.#domModel.nodeForId(response.nodeId);
           if (pastedNode) {
             // For every marker in this.#markers, set a marker in the copied node.
             for (const [name, value] of this.#markers) {
@@ -896,10 +893,10 @@ export class DOMNode {
             {nodeId: this.id, targetNodeId: targetNode.id, insertBeforeNodeId: anchorNode ? anchorNode.id : undefined})
         .then(response => {
           if (!response.getError()) {
-            this.#domModelInternal.markUndoableState();
+            this.#domModel.markUndoableState();
           }
           if (callback) {
-            callback(response.getError() || null, this.#domModelInternal.nodeForId(response.nodeId));
+            callback(response.getError() || null, this.#domModel.nodeForId(response.nodeId));
           }
         });
   }
@@ -919,7 +916,7 @@ export class DOMNode {
         --node.#subtreeMarkerCount;
       }
       for (let node: (DOMNode|null) = this; node; node = node.parentNode) {
-        this.#domModelInternal.dispatchEventToListeners(Events.MarkersChanged, node);
+        this.#domModel.dispatchEventToListeners(Events.MarkersChanged, node);
       }
       return;
     }
@@ -931,7 +928,7 @@ export class DOMNode {
     }
     this.#markers.set(name, value);
     for (let node: (DOMNode|null) = this; node; node = node.parentNode) {
-      this.#domModelInternal.dispatchEventToListeners(Events.MarkersChanged, node);
+      this.#domModel.dispatchEventToListeners(Events.MarkersChanged, node);
     }
   }
 
@@ -975,18 +972,18 @@ export class DOMNode {
   }
 
   highlight(mode?: string): void {
-    this.#domModelInternal.overlayModel().highlightInOverlay({node: this, selectorList: undefined}, mode);
+    this.#domModel.overlayModel().highlightInOverlay({node: this, selectorList: undefined}, mode);
   }
 
   highlightForTwoSeconds(): void {
-    this.#domModelInternal.overlayModel().highlightInOverlayForTwoSeconds({node: this, selectorList: undefined});
+    this.#domModel.overlayModel().highlightInOverlayForTwoSeconds({node: this, selectorList: undefined});
   }
 
   async resolveToObject(objectGroup?: string, executionContextId?: Protocol.Runtime.ExecutionContextId):
       Promise<RemoteObject|null> {
     const {object} = await this.#agent.invoke_resolveNode(
         {nodeId: this.id, backendNodeId: undefined, executionContextId, objectGroup});
-    return object && this.#domModelInternal.runtimeModelInternal.createRemoteObject(object) || null;
+    return object && this.#domModel.runtimeModelInternal.createRemoteObject(object) || null;
   }
 
   async boxModel(): Promise<Protocol.DOM.BoxModel|null> {
@@ -1075,7 +1072,7 @@ export class DOMNode {
     }
 
     node.highlightForTwoSeconds();
-    await this.#domModelInternal.target().pageAgent().invoke_bringToFront();
+    await this.#domModel.target().pageAgent().invoke_bringToFront();
 
     function focusInPage(this: HTMLElement): void {
       this.focus();
@@ -1841,6 +1838,9 @@ class DOMDispatcher implements ProtocolProxyApi.DOMDispatcher {
   scrollableFlagUpdated({nodeId, isScrollable}: Protocol.DOM.ScrollableFlagUpdatedEvent): void {
     this.#domModel.scrollableFlagUpdated(nodeId, isScrollable);
   }
+
+  affectedByStartingStylesFlagUpdated(_: Protocol.DOM.AffectedByStartingStylesFlagUpdatedEvent): void {
+  }
 }
 
 let domModelUndoStackInstance: DOMModelUndoStack|null = null;