chrome-devtools-frontend 1.0.1512349 → 1.0.1513662

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (324) hide show
  1. package/docs/cookbook/release_management.md +15 -13
  2. package/docs/get_the_code.md +114 -35
  3. package/front_end/core/common/Color.ts +40 -44
  4. package/front_end/core/common/Console.ts +4 -4
  5. package/front_end/core/common/ParsedURL.ts +14 -14
  6. package/front_end/core/common/ResourceType.ts +20 -20
  7. package/front_end/core/common/SegmentedRange.ts +13 -14
  8. package/front_end/core/common/Settings.ts +4 -4
  9. package/front_end/core/common/StringOutputStream.ts +4 -4
  10. package/front_end/core/host/GdpClient.ts +38 -0
  11. package/front_end/core/host/InspectorFrontendHost.ts +4 -1
  12. package/front_end/core/host/InspectorFrontendHostAPI.ts +2 -0
  13. package/front_end/core/host/ResourceLoader.ts +2 -2
  14. package/front_end/core/host/UserMetrics.ts +0 -2
  15. package/front_end/core/protocol_client/InspectorBackend.ts +9 -9
  16. package/front_end/core/root/Runtime.ts +5 -2
  17. package/front_end/core/sdk/AccessibilityModel.ts +48 -48
  18. package/front_end/core/sdk/AnimationModel.ts +78 -79
  19. package/front_end/core/sdk/CPUProfilerModel.ts +5 -5
  20. package/front_end/core/sdk/CPUThrottlingManager.ts +17 -17
  21. package/front_end/core/sdk/CSSMatchedStyles.ts +44 -44
  22. package/front_end/core/sdk/CSSMedia.ts +22 -22
  23. package/front_end/core/sdk/CSSModel.ts +4 -4
  24. package/front_end/core/sdk/CSSProperty.ts +9 -9
  25. package/front_end/core/sdk/CSSPropertyParser.ts +1 -2
  26. package/front_end/core/sdk/CSSRule.ts +3 -3
  27. package/front_end/core/sdk/CSSStyleDeclaration.ts +27 -28
  28. package/front_end/core/sdk/CSSStyleSheetHeader.ts +13 -13
  29. package/front_end/core/sdk/CategorizedBreakpoint.ts +4 -4
  30. package/front_end/core/sdk/ChildTargetManager.ts +6 -6
  31. package/front_end/core/sdk/CompilerSourceMappingContentProvider.ts +4 -4
  32. package/front_end/core/sdk/ConsoleModel.ts +24 -24
  33. package/front_end/core/sdk/Cookie.ts +16 -16
  34. package/front_end/core/sdk/CookieParser.ts +6 -6
  35. package/front_end/core/sdk/DOMDebuggerModel.ts +88 -89
  36. package/front_end/core/sdk/DOMModel.ts +113 -113
  37. package/front_end/core/sdk/DebuggerModel.ts +102 -103
  38. package/front_end/core/sdk/EmulationModel.ts +6 -6
  39. package/front_end/core/sdk/EventBreakpointsModel.ts +5 -5
  40. package/front_end/core/sdk/HeapProfilerModel.ts +5 -5
  41. package/front_end/core/sdk/IsolateManager.ts +26 -26
  42. package/front_end/core/sdk/LayerTreeBase.ts +29 -30
  43. package/front_end/core/sdk/OverlayModel.ts +6 -6
  44. package/front_end/core/sdk/Resource.ts +43 -43
  45. package/front_end/core/sdk/ResourceTreeModel.ts +58 -61
  46. package/front_end/core/sdk/RuntimeModel.ts +12 -13
  47. package/front_end/core/sdk/SDKModel.ts +3 -3
  48. package/front_end/core/sdk/Script.ts +17 -17
  49. package/front_end/core/sdk/SecurityOriginManager.ts +14 -14
  50. package/front_end/core/sdk/ServerTiming.ts +2 -2
  51. package/front_end/core/sdk/ServiceWorkerCacheModel.ts +15 -15
  52. package/front_end/core/sdk/ServiceWorkerManager.ts +19 -24
  53. package/front_end/core/sdk/SourceMap.ts +10 -10
  54. package/front_end/core/sdk/StorageKeyManager.ts +12 -12
  55. package/front_end/core/sdk/Target.ts +33 -34
  56. package/front_end/core/sdk/TargetManager.ts +20 -20
  57. package/front_end/entrypoints/formatter_worker/AcornTokenizer.ts +8 -8
  58. package/front_end/entrypoints/formatter_worker/HTMLFormatter.ts +7 -7
  59. package/front_end/entrypoints/heap_snapshot_worker/AllocationProfile.ts +7 -7
  60. package/front_end/entrypoints/heap_snapshot_worker/HeapSnapshot.ts +24 -24
  61. package/front_end/entrypoints/main/GlobalAiButton.ts +3 -3
  62. package/front_end/entrypoints/main/MainImpl.ts +16 -14
  63. package/front_end/entrypoints/main/main-meta.ts +1 -2
  64. package/front_end/generated/InspectorBackendCommands.js +3 -2
  65. package/front_end/generated/SupportedCSSProperties.js +20 -0
  66. package/front_end/generated/protocol-mapping.d.ts +4 -0
  67. package/front_end/generated/protocol-proxy-api.d.ts +5 -0
  68. package/front_end/generated/protocol.ts +20 -0
  69. package/front_end/models/ai_assistance/agents/PerformanceAgent.ts +15 -16
  70. package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.snapshot.txt +127 -0
  71. package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts +149 -26
  72. package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt +6 -0
  73. package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts +9 -10
  74. package/front_end/models/badges/AiExplorerBadge.ts +21 -0
  75. package/front_end/models/badges/Badge.ts +3 -5
  76. package/front_end/models/badges/CodeWhispererBadge.ts +21 -0
  77. package/front_end/models/badges/DOMDetectiveBadge.ts +4 -3
  78. package/front_end/models/badges/SpeedsterBadge.ts +6 -4
  79. package/front_end/models/badges/StarterBadge.ts +4 -3
  80. package/front_end/models/badges/UserBadges.ts +29 -3
  81. package/front_end/models/bindings/CSSWorkspaceBinding.ts +6 -6
  82. package/front_end/models/bindings/DebuggerLanguagePlugins.ts +18 -18
  83. package/front_end/models/bindings/FileUtils.ts +15 -15
  84. package/front_end/models/bindings/ResourceScriptMapping.ts +14 -14
  85. package/front_end/models/elements/ElementUpdateRecord.ts +11 -11
  86. package/front_end/models/emulation/DeviceModeModel.ts +123 -131
  87. package/front_end/models/emulation/EmulatedDevices.ts +22 -22
  88. package/front_end/models/extensions/ExtensionPanel.ts +24 -24
  89. package/front_end/models/extensions/ExtensionServer.ts +4 -4
  90. package/front_end/models/javascript_metadata/NativeFunctions.js +14 -2
  91. package/front_end/models/persistence/IsolatedFileSystem.ts +18 -19
  92. package/front_end/models/persistence/IsolatedFileSystemManager.ts +13 -13
  93. package/front_end/models/trace/EventsSerializer.ts +5 -5
  94. package/front_end/models/trace/LanternComputationData.ts +10 -10
  95. package/front_end/models/trace/ModelImpl.ts +32 -41
  96. package/front_end/models/trace/Processor.ts +28 -30
  97. package/front_end/models/trace/extras/FilmStrip.ts +6 -6
  98. package/front_end/models/trace/extras/StackTraceForEvent.ts +22 -25
  99. package/front_end/models/trace/extras/ThirdParties.ts +16 -17
  100. package/front_end/models/trace/extras/TraceFilter.ts +1 -1
  101. package/front_end/models/trace/handlers/Threads.ts +10 -10
  102. package/front_end/models/trace/handlers/helpers.ts +9 -9
  103. package/front_end/models/trace/handlers/types.ts +3 -3
  104. package/front_end/models/trace/insights/CLSCulprits.ts +12 -14
  105. package/front_end/models/trace/insights/Cache.ts +8 -4
  106. package/front_end/models/trace/insights/DOMSize.ts +8 -5
  107. package/front_end/models/trace/insights/DocumentLatency.ts +2 -2
  108. package/front_end/models/trace/insights/DuplicatedJavaScript.ts +3 -3
  109. package/front_end/models/trace/insights/FontDisplay.ts +3 -4
  110. package/front_end/models/trace/insights/ForcedReflow.ts +3 -3
  111. package/front_end/models/trace/insights/INPBreakdown.ts +2 -2
  112. package/front_end/models/trace/insights/ImageDelivery.ts +11 -11
  113. package/front_end/models/trace/insights/LCPBreakdown.ts +4 -4
  114. package/front_end/models/trace/insights/LCPDiscovery.ts +4 -4
  115. package/front_end/models/trace/insights/LegacyJavaScript.ts +2 -2
  116. package/front_end/models/trace/insights/ModernHTTP.ts +4 -5
  117. package/front_end/models/trace/insights/NetworkDependencyTree.ts +12 -12
  118. package/front_end/models/trace/insights/RenderBlocking.ts +9 -10
  119. package/front_end/models/trace/insights/SlowCSSSelector.ts +2 -2
  120. package/front_end/models/trace/insights/ThirdParties.ts +4 -5
  121. package/front_end/models/trace/insights/Viewport.ts +8 -5
  122. package/front_end/models/trace/insights/types.ts +1 -0
  123. package/front_end/models/trace/lantern/testing/MetricTestUtils.ts +10 -10
  124. package/front_end/panels/accessibility/AXBreadcrumbsPane.ts +52 -52
  125. package/front_end/panels/accessibility/AccessibilitySidebarView.ts +8 -8
  126. package/front_end/panels/animation/AnimationTimeline.ts +5 -5
  127. package/front_end/panels/animation/AnimationUI.ts +22 -23
  128. package/front_end/panels/application/ApplicationPanelSidebar.ts +12 -12
  129. package/front_end/panels/application/DOMStorageModel.ts +23 -23
  130. package/front_end/panels/application/ExtensionStorageModel.ts +31 -31
  131. package/front_end/panels/application/IndexedDBModel.ts +1 -0
  132. package/front_end/panels/application/PreloadingTreeElement.ts +8 -8
  133. package/front_end/panels/application/ServiceWorkersView.ts +0 -53
  134. package/front_end/panels/application/preloading/components/PreloadingDisabledInfobar.ts +2 -2
  135. package/front_end/panels/application/preloading/components/UsedPreloadingView.ts +2 -2
  136. package/front_end/panels/common/BadgeNotification.ts +24 -4
  137. package/front_end/panels/common/GdpSignUpDialog.ts +5 -0
  138. package/front_end/panels/common/badgeNotification.css +26 -9
  139. package/front_end/panels/console/ConsoleContextSelector.ts +9 -9
  140. package/front_end/panels/console/ConsolePrompt.ts +8 -5
  141. package/front_end/panels/console/ConsoleView.ts +13 -13
  142. package/front_end/panels/console/ConsoleViewport.ts +29 -29
  143. package/front_end/panels/coverage/CoverageModel.ts +22 -22
  144. package/front_end/panels/elements/ClassesPaneWidget.ts +1 -1
  145. package/front_end/panels/elements/ComputedStyleModel.ts +17 -18
  146. package/front_end/panels/elements/DOMPath.ts +2 -2
  147. package/front_end/panels/elements/ElementsPanel.ts +13 -13
  148. package/front_end/panels/elements/ElementsTreeElement.ts +18 -18
  149. package/front_end/panels/elements/ElementsTreeOutline.ts +41 -48
  150. package/front_end/panels/elements/ShortcutTreeElement.ts +4 -4
  151. package/front_end/panels/elements/StylePropertiesSection.ts +4 -4
  152. package/front_end/panels/elements/StylePropertyTreeElement.ts +49 -50
  153. package/front_end/panels/elements/StylesSidebarPane.ts +19 -19
  154. package/front_end/panels/emulation/DeviceModeToolbar.ts +7 -7
  155. package/front_end/panels/emulation/DeviceModeView.ts +6 -6
  156. package/front_end/panels/emulation/MediaQueryInspector.ts +18 -18
  157. package/front_end/panels/event_listeners/EventListenersView.ts +13 -14
  158. package/front_end/panels/layer_viewer/LayerTreeOutline.ts +3 -3
  159. package/front_end/panels/layer_viewer/LayerViewHost.ts +13 -13
  160. package/front_end/panels/layer_viewer/PaintProfilerView.ts +9 -10
  161. package/front_end/panels/layer_viewer/TransformController.ts +34 -36
  162. package/front_end/panels/layers/LayerTreeModel.ts +41 -40
  163. package/front_end/panels/lighthouse/LighthouseReportSelector.ts +13 -13
  164. package/front_end/panels/lighthouse/LighthouseStartView.ts +7 -7
  165. package/front_end/panels/media/PlayerMessagesView.ts +5 -5
  166. package/front_end/panels/media/TickingFlameChart.ts +24 -24
  167. package/front_end/panels/media/TickingFlameChartHelpers.ts +32 -32
  168. package/front_end/panels/network/NetworkItemView.ts +4 -4
  169. package/front_end/panels/network/NetworkLogViewColumns.ts +29 -29
  170. package/front_end/panels/network/NetworkPanel.ts +8 -5
  171. package/front_end/panels/network/ResourceWebSocketFrameView.ts +10 -10
  172. package/front_end/panels/profiler/HeapDetachedElementsView.ts +3 -3
  173. package/front_end/panels/profiler/HeapProfileView.ts +1 -1
  174. package/front_end/panels/profiler/ProfileFlameChartDataProvider.ts +3 -4
  175. package/front_end/panels/profiler/ProfileHeader.ts +25 -25
  176. package/front_end/panels/profiler/ProfileLauncherView.ts +5 -6
  177. package/front_end/panels/recorder/components/ReplaySection.ts +3 -1
  178. package/front_end/panels/security/OriginTreeElement.ts +8 -8
  179. package/front_end/panels/security/SecurityPanel.ts +5 -5
  180. package/front_end/panels/settings/SettingsScreen.ts +18 -12
  181. package/front_end/panels/settings/components/SyncSection.ts +20 -6
  182. package/front_end/panels/sources/AiCodeCompletionPlugin.ts +3 -0
  183. package/front_end/panels/sources/DebuggerPausedMessage.ts +8 -9
  184. package/front_end/panels/sources/NavigatorView.ts +43 -46
  185. package/front_end/panels/sources/SourcesPanel.ts +35 -35
  186. package/front_end/panels/sources/SourcesView.ts +13 -13
  187. package/front_end/panels/sources/TabbedEditorContainer.ts +19 -22
  188. package/front_end/panels/sources/UISourceCodeFrame.ts +4 -4
  189. package/front_end/panels/sources/WatchExpressionsSidebarPane.ts +34 -36
  190. package/front_end/panels/timeline/AnimationsTrackAppender.ts +3 -3
  191. package/front_end/panels/timeline/CompatibilityTracksAppender.ts +8 -8
  192. package/front_end/panels/timeline/CountersGraph.ts +16 -16
  193. package/front_end/panels/timeline/EntriesFilter.ts +4 -3
  194. package/front_end/panels/timeline/EventsTimelineTreeView.ts +3 -3
  195. package/front_end/panels/timeline/GPUTrackAppender.ts +3 -3
  196. package/front_end/panels/timeline/Initiators.ts +10 -10
  197. package/front_end/panels/timeline/InteractionsTrackAppender.ts +5 -5
  198. package/front_end/panels/timeline/LayoutShiftsTrackAppender.ts +7 -7
  199. package/front_end/panels/timeline/ModificationsManager.ts +8 -15
  200. package/front_end/panels/timeline/TargetForEvent.ts +2 -2
  201. package/front_end/panels/timeline/ThirdPartyTreeView.ts +1 -1
  202. package/front_end/panels/timeline/ThreadAppender.ts +13 -13
  203. package/front_end/panels/timeline/TimelineDetailsView.ts +6 -14
  204. package/front_end/panels/timeline/TimelineEventOverview.ts +27 -26
  205. package/front_end/panels/timeline/TimelineFilters.ts +5 -5
  206. package/front_end/panels/timeline/TimelineFlameChartDataProvider.ts +54 -53
  207. package/front_end/panels/timeline/TimelineFlameChartNetworkDataProvider.ts +34 -34
  208. package/front_end/panels/timeline/TimelineFlameChartView.ts +18 -31
  209. package/front_end/panels/timeline/TimelineHistoryManager.ts +17 -18
  210. package/front_end/panels/timeline/TimelineMiniMap.ts +6 -6
  211. package/front_end/panels/timeline/TimelinePaintProfilerView.ts +6 -6
  212. package/front_end/panels/timeline/TimelinePanel.ts +52 -59
  213. package/front_end/panels/timeline/TimelineSelectorStatsView.ts +7 -5
  214. package/front_end/panels/timeline/TimelineTreeView.ts +10 -10
  215. package/front_end/panels/timeline/TimelineUIUtils.ts +43 -43
  216. package/front_end/panels/timeline/TimingsTrackAppender.ts +12 -12
  217. package/front_end/panels/timeline/TracingLayerTree.ts +43 -43
  218. package/front_end/panels/timeline/TrackConfigBanner.ts +6 -6
  219. package/front_end/panels/timeline/TrackConfiguration.ts +1 -1
  220. package/front_end/panels/timeline/components/DetailsView.ts +4 -4
  221. package/front_end/panels/timeline/components/LayoutShiftDetails.ts +12 -21
  222. package/front_end/panels/timeline/components/LiveMetricsView.ts +2 -1
  223. package/front_end/panels/timeline/components/NetworkRequestDetails.ts +5 -5
  224. package/front_end/panels/timeline/components/Sidebar.ts +4 -14
  225. package/front_end/panels/timeline/components/SidebarInsightsTab.ts +13 -36
  226. package/front_end/panels/timeline/components/SidebarSingleInsightSet.ts +21 -19
  227. package/front_end/panels/timeline/components/insights/BaseInsightComponent.ts +1 -1
  228. package/front_end/panels/timeline/components/insights/Cache.ts +4 -0
  229. package/front_end/panels/timeline/components/insights/DOMSize.ts +5 -1
  230. package/front_end/panels/timeline/components/insights/Helpers.ts +19 -0
  231. package/front_end/panels/timeline/components/insights/NetworkDependencyTree.ts +1 -1
  232. package/front_end/panels/timeline/components/insights/Viewport.ts +4 -0
  233. package/front_end/panels/timeline/overlays/OverlaysImpl.ts +1 -1
  234. package/front_end/panels/timeline/utils/AICallTree.ts +11 -11
  235. package/front_end/panels/timeline/utils/AIContext.ts +17 -19
  236. package/front_end/panels/timeline/utils/EntityMapper.ts +6 -5
  237. package/front_end/panels/timeline/utils/EntryName.ts +2 -2
  238. package/front_end/panels/timeline/utils/EntryNodes.ts +5 -5
  239. package/front_end/panels/timeline/utils/EntryStyles.ts +4 -4
  240. package/front_end/panels/timeline/utils/FreshRecording.ts +3 -3
  241. package/front_end/panels/timeline/utils/Helpers.ts +0 -18
  242. package/front_end/panels/timeline/utils/InsightAIContext.ts +6 -6
  243. package/front_end/panels/timeline/utils/SourceMapsResolver.ts +7 -7
  244. package/front_end/panels/webauthn/WebauthnPane.ts +1 -0
  245. package/front_end/third_party/chromium/README.chromium +1 -1
  246. package/front_end/third_party/codemirror.next/chunk/angular.js +1 -1
  247. package/front_end/third_party/codemirror.next/chunk/angular.js.map +1 -1
  248. package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
  249. package/front_end/third_party/codemirror.next/chunk/codemirror.js.map +1 -1
  250. package/front_end/third_party/codemirror.next/chunk/cpp.js +1 -1
  251. package/front_end/third_party/codemirror.next/chunk/cpp.js.map +1 -1
  252. package/front_end/third_party/codemirror.next/chunk/java.js +1 -1
  253. package/front_end/third_party/codemirror.next/chunk/java.js.map +1 -1
  254. package/front_end/third_party/codemirror.next/chunk/legacy.js +1 -1
  255. package/front_end/third_party/codemirror.next/chunk/legacy.js.map +1 -1
  256. package/front_end/third_party/codemirror.next/chunk/less.js +1 -1
  257. package/front_end/third_party/codemirror.next/chunk/less.js.map +1 -1
  258. package/front_end/third_party/codemirror.next/chunk/markdown.js +1 -1
  259. package/front_end/third_party/codemirror.next/chunk/markdown.js.map +1 -1
  260. package/front_end/third_party/codemirror.next/chunk/php.js +1 -1
  261. package/front_end/third_party/codemirror.next/chunk/php.js.map +1 -1
  262. package/front_end/third_party/codemirror.next/chunk/python.js +1 -1
  263. package/front_end/third_party/codemirror.next/chunk/python.js.map +1 -1
  264. package/front_end/third_party/codemirror.next/chunk/sass.js +1 -1
  265. package/front_end/third_party/codemirror.next/chunk/sass.js.map +1 -1
  266. package/front_end/third_party/codemirror.next/chunk/svelte.js +1 -1
  267. package/front_end/third_party/codemirror.next/chunk/svelte.js.map +1 -1
  268. package/front_end/third_party/codemirror.next/chunk/vue.js +1 -1
  269. package/front_end/third_party/codemirror.next/chunk/vue.js.map +1 -1
  270. package/front_end/third_party/codemirror.next/chunk/wast.js +1 -1
  271. package/front_end/third_party/codemirror.next/chunk/wast.js.map +1 -1
  272. package/front_end/third_party/codemirror.next/chunk/xml.js +1 -1
  273. package/front_end/third_party/codemirror.next/chunk/xml.js.map +1 -1
  274. package/front_end/third_party/codemirror.next/codemirror.next.js +1 -1
  275. package/front_end/third_party/codemirror.next/package.json +1 -1
  276. package/front_end/third_party/codemirror.next/rebuild.sh +1 -1
  277. package/front_end/third_party/json5/rebuild.sh +1 -1
  278. package/front_end/third_party/legacy-javascript/{update.sh → rebuild.sh} +1 -1
  279. package/front_end/third_party/lit/lib/decorators.d.ts +26 -9
  280. package/front_end/third_party/lit/lib/decorators.js +5 -5
  281. package/front_end/third_party/lit/lib/decorators.js.map +1 -1
  282. package/front_end/third_party/lit/lib/directive.js.map +1 -1
  283. package/front_end/third_party/lit/lib/directives.js +8 -13
  284. package/front_end/third_party/lit/lib/directives.js.map +1 -1
  285. package/front_end/third_party/lit/lib/lit.d.ts +26 -9
  286. package/front_end/third_party/lit/lib/lit.js +5 -5
  287. package/front_end/third_party/lit/lib/lit.js.map +1 -1
  288. package/front_end/third_party/lit/lib/static-html.js +2 -2
  289. package/front_end/third_party/lit/lib/static-html.js.map +1 -1
  290. package/front_end/third_party/lit/rebuild.sh +1 -1
  291. package/front_end/third_party/third-party-web/rebuild.sh +1 -1
  292. package/front_end/ui/components/dialogs/Dialog.ts +6 -7
  293. package/front_end/ui/legacy/ActionRegistration.ts +9 -9
  294. package/front_end/ui/legacy/DockController.ts +18 -18
  295. package/front_end/ui/legacy/FilterBar.ts +7 -7
  296. package/front_end/ui/legacy/Fragment.ts +4 -4
  297. package/front_end/ui/legacy/GlassPane.ts +12 -12
  298. package/front_end/ui/legacy/InspectorView.ts +5 -15
  299. package/front_end/ui/legacy/ListControl.ts +27 -27
  300. package/front_end/ui/legacy/ListWidget.ts +4 -4
  301. package/front_end/ui/legacy/PopoverHelper.ts +4 -4
  302. package/front_end/ui/legacy/ShortcutRegistry.ts +17 -17
  303. package/front_end/ui/legacy/TabbedPane.ts +74 -75
  304. package/front_end/ui/legacy/TextPrompt.ts +31 -31
  305. package/front_end/ui/legacy/Toolbar.ts +13 -14
  306. package/front_end/ui/legacy/ViewManager.ts +30 -31
  307. package/front_end/ui/legacy/Widget.ts +6 -6
  308. package/front_end/ui/legacy/XLink.ts +9 -9
  309. package/front_end/ui/legacy/ZoomManager.ts +9 -9
  310. package/front_end/ui/legacy/components/color_picker/ContrastDetails.ts +27 -27
  311. package/front_end/ui/legacy/components/color_picker/ContrastInfo.ts +30 -32
  312. package/front_end/ui/legacy/components/color_picker/Spectrum.ts +15 -15
  313. package/front_end/ui/legacy/components/data_grid/DataGrid.ts +64 -64
  314. package/front_end/ui/legacy/components/data_grid/ShowMoreDataGridNode.ts +2 -2
  315. package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts +10 -11
  316. package/front_end/ui/legacy/components/perf_ui/ChartViewport.ts +12 -12
  317. package/front_end/ui/legacy/components/perf_ui/FlameChart.ts +3 -3
  318. package/front_end/ui/legacy/components/perf_ui/TimelineGrid.ts +14 -14
  319. package/front_end/ui/legacy/components/perf_ui/TimelineOverviewPane.ts +8 -8
  320. package/front_end/ui/legacy/components/quick_open/CommandMenu.ts +5 -5
  321. package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts +4 -4
  322. package/front_end/ui/legacy/theme_support/ThemeSupport.ts +4 -4
  323. package/front_end/ui/visual_logging/KnownContextValues.ts +2 -2
  324. package/package.json +1 -1
@@ -169,7 +169,7 @@ export class NetworkLogViewColumns {
169
169
  private readonly popupLinkifier: Components.Linkifier.Linkifier;
170
170
  private calculatorsMap: Map<string, NetworkTimeCalculator.NetworkTimeCalculator>;
171
171
  private lastWheelTime: number;
172
- private dataGridInternal!: DataGrid.SortableDataGrid.SortableDataGrid<NetworkNode>;
172
+ #dataGrid!: DataGrid.SortableDataGrid.SortableDataGrid<NetworkNode>;
173
173
  private splitWidget!: UI.SplitWidget.SplitWidget;
174
174
  private waterfallColumn!: NetworkWaterfallColumn;
175
175
  private activeScroller!: Element;
@@ -269,23 +269,23 @@ export class NetworkLogViewColumns {
269
269
  this.popoverHelper = new UI.PopoverHelper.PopoverHelper(
270
270
  this.networkLogView.element, this.getPopoverRequest.bind(this), 'network.initiator-stacktrace');
271
271
  this.popoverHelper.setTimeout(300, 300);
272
- this.dataGridInternal = new DataGrid.SortableDataGrid.SortableDataGrid<NetworkNode>(({
272
+ this.#dataGrid = new DataGrid.SortableDataGrid.SortableDataGrid<NetworkNode>(({
273
273
  displayName: (i18nString(UIStrings.networkLog) as string),
274
274
  columns: this.columns.map(NetworkLogViewColumns.convertToDataGridDescriptor),
275
275
  deleteCallback: undefined,
276
276
  refreshCallback: undefined,
277
277
  }));
278
- this.dataGridScroller = (this.dataGridInternal.scrollContainer as HTMLDivElement);
278
+ this.dataGridScroller = (this.#dataGrid.scrollContainer as HTMLDivElement);
279
279
 
280
280
  this.updateColumns();
281
- this.dataGridInternal.addEventListener(DataGrid.DataGrid.Events.SORTING_CHANGED, this.sortHandler, this);
282
- this.dataGridInternal.setHeaderContextMenuCallback(this.innerHeaderContextMenu.bind(this));
281
+ this.#dataGrid.addEventListener(DataGrid.DataGrid.Events.SORTING_CHANGED, this.sortHandler, this);
282
+ this.#dataGrid.setHeaderContextMenuCallback(this.innerHeaderContextMenu.bind(this));
283
283
 
284
284
  this.activeWaterfallSortId = WaterfallSortIds.StartTime;
285
- this.dataGridInternal.markColumnAsSortedBy(INITIAL_SORT_COLUMN, DataGrid.DataGrid.Order.Ascending);
285
+ this.#dataGrid.markColumnAsSortedBy(INITIAL_SORT_COLUMN, DataGrid.DataGrid.Order.Ascending);
286
286
 
287
287
  this.splitWidget = new UI.SplitWidget.SplitWidget(true, true, 'network-panel-split-view-waterfall', 200);
288
- const widget = this.dataGridInternal.asWidget();
288
+ const widget = this.#dataGrid.asWidget();
289
289
  widget.setMinimumSize(150, 0);
290
290
  this.splitWidget.setMainWidget(widget);
291
291
  }
@@ -306,11 +306,11 @@ export class NetworkLogViewColumns {
306
306
  this.waterfallScroller = this.waterfallColumn.contentElement.createChild('div', 'network-waterfall-v-scroll');
307
307
  this.waterfallScrollerContent = this.waterfallScroller.createChild('div', 'network-waterfall-v-scroll-content');
308
308
 
309
- this.dataGridInternal.addEventListener(DataGrid.DataGrid.Events.PADDING_CHANGED, () => {
309
+ this.#dataGrid.addEventListener(DataGrid.DataGrid.Events.PADDING_CHANGED, () => {
310
310
  this.waterfallScrollerWidthIsStale = true;
311
311
  this.syncScrollers();
312
312
  });
313
- this.dataGridInternal.addEventListener(
313
+ this.#dataGrid.addEventListener(
314
314
  DataGrid.ViewportDataGrid.Events.VIEWPORT_CALCULATED, this.redrawWaterfallColumn.bind(this));
315
315
 
316
316
  this.createWaterfallHeader();
@@ -374,7 +374,7 @@ export class NetworkLogViewColumns {
374
374
  return;
375
375
  }
376
376
  this.waterfallScrollerContent.style.height =
377
- this.dataGridScroller.scrollHeight - this.dataGridInternal.headerHeight() + 'px';
377
+ this.dataGridScroller.scrollHeight - this.#dataGrid.headerHeight() + 'px';
378
378
  this.updateScrollerWidthIfNeeded();
379
379
  this.dataGridScroller.scrollTop = this.waterfallScroller.scrollTop;
380
380
  }
@@ -418,10 +418,10 @@ export class NetworkLogViewColumns {
418
418
 
419
419
  function waterfallHeaderClicked(this: NetworkLogViewColumns): void {
420
420
  const sortOrders = DataGrid.DataGrid.Order;
421
- const wasSortedByWaterfall = this.dataGridInternal.sortColumnId() === 'waterfall';
422
- const wasSortedAscending = this.dataGridInternal.isSortOrderAscending();
421
+ const wasSortedByWaterfall = this.#dataGrid.sortColumnId() === 'waterfall';
422
+ const wasSortedAscending = this.#dataGrid.isSortOrderAscending();
423
423
  const sortOrder = wasSortedByWaterfall && wasSortedAscending ? sortOrders.Descending : sortOrders.Ascending;
424
- this.dataGridInternal.markColumnAsSortedBy('waterfall', sortOrder);
424
+ this.#dataGrid.markColumnAsSortedBy('waterfall', sortOrder);
425
425
  this.sortHandler();
426
426
  }
427
427
  }
@@ -436,8 +436,8 @@ export class NetworkLogViewColumns {
436
436
  private updateRowsSize(): void {
437
437
  const largeRows = Boolean(this.networkLogLargeRowsSetting.get());
438
438
 
439
- this.dataGridInternal.element.classList.toggle('small', !largeRows);
440
- this.dataGridInternal.scheduleUpdate();
439
+ this.#dataGrid.element.classList.toggle('small', !largeRows);
440
+ this.#dataGrid.scheduleUpdate();
441
441
 
442
442
  this.waterfallScrollerWidthIsStale = true;
443
443
  this.waterfallColumn.setRowHeight(largeRows ? 41 : 21);
@@ -463,7 +463,7 @@ export class NetworkLogViewColumns {
463
463
  }
464
464
 
465
465
  dataGrid(): DataGrid.SortableDataGrid.SortableDataGrid<NetworkNode> {
466
- return this.dataGridInternal;
466
+ return this.#dataGrid;
467
467
  }
468
468
 
469
469
  sortByCurrentColumn(): void {
@@ -475,16 +475,16 @@ export class NetworkLogViewColumns {
475
475
  // NetworkLogView can be empty until it has been invalidated (see
476
476
  // crbug.com/379762016).
477
477
  window.requestAnimationFrame(() => {
478
- this.dataGridInternal.scheduleUpdate();
478
+ this.#dataGrid.scheduleUpdate();
479
479
  });
480
480
  }
481
481
 
482
482
  private sortHandler(): void {
483
- const columnId = this.dataGridInternal.sortColumnId();
483
+ const columnId = this.#dataGrid.sortColumnId();
484
484
  this.networkLogView.removeAllNodeHighlights();
485
485
  this.waterfallRequestsAreStale = true;
486
486
  if (columnId === 'waterfall') {
487
- if (this.dataGridInternal.sortOrder() === DataGrid.DataGrid.Order.Ascending) {
487
+ if (this.#dataGrid.sortOrder() === DataGrid.DataGrid.Order.Ascending) {
488
488
  this.waterfallColumnSortIcon.name = 'triangle-up';
489
489
  } else {
490
490
  this.waterfallColumnSortIcon.name = 'triangle-down';
@@ -495,7 +495,7 @@ export class NetworkLogViewColumns {
495
495
  (NetworkRequestNode.RequestPropertyComparator.bind(null, this.activeWaterfallSortId) as
496
496
  (arg0: DataGrid.SortableDataGrid.SortableDataGridNode<NetworkNode>,
497
497
  arg1: DataGrid.SortableDataGrid.SortableDataGridNode<NetworkNode>) => number);
498
- this.dataGridInternal.sortNodes(sortFunction, !this.dataGridInternal.isSortOrderAscending());
498
+ this.#dataGrid.sortNodes(sortFunction, !this.#dataGrid.isSortOrderAscending());
499
499
  this.dataGridSortedForTest();
500
500
  return;
501
501
  }
@@ -514,7 +514,7 @@ export class NetworkLogViewColumns {
514
514
  if (!sortingFunction) {
515
515
  return;
516
516
  }
517
- this.dataGridInternal.sortNodes(sortingFunction, !this.dataGridInternal.isSortOrderAscending());
517
+ this.#dataGrid.sortNodes(sortingFunction, !this.#dataGrid.isSortOrderAscending());
518
518
  this.dataGridSortedForTest();
519
519
  }
520
520
 
@@ -522,7 +522,7 @@ export class NetworkLogViewColumns {
522
522
  }
523
523
 
524
524
  private updateColumns(): void {
525
- if (!this.dataGridInternal) {
525
+ if (!this.#dataGrid) {
526
526
  return;
527
527
  }
528
528
  const visibleColumns = new Set<string>();
@@ -547,7 +547,7 @@ export class NetworkLogViewColumns {
547
547
  }
548
548
  this.setWaterfallVisibility(false);
549
549
  }
550
- this.dataGridInternal.setColumnsVisibility(visibleColumns);
550
+ this.#dataGrid.setColumnsVisibility(visibleColumns);
551
551
  }
552
552
 
553
553
  switchViewMode(gridMode: boolean): void {
@@ -576,12 +576,12 @@ export class NetworkLogViewColumns {
576
576
  this.splitWidget.showBoth();
577
577
  this.activeScroller = this.waterfallScroller;
578
578
  this.waterfallScroller.scrollTop = this.dataGridScroller.scrollTop;
579
- this.dataGridInternal.setScrollContainer(this.waterfallScroller);
579
+ this.#dataGrid.setScrollContainer(this.waterfallScroller);
580
580
  } else {
581
581
  this.networkLogView.removeAllNodeHighlights();
582
582
  this.splitWidget.hideSidebar();
583
583
  this.activeScroller = this.dataGridScroller;
584
- this.dataGridInternal.setScrollContainer(this.dataGridScroller);
584
+ this.#dataGrid.setScrollContainer(this.dataGridScroller);
585
585
  }
586
586
  }
587
587
 
@@ -732,7 +732,7 @@ export class NetworkLogViewColumns {
732
732
  this.networkLogView.setCalculator((calculator as NetworkTimeCalculator.NetworkTimeCalculator));
733
733
 
734
734
  this.activeWaterfallSortId = sortId;
735
- this.dataGridInternal.markColumnAsSortedBy('waterfall', DataGrid.DataGrid.Order.Ascending);
735
+ this.#dataGrid.markColumnAsSortedBy('waterfall', DataGrid.DataGrid.Order.Ascending);
736
736
  this.sortHandler();
737
737
  }
738
738
  }
@@ -789,7 +789,7 @@ export class NetworkLogViewColumns {
789
789
  }
790
790
 
791
791
  this.columns.splice(index, 1);
792
- this.dataGridInternal.removeColumn(headerId);
792
+ this.#dataGrid.removeColumn(headerId);
793
793
  this.saveColumnsSettings();
794
794
  this.updateColumns();
795
795
  return true;
@@ -829,8 +829,8 @@ export class NetworkLogViewColumns {
829
829
  const columnConfig = columnConfigBase as Descriptor;
830
830
 
831
831
  this.columns.splice(index, 0, columnConfig);
832
- if (this.dataGridInternal) {
833
- this.dataGridInternal.addColumn(NetworkLogViewColumns.convertToDataGridDescriptor(columnConfig), index);
832
+ if (this.#dataGrid) {
833
+ this.#dataGrid.addColumn(NetworkLogViewColumns.convertToDataGridDescriptor(columnConfig), index);
834
834
  }
835
835
  this.saveColumnsSettings();
836
836
  this.updateColumns();
@@ -391,7 +391,7 @@ export class NetworkPanel extends UI.Panel.Panel implements
391
391
  return networkPanelInstance;
392
392
  }
393
393
 
394
- static revealAndFilter(filters: Array<{
394
+ static async revealAndFilter(filters: Array<{
395
395
  filterType: NetworkForward.UIFilter.FilterType | null,
396
396
  filterValue: string,
397
397
  }>): Promise<void> {
@@ -404,8 +404,10 @@ export class NetworkPanel extends UI.Panel.Panel implements
404
404
  filterString += `${filter.filterValue} `;
405
405
  }
406
406
  }
407
+ await UI.ViewManager.ViewManager.instance().showView('network');
407
408
  panel.networkLogView.setTextFilterValue(filterString);
408
- return UI.ViewManager.ViewManager.instance().showView('network');
409
+ panel.filterBar.setting().set(true);
410
+ panel.filterBar.focus();
409
411
  }
410
412
 
411
413
  throttlingSelectForTest(): UI.Toolbar.ToolbarItem {
@@ -916,14 +918,15 @@ export class FilmStripRecorder implements Tracing.TracingManager.TracingManagerC
916
918
  this.#tracingManager = null;
917
919
  await this.#traceEngine.parse(this.#collectedTraceEvents);
918
920
 
919
- const data = this.#traceEngine.parsedTrace(this.#traceEngine.size() - 1) as
920
- Trace.Extras.FilmStrip.HandlerDataWithScreenshots;
921
+ const data = this.#traceEngine.parsedTrace(this.#traceEngine.size() - 1)?.data as
922
+ Trace.Extras.FilmStrip.HandlerDataWithScreenshots |
923
+ null;
921
924
  if (!data) {
922
925
  return;
923
926
  }
924
927
  const zeroTimeInSeconds = Trace.Types.Timing.Seconds(this.#timeCalculator.minimumBoundary());
925
928
  const filmStrip =
926
- Trace.Extras.FilmStrip.fromParsedTrace(data, Trace.Helpers.Timing.secondsToMicro(zeroTimeInSeconds));
929
+ Trace.Extras.FilmStrip.fromHandlerData(data, Trace.Helpers.Timing.secondsToMicro(zeroTimeInSeconds));
927
930
 
928
931
  if (this.#callback) {
929
932
  this.#callback(filmStrip);
@@ -159,8 +159,8 @@ const opCodeDescriptions: Array<() => string> = (function(): Array<() => Common.
159
159
  class ResourceFrameNode extends DataGridItem {
160
160
  readonly frame: SDK.NetworkRequest.WebSocketFrame;
161
161
  private readonly isTextFrame: boolean;
162
- private dataTextInternal: string;
163
- private binaryViewInternal: BinaryResourceView|null;
162
+ #dataText: string;
163
+ #binaryView: BinaryResourceView|null;
164
164
 
165
165
  constructor(frame: SDK.NetworkRequest.WebSocketFrame) {
166
166
  let length = String(frame.text.length);
@@ -194,9 +194,9 @@ class ResourceFrameNode extends DataGridItem {
194
194
 
195
195
  this.frame = frame;
196
196
  this.isTextFrame = isTextFrame;
197
- this.dataTextInternal = dataText;
197
+ this.#dataText = dataText;
198
198
 
199
- this.binaryViewInternal = null;
199
+ this.#binaryView = null;
200
200
  }
201
201
 
202
202
  override createCells(element: Element): void {
@@ -214,7 +214,7 @@ class ResourceFrameNode extends DataGridItem {
214
214
  }
215
215
 
216
216
  override dataText(): string {
217
- return this.dataTextInternal;
217
+ return this.#dataText;
218
218
  }
219
219
 
220
220
  override binaryView(): BinaryResourceView|null {
@@ -222,15 +222,15 @@ class ResourceFrameNode extends DataGridItem {
222
222
  return null;
223
223
  }
224
224
 
225
- if (!this.binaryViewInternal) {
226
- if (this.dataTextInternal.length > 0) {
227
- this.binaryViewInternal = new BinaryResourceView(
225
+ if (!this.#binaryView) {
226
+ if (this.#dataText.length > 0) {
227
+ this.#binaryView = new BinaryResourceView(
228
228
  TextUtils.StreamingContentData.StreamingContentData.from(
229
- new TextUtils.ContentData.ContentData(this.dataTextInternal, true, 'applicaiton/octet-stream')),
229
+ new TextUtils.ContentData.ContentData(this.#dataText, true, 'applicaiton/octet-stream')),
230
230
  Platform.DevToolsPath.EmptyUrlString, Common.ResourceType.resourceTypes.WebSocket);
231
231
  }
232
232
  }
233
- return this.binaryViewInternal;
233
+ return this.#binaryView;
234
234
  }
235
235
 
236
236
  override getTime(): number {
@@ -170,7 +170,7 @@ export namespace DetachedElementsProfileType {
170
170
  }
171
171
 
172
172
  export class DetachedElementsProfileHeader extends WritableProfileHeader {
173
- readonly heapProfilerModelInternal: SDK.HeapProfilerModel.HeapProfilerModel|null;
173
+ readonly #heapProfilerModel: SDK.HeapProfilerModel.HeapProfilerModel|null;
174
174
  readonly detachedElements: Protocol.DOM.DetachedElementInfo[]|null;
175
175
  constructor(
176
176
  heapProfilerModel: SDK.HeapProfilerModel.HeapProfilerModel|null, type: DetachedElementsProfileType,
@@ -179,7 +179,7 @@ export class DetachedElementsProfileHeader extends WritableProfileHeader {
179
179
  heapProfilerModel?.debuggerModel() ?? null, type,
180
180
  title || i18nString(UIStrings.detachedElementProfile, {PH1: type.nextProfileUid()}));
181
181
  this.detachedElements = detachedElements;
182
- this.heapProfilerModelInternal = heapProfilerModel;
182
+ this.#heapProfilerModel = heapProfilerModel;
183
183
  }
184
184
 
185
185
  override createView(dataDisplayDelegate: DataDisplayDelegate): DetachedElementsProfileView {
@@ -187,7 +187,7 @@ export class DetachedElementsProfileHeader extends WritableProfileHeader {
187
187
  }
188
188
 
189
189
  heapProfilerModel(): SDK.HeapProfilerModel.HeapProfilerModel|null {
190
- return this.heapProfilerModelInternal;
190
+ return this.#heapProfilerModel;
191
191
  }
192
192
 
193
193
  override profileType(): DetachedElementsProfileType {
@@ -701,7 +701,7 @@ export class HeapFlameChartDataProvider extends ProfileFlameChartDataProvider {
701
701
  const link = linkifier.maybeLinkifyConsoleCallFrame(
702
702
  this.heapProfilerModel ? this.heapProfilerModel.target() : null, node.callFrame);
703
703
  if (link) {
704
- pushRow(i18nString(UIStrings.url), (link.textContent as string));
704
+ pushRow(i18nString(UIStrings.url), link.textContent);
705
705
  }
706
706
  linkifier.dispose();
707
707
  return ProfileView.buildPopoverTable(popoverInfo);
@@ -40,7 +40,7 @@ import * as UI from '../../ui/legacy/legacy.js';
40
40
  let colorGeneratorInstance: Common.Color.Generator|null = null;
41
41
 
42
42
  export class ProfileFlameChartDataProvider implements PerfUI.FlameChart.FlameChartDataProvider {
43
- readonly colorGeneratorInternal: Common.Color.Generator;
43
+ readonly #colorGenerator: Common.Color.Generator;
44
44
  maxStackDepthInternal: number;
45
45
  timelineDataInternal: PerfUI.FlameChart.FlameChartTimelineData|null;
46
46
  entryNodes: CPUProfile.ProfileTreeModel.ProfileNode[];
@@ -48,7 +48,7 @@ export class ProfileFlameChartDataProvider implements PerfUI.FlameChart.FlameCha
48
48
  boldFont?: string;
49
49
 
50
50
  constructor() {
51
- this.colorGeneratorInternal = ProfileFlameChartDataProvider.colorGenerator();
51
+ this.#colorGenerator = ProfileFlameChartDataProvider.colorGenerator();
52
52
  this.maxStackDepthInternal = 0;
53
53
  this.timelineDataInternal = null;
54
54
  this.entryNodes = [];
@@ -121,8 +121,7 @@ export class ProfileFlameChartDataProvider implements PerfUI.FlameChart.FlameCha
121
121
  const node = this.entryNodes[entryIndex];
122
122
  // For idle and program, we want different 'shades of gray', so we fallback to functionName as scriptId = 0
123
123
  // For rest of nodes e.g eval scripts, if url is empty then scriptId will be guaranteed to be non-zero
124
- return this.colorGeneratorInternal.colorForID(
125
- node.url || (node.scriptId !== '0' ? node.scriptId : node.functionName));
124
+ return this.#colorGenerator.colorForID(node.url || (node.scriptId !== '0' ? node.scriptId : node.functionName));
126
125
  }
127
126
 
128
127
  decorateEntry(
@@ -8,18 +8,18 @@ import type * as Bindings from '../../models/bindings/bindings.js';
8
8
  import type * as UI from '../../ui/legacy/legacy.js';
9
9
 
10
10
  export class ProfileHeader extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
11
- readonly profileTypeInternal: ProfileType;
11
+ readonly #profileType: ProfileType;
12
12
  title: string;
13
13
  uid: number;
14
- fromFileInternal: boolean;
14
+ #fromFile: boolean;
15
15
  tempFile: Bindings.TempFile.TempFile|null;
16
16
 
17
17
  constructor(profileType: ProfileType, title: string) {
18
18
  super();
19
- this.profileTypeInternal = profileType;
19
+ this.#profileType = profileType;
20
20
  this.title = title;
21
21
  this.uid = profileType.incrementProfileUid();
22
- this.fromFileInternal = false;
22
+ this.#fromFile = false;
23
23
 
24
24
  this.tempFile = null;
25
25
  }
@@ -30,7 +30,7 @@ export class ProfileHeader extends Common.ObjectWrapper.ObjectWrapper<EventTypes
30
30
  }
31
31
 
32
32
  profileType(): ProfileType {
33
- return this.profileTypeInternal;
33
+ return this.#profileType;
34
34
  }
35
35
 
36
36
  updateStatus(subtitle: string|null, wait?: boolean): void {
@@ -70,11 +70,11 @@ export class ProfileHeader extends Common.ObjectWrapper.ObjectWrapper<EventTypes
70
70
  }
71
71
 
72
72
  fromFile(): boolean {
73
- return this.fromFileInternal;
73
+ return this.#fromFile;
74
74
  }
75
75
 
76
76
  setFromFile(): void {
77
- this.fromFileInternal = true;
77
+ this.#fromFile = true;
78
78
  }
79
79
 
80
80
  setProfile(_profile: Protocol.Profiler.Profile): void {
@@ -101,19 +101,19 @@ export interface EventTypes {
101
101
  }
102
102
 
103
103
  export class ProfileType extends Common.ObjectWrapper.ObjectWrapper<ProfileEventTypes> {
104
- readonly idInternal: string;
105
- readonly nameInternal: string;
104
+ readonly #id: string;
105
+ readonly #name: string;
106
106
  profiles: ProfileHeader[];
107
- profileBeingRecordedInternal: ProfileHeader|null;
108
- nextProfileUidInternal: number;
107
+ #profileBeingRecorded: ProfileHeader|null;
108
+ #nextProfileUid: number;
109
109
 
110
110
  constructor(id: string, name: string) {
111
111
  super();
112
- this.idInternal = id;
113
- this.nameInternal = name;
112
+ this.#id = id;
113
+ this.#name = name;
114
114
  this.profiles = [];
115
- this.profileBeingRecordedInternal = null;
116
- this.nextProfileUidInternal = 1;
115
+ this.#profileBeingRecorded = null;
116
+ this.#nextProfileUid = 1;
117
117
 
118
118
  if (!window.opener) {
119
119
  window.addEventListener('pagehide', this.clearTempStorage.bind(this), false);
@@ -125,11 +125,11 @@ export class ProfileType extends Common.ObjectWrapper.ObjectWrapper<ProfileEvent
125
125
  }
126
126
 
127
127
  nextProfileUid(): number {
128
- return this.nextProfileUidInternal;
128
+ return this.#nextProfileUid;
129
129
  }
130
130
 
131
131
  incrementProfileUid(): number {
132
- return this.nextProfileUidInternal++;
132
+ return this.#nextProfileUid++;
133
133
  }
134
134
 
135
135
  hasTemporaryView(): boolean {
@@ -145,15 +145,15 @@ export class ProfileType extends Common.ObjectWrapper.ObjectWrapper<ProfileEvent
145
145
  }
146
146
 
147
147
  get id(): string {
148
- return this.idInternal;
148
+ return this.#id;
149
149
  }
150
150
 
151
151
  get treeItemTitle(): string {
152
- return this.nameInternal;
152
+ return this.#name;
153
153
  }
154
154
 
155
155
  get name(): string {
156
- return this.nameInternal;
156
+ return this.#name;
157
157
  }
158
158
 
159
159
  buttonClicked(): boolean {
@@ -174,7 +174,7 @@ export class ProfileType extends Common.ObjectWrapper.ObjectWrapper<ProfileEvent
174
174
 
175
175
  getProfiles(): ProfileHeader[] {
176
176
  function isFinished(this: ProfileType, profile: ProfileHeader): boolean {
177
- return this.profileBeingRecordedInternal !== profile;
177
+ return this.#profileBeingRecorded !== profile;
178
178
  }
179
179
  return this.profiles.filter(isFinished.bind(this));
180
180
  }
@@ -224,11 +224,11 @@ export class ProfileType extends Common.ObjectWrapper.ObjectWrapper<ProfileEvent
224
224
  }
225
225
 
226
226
  profileBeingRecorded(): ProfileHeader|null {
227
- return this.profileBeingRecordedInternal;
227
+ return this.#profileBeingRecorded;
228
228
  }
229
229
 
230
230
  setProfileBeingRecorded(profile: ProfileHeader|null): void {
231
- this.profileBeingRecordedInternal = profile;
231
+ this.#profileBeingRecorded = profile;
232
232
  }
233
233
 
234
234
  profileBeingRecordedRemoved(): void {
@@ -239,13 +239,13 @@ export class ProfileType extends Common.ObjectWrapper.ObjectWrapper<ProfileEvent
239
239
  this.disposeProfile(profile);
240
240
  }
241
241
  this.profiles = [];
242
- this.nextProfileUidInternal = 1;
242
+ this.#nextProfileUid = 1;
243
243
  }
244
244
 
245
245
  disposeProfile(profile: ProfileHeader): void {
246
246
  this.dispatchEventToListeners(ProfileEvents.REMOVE_PROFILE_HEADER, profile);
247
247
  profile.dispose();
248
- if (this.profileBeingRecordedInternal === profile) {
248
+ if (this.#profileBeingRecorded === profile) {
249
249
  this.profileBeingRecordedRemoved();
250
250
  this.setProfileBeingRecorded(null);
251
251
  }
@@ -70,7 +70,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
70
70
  export class ProfileLauncherView extends Common.ObjectWrapper.eventMixin<EventTypes, typeof UI.Widget.VBox>(
71
71
  UI.Widget.VBox) {
72
72
  readonly panel: ProfilesPanel;
73
- private contentElementInternal: HTMLElement;
73
+ #contentElement: HTMLElement;
74
74
  readonly selectedProfileTypeSetting: Common.Settings.Setting<string>;
75
75
  profileTypeHeaderElement: HTMLElement;
76
76
  readonly profileTypeSelectorForm: HTMLElement;
@@ -91,16 +91,15 @@ export class ProfileLauncherView extends Common.ObjectWrapper.eventMixin<EventTy
91
91
 
92
92
  this.panel = profilesPanel;
93
93
  this.element.classList.add('profile-launcher-view');
94
- this.contentElementInternal = this.element.createChild('div', 'profile-launcher-view-content vbox');
94
+ this.#contentElement = this.element.createChild('div', 'profile-launcher-view-content vbox');
95
95
 
96
- const profileTypeSelectorElement = this.contentElementInternal.createChild('div', 'vbox');
96
+ const profileTypeSelectorElement = this.#contentElement.createChild('div', 'vbox');
97
97
  this.selectedProfileTypeSetting = Common.Settings.Settings.instance().createSetting('selected-profile-type', 'CPU');
98
98
  this.profileTypeHeaderElement = profileTypeSelectorElement.createChild('h1');
99
99
  this.profileTypeSelectorForm = profileTypeSelectorElement.createChild('form');
100
100
  UI.ARIAUtils.markAsRadioGroup(this.profileTypeSelectorForm);
101
101
 
102
- const isolateSelectorElement =
103
- this.contentElementInternal.createChild('div', 'vbox profile-isolate-selector-block');
102
+ const isolateSelectorElement = this.#contentElement.createChild('div', 'vbox profile-isolate-selector-block');
104
103
  isolateSelectorElement.createChild('h1').textContent = i18nString(UIStrings.selectJavascriptVmInstance);
105
104
  const isolateSelector = new IsolateSelector();
106
105
  const isolateSelectorElementChild = isolateSelectorElement.createChild('div', 'vbox profile-launcher-target-list');
@@ -108,7 +107,7 @@ export class ProfileLauncherView extends Common.ObjectWrapper.eventMixin<EventTy
108
107
  isolateSelector.show(isolateSelectorElementChild);
109
108
  isolateSelectorElement.appendChild(isolateSelector.totalMemoryElement());
110
109
 
111
- const buttonsDiv = this.contentElementInternal.createChild('div', 'hbox profile-launcher-buttons');
110
+ const buttonsDiv = this.#contentElement.createChild('div', 'hbox profile-launcher-buttons');
112
111
  this.controlButton = UI.UIUtils.createTextButton('', this.controlButtonClicked.bind(this), {
113
112
  jslogContext: 'profiler.heap-toggle-recording',
114
113
  variant: Buttons.Button.Variant.PRIMARY,
@@ -168,7 +168,9 @@ export class ReplaySection extends HTMLElement {
168
168
  this.#settings.replayExtension = '';
169
169
  }
170
170
 
171
- Host.userMetrics.recordingReplaySpeed(replaySpeedToMetricSpeedMap[speed]);
171
+ if (replaySpeedToMetricSpeedMap[speed]) {
172
+ Host.userMetrics.recordingReplaySpeed(replaySpeedToMetricSpeedMap[speed]);
173
+ }
172
174
  void ComponentHelpers.ScheduledRender.scheduleRender(
173
175
  this,
174
176
  this.#render,
@@ -18,9 +18,9 @@ export class ShowOriginEvent extends Event {
18
18
  }
19
19
 
20
20
  export class OriginTreeElement extends SecurityPanelSidebarTreeElement {
21
- #securityStateInternal: Protocol.Security.SecurityState|null;
21
+ #securityState: Protocol.Security.SecurityState|null;
22
22
  readonly #renderTreeElement: (element: SecurityPanelSidebarTreeElement) => void;
23
- readonly #originInternal: Platform.DevToolsPath.UrlString|null = null;
23
+ readonly #origin: Platform.DevToolsPath.UrlString|null = null;
24
24
 
25
25
  constructor(
26
26
  className: string, renderTreeElement: (element: SecurityPanelSidebarTreeElement) => void,
@@ -28,28 +28,28 @@ export class OriginTreeElement extends SecurityPanelSidebarTreeElement {
28
28
  super();
29
29
 
30
30
  this.#renderTreeElement = renderTreeElement;
31
- this.#originInternal = origin;
31
+ this.#origin = origin;
32
32
 
33
33
  this.listItemElement.classList.add(className);
34
- this.#securityStateInternal = null;
34
+ this.#securityState = null;
35
35
  this.setSecurityState(Protocol.Security.SecurityState.Unknown);
36
36
  }
37
37
 
38
38
  setSecurityState(newSecurityState: Protocol.Security.SecurityState): void {
39
- this.#securityStateInternal = newSecurityState;
39
+ this.#securityState = newSecurityState;
40
40
  this.#renderTreeElement(this);
41
41
  }
42
42
 
43
43
  securityState(): Protocol.Security.SecurityState|null {
44
- return this.#securityStateInternal;
44
+ return this.#securityState;
45
45
  }
46
46
 
47
47
  origin(): Platform.DevToolsPath.UrlString|null {
48
- return this.#originInternal;
48
+ return this.#origin;
49
49
  }
50
50
 
51
51
  override showElement(): void {
52
- this.listItemElement.dispatchEvent(new ShowOriginEvent(this.#originInternal));
52
+ this.listItemElement.dispatchEvent(new ShowOriginEvent(this.#origin));
53
53
  }
54
54
  }
55
55
 
@@ -1588,19 +1588,19 @@ export class SecurityOriginView extends UI.Widget.VBox {
1588
1588
  }
1589
1589
 
1590
1590
  export class SecurityDetailsTable {
1591
- private readonly elementInternal: HTMLTableElement;
1591
+ readonly #element: HTMLTableElement;
1592
1592
 
1593
1593
  constructor() {
1594
- this.elementInternal = document.createElement('table');
1595
- this.elementInternal.classList.add('details-table');
1594
+ this.#element = document.createElement('table');
1595
+ this.#element.classList.add('details-table');
1596
1596
  }
1597
1597
 
1598
1598
  element(): HTMLTableElement {
1599
- return this.elementInternal;
1599
+ return this.#element;
1600
1600
  }
1601
1601
 
1602
1602
  addRow(key: string, value: string|Node): void {
1603
- const row = this.elementInternal.createChild('tr', 'details-table-row');
1603
+ const row = this.#element.createChild('tr', 'details-table-row');
1604
1604
  row.createChild('td').textContent = key;
1605
1605
 
1606
1606
  const valueCell = row.createChild('td');