DevTools: Type all properties on TimelinePaintProfilerView

third_party/WebKit/Source/devtools/front_end/timeline/TimelinePaintProfilerView.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-/**
- * @unrestricted
- */
+
 Timeline.TimelinePaintProfilerView = class extends UI.SplitWidget {
   /**
    * @param {!TimelineModel.TimelineFrameModel} frameModel
    */
   constructor(frameModel) {
     super(false, false);
     this.element.classList.add('timeline-paint-profiler-view');
     this.setSidebarSize(60);
     this.setResizable(false);
 
     this._frameModel = frameModel;
     this._logAndImageSplitWidget = new UI.SplitWidget(true, false);
     this._logAndImageSplitWidget.element.classList.add('timeline-paint-profiler-log-split');
     this.setMainWidget(this._logAndImageSplitWidget);
     this._imageView = new Timeline.TimelinePaintImageView();
     this._logAndImageSplitWidget.setMainWidget(this._imageView);
 
     this._paintProfilerView = new LayerViewer.PaintProfilerView(this._imageView.showImage.bind(this._imageView));
     this._paintProfilerView.addEventListener(
         LayerViewer.PaintProfilerView.Events.WindowChanged, this._onWindowChanged, this);
     this.setSidebarWidget(this._paintProfilerView);
 
     this._logTreeView = new LayerViewer.PaintProfilerCommandLogView();
     this._logAndImageSplitWidget.setSidebarWidget(this._logTreeView);
+
+    this._needsUpdateWhenVisible = false;
+    /** @type {?SDK.PaintProfilerSnapshot} */
+    this._pendingSnapshot = null;
+    /** @type {?SDK.TracingModel.Event} */
+    this._event = null;
+    /** @type {?SDK.Target} */
+    this._target = null;
+    /** @type {?SDK.PaintProfilerSnapshot} */
+    this._lastLoadedSnapshot = null;
   }
 
   /**
    * @override
    */
   wasShown() {
     if (this._needsUpdateWhenVisible) {
       this._needsUpdateWhenVisible = false;
       this._update();
     }
@@ skipping 37 matching lines @@
 
   _update() {
     this._logTreeView.setCommandLog(null, []);
     this._paintProfilerView.setSnapshotAndLog(null, [], null);
 
     var snapshotPromise;
     if (this._pendingSnapshot) {
       snapshotPromise = Promise.resolve({rect: null, snapshot: this._pendingSnapshot});
     } else if (this._event.name === TimelineModel.TimelineModel.RecordType.Paint) {
       var picture = TimelineModel.TimelineData.forEvent(this._event).picture;
-      snapshotPromise = picture.objectPromise()
-                            .then(data => SDK.PaintProfilerSnapshot.load(this._target, data['skp64']))
-                            .then(snapshot => snapshot && {rect: null, snapshot: snapshot});
+      snapshotPromise =
+          picture.objectPromise()
+              .then(data => SDK.PaintProfilerSnapshot.load(/** @type {!SDK.Target} */ (this._target), data['skp64']))
+              .then(snapshot => snapshot && {rect: null, snapshot: snapshot});
     } else if (this._event.name === TimelineModel.TimelineModel.RecordType.RasterTask) {
       snapshotPromise = this._frameModel.rasterTilePromise(this._event);
     } else {
       console.assert(false, 'Unexpected event type or no snapshot');
       return;
     }
     snapshotPromise.then(snapshotWithRect => {
       this._releaseSnapshot();
       if (!snapshotWithRect) {
         this._imageView.showImage();
@@ skipping 103 matching lines @@
   }
 
   /**
    * @param {?Protocol.DOM.Rect} maskRectangle
    */
   setMask(maskRectangle) {
     this._maskRectangle = maskRectangle;
     this._maskElement.classList.toggle('hidden', !maskRectangle);
   }
 };