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
@@ -32,13 +32,13 @@ export interface Config {
32
32
  export class ChartViewport extends UI.Widget.VBox {
33
33
  private readonly delegate: ChartViewportDelegate;
34
34
  viewportElement: HTMLElement;
35
- private alwaysShowVerticalScrollInternal: boolean;
35
+ #alwaysShowVerticalScroll: boolean;
36
36
  private rangeSelectionEnabled: boolean;
37
37
  private vScrollElement: HTMLElement;
38
38
  private vScrollContent: HTMLElement;
39
39
  private readonly selectionOverlay: HTMLElement;
40
40
  private cursorElement: HTMLElement;
41
- private isDraggingInternal!: boolean;
41
+ #isDragging!: boolean;
42
42
  private totalHeight!: number;
43
43
  private offsetHeight!: number;
44
44
  private scrollTop!: number;
@@ -83,7 +83,7 @@ export class ChartViewport extends UI.Widget.VBox {
83
83
  this.viewportElement, this.startRangeSelection.bind(this), this.rangeSelectionDragging.bind(this),
84
84
  this.endRangeSelection.bind(this), 'text', null);
85
85
 
86
- this.alwaysShowVerticalScrollInternal = false;
86
+ this.#alwaysShowVerticalScroll = false;
87
87
  this.rangeSelectionEnabled = true;
88
88
  this.vScrollElement = this.contentElement.createChild('div', 'chart-viewport-v-scroll');
89
89
  this.vScrollContent = this.vScrollElement.createChild('div');
@@ -99,7 +99,7 @@ export class ChartViewport extends UI.Widget.VBox {
99
99
  }
100
100
 
101
101
  alwaysShowVerticalScroll(): void {
102
- this.alwaysShowVerticalScrollInternal = true;
102
+ this.#alwaysShowVerticalScroll = true;
103
103
  this.vScrollElement.classList.add('always-show-scrollbar');
104
104
  }
105
105
 
@@ -110,7 +110,7 @@ export class ChartViewport extends UI.Widget.VBox {
110
110
  }
111
111
 
112
112
  isDragging(): boolean {
113
- return this.isDraggingInternal;
113
+ return this.#isDragging;
114
114
  }
115
115
 
116
116
  override elementsToRestoreScrollPositionsFor(): Element[] {
@@ -122,7 +122,7 @@ export class ChartViewport extends UI.Widget.VBox {
122
122
  }
123
123
 
124
124
  private updateScrollBar(): void {
125
- const showScroll = this.alwaysShowVerticalScrollInternal || this.totalHeight > this.offsetHeight;
125
+ const showScroll = this.#alwaysShowVerticalScroll || this.totalHeight > this.offsetHeight;
126
126
  if (this.vScrollElement.classList.contains('hidden') !== showScroll) {
127
127
  return;
128
128
  }
@@ -141,7 +141,7 @@ export class ChartViewport extends UI.Widget.VBox {
141
141
  this.scrollTop = 0;
142
142
  this.rangeSelectionStart = null;
143
143
  this.rangeSelectionEnd = null;
144
- this.isDraggingInternal = false;
144
+ this.#isDragging = false;
145
145
  this.dragStartPointX = 0;
146
146
  this.dragStartPointY = 0;
147
147
  this.dragStartScrollTop = 0;
@@ -270,7 +270,7 @@ export class ChartViewport extends UI.Widget.VBox {
270
270
  if (event.shiftKey) {
271
271
  return false;
272
272
  }
273
- this.isDraggingInternal = true;
273
+ this.#isDragging = true;
274
274
  this.dragStartPointX = event.pageX;
275
275
  this.dragStartPointY = event.pageY;
276
276
  this.dragStartScrollTop = this.vScrollElement.scrollTop;
@@ -287,21 +287,21 @@ export class ChartViewport extends UI.Widget.VBox {
287
287
  }
288
288
 
289
289
  private endDragging(): void {
290
- this.isDraggingInternal = false;
290
+ this.#isDragging = false;
291
291
  }
292
292
 
293
293
  private startRangeSelection(event: MouseEvent): boolean {
294
294
  if (!event.shiftKey || !this.rangeSelectionEnabled) {
295
295
  return false;
296
296
  }
297
- this.isDraggingInternal = true;
297
+ this.#isDragging = true;
298
298
  this.selectionOffsetShiftX = event.offsetX - event.pageX;
299
299
  this.selectionStartX = event.offsetX;
300
300
  return true;
301
301
  }
302
302
 
303
303
  private endRangeSelection(): void {
304
- this.isDraggingInternal = false;
304
+ this.#isDragging = false;
305
305
  this.selectionStartX = null;
306
306
  }
307
307
 
@@ -380,7 +380,7 @@ export class ChartViewport extends UI.Widget.VBox {
380
380
  }
381
381
 
382
382
  private showCursor(visible: boolean): void {
383
- this.cursorElement.classList.toggle('hidden', !visible || this.isDraggingInternal);
383
+ this.cursorElement.classList.toggle('hidden', !visible || this.#isDragging);
384
384
  }
385
385
 
386
386
  private onChartKeyDown(keyboardEvent: KeyboardEvent): void {
@@ -301,7 +301,7 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
301
301
  private dragStartX!: number;
302
302
  private dragStartY!: number;
303
303
  private lastMouseOffsetY!: number;
304
- private minimumBoundaryInternal!: number;
304
+ #minimumBoundary!: number;
305
305
  private maxDragOffset!: number;
306
306
  private timelineLevels?: number[][]|null;
307
307
  private visibleLevelOffsets?: Uint32Array|null;
@@ -4023,8 +4023,8 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
4023
4023
 
4024
4024
  private updateBoundaries(): void {
4025
4025
  this.totalTime = this.dataProvider.totalTime();
4026
- this.minimumBoundaryInternal = this.dataProvider.minimumBoundary();
4027
- this.chartViewport.setBoundaries(this.minimumBoundaryInternal, this.totalTime);
4026
+ this.#minimumBoundary = this.dataProvider.minimumBoundary();
4027
+ this.chartViewport.setBoundaries(this.#minimumBoundary, this.totalTime);
4028
4028
  }
4029
4029
 
4030
4030
  private updateHeight(): void {
@@ -44,21 +44,21 @@ const labelMap = new Map<HTMLDivElement|HTMLElement, HTMLDivElement>();
44
44
 
45
45
  export class TimelineGrid {
46
46
  element: HTMLDivElement;
47
- private readonly dividersElementInternal: HTMLElement;
47
+ readonly #dividersElement: HTMLElement;
48
48
  private readonly gridHeaderElement: HTMLDivElement;
49
49
  private eventDividersElement: HTMLElement;
50
- private dividersLabelBarElementInternal: HTMLElement;
50
+ #dividersLabelBarElement: HTMLElement;
51
51
 
52
52
  constructor() {
53
53
  this.element = document.createElement('div');
54
54
  Platform.DOMUtilities.appendStyle(this.element, timelineGridStyles);
55
55
 
56
- this.dividersElementInternal = this.element.createChild('div', 'resources-dividers');
56
+ this.#dividersElement = this.element.createChild('div', 'resources-dividers');
57
57
 
58
58
  this.gridHeaderElement = document.createElement('div');
59
59
  this.gridHeaderElement.classList.add('timeline-grid-header');
60
60
  this.eventDividersElement = this.gridHeaderElement.createChild('div', 'resources-event-dividers');
61
- this.dividersLabelBarElementInternal = this.gridHeaderElement.createChild('div', 'resources-dividers-label-bar');
61
+ this.#dividersLabelBarElement = this.gridHeaderElement.createChild('div', 'resources-dividers-label-bar');
62
62
  this.element.appendChild(this.gridHeaderElement);
63
63
  }
64
64
 
@@ -160,11 +160,11 @@ export class TimelineGrid {
160
160
  }
161
161
 
162
162
  get dividersElement(): HTMLElement {
163
- return this.dividersElementInternal;
163
+ return this.#dividersElement;
164
164
  }
165
165
 
166
166
  get dividersLabelBarElement(): HTMLElement {
167
- return this.dividersLabelBarElementInternal;
167
+ return this.#dividersLabelBarElement;
168
168
  }
169
169
 
170
170
  updateDividers(calculator: NetworkTimeCalculator.Calculator, freeZoneAtLeft?: number): boolean {
@@ -172,17 +172,17 @@ export class TimelineGrid {
172
172
  const dividerOffsets = dividersData.offsets;
173
173
  const precision = dividersData.precision;
174
174
 
175
- const dividersElementClientWidth = this.dividersElementInternal.clientWidth;
175
+ const dividersElementClientWidth = this.#dividersElement.clientWidth;
176
176
 
177
177
  // Reuse divider elements and labels.
178
- let divider = (this.dividersElementInternal.firstChild as HTMLElement | null);
179
- let dividerLabelBar = (this.dividersLabelBarElementInternal.firstChild as HTMLElement | null);
178
+ let divider = (this.#dividersElement.firstChild as HTMLElement | null);
179
+ let dividerLabelBar = (this.#dividersLabelBarElement.firstChild as HTMLElement | null);
180
180
 
181
181
  for (let i = 0; i < dividerOffsets.length; ++i) {
182
182
  if (!divider) {
183
183
  divider = document.createElement('div');
184
184
  divider.className = 'resources-divider';
185
- this.dividersElementInternal.appendChild(divider);
185
+ this.#dividersElement.appendChild(divider);
186
186
 
187
187
  dividerLabelBar = document.createElement('div');
188
188
  dividerLabelBar.className = 'resources-divider';
@@ -190,7 +190,7 @@ export class TimelineGrid {
190
190
  label.className = 'resources-divider-label';
191
191
  labelMap.set(dividerLabelBar, label);
192
192
  dividerLabelBar.appendChild(label);
193
- this.dividersLabelBarElementInternal.appendChild(dividerLabelBar);
193
+ this.#dividersLabelBarElement.appendChild(dividerLabelBar);
194
194
  }
195
195
 
196
196
  const time = dividerOffsets[i].time;
@@ -216,7 +216,7 @@ export class TimelineGrid {
216
216
  // Remove extras.
217
217
  while (divider) {
218
218
  const nextDivider = divider.nextSibling;
219
- this.dividersElementInternal.removeChild(divider);
219
+ this.#dividersElement.removeChild(divider);
220
220
  if (nextDivider) {
221
221
  divider = (nextDivider as HTMLElement);
222
222
  } else {
@@ -225,7 +225,7 @@ export class TimelineGrid {
225
225
  }
226
226
  while (dividerLabelBar) {
227
227
  const nextDivider = dividerLabelBar.nextSibling;
228
- this.dividersLabelBarElementInternal.removeChild(dividerLabelBar);
228
+ this.#dividersLabelBarElement.removeChild(dividerLabelBar);
229
229
  if (nextDivider) {
230
230
  dividerLabelBar = (nextDivider as HTMLElement);
231
231
  } else {
@@ -256,7 +256,7 @@ export class TimelineGrid {
256
256
  }
257
257
 
258
258
  setScrollTop(scrollTop: number): void {
259
- this.dividersLabelBarElementInternal.style.top = scrollTop + 'px';
259
+ this.#dividersLabelBarElement.style.top = scrollTop + 'px';
260
260
  this.eventDividersElement.style.top = scrollTop + 'px';
261
261
  }
262
262
  }
@@ -492,15 +492,15 @@ export interface TimelineOverview {
492
492
  }
493
493
 
494
494
  export class TimelineOverviewBase extends UI.Widget.VBox implements TimelineOverview {
495
- private calculatorInternal: TimelineOverviewCalculator|null;
495
+ #calculator: TimelineOverviewCalculator|null;
496
496
  private canvas: HTMLCanvasElement;
497
- private contextInternal: CanvasRenderingContext2D|null;
497
+ #context: CanvasRenderingContext2D|null;
498
498
 
499
499
  constructor() {
500
500
  super();
501
- this.calculatorInternal = null;
501
+ this.#calculator = null;
502
502
  this.canvas = this.element.createChild('canvas', 'fill');
503
- this.contextInternal = this.canvas.getContext('2d');
503
+ this.#context = this.canvas.getContext('2d');
504
504
  }
505
505
 
506
506
  width(): number {
@@ -512,14 +512,14 @@ export class TimelineOverviewBase extends UI.Widget.VBox implements TimelineOver
512
512
  }
513
513
 
514
514
  context(): CanvasRenderingContext2D {
515
- if (!this.contextInternal) {
515
+ if (!this.#context) {
516
516
  throw new Error('Unable to retrieve canvas context');
517
517
  }
518
- return this.contextInternal;
518
+ return this.#context;
519
519
  }
520
520
 
521
521
  calculator(): TimelineOverviewCalculator|null {
522
- return this.calculatorInternal;
522
+ return this.#calculator;
523
523
  }
524
524
 
525
525
  update(): void {
@@ -538,7 +538,7 @@ export class TimelineOverviewBase extends UI.Widget.VBox implements TimelineOver
538
538
  }
539
539
 
540
540
  setCalculator(calculator: TimelineOverviewCalculator): void {
541
- this.calculatorInternal = calculator;
541
+ this.#calculator = calculator;
542
542
  }
543
543
 
544
544
  onClick(_event: Event): boolean {
@@ -45,9 +45,9 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
45
45
  let commandMenuInstance: CommandMenu;
46
46
 
47
47
  export class CommandMenu {
48
- private readonly commandsInternal: Command[];
48
+ readonly #commands: Command[];
49
49
  private constructor() {
50
- this.commandsInternal = [];
50
+ this.#commands = [];
51
51
  this.loadCommands();
52
52
  }
53
53
 
@@ -216,7 +216,7 @@ export class CommandMenu {
216
216
  id: view.viewId(),
217
217
  featurePromotionId: view.featurePromotionId(),
218
218
  };
219
- this.commandsInternal.push(CommandMenu.createRevealViewCommand(options));
219
+ this.#commands.push(CommandMenu.createRevealViewCommand(options));
220
220
  }
221
221
  // Populate allowlisted settings.
222
222
  const settingsRegistrations = Common.Settings.Settings.instance().getRegisteredSettings();
@@ -227,13 +227,13 @@ export class CommandMenu {
227
227
  }
228
228
  for (const pair of options) {
229
229
  const setting = Common.Settings.Settings.instance().moduleSetting(settingRegistration.settingName);
230
- this.commandsInternal.push(CommandMenu.createSettingCommand(setting, pair.title(), pair.value));
230
+ this.#commands.push(CommandMenu.createSettingCommand(setting, pair.title(), pair.value));
231
231
  }
232
232
  }
233
233
  }
234
234
 
235
235
  commands(): Command[] {
236
- return this.commandsInternal;
236
+ return this.#commands;
237
237
  }
238
238
  }
239
239
  export interface ActionCommandOptions {
@@ -53,7 +53,7 @@ const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/source_frame/Reso
53
53
  const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
54
54
 
55
55
  export class ResourceSourceFrame extends SourceFrameImpl {
56
- private readonly resourceInternal: TextUtils.ContentProvider.ContentProvider;
56
+ readonly #resource: TextUtils.ContentProvider.ContentProvider;
57
57
  readonly #givenContentType: string;
58
58
 
59
59
  constructor(
@@ -66,7 +66,7 @@ export class ResourceSourceFrame extends SourceFrameImpl {
66
66
  super(lazyContent, options);
67
67
 
68
68
  this.#givenContentType = givenContentType;
69
- this.resourceInternal = resource;
69
+ this.#resource = resource;
70
70
  if (isStreamingProvider) {
71
71
  void resource.requestStreamingContent().then(streamingContent => {
72
72
  if (!TextUtils.StreamingContentData.isError(streamingContent)) {
@@ -88,13 +88,13 @@ export class ResourceSourceFrame extends SourceFrameImpl {
88
88
  }
89
89
 
90
90
  get resource(): TextUtils.ContentProvider.ContentProvider {
91
- return this.resourceInternal;
91
+ return this.#resource;
92
92
  }
93
93
 
94
94
  protected override populateTextAreaContextMenu(
95
95
  contextMenu: UI.ContextMenu.ContextMenu, lineNumber: number, columnNumber: number): void {
96
96
  super.populateTextAreaContextMenu(contextMenu, lineNumber, columnNumber);
97
- contextMenu.appendApplicableItems(this.resourceInternal);
97
+ contextMenu.appendApplicableItems(this.#resource);
98
98
  }
99
99
  }
100
100
 
@@ -43,7 +43,7 @@ let themeSupportInstance: ThemeSupport;
43
43
  const themeValueByTargetByName = new Map<Element|null, Map<string, string>>();
44
44
 
45
45
  export class ThemeSupport extends EventTarget {
46
- private themeNameInternal = 'default';
46
+ #themeName = 'default';
47
47
  private computedStyleOfHTML = Common.Lazy.lazy(() => window.getComputedStyle(document.documentElement));
48
48
 
49
49
  readonly #documentsToTheme = new Set<Document>([document]);
@@ -142,7 +142,7 @@ export class ThemeSupport extends EventTarget {
142
142
  }
143
143
 
144
144
  themeName(): string {
145
- return this.themeNameInternal;
145
+ return this.#themeName;
146
146
  }
147
147
 
148
148
  #applyTheme(): void {
@@ -156,8 +156,8 @@ export class ThemeSupport extends EventTarget {
156
156
  const systemPreferredTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'default';
157
157
 
158
158
  const useSystemPreferred = this.setting.get() === 'systemPreferred' || isForcedColorsMode;
159
- this.themeNameInternal = useSystemPreferred ? systemPreferredTheme : this.setting.get();
160
- document.documentElement.classList.toggle('theme-with-dark-background', this.themeNameInternal === 'dark');
159
+ this.#themeName = useSystemPreferred ? systemPreferredTheme : this.setting.get();
160
+ document.documentElement.classList.toggle('theme-with-dark-background', this.#themeName === 'dark');
161
161
 
162
162
  const useChromeTheme = Common.Settings.moduleSetting('chrome-theme-colors').get();
163
163
  const isIncognito = Root.Runtime.hostConfig.isOffTheRecord === true;
@@ -1793,7 +1793,6 @@ export const knownContextValues = new Set([
1793
1793
  'hide-network-messages-true',
1794
1794
  'hide-player',
1795
1795
  'hide-repeating-children',
1796
- 'highlight-errors-elements-panel',
1797
1796
  'highlight-node-on-hover-in-overlay',
1798
1797
  'history',
1799
1798
  'historyRedo',
@@ -2732,6 +2731,7 @@ export const knownContextValues = new Set([
2732
2731
  'override-content',
2733
2732
  'override-headers',
2734
2733
  'override-source-mapped-file-warning',
2734
+ 'overscroll-anchor-name',
2735
2735
  'overscroll-behavior',
2736
2736
  'overscroll-behavior-block',
2737
2737
  'overscroll-behavior-inline',
@@ -3786,6 +3786,7 @@ export const knownContextValues = new Set([
3786
3786
  'timeline.ignore-list-new-regex.text',
3787
3787
  'timeline.ignore-list-pattern',
3788
3788
  'timeline.ignore-list-pattern.remove',
3789
+ 'timeline.insight-ask-ai.cache',
3789
3790
  'timeline.insight-ask-ai.cls-culprits',
3790
3791
  'timeline.insight-ask-ai.dismiss-field-mismatch',
3791
3792
  'timeline.insight-ask-ai.document-latency',
@@ -3801,7 +3802,6 @@ export const knownContextValues = new Set([
3801
3802
  'timeline.insight-ask-ai.legacy-javascript',
3802
3803
  'timeline.insight-ask-ai.long-critical-network-tree',
3803
3804
  'timeline.insight-ask-ai.modern-http',
3804
- 'timeline.insight-ask-ai.network-dependency-tree',
3805
3805
  'timeline.insight-ask-ai.render-blocking-requests',
3806
3806
  'timeline.insight-ask-ai.slow-css-selector',
3807
3807
  'timeline.insight-ask-ai.third-parties',
package/package.json CHANGED
@@ -102,5 +102,5 @@
102
102
  "@eslint/core": "0.15.1"
103
103
  }
104
104
  },
105
- "version": "1.0.1512349"
105
+ "version": "1.0.1513662"
106
106
  }