[WebKit-https.git] / Source / WebInspectorUI / ChangeLog

2016-03-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Make debugging Test.html easier
        https://bugs.webkit.org/show_bug.cgi?id=155207

        Reviewed by Brian Burg.

        * UserInterface/Base/InspectorFrontendHostStub.js: Renamed from Source/WebInspectorUI/UserInterface/Protocol/InspectorFrontendHostStub.js.
        (window.InspectorFrontendHost.WebInspector.InspectorFrontendHostStub.prototype.unbufferedLog):
        Add new stub for test function.

        * UserInterface/Main.html:
        * UserInterface/Test.html:
        Move the stub to the Base directory.

2016-03-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Add a way to create a Heap Snapshot
        https://bugs.webkit.org/show_bug.cgi?id=155188

        Reviewed by Brian Burg.

        * UserInterface/Main.html:
        * UserInterface/Test.html:
        Add new Model resources.

        * UserInterface/Models/HeapSnapshot.js: Added.
        (WebInspector.HeapSnapshotClassCategory):
        (WebInspector.HeapSnapshot):
        (WebInspector.HeapSnapshot.fromPayload):
        (WebInspector.HeapSnapshot.prototype.get rootNode):
        (WebInspector.HeapSnapshot.prototype.get nodes):
        (WebInspector.HeapSnapshot.prototype.get identifier):
        (WebInspector.HeapSnapshot.prototype.get instances):
        (WebInspector.HeapSnapshot.prototype.get categories):
        (WebInspector.HeapSnapshot.prototype.get totalSize):
        (WebInspector.HeapSnapshot.prototype.get totalObjectCount):
        (WebInspector.HeapSnapshot.prototype.instancesWithClassName):
        (WebInspector.HeapSnapshot.prototype.nodeWithObjectIdentifier):
        * UserInterface/Models/HeapSnapshotEdge.js: Added.
        (WebInspector.HeapSnapshotEdge):
        (WebInspector.HeapSnapshotEdge.prototype.stringify):
        * UserInterface/Models/HeapSnapshotNode.js: Added.
        (WebInspector.HeapSnapshotNode):
        Data structures for a HeapSnapshot.

2016-03-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Miscellaneous inspector fixes for typos / stale code
        https://bugs.webkit.org/show_bug.cgi?id=155193

        Reviewed by Timothy Hatcher.

        * UserInterface/Models/SourceCodeLocation.js:
        (WebInspector.SourceCodeLocation.prototype._locationString):
        Fix whitespace.

        * UserInterface/Views/ApplicationCacheFrameContentView.js:
        (WebInspector.ApplicationCacheFrameContentView):
        Remove unused class name.

        * UserInterface/Views/SourceCodeTextEditor.js:
        (WebInspector.SourceCodeTextEditor.prototype._showPopoverForFunction.didGetDetails):
        Remove inferredName, as that was never sent by our backend and is getting removed.

        * UserInterface/Views/TimelineRuler.js:
        (WebInspector.TimelineRuler.prototype._handleMouseUp):
        Fix variable name typo.

2016-03-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Images being blocked by CSP 2.0
        https://bugs.webkit.org/show_bug.cgi?id=155182
        <rdar://problem/25040640>

        Reviewed by Daniel Bates.

        * UserInterface/Main.html:
        Allow Web Inspector to load file: and blob: image resources.
        Also blob: media and font resources.

2016-03-06  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Use half-pixel borders for data grids
        https://bugs.webkit.org/show_bug.cgi?id=154437
        <rdar://problem/24736365>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/DataGrid.css:
        (.data-grid.inline):
        (.data-grid th):
        (.data-grid :matches(th, td):not(:last-child)):
        Half-pixel borders round to 1px on 1x (non-retina) screens since r192444.

        * UserInterface/Views/DataGrid.js:
        (WebInspector.DataGrid.prototype._positionResizerElements):
        Use getBoundingClientRect for better precision since it provides subpixel values.

2016-03-05  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Have separate path component for Script Timeline content views
        https://bugs.webkit.org/show_bug.cgi?id=155075
        <rdar://problem/24996564>

        Reviewed by Timothy Hatcher.

        * UserInterface/Images/CallTrees.svg: Added.
        * UserInterface/Images/Events.svg: Added.
        New icons based off of ResultLine.svg.

        * UserInterface/Views/PathComponentIcons.css:
        (.events-icon .icon):
        (.call-trees-icon .icon):
        (body:not(.mac-platform, .windows-platform) .call-trees-icon .icon):
        Use the new icons and fallback to ResultLine.svg for other ports.

        * UserInterface/Views/ScriptClusterTimelineView.js:
        (WebInspector.ScriptClusterTimelineView):
        (WebInspector.ScriptClusterTimelineView.prototype.get eventsContentView):
        (WebInspector.ScriptClusterTimelineView.prototype.showEvents):
        (WebInspector.ScriptClusterTimelineView.prototype.showProfile):
        (WebInspector.ScriptClusterTimelineView.prototype._pathComponentForContentView):
        (WebInspector.ScriptClusterTimelineView.prototype._identifierForContentView):
        (WebInspector.ScriptClusterTimelineView.prototype._showContentViewForIdentifier):
        (WebInspector.ScriptClusterTimelineView.prototype._scriptClusterViewCurrentContentViewDidChange):
        (WebInspector.ScriptClusterTimelineView.prototype.get detailsContentView): Deleted.
        (WebInspector.ScriptClusterTimelineView.prototype.showDetails): Deleted.
        Rename "Details" to "Events".

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView.prototype.contentBrowserTreeElementForRepresentedObject): Deleted.
        Always include the top level "Details" component.

2016-03-05  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Add back support for a heavy / bottom up profile view
        https://bugs.webkit.org/show_bug.cgi?id=140578
        <rdar://problem/19506794>

        Reviewed by Timothy Hatcher.

        * Localizations/en.lproj/localizedStrings.js:
        * UserInterface/Main.html:
        New strings and resources.

        * UserInterface/Base/Utilities.js:
        (Number.secondsToMillisecondsString):
        Helper for providing a consistent milliseconds string used in profiles.

        * UserInterface/Controllers/TimelineManager.js:
        (WebInspector.TimelineManager.prototype.scriptProfilerTrackingCompleted):
        The calling context tree should be stored on a Recording, not on the global
        TimelineManager. Also create two trees, one top down and one bottom up.

        * UserInterface/Models/CallingContextTree.js:
        (WebInspector.CallingContextTree):
        (WebInspector.CallingContextTree.prototype.get type):
        (WebInspector.CallingContextTree.prototype.get totalExecutionTime):
        (WebInspector.CallingContextTree.prototype.reset):
        (WebInspector.CallingContextTree.prototype.numberOfSamplesInTimeRange):
        (WebInspector.CallingContextTree.prototype.increaseExecutionTime):
        Give a CallingContextTree a type (TopDown / BottomUp) and some getters.

        (WebInspector.CallingContextTree.prototype.updateTreeWithStackTrace):
        Build a bottom up or top down tree from samples.

        (WebInspector.CallingContextTree.prototype.forEachChild):
        Allow iterating from the root.

        (WebInspector.CCTNode):
        (WebInspector.CCTNode.prototype.hasChildrenInTimeRange):
        (WebInspector.CCTNode.prototype.numberOfLeafTimestamps):
        (WebInspector.CCTNode.prototype.addTimestampAndExpressionLocation):
        (WebInspector.CCTNode.prototype.equals):
        (WebInspector.CCTNode.prototype.hasChildren): Deleted.
        Give a CCTNode a list of leaf timestamps alongside the list of all timestamps.
        Leaf timestamps will count as "self time" in a profile view.

        * UserInterface/Models/SourceCodeLocation.js:
        (WebInspector.SourceCodeLocation.prototype._locationString):
        Nobody was using "ColumnStyle.Hidden" so repurpose it to be even simpler.

        * UserInterface/Models/TimelineRecording.js:
        (WebInspector.TimelineRecording):
        (WebInspector.TimelineRecording.prototype.get topDownCallingContextTree):
        (WebInspector.TimelineRecording.prototype.get bottomUpCallingContextTree):
        (WebInspector.TimelineRecording.prototype.reset):
        Store the two types of calling context trees and allow reseting them.

        * UserInterface/Protocol/InspectorFrontendAPI.js:
        (InspectorFrontendAPI.contextMenuItemSelected):
        Helper for debugging uncaught exceptions in context menus.

        * UserInterface/Views/ContentView.js:
        (WebInspector.ContentView.createFromRepresentedObject):
        (WebInspector.ContentView.isViewable):
        A ScriptTimeline now has a cluster view.
        A CallingContextTree now has a ProfileView.

        * UserInterface/Views/DataGrid.js:
        (WebInspector.DataGrid.prototype.insertChild):
        (WebInspector.DataGrid.prototype._contextMenuInDataTable):
        (WebInspector.DataGridNode.prototype.refreshRecursively):
        (WebInspector.DataGridNode.prototype.elementWithColumnIdentifier):
        (WebInspector.DataGridNode.prototype.forEachImmediateChild):
        (WebInspector.DataGridNode.prototype.forEachChildInSubtree):
        (WebInspector.DataGridNode.prototype.isInSubtreeOfNode):
        Provide some helpers for iterating DataGridNodes, useful when the
        actual DataGrid comes from a DataGridTree.

        (WebInspector.DataGridNode.prototype.select):
        (WebInspector.DataGridNode.prototype.deselect):
        The indent width of DataGridNodes was not getting reset when a
        node was removed and re-added to a tree due to a cached padding.

        (WebInspector.DataGridNode.prototype.appendContextMenuItems):
        Allow DataGridNodes to provide context menu items by overriding this method.

        * UserInterface/Views/PathComponentIcons.css:
        (.function-icon .icon):
        (.native-icon .icon):
        (.program-icon .icon):
        Icons for profile nodes in path components.

        * UserInterface/Views/ProfileDataGridNode.js: Added.
        (WebInspector.ProfileDataGridNode):
        (WebInspector.ProfileDataGridNode.prototype.get node):
        (WebInspector.ProfileDataGridNode.prototype.displayName):
        (WebInspector.ProfileDataGridNode.prototype.iconClassName):
        (WebInspector.ProfileDataGridNode.prototype.get data):
        (WebInspector.ProfileDataGridNode.prototype.createCellContent):
        (WebInspector.ProfileDataGridNode.prototype.sort):
        (WebInspector.ProfileDataGridNode.prototype.refresh):
        (WebInspector.ProfileDataGridNode.prototype.appendContextMenuItems):
        (WebInspector.ProfileDataGridNode.prototype._updateChildrenForModifiers):
        (WebInspector.ProfileDataGridNode.prototype._recalculateData):
        (WebInspector.ProfileDataGridNode.prototype._totalTimeContent):
        (WebInspector.ProfileDataGridNode.prototype._displayContent):
        (WebInspector.ProfileDataGridNode.prototype._populate):
        CCTNode DataGridNode. A row in the ProfileDataGridTree. Handles
        tree modifiers like charge to caller.

        * UserInterface/Views/ProfileDataGridTree.js: Added.
        (WebInspector.ProfileDataGridTree):
        (WebInspector.ProfileDataGridTree.buildSortComparator):
        (WebInspector.ProfileDataGridTree.prototype.get callingContextTree):
        (WebInspector.ProfileDataGridTree.prototype.get sampleInterval):
        (WebInspector.ProfileDataGridTree.prototype.get focusNodes):
        (WebInspector.ProfileDataGridTree.prototype.get currentFocusNode):
        (WebInspector.ProfileDataGridTree.prototype.get modifiers):
        (WebInspector.ProfileDataGridTree.prototype.get startTime):
        (WebInspector.ProfileDataGridTree.prototype.get endTime):
        (WebInspector.ProfileDataGridTree.prototype.get numberOfSamples):
        (WebInspector.ProfileDataGridTree.prototype.get children):
        (WebInspector.ProfileDataGridTree.prototype.appendChild):
        (WebInspector.ProfileDataGridTree.prototype.insertChild):
        (WebInspector.ProfileDataGridTree.prototype.removeChildren):
        (WebInspector.ProfileDataGridTree.prototype.set sortComparator):
        (WebInspector.ProfileDataGridTree.prototype.sort):
        (WebInspector.ProfileDataGridTree.prototype.refresh):
        (WebInspector.ProfileDataGridTree.prototype.addFocusNode):
        (WebInspector.ProfileDataGridTree.prototype.rollbackFocusNode):
        (WebInspector.ProfileDataGridTree.prototype.clearFocusNodes):
        (WebInspector.ProfileDataGridTree.prototype.hasModifiers):
        (WebInspector.ProfileDataGridTree.prototype.addModifier):
        (WebInspector.ProfileDataGridTree.prototype.clearModifiers):
        (WebInspector.ProfileDataGridTree.prototype._repopulate):
        (WebInspector.ProfileDataGridTree.prototype._focusChanged):
        (WebInspector.ProfileDataGridTree.prototype._updateCurrentFocusDetails):
        (WebInspector.ProfileDataGridTree.prototype._restoreFocusedNodeToOriginalParent):
        (WebInspector.ProfileDataGridTree.prototype._modifiersChanged):
        Start of a DataGridTree for a CallingContextTree.
        Contains special logic for focused nodes and modifiers.

        * UserInterface/Views/ProfileView.css: Added.
        (.profile > .data-grid):
        (.profile > .data-grid th):
        (.profile > .data-grid td .icon):
        (.profile > .data-grid td .percentage):
        (.profile > .data-grid td .location):
        (.profile > .data-grid:matches(:focus, .force-focus) tr.selected td .location):
        (.profile > .data-grid td .icon.function-icon):
        (.profile > .data-grid td .icon.native-icon):
        (.profile > .data-grid td .icon.program-icon):
        (.profile > .data-grid tr:matches(.selected, :hover) .go-to-arrow):
        (.profile > .data-grid td.function-column):
        (.profile > .data-grid td .guidance):
        (.profile > .data-grid td .guidance.hover):
        (.profile > .data-grid td .guidance.base):
        (.profile > .data-grid tr:not(.expanded) td .guidance.base):
        (.profile > .data-grid tr.expanded td .guidance.base):
        * UserInterface/Views/ProfileView.js: Added.
        (WebInspector.ProfileView):
        (WebInspector.ProfileView.prototype.get callingContextTree):
        (WebInspector.ProfileView.prototype.get startTime):
        (WebInspector.ProfileView.prototype.get endTime):
        (WebInspector.ProfileView.prototype.setStartAndEndTime):
        (WebInspector.ProfileView.prototype.hasFocusNodes):
        (WebInspector.ProfileView.prototype.clearFocusNodes):
        (WebInspector.ProfileView.prototype.get selectionPathComponents):
        (WebInspector.ProfileView.prototype._recreate):
        (WebInspector.ProfileView.prototype._repopulateDataGridFromTree):
        (WebInspector.ProfileView.prototype._pathComponentClicked):
        (WebInspector.ProfileView.prototype._dataGridTreeFocusChanged):
        (WebInspector.ProfileView.prototype._dataGridTreeModifiersChanged):
        (WebInspector.ProfileView.prototype._dataGridSortChanged):
        (WebInspector.ProfileView.prototype._dataGridNodeSelected):
        (WebInspector.ProfileView.prototype._dataGridNodeExpanded):
        (WebInspector.ProfileView.prototype._mouseOverDataGrid):
        (WebInspector.ProfileView.prototype._mouseLeaveDataGrid):
        (WebInspector.ProfileView.prototype._guidanceElementKey):
        (WebInspector.ProfileView.prototype._removeGuidanceElement):
        (WebInspector.ProfileView.prototype._appendGuidanceElement):
        ProfileView holds a data grid which is populated from the data grid tree.
        Special handing for guidance markers when hovering / selecting parts of the tree.

        * UserInterface/Views/ScriptClusterTimelineView.js: Added.
        (WebInspector.ScriptClusterTimelineView.createPathComponent):
        (WebInspector.ScriptClusterTimelineView):
        (WebInspector.ScriptClusterTimelineView.prototype.get zeroTime):
        (WebInspector.ScriptClusterTimelineView.prototype.set zeroTime):
        (WebInspector.ScriptClusterTimelineView.prototype.get startTime):
        (WebInspector.ScriptClusterTimelineView.prototype.set startTime):
        (WebInspector.ScriptClusterTimelineView.prototype.get endTime):
        (WebInspector.ScriptClusterTimelineView.prototype.set endTime):
        (WebInspector.ScriptClusterTimelineView.prototype.get currentTime):
        (WebInspector.ScriptClusterTimelineView.prototype.set currentTime):
        (WebInspector.ScriptClusterTimelineView.prototype.get navigationSidebarTreeOutline):
        (WebInspector.ScriptClusterTimelineView.prototype.reset):
        (WebInspector.ScriptClusterTimelineView.prototype.filterDidChange):
        (WebInspector.ScriptClusterTimelineView.prototype.matchTreeElementAgainstCustomFilters):
        (WebInspector.ScriptClusterTimelineView.prototype.get detailsContentView):
        (WebInspector.ScriptClusterTimelineView.prototype.get profileContentView):
        (WebInspector.ScriptClusterTimelineView.prototype.get selectionPathComponents):
        (WebInspector.ScriptClusterTimelineView.prototype.saveToCookie):
        (WebInspector.ScriptClusterTimelineView.prototype.restoreFromCookie):
        (WebInspector.ScriptClusterTimelineView.prototype.showDetails):
        (WebInspector.ScriptClusterTimelineView.prototype.showProfile):
        (WebInspector.ScriptClusterTimelineView.prototype._pathComponentForContentView):
        (WebInspector.ScriptClusterTimelineView.prototype._identifierForContentView):
        (WebInspector.ScriptClusterTimelineView.prototype._showContentViewForIdentifier):
        (WebInspector.ScriptClusterTimelineView.prototype._pathComponentSelected):
        (WebInspector.ScriptClusterTimelineView.prototype._scriptClusterViewCurrentContentViewDidChange):
        Script Timeline ClusterContentView. Toggle between the normal "Details" data grid
        and the new "Call Tree" profile view. Currently the recording expects child content
        views to be TimelineViews, this ClusterContentView forwards TimelineView relevant
        methods to the real TimelineView children.

        * UserInterface/Views/ScriptDetailsTimelineView.js: Renamed from Source/WebInspectorUI/UserInterface/Views/ScriptTimelineView.js.
        (WebInspector.ScriptDetailsTimelineView):
        (WebInspector.ScriptDetailsTimelineView.prototype.get navigationSidebarTreeOutlineLabel):
        (WebInspector.ScriptDetailsTimelineView.prototype.shown):
        (WebInspector.ScriptDetailsTimelineView.prototype.hidden):
        (WebInspector.ScriptDetailsTimelineView.prototype.closed):
        (WebInspector.ScriptDetailsTimelineView.prototype.get selectionPathComponents):
        (WebInspector.ScriptDetailsTimelineView.prototype.reset):
        (WebInspector.ScriptDetailsTimelineView.prototype.canShowContentViewForTreeElement):
        (WebInspector.ScriptDetailsTimelineView.prototype.showContentViewForTreeElement):
        (WebInspector.ScriptDetailsTimelineView.prototype.treeElementPathComponentSelected):
        (WebInspector.ScriptDetailsTimelineView.prototype.treeElementSelected):
        (WebInspector.ScriptDetailsTimelineView.prototype.dataGridNodeForTreeElement):
        (WebInspector.ScriptDetailsTimelineView.prototype.populateProfileNodeTreeElement):
        (WebInspector.ScriptDetailsTimelineView.prototype.layout):
        (WebInspector.ScriptDetailsTimelineView.prototype._processPendingRecords):
        (WebInspector.ScriptDetailsTimelineView.prototype._scriptTimelineRecordAdded):
        (WebInspector.ScriptDetailsTimelineView.prototype._scriptTimelineRecordRefreshed):
        (WebInspector.ScriptDetailsTimelineView.prototype._dataGridFiltersDidChange):
        (WebInspector.ScriptDetailsTimelineView.prototype._dataGridNodeSelected):
        * UserInterface/Views/ScriptProfileTimelineView.js: Added.
        (WebInspector.ScriptProfileTimelineView):
        (WebInspector.ScriptProfileTimelineView.prototype.closed):
        (WebInspector.ScriptProfileTimelineView.prototype.get navigationItems):
        (WebInspector.ScriptProfileTimelineView.prototype.get selectionPathComponents):
        (WebInspector.ScriptProfileTimelineView.prototype.layout):
        (WebInspector.ScriptProfileTimelineView.prototype._callingContextTreeForOrientation):
        (WebInspector.ScriptProfileTimelineView.prototype._profileViewSelectionPathComponentsDidChange):
        (WebInspector.ScriptProfileTimelineView.prototype._scriptTimelineRecordRefreshed):
        (WebInspector.ScriptProfileTimelineView.prototype._updateProfileOrientationButtonItem):
        (WebInspector.ScriptProfileTimelineView.prototype._toggleProfileOrientation):
        (WebInspector.ScriptProfileTimelineView.prototype._updateClearFocusNodesButtonItem):
        (WebInspector.ScriptProfileTimelineView.prototype._clearFocusNodes):
        The two TimelineViews.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView.prototype.get currentTimelineView):
        (WebInspector.TimelineRecordingContentView.prototype.contentBrowserTreeElementForRepresentedObject):
        The timeline content browser may now hold a ClusterContentView. It is not exactly a TimelineView,
        but it holds TimelineViews, so treat it like one. Assume the ClusterContentView will add its own
        path components.

        (WebInspector.TimelineRecordingContentView.prototype._instrumentAdded):
        Add extra information other than the sidebar to TimelineViews. The ProfileView looks
        at the recording for the calling context trees.

2016-03-03  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: Temporarily hide the TimelineSidebarPanel

        https://bugs.webkit.org/show_bug.cgi?id=154974
        rdar://problem/24956380

        Reviewed by Joseph Pecoraro.

        * UserInterface/Views/TimelineTabContentView.js:
        (WebInspector.TimelineTabContentView): Remove _showNavigationSidebarItem and hide the sidebar.

2016-03-03  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Selected range path component should be zero time corrected
        https://bugs.webkit.org/show_bug.cgi?id=154950
        <rdar://problem/24947022>

        Reviewed by Timothy Hatcher.

        Subtracts zero time from TimelineRange start and end values, and corrects
        a cosmetic issue in TimelineRuler which showed selection handle tooltips
        that weren't adjusted for the ruler's zero time.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView.prototype._timeRangeSelectionChanged):

        * UserInterface/Views/TimelineRuler.js:
        (WebInspector.TimelineRuler.prototype._updateSelection):

2016-03-03  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Events and Frames mode switch does not fully switch until first zoom
        https://bugs.webkit.org/show_bug.cgi?id=154971
        <rdar://problem/24955871>

        Reviewed by Timothy Hatcher.

        Switching modes toggles the visibility of the tree outline, which changes
        the width of the overview's ruler, graphs, and scroll container. When the
        view mode changes, the overview needs a forced "resize" layout.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview.prototype._viewModeDidChange):

2016-03-03  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Assertion Failed: Cannot show timeline because it does not belong to the shown recording. – "overview"
        https://bugs.webkit.org/show_bug.cgi?id=154972
        <rdar://problem/24956233>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/TimelineTabContentView.js:
        (WebInspector.TimelineTabContentView.prototype._showTimelineViewForType):
        Just show the overview if the recording has no timeline of the given type.

2016-03-02  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Update MemoryTimelineView for new ruler height
        https://bugs.webkit.org/show_bug.cgi?id=153904
        <rdar://problem/24517259>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/MemoryTimelineView.css:
        (.timeline-view.memory > .content > .details > .timeline-ruler):
        (.timeline-view.memory > .content > .details > .subtitle):
        Adjust ruler top and subtitle padding for shorter timeline ruler.
        Also reduced padding in the Categories heading area to tighen up
        the layout a bit.

2016-03-02  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Timelines UI redesign: replace content view container with a content browser
        https://bugs.webkit.org/show_bug.cgi?id=153033
        <rdar://problem/24195565>

        Reviewed by Timothy Hatcher.

        This patch replaces the ContentViewContainer in the Timelines tab with a ContentBrowser,
        moves filtering controls from the sidebar to the new browser's navigation bar, and adds
        a new leaf path component for the current ruler selection to the main content browser's
        navigation bar.

        * Localizations/en.lproj/localizedStrings.js:
        New UI strings.

        * UserInterface/Base/Utilities.js:
        Added global en dash string.

        * UserInterface/Main.html:
        * UserInterface/Test.html:
        New files.

        * UserInterface/Models/TimelineRange.js:
        (WebInspector.TimelineRange):
        (WebInspector.TimelineRange.prototype.get startValue):
        (WebInspector.TimelineRange.prototype.set startValue):
        (WebInspector.TimelineRange.prototype.get endValue):
        (WebInspector.TimelineRange.prototype.set endValue):
        New represented object used by ruler selection path components.

        * UserInterface/Views/FilterBarNavigationItem.js:
        (WebInspector.FilterBarNavigationItem):
        (WebInspector.FilterBarNavigationItem.prototype.get filterBar):
        Adapter class for using a FilterBar as a NavigationItem.

        * UserInterface/Views/TimelineIcons.css:
        (.time-icon .icon):
        Icon class used by ruler selection path component.

        * UserInterface/Views/TimelineRecordingContentView.css:
        (.content-view.timeline-recording > .content-browser):
        (.content-view.timeline-recording > .content-browser > .navigation-bar):
        (.content-view.timeline-recording > .content-browser > .navigation-bar > .item.scope-bar.default-item-selected > .multiple):
        (.content-view.timeline-recording > .content-browser > .navigation-bar > .item.scope-bar.default-item-selected > .multiple .arrows):
        (.content-view.timeline-recording > .content-browser > .content-view-container > .timeline-view > .data-grid td):
        (.content-view.timeline-recording > .content-browser > .content-view-container > .timeline-view > .data-grid table.data):
        (.content-view.timeline-recording > .content-view-container): Deleted.
        (.content-view.timeline-recording > .content-view-container > .timeline-view > .data-grid td): Deleted.
        (.content-view.timeline-recording > .content-view-container > .timeline-view > .data-grid table.data): Deleted.
        New styles for the ContentBrowser that replaces the ContentViewContainer.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView):
        Create the ContentBrowser, ruler selection path components, and the browser's filter bar.

        (WebInspector.TimelineRecordingContentView.prototype.showOverviewTimelineView):
        (WebInspector.TimelineRecordingContentView.prototype.showTimelineViewForTimeline):
        Implemented by the content browser instead of the view container.

        (WebInspector.TimelineRecordingContentView.prototype.get selectionPathComponents):
        Add timeline and selection path components. Components for the current TimelineView
        are now located in the lower content browser's navigation bar.

        (WebInspector.TimelineRecordingContentView.prototype.get supplementalRepresentedObjects):
        (WebInspector.TimelineRecordingContentView.prototype.get handleCopyEvent):
        (WebInspector.TimelineRecordingContentView.prototype.get supportsSave):
        (WebInspector.TimelineRecordingContentView.prototype.get saveData):
        (WebInspector.TimelineRecordingContentView.prototype.get currentTimelineView):
        (WebInspector.TimelineRecordingContentView.prototype.shown):
        (WebInspector.TimelineRecordingContentView.prototype.hidden):
        (WebInspector.TimelineRecordingContentView.prototype.closed):
        (WebInspector.TimelineRecordingContentView.prototype.canGoBack):
        (WebInspector.TimelineRecordingContentView.prototype.canGoForward):
        (WebInspector.TimelineRecordingContentView.prototype.goBack):
        (WebInspector.TimelineRecordingContentView.prototype.goForward):
        (WebInspector.TimelineRecordingContentView.prototype.saveToCookie):
        Implemented by the content browser instead of the view container.

        (WebInspector.TimelineRecordingContentView.prototype.contentBrowserTreeElementForRepresentedObject):
        Create the root tree element for the lower content browser's navigation bar.

        (WebInspector.TimelineRecordingContentView.prototype._timeRangePathComponentSelected):
        Update the ruler selection based on the new path component.

        (WebInspector.TimelineRecordingContentView.prototype._contentViewSelectionPathComponentDidChange):
        (WebInspector.TimelineRecordingContentView.prototype._contentViewSupplementalRepresentedObjectsDidChange):
        (WebInspector.TimelineRecordingContentView.prototype._updateTimes):
        (WebInspector.TimelineRecordingContentView.prototype._updateTimelineOverviewHeight):
        Implemented by the content browser instead of the view container.

        (WebInspector.TimelineRecordingContentView.prototype._timeRangeSelectionChanged):
        Update the currently selected path component when the ruler selection changes.
        If the entire range is selected, show the "Entire Recording" path component,
        otherwise update the TimelineRange of the path component for the user-defined
        selection and refresh all timeline range path components.

        (WebInspector.TimelineRecordingContentView.prototype._updateTimeRangePathComponents):
        Update title text and sibling relationships for ruler selection path components.

        (WebInspector.TimelineRecordingContentView.prototype._createTimelineRangePathComponent):
        Helper function for creating TimelineRange path components.

        (WebInspector.TimelineRecordingContentView.prototype._currentContentViewDidChange):
        The TimelineView scope bar is no longer added to the sidebar. The UI has been moved
        to the lower content browser navigation bar.

        (WebInspector.TimelineRecordingContentView.prototype._updateFrameSelection): Deleted.
        No longer needed since the selected range is shown in the navigation bar.

        * UserInterface/Views/TimelineView.js:
        (WebInspector.TimelineView.prototype.get navigationItems):
        Adds the TimelineView's scope bar (if any) to the lower content browser's navigation
        bar. Items are inserted before the filter bar, which is always the right-most item.

2016-03-02  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Timelines UI redesign: show content tree outline records in timeline data grids
        https://bugs.webkit.org/show_bug.cgi?id=153032
        <rdar://problem/24195317>

        Reviewed by Timothy Hatcher.

        This patch relocates the data shown in the Timelines navigation sidebar content tree outline
        to a new grid column in each TimelineDataGrid. Logic for creating subtitles, goto arrow buttons,
        and status elements (the progress spinner used for network resources) has been replicated in
        the appropriate TimelineDataGridNode classes.

        Duplicate logic contained in TimelineRecordTreeElement classes is left in place for now, but
        will be removed in <https://webkit.org/b/153036>.

        * UserInterface/Views/DataGrid.css:
        (.data-grid td.error):
        Use --error-text-color CSS variable.

        * UserInterface/Views/DataGrid.js:
        Removed GoToArrowClicked event.
        (WebInspector.DataGridNode.prototype.createGoToArrowButton.buttonClicked): Deleted.
        (WebInspector.DataGridNode.prototype.createGoToArrowButton): Deleted.
        Now part of TimelineDataGridNode.

        * UserInterface/Views/LayoutTimelineDataGridNode.js:
        (WebInspector.LayoutTimelineDataGridNode):
        (WebInspector.LayoutTimelineDataGridNode.prototype.get data):
        Add name cell to row data.
        (WebInspector.LayoutTimelineDataGridNode.prototype.createCellContent):
        Create name cell.

        * UserInterface/Views/LayoutTimelineView.css:
        (.timeline-view.layout > .data-grid .eventType-column): Deleted.
        Column border no longer hidden.

        * UserInterface/Views/LayoutTimelineView.js:
        (WebInspector.LayoutTimelineView):
        Setup name column.

        * UserInterface/Views/NetworkTimelineView.css:
        (.timeline-view.network > .data-grid .name-column .subtitle):
        Don't show subtitles in the Network grid's name column.

        * UserInterface/Views/NetworkTimelineView.js:
        (WebInspector.NetworkTimelineView):
        Setup name column.

        * UserInterface/Views/OverviewTimelineView.css:
        (.timeline-view.overview > .data-grid th.graph-column > .timeline-ruler):
        (.timeline-view.overview > .data-grid th.graph-column > .timeline-ruler > .header):
        (.timeline-view.overview > .data-grid th):
        (body.window-inactive .timeline-view.overview > .data-grid th):
        (.timeline-view.overview .timeline-ruler > .event-markers):
        (.timeline-view.overview > .data-grid):
        (.timeline-view.overview > .timeline-ruler): Deleted.
        (.timeline-view.overview > .timeline-ruler > .header): Deleted.
        (body.window-inactive .timeline-view.overview > .timeline-ruler > .header): Deleted.
        (.timeline-view.overview > .timeline-ruler > .event-markers): Deleted.
        New styles for adding grid column headers and using a TimelineRuler as the
        graph column header.

        * UserInterface/Views/OverviewTimelineView.js:
        (WebInspector.OverviewTimelineView):
        Setup name column and add ruler to graph column header.

        * UserInterface/Views/ProfileNodeDataGridNode.js:
        (WebInspector.ProfileNodeDataGridNode):
        Use cached data instead of creating row data at construction time.
        (WebInspector.ProfileNodeDataGridNode.prototype.get data):
        Add name cell to row data.
        (WebInspector.ProfileNodeDataGridNode.prototype.createCellContent):
        Create name cell.
        (WebInspector.ProfileNodeDataGridNode.prototype._iconClassNameForProfileNode):
        (WebInspector.ProfileNodeDataGridNode.prototype._titleForProfileNode):
        Copied from ProfileNodeTreeElement.

        * UserInterface/Views/RenderingFrameTimelineDataGridNode.js:
        (WebInspector.RenderingFrameTimelineDataGridNode):
        (WebInspector.RenderingFrameTimelineDataGridNode.prototype.get data):
        Add name cell to row data.
        (WebInspector.RenderingFrameTimelineDataGridNode.prototype.createCellContent):
        Create name cell.

        * UserInterface/Views/RenderingFrameTimelineView.js:
        (WebInspector.RenderingFrameTimelineView):
        Setup name column.

        * UserInterface/Views/ResourceTimelineDataGridNode.js:
        (WebInspector.ResourceTimelineDataGridNode):
        Renamed "graphOnly" to "includesGraph", since resource rows in the overview
        now show the name column in addition to the graph column. Resource events
        LoadingDidFinish and LoadingDidFail now need to be handled for both types
        of resource rows.

        (WebInspector.ResourceTimelineDataGridNode.prototype.get data):
        (WebInspector.ResourceTimelineDataGridNode.prototype.createCellContent):
        Update resource status element and create name cell content.
        (WebInspector.ResourceTimelineDataGridNode.prototype._createNameCellDocumentFragment):
        Create DOM fragment with titles. Based on code in TimelineRecordTreeElement.
        (WebInspector.ResourceTimelineDataGridNode.prototype._dataGridNodeGoToArrowClicked):
        Show resource when goto arrow is clicked.
        (WebInspector.ResourceTimelineDataGridNode.prototype._updateStatus):
        Update name cell's text color and progress spinner.

        * UserInterface/Views/ResourceTreeElement.css:
        (.item.resource.failed):
        (.item.resource.failed .subtitle):
        Use --error-text-color CSS variable.

        * UserInterface/Views/ScriptTimelineDataGridNode.js:
        (WebInspector.ScriptTimelineDataGridNode):
        (WebInspector.ScriptTimelineDataGridNode.prototype.createCellContent):
        (WebInspector.ScriptTimelineDataGridNode.prototype._createNameCellDocumentFragment):
        Create DOM fragment with titles. Based on code in TimelineRecordTreeElement.

        * UserInterface/Views/ScriptTimelineView.js:
        (WebInspector.ScriptTimelineView):
        Setup name column.

        * UserInterface/Views/SourceCodeTimelineTimelineDataGridNode.js:
        (WebInspector.SourceCodeTimelineTimelineDataGridNode.prototype.createCellContent):
        Added now that this node type is no longer "graph only".
        (WebInspector.SourceCodeTimelineTimelineDataGridNode.prototype._createNameCellContent):
        Create DOM fragment with titles. Based on code in TimelineRecordTreeElement.

        * UserInterface/Views/TimelineDataGridNode.js:
        (WebInspector.TimelineDataGridNode):
        Renamed `graphOnly` to `includesGraph`.
        (WebInspector.TimelineDataGridNode.prototype.createCellContent):
        Removed icon element creation. This is now handled by the DataGrid.
        (WebInspector.TimelineDataGridNode.prototype.refresh):
        Refresh of all node cells after updating the graph.
        (WebInspector.TimelineDataGridNode.prototype.createGoToArrowButton):
        (WebInspector.TimelineDataGridNode.prototype.createGoToArrowButton.buttonClicked):
        Relocated from DataGrid, as it's only used by TimelineDataGridNodes.

        * UserInterface/Views/TimelineView.css:
        (.timeline-view > .data-grid .indeterminate-progress-spinner):
        Styles for grid cell progress spinners.

        * UserInterface/Views/Variables.css:
        (:root):
        Added --error-text-color variable to remove duplication.

2016-03-02  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Timelines UI redesign: relocate recording controls to TimelineTabContentView's content browser
        https://bugs.webkit.org/show_bug.cgi?id=153532
        <rdar://problem/24361611>

        Reviewed by Timothy Hatcher.

        This patch shifts UI controller responsibilities from the sidebar panel
        to the tab content view. Controls for starting/stopping the recording and
        switching view modes are now located in the tab's navigation bar, as is
        the hidden tree outline of open timeline recordings.

        * Localizations/en.lproj/localizedStrings.js:
        New UI strings. Renamed view-mode radio buttons located from the sidebar
        to "Events" and "Frames". UI for switching modes isn't final, and the
        labels may change or be removed entirely in favor of image-only buttons.

        * UserInterface/Main.html:
        New file.

        * UserInterface/Views/ContentBrowserTabContentView.js:
        (WebInspector.ContentBrowserTabContentView.prototype.contentBrowserTreeElementForRepresentedObject):
        (WebInspector.ContentBrowserTabContentView.prototype.treeElementForRepresentedObject):
        Allow subclasses to override behavior for retrieving the tree element
        for a represented object. Default behavior delegates the implementation
        to the navigation sidebar.

        (WebInspector.ContentBrowserTabContentView.prototype._contentBrowserCurrentContentViewDidChange):
        (WebInspector.ContentBrowserTabContentView.prototype._revealAndSelectRepresentedObject):
        (WebInspector.ContentBrowserTabContentView):
        (WebInspector.ContentBrowserTabContentView.prototype._revealAndSelectRepresentedObjectInNavigationSidebar): Deleted.
        Renamed to _revealAndSelectRepresentedObject as it's no longer specific
        to the sidebar.

        * UserInterface/Views/TabContentView.js:
        (WebInspector.TabContentView):
        (WebInspector.TabContentView.prototype.restoreStateFromCookie):
        (WebInspector.TabContentView.prototype.saveStateToCookie):
        A navigation sidebar shouldn't be required to save/restore cookie state.

        * UserInterface/Views/TimelineTabContentView.css: Added.
        (.timeline.tab.content-view .navigation-bar > .item.toggle-navigation-sidebar.activate.button):
        (.timeline.tab.content-view .navigation-bar > .item.record-start-stop):
        (.timeline.tab.content-view .navigation-bar > .item.record-start-stop:hover):
        (.timeline.tab.content-view .navigation-bar > .item.record-start-stop:active):
        (.timeline.tab.content-view .navigation-bar > .item.record-start-stop *):
        (.timeline.tab.content-view .navigation-bar > .item.radio):
        Styles for new navigation items: record button and view mode radio buttons.

        * UserInterface/Views/TimelineTabContentView.js:
        Logic for maintaining the timeline recording hierarchy and the state
        of the active recording has been added to the tab content view.

        (WebInspector.TimelineTabContentView):
        (WebInspector.TimelineTabContentView.prototype.shown):
        (WebInspector.TimelineTabContentView.prototype.hidden):
        (WebInspector.TimelineTabContentView.prototype.canShowRepresentedObject):
        Objects other than recordings are no longer shown in the tab's content
        browser. Displaying other objects (such as timeline resources) in the
        content browser will be addressed in a follow-up patch: https://bugs.webkit.org/show_bug.cgi?id=154920.

        (WebInspector.TimelineTabContentView.prototype.get supportsSplitContentBrowser):
        (WebInspector.TimelineTabContentView.prototype.restoreFromCookie):
        (WebInspector.TimelineTabContentView.prototype.saveToCookie):
        Persist view state that was previously located in the sidebar.

        (WebInspector.TimelineTabContentView.prototype.treeElementForRepresentedObject):
        Implements logic previously limited to the navigation sidebar. Only tree
        elements for timeline recordings are supported, since other represented
        objects (timeline resources) no longer have content tree outline tree elements.

        (WebInspector.TimelineTabContentView.prototype._capturingStartedOrStopped):
        (WebInspector.TimelineTabContentView.prototype._toggleRecordingOnSpacebar):
        (WebInspector.TimelineTabContentView.prototype._toggleNewRecordingOnSpacebar):
        (WebInspector.TimelineTabContentView.prototype._toggleRecording):
        (WebInspector.TimelineTabContentView.prototype._recordButtonClicked):
        (WebInspector.TimelineTabContentView.prototype._recordingsTreeSelectionDidChange):
        (WebInspector.TimelineTabContentView.prototype._recordingCreated):
        (WebInspector.TimelineTabContentView.prototype._addRecording):
        (WebInspector.TimelineTabContentView.prototype._recordingCountChanged):
        (WebInspector.TimelineTabContentView.prototype._recordingLoaded):
        Implementations copied from the sidebar panel.

        (WebInspector.TimelineTabContentView.prototype._recordingSelected):
        Implementation similar to that which existed in the sidebar panel, except
        that logic related to instruments isn't needed. Updates to timeline view
        filters will be implemented in a follow-up patch: https://bugs.webkit.org/show_bug.cgi?id=154924.

        (WebInspector.TimelineTabContentView.prototype._viewModeSelected):
        This method is now limited to the handling of the radio button event only.
        Additional logic which existed in the sidebar panel's implementation has
        been pushed into _changeViewMode, which does the actual work of toggling
        view modes.

        (WebInspector.TimelineTabContentView.prototype._changeViewMode):
        Updates the current view mode state. If triggered by a user selection (was
        called by the radio button event handler), the correct timeline view for
        the new mode is shown.

        (WebInspector.TimelineTabContentView.prototype._showTimelineViewForType):
        Helper function for showing the view for the specified timeline type, if
        the timeline exists in the current recording. Otherwise the overview timeline
        view is displayed.

        (WebInspector.TimelineTabContentView.prototype._displayedContentViewNavigationItemsDidChange):
        Keep the view mode in sync with the content browser.

        (WebInspector.TimelineTabContentView.prototype._getTimelineForCurrentContentView):
        Helper function for getting the currently displayed timeline.

2016-03-02  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Timelines UI redesign: add the timelines tree outline to the TimelineOverview
        https://bugs.webkit.org/show_bug.cgi?id=153034
        <rdar://problem/24195628>

        Reviewed by Timothy Hatcher.

        Move the Timelines tree outline to the overview, in preparation for <https://webkit.org/b/153036>.

        * UserInterface/Views/OverviewTimelineView.css:
        (.timeline-view.overview > .timeline-ruler > .header): Deleted.
        (.timeline-view.overview > .timeline-ruler > .event-markers): Deleted.
        These are now part of the default ruler style.

        * UserInterface/Views/TimelineOverview.css:
        (.timeline-overview > .tree-outline.timelines):
        (.timeline-overview > .tree-outline.timelines::before):
        (body.window-inactive .timeline-overview > .tree-outline.timelines):
        (.timeline-overview.frames > .tree-outline.timelines):
        (.timeline-overview > .tree-outline.timelines .close-button):
        (.timeline-overview > .tree-outline.timelines .item.selected .close-button):
        (.timeline-overview > .tree-outline.timelines .item:not(.selected):nth-child(even)):
        (.timeline-overview > .tree-outline.timelines .item:not(.selected):not(:first-child)):
        (.timeline-overview > .tree-outline.timelines .item.selected + .item):
        (body.window-inactive .timeline-overview > .tree-outline.timelines .item.selected + .item):
        (.timeline-overview > .tree-outline.timelines :focus .item.selected + .item):
        (.timeline-overview > .scroll-container):
        (.timeline-overview.frames > .scroll-container):
        (.timeline-overview > .timeline-ruler):
        (.timeline-overview.frames > .timeline-ruler):
        (.timeline-overview > .timeline-ruler > .markers):
        (.timeline-overview > .graphs-container):
        (.timeline-overview.frames > .graphs-container):
        Styles for the timelines tree outline. A content element is inserted before the
        tree to fill the gap created by the timeline ruler. For now the tree has a fixed
        width of 185px, and is hidden when displaying the FPS instrument.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview):
        (WebInspector.TimelineOverview.prototype.get selectedTimeline):
        (WebInspector.TimelineOverview.prototype.set selectedTimeline):
        Make the selected timeline accessible to the parent view, since the overview doesn't
        have a "represented object", or receive ContentView change notifications.

        (WebInspector.TimelineOverview.prototype._instrumentAdded):
        (WebInspector.TimelineOverview.prototype._instrumentRemoved):
        (WebInspector.TimelineOverview.prototype._viewModeDidChange):
        Add and remove instrument tree elements. Each tree element is created with a height
        equal to it's overview graph, and is shown/hidden based on the current view mode.

        (WebInspector.TimelineOverview.prototype._timelinesTreeSelectionDidChange):
        Update the selected timeline and dispatch change event.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView):
        (WebInspector.TimelineRecordingContentView.prototype._currentContentViewDidChange):
        (WebInspector.TimelineRecordingContentView.prototype._updateTimelineOverviewHeight):
        (WebInspector.TimelineRecordingContentView.prototype._timelineSelected):
        Sync the overview's timeline selection with the current ContentView's represented object.

        * UserInterface/Views/TimelineRuler.css:
        (.timeline-ruler > .header):
        (.timeline-ruler > .header > .divider > .label):
        (.timeline-ruler > .selection-drag):
        (.timeline-ruler > .selection-handle):
        Ruler height changed to 23px, to be consistent with the DataGrid header.

        * UserInterface/Views/TreeOutline.css:
        (.tree-outline.large .item .icon):
        Large icon style updated to match TimelineSidebarPanel.css. The 32px
        size is outdated and no longer used.

        * UserInterface/Views/Variables.css:
        (:root):
        New color variables, used by TimelineOverview.css.

2016-02-29  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Add direct number inputs to Bezier editor
        https://bugs.webkit.org/show_bug.cgi?id=154809
        <rdar://problem/24881465>

        Reviewed by Timothy Hatcher.

        * UserInterface/Base/Main.js:
        (WebInspector._updateWindowKeydownListener):
        Now only adds the shared event listener when the first keydown listener
        is added via WebInspector.addWindowKeydownListener

        * UserInterface/Controllers/CodeMirrorBezierEditingController.js:
        (WebInspector.CodeMirrorBezierEditingController.prototype.popoverDidDismiss):

        * UserInterface/Controllers/CodeMirrorEditingController.js:
        (WebInspector.CodeMirrorEditingController.prototype.popoverDidDismiss):
        (WebInspector.CodeMirrorEditingController.prototype.didDismissPopover):
        Added function that is called when the popover is dismissed so that
        removing event listeners is possible.

        * UserInterface/Views/BezierEditor.css:
        (.bezier-editor):
        (.bezier-editor > .number-input-container):
        (.bezier-editor > .number-input-container > input):

        * UserInterface/Views/BezierEditor.js:
        (WebInspector.BezierEditor.createControl):
        (WebInspector.BezierEditor.createBezierInput):
        (WebInspector.BezierEditor):
        Added usage of Element.prototype.createChild for ease of readability.
        Also added input elements for manually changing the values of each bezier
        point's x and y values.

        (WebInspector.BezierEditor.prototype.set bezier):
        (WebInspector.BezierEditor.prototype.removeListeners):
        (WebInspector.BezierEditor.prototype._handleMousedown):
        (WebInspector.BezierEditor.prototype._updateBezier):
        (WebInspector.BezierEditor.prototype._updateBezierPreview):
        (WebInspector.BezierEditor.prototype._triggerPreviewAnimation):
        (WebInspector.BezierEditor.prototype._handleNumberInputInput):
        (WebInspector.BezierEditor.prototype._handleNumberInputKeydown):
        (WebInspector.BezierEditor.prototype._changeBezierForInput):
        Refactored code to make it more reusable, as well as adding event listeners
        to the newly created inputs, including value chaning from the arrow keys.

        * UserInterface/Views/CSSStyleDeclarationTextEditor.js:
        (WebInspector.CSSStyleDeclarationTextEditor.prototype.didDismissPopover): Deleted.
        Removed unused code.

        * UserInterface/Views/InlineSwatch.js:
        (WebInspector.InlineSwatch):
        (WebInspector.InlineSwatch.prototype.didDismissPopover):
        Removes any global event listeners added by the current editor if able.

        (WebInspector.InlineSwatch.prototype._swatchElementClicked):
        Now saves the current editor object as a member variable.

2016-02-28  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: DataGrid's resizers aren't horizontally centered
        https://bugs.webkit.org/show_bug.cgi?id=154787
        <rdar://problem/24876901>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/DataGrid.css:
        (.data-grid .resizer):
        Use CSS transforms as margin-left doesn't support sub-pixel values.

2016-02-26  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Increase clickable area of the console prompt
        https://bugs.webkit.org/show_bug.cgi?id=154719
        <rdar://problem/24854538>

        Reviewed by Timothy Hatcher.

        Clicking on the area around CodeMirror element now moves
        focus to the console prompt.

        * UserInterface/Views/QuickConsole.js:
        (WebInspector.QuickConsole.prototype._handleMouseDown):
        Only capture mousedown events on .quick-console.
        Don't capture clicks on CodeMirror.

        * UserInterface/Views/QuickConsole.css:
        (.quick-console > .console-prompt):
        (.quick-console > .console-prompt > .CodeMirror):
        Make sure .console-prompt is never an event.target for _handleMouseDown.

2016-02-26  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Remove unused member variables from overview graphs
        https://bugs.webkit.org/show_bug.cgi?id=154774

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/LayoutTimelineOverviewGraph.js:
        (WebInspector.LayoutTimelineOverviewGraph.prototype.reset):
        * UserInterface/Views/ScriptTimelineOverviewGraph.js:
        (WebInspector.ScriptTimelineOverviewGraph.prototype.reset):

2016-02-26  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION (r196741): Web Inspector: Bottom section of Layers sidebar is 1px shorter than the console prompt
        https://bugs.webkit.org/show_bug.cgi?id=154773
        <rdar://problem/24873345>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/LayerTreeDetailsSidebarPanel.css:
        (.sidebar > .panel.details.layer-tree > .content):
        (.panel.details.layer-tree .bottom-bar):

2016-02-26  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Custom transition bezier curve editor preview should loop when not editing curve
        https://bugs.webkit.org/show_bug.cgi?id=154738
        <rdar://problem/24861563>

        Reviewed by Timothy Hatcher.

        Added extra frames to bezier preview animation to allow it to infinitely
        repeat without being jarring to watch.

        * UserInterface/Views/BezierEditor.css:
        (.bezier-editor > .bezier-preview-timing.animate):
        (@keyframes bezierPreview):
        * UserInterface/Views/BezierEditor.js:

2016-02-26  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Keyboard controls to nudge control points in custom transition bezier curve editor would be nice
        https://bugs.webkit.org/show_bug.cgi?id=154739
        <rdar://problem/24861498>

        Reviewed by Timothy Hatcher.

        Adds ability for user to nudge the most recently selected bezier control
        handle by using the arrow keys. Also makes the currently selected bezier
        control line snap to an axis, which is defined when the user mouses down,
        whenever the mouse is dragged while the shift key is pressed.


        * UserInterface/Views/BezierEditor.js:
        (WebInspector.BezierEditor):
        (WebInspector.BezierEditor.prototype.handleKeydownEvent):
        (WebInspector.BezierEditor.prototype._handleMouseup):
        (WebInspector.BezierEditor.prototype._updateControlPointsForMouseEvent):

2016-02-26  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Option-clicking on the a CSS property sometimes doesn't work
        https://bugs.webkit.org/show_bug.cgi?id=154384
        <rdar://problem/24714755>

        Reviewed by Timothy Hatcher.

        It seems as though there were race conditions between CodeMirror's event
        and the native mousemove such that if CodeMirror fired second, the current
        candidate was cleared, and would not reset itself until the cursor was
        moved, at which point the same issue could happen. To fix this, the current
        candidate is no longer cleared by CodeMirror's event and is instead only
        modified by the native mouse-events.

        * UserInterface/Controllers/CodeMirrorTokenTrackingController.js:
        (WebInspector.CodeMirrorTokenTrackingController.prototype._hidePopover):

2016-02-25  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Unify selected item colors
        https://bugs.webkit.org/show_bug.cgi?id=154668
        <rdar://problem/24832178>

        Reviewed by Timothy Hatcher.

        Use the same CSS variable color for all selected items.

        * UserInterface/Views/TreeOutline.css:
        (.tree-outline:matches(:focus, .force-focus) .item.selected):
        * UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css:
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item.selected):
        * UserInterface/Views/VisualStyleSelectorTreeItem.css:
        (.item.visual-style-selector-item.selected):
        * UserInterface/Views/VisualStyleTabbedPropertiesRow.css:
        (.visual-style-tabbed-properties-row > .visual-style-tabbed-properties-row-container > button.selected):

2016-02-24  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Expose Proxy target and handler internal properties to Inspector
        https://bugs.webkit.org/show_bug.cgi?id=154663

        Reviewed by Timothy Hatcher.

        * UserInterface/Models/NativeFunctionParameters.js:
        * UserInterface/Views/ObjectTreePropertyTreeElement.js:
        (WebInspector.ObjectTreePropertyTreeElement.prototype._functionParameterString):
        Improve the native parameter list for the global Reflect object methods.
        Include "enumerate" even though it is deprecated, because we implement it.

2016-02-24  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Visual Styles sidebar should support multiple animations
        https://bugs.webkit.org/show_bug.cgi?id=154546
        <rdar://problem/24773861>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/VisualStyleDetailsPanel.js:
        (WebInspector.VisualStyleDetailsPanel.prototype._populateTransitionSection):
        Set additional flags on the optional properties of transition to ensure
        that the initial value of a new row is not considered invalid.

        (WebInspector.VisualStyleDetailsPanel.prototype._populateAnimationSection):
        Added a comma-separated keyword list to provide support for multiple
        animations per rule.

2016-02-24  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: Remove unused Profile.png images

        https://bugs.webkit.org/show_bug.cgi?id=154647
        rdar://problem/24820825

        Reviewed by Brian Burg.

        * UserInterface/Images/Profile.png: Removed.
        * UserInterface/Images/Profile@2x.png: Removed.
        * UserInterface/Images/gtk/Profile.png: Removed.
        * UserInterface/Images/gtk/Profile@2x.png: Removed.
        * UserInterface/Views/TimelineIcons.css:
        (.profile-icon .icon): Deleted.

2016-02-24  Matt Baker  <mattbaker@apple.com>

        Web Inspector: TimelineViews should use the recording's end time when entire ruler range is selected
        https://bugs.webkit.org/show_bug.cgi?id=154644
        <rdar://problem/24818442>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView):
        (WebInspector.TimelineRecordingContentView.prototype._currentContentViewDidChange):
        (WebInspector.TimelineRecordingContentView.prototype._timeRangeSelectionChanged):
        Update current timeline view when entire range selected.

        (WebInspector.TimelineRecordingContentView.prototype._updateTimes):
        Live-update the OverviewTimelineView during recording when entire range selected.
        
        (WebInspector.TimelineRecordingContentView.prototype._updateTimelineViewSelection):
        Update timeline view start and end times. When entire range selected, use the recording
        end time or current time (while capturing).

2016-02-24  Timothy Hatcher  <timothy@apple.com>

        Follow up fix for the TimelineRuler "select all" mode to fix zeroTime.

        https://bugs.webkit.org/show_bug.cgi?id=154561
        rdar://problem/24779872

        * UserInterface/Views/TimelineRuler.js:
        (WebInspector.TimelineRuler.prototype.set zeroTime): Change selectionStartTime
        before _zeroTime so the check for entireRangeSelected still works.

2016-02-24  Matt Baker  <mattbaker@apple.com>

        Web Inspector: TimelineRuler should have a "select all" mode
        https://bugs.webkit.org/show_bug.cgi?id=154561
        <rdar://problem/24779872>

        Reviewed by Timothy Hatcher.

        TimelineRuler is initialized with a selected range of [0, Number.MAX_VALUE),
        indicating the entire timeline is selected. This patch makes it possible to
        return the ruler to this state, after being overwritten by a custom selection.
        When no custom selection exists, the selection handles are hidden.

        * UserInterface/Views/TimelineRuler.css:
        (.timeline-ruler.selection-hidden > :matches(.selection-drag, .selection-handle, .shaded-area)):
        Style for hiding selection controls as needed.

        * UserInterface/Views/TimelineRuler.js:
        (WebInspector.TimelineRuler):
        Represent unbounded selection interval as [0, Number.MAX_VALUE).

        (WebInspector.TimelineRuler.prototype.set allowsTimeRangeSelection):
        Register double-click event listener.

        (WebInspector.TimelineRuler.prototype.set zeroTime):
        (WebInspector.TimelineRuler.prototype.get entireRangeSelected):
        (WebInspector.TimelineRuler.prototype.selectEntireRange):
        Let clients check and set the selection of the entire range without needing
        to use the internal sentinel values 0 and Number.MAX_VALUE.

        (WebInspector.TimelineRuler.prototype._updateSelection):
        Update ruler styles and dispatch selection change event when entire
        range is selected.

        (WebInspector.TimelineRuler.prototype._handleDoubleClick):
        If a user-defined selection exists, select the entire range.

2016-02-24  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Dim selected items when docked Inspector window is inactive
        https://bugs.webkit.org/show_bug.cgi?id=154526
        <rdar://problem/24764365>

        Abstract selected item and SVG glyph colors into CSS variables.

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/BezierEditor.css:
        (.bezier-editor > .bezier-preview > div):
        * UserInterface/Views/ButtonNavigationItem.css:
        (.navigation-bar .item.button > .glyph):
        (.navigation-bar .item.button:not(.disabled):active > .glyph):
        (.navigation-bar .item.button:not(.disabled):matches(:focus, .activate.activated, .radio.selected) > .glyph):
        (.navigation-bar .item.button:not(.disabled):active:matches(:focus, .activate.activated, .radio.selected) > .glyph):
        (.navigation-bar .item.button.disabled > .glyph):
        * UserInterface/Views/ButtonToolbarItem.css:
        (.toolbar .item.button:not(.disabled):matches(:focus, .activate.activated) > .glyph):
        (.toolbar .item.button:not(.disabled):active:matches(:focus, .activate.activated) > .glyph):
        * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
        (.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle.selected):
        (.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle:not(.selected):hover):
        * UserInterface/Views/ConsoleMessageView.css:
        (.console-user-command.special-user-log > .console-message-text):
        * UserInterface/Views/DOMTreeOutline.css:
        (.tree-outline.dom li.pseudo-class-enabled > .selection::before):
        * UserInterface/Views/Main.css:
        (input[type=range]::-webkit-slider-runnable-track::before):
        * UserInterface/Views/RadioButtonNavigationItem.css:
        (.navigation-bar .item.radio.button.text-only:hover):
        (.navigation-bar .item.radio.button.text-only.selected):
        (.navigation-bar .item.radio.button.text-only:active):
        (.navigation-bar .item.radio.button.text-only.selected:active):
        * UserInterface/Views/ScopeBar.css:
        (.scope-bar > li.multiple:matches(.selected, :hover, :active) > .arrows):
        (.scope-bar > li:hover):
        (.scope-bar > li.selected):
        (.scope-bar > li:active):
        (.scope-bar > li.selected:active):
        * UserInterface/Views/Variables.css:
        (:root):
        (body.window-inactive):
        * UserInterface/Views/VisualStyleDetailsPanel.css:
        (.sidebar > .panel.details.css-style .visual > .details-section .details-section.has-set-property > .header > span::after):
        * UserInterface/Views/VisualStyleKeywordIconList.css:
        (.visual-style-property-container.keyword-icon-list > .visual-style-property-value-container > .keyword-icon-list-container > .keyword-icon:matches(.computed, .selected)):
        (.visual-style-property-container.keyword-icon-list > .visual-style-property-value-container > .keyword-icon-list-container > .keyword-icon.selected):

2016-02-23  Dan Bernstein  <mitz@apple.com>

        [Xcode] Linker errors display mangled names, but no longer should
        https://bugs.webkit.org/show_bug.cgi?id=154632

        Reviewed by Sam Weinig.

        * Configurations/Base.xcconfig: Stop setting LINKER_DISPLAYS_MANGLED_NAMES to YES.

2016-02-22  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Timelines sidebar and overview attempt to access undefined properties when FPS instrument is absent
        https://bugs.webkit.org/show_bug.cgi?id=154567
        <rdar://problem/24781536>

        Reviewed by Joseph Pecoraro.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview):
        The viewMode property should be in a valid state before attempting
        to access the current view mode settings.

        * UserInterface/Views/TimelineSidebarPanel.js:
        (WebInspector.TimelineSidebarPanel.prototype.get minimumWidth):
        (WebInspector.TimelineSidebarPanel.prototype._updateViewModeIfNeeded):
        (WebInspector.TimelineSidebarPanel):
        Added missing checks for FPSInstrument support.

2016-02-22  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION (r196620): Web Inspector: Filter bar in the left sidebar is 1px shorter than the console prompt
        https://bugs.webkit.org/show_bug.cgi?id=154529

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/NavigationSidebarPanel.css:
        (.sidebar > .panel.navigation > .overflow-shadow):

2016-02-20  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Opacity slider thumb sometimes goes past the bar in Visual Styles sidebar
        https://bugs.webkit.org/show_bug.cgi?id=154497

        Reviewed by Timothy Hatcher.

        Since WebInspector.Slider uses CSS transforms to move the slider knob
        along the track, if the width of the track changes then the position
        of the knob would stay the same since it was translated instead of
        adjusting its position relative to the new width.

        * UserInterface/Views/Slider.js:
        (WebInspector.Slider.prototype.recalculateKnobX):
        Resets the maxX value to 0 to ensure that a new maxX is calculated with
        the current width.

        * UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.js:
        (WebInspector.VisualStyleCommaSeparatedKeywordEditor.prototype.set specifiedWidth): Deleted.
        (WebInspector.VisualStyleCommaSeparatedKeywordEditor.prototype.recalculateWidth):

        * UserInterface/Views/VisualStyleDetailsPanel.js:
        (WebInspector.VisualStyleDetailsPanel.prototype.widthDidChange):
        (WebInspector.VisualStyleDetailsPanel.prototype._updateProperties):
        (WebInspector.VisualStyleDetailsPanel.prototype._populateDisplaySection):

        * UserInterface/Views/VisualStyleUnitSlider.js:
        (WebInspector.VisualStyleUnitSlider.prototype.recalculateWidth):

2016-02-20  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Visual Styles: Modifying background expands Font section
        https://bugs.webkit.org/show_bug.cgi?id=154491
        <rdar://problem/24755440>

        Reviewed by Timothy Hatcher.

        When the user selects a new style, the Visual sidebar examines the property
        editors in each subsection to see if any have a value and expands/collapses
        the subsection accordingly. This issue was happening because that logic was
        also being triggered when the user didn't select a new style, which is
        controlled by DOMNodeStyles and the significantChange value in refresh().

        * UserInterface/Base/Utilities.js:
        (String.prototype.toCamelCase):
        Added utility function to transform a string into a camel-cased version.

        * UserInterface/Models/DOMNodeStyles.js:
        (WebInspector.DOMNodeStyles.prototype.refresh.fetchedComputedStyle):
        Dropped unused variable and added checks to make sure doubly-matching styles
        don't count as a significant change and cause refreshes of the styles sidebar.

        * UserInterface/Views/VisualStyleDetailsPanel.js:
        (WebInspector.VisualStyleDetailsPanel.prototype._updateSections):
        If this function has an event, meaning it was triggered by a newly selected
        selector in the selector section, loop through each subsection and perform
        the logic described above, but instead only to open sections.

        (WebInspector.VisualStyleDetailsPanel.prototype._generateSection.replaceDashWithCapital): Deleted.
        (WebInspector.VisualStyleDetailsPanel.prototype._updateProperties):
        Removed logic that was already being called by _sectionModified().

2016-02-20  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Text Align segmented control blinks while editing other properties in Visual Styles sidebar
        https://bugs.webkit.org/show_bug.cgi?id=154487
        <rdar://problem/24754703>

        Reviewed by Timothy Hatcher.

        The icon list property editor blinking issue was caused by the fact that
        the selected value was toggled on/off each time the value was set on the
        editor. In order to prevent this, the logic for the setter value() was
        modified to just match a keyword icon to the given value and select it.

        * UserInterface/Views/VisualStyleKeywordIconList.js:
        (WebInspector.VisualStyleKeywordIconList.prototype.set value):
        (WebInspector.VisualStyleKeywordIconList.prototype._handleKeywordChanged):

2016-02-20  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Placeholder text in Visual Styles sidebar table row should be white
        https://bugs.webkit.org/show_bug.cgi?id=154488
        <rdar://problem/24754715>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css:
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item > .titles > .subtitle):

2016-02-19  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Inherited selector rows have text too low
        https://bugs.webkit.org/show_bug.cgi?id=154489
        <rdar://problem/24754774>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/VisualStyleSelectorSection.css:
        (.details-section.visual-style-selector-section > .content > .selectors > .selector-list > .section-divider):

2016-02-19  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Color picker in Visual Styles sidebar should not default to zero alpha
        https://bugs.webkit.org/show_bug.cgi?id=154474
        <rdar://problem/24750217>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/InlineSwatch.js:
        (WebInspector.InlineSwatch.prototype._fallbackValue):
        Changed the fallback value for color from transparent to white so that
        the color picker starts out with an alpha value of 1.

        (WebInspector.InlineSwatch.prototype._handleContextMenuEvent):
        Prevents context menu events from having an effect if there is no value
        for them to modify.

2016-02-19  Matt Baker  <mattbaker@apple.com>

        Web Inspector: CSS var() function should be syntax highlighted
        https://bugs.webkit.org/show_bug.cgi?id=154406
        <rdar://problem/24726136>

        Reviewed by Timothy Hatcher.

        * UserInterface/Models/CSSCompletions.js:
        Added "var" to CodeMirror value keywords for syntax highlighting.

        * UserInterface/Models/CSSKeywordCompletions.js:
        (WebInspector.CSSKeywordCompletions.forProperty):
        Added "var" to accepted keywords for auto-completion.

2016-02-18  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Styles Sidebar focus jumps when trying to edit a color
        https://bugs.webkit.org/show_bug.cgi?id=154404
        <rdar://problem/24725744>

        Reviewed by Timothy Hatcher.

        Clicking an inline swatch in the CSS Rules sidebar causes any focused
        editor, if any, to become blurred and therefore fire its handler function.
        This causes an issue because when a CodeMirror instance in the styles
        sidebar becomes blurred, it is possible for the entire Rules sidebar to
        refresh and recreate all of the sections (r187714), meaning that it will
        reselect whatever editor was previously selected before the refresh,
        causing the swatch popup to be blurred and therefore dismiss.

        * UserInterface/Views/CSSStyleDeclarationSection.js:
        (WebInspector.CSSStyleDeclarationSection.prototype.cssStyleDeclarationTextEditorBlurActiveEditor):

        * UserInterface/Views/CSSStyleDeclarationTextEditor.js:
        (WebInspector.CSSStyleDeclarationTextEditor.prototype._createInlineSwatches.createSwatch):
        (WebInspector.CSSStyleDeclarationTextEditor.prototype._inlineSwatchBeforeClicked):
        Add listener for new event and call to delegate function for handling it.

        * UserInterface/Views/InlineSwatch.js:
        (WebInspector.InlineSwatch.prototype._swatchElementClicked):
        Now fires an event before the clicked logic happens, but still after the
        click event is fired on the element.

        * UserInterface/Views/RulesStyleDetailsPanel.js:
        (WebInspector.RulesStyleDetailsPanel.prototype.cssStyleDeclarationSectionBlurActiveEditor):
        Clears the previously focused editor so when a reset happens no editor
        is refocused.

2016-02-18  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Add Native Parameter Lists to Console prototype functions
        https://bugs.webkit.org/show_bug.cgi?id=154419
        <rdar://problem/24730314>

        Reviewed by Timothy Hatcher.

        * UserInterface/Models/NativeFunctionParameters.js:

2016-02-18  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Align console prompt with execution context selector
        https://bugs.webkit.org/show_bug.cgi?id=154381

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/QuickConsole.css:
        (.quick-console > .console-prompt > .CodeMirror):
        (.quick-console .execution-context):

2016-02-18  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Storage tab navigation bar should fit on a single line
        https://bugs.webkit.org/show_bug.cgi?id=152473
        <rdar://problem/24023435>

        Reviewed by Timothy Hatcher.

        * UserInterface/Base/Utilities.js:
        (Number.constrain):
        Reworked logic to ensure that the returned value is never less than the
        given minimum value.

2016-02-17  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: In the styles sidebar, Option-clicking on --css-variable should jump to its definition
        https://bugs.webkit.org/show_bug.cgi?id=154082
        <rdar://problem/24593361>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/CSSStyleDeclarationTextEditor.js:
        (WebInspector.CSSStyleDeclarationTextEditor.prototype.tokenTrackingControllerHighlightedRangeWasClicked.showRangeInSourceCode):
        (WebInspector.CSSStyleDeclarationTextEditor.prototype.tokenTrackingControllerHighlightedRangeWasClicked):
        Now tests to see if the highlighted token was a CSS variable and if
        so, attempts to show the declaration of the CSS variable instead of
        the location where it is used.

2016-02-17  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION (r196620): Web Inspector: DataGrid headers and resizers are misaligned when the scrollbar is visible
        https://bugs.webkit.org/show_bug.cgi?id=154280
        <rdar://problem/24670567>

        Reviewed by Timothy Hatcher.

        Revert back to "overflow-y: overlay".

        * UserInterface/Views/DataGrid.css:
        (.data-grid .data-container):
        * UserInterface/Views/DatabaseContentView.css:
        (.storage-view.query):

2016-02-17  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION (r196620): Web Inspector: When the scrollbars are always visible, the console prompt is 1px taller
        https://bugs.webkit.org/show_bug.cgi?id=154328
        <rdar://problem/24692996>

        Introduce a CSS variable to ensure that the quick console is the
        same height as the bottom right section of the styles sidebar.

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
        (.sidebar > .panel.details.css-style > .content ~ .options-container):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container):
        * UserInterface/Views/QuickConsole.css:
        (.quick-console):
        * UserInterface/Views/Variables.css:
        (:root):

2016-02-17  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Add Context menu separators to Styles sidebar
        https://bugs.webkit.org/show_bug.cgi?id=154360

        Reviewed by Joseph Pecoraro.

        In the Styles sidebar, there are three main sections for the context menu:
        - Copy and Duplicate/Show-source
        - Add pseudo-class rules
        - Add/Select pseudo-element rules
        These three sections were all put together in the same context menu, which
        was very crowded as a result. Separators have been added to make it so that
        these three sections are now separated and clearly show their different uses.

        * UserInterface/Views/CSSStyleDeclarationSection.js:
        (WebInspector.CSSStyleDeclarationSection.prototype._handleSelectorPaste):

        * UserInterface/Views/VisualStyleSelectorTreeItem.js:
        (WebInspector.VisualStyleSelectorTreeItem.prototype._handleContextMenuEvent):

2016-02-17  Matt Baker  <mattbaker@apple.com>

        Web Inspector: add CSS variables for common border/background colors
        https://bugs.webkit.org/show_bug.cgi?id=154302
        <rdar://problem/24680944>

        Reviewed by Timothy Hatcher.

        Added CSS variables for commonly used border and background colors, and removed
        duplicate CSS variables with less generic names. Inactive border colors declared in
        rules with a body.window-inactive selector have been removed. A new rule using this
        selector in Variables.css sets "--border-color" to the inactive color.

        * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
        (.sidebar > .panel.details.css-style > .content > .pseudo-classes):
        (.sidebar > .panel.details.css-style > .content ~ :matches(.options-container, .class-list-container)):
        (.sidebar > .panel.details.css-style > .content.filter-in-progress .style-declaration-section:not(.filter-section-has-label)):
        * UserInterface/Views/DataGrid.css:
        (.data-grid.inline):
        (.data-grid th):
        (.data-grid :matches(th, td):not(:last-child)):
        (body.window-inactive .data-grid th): Deleted.
        (body.window-inactive .data-grid :matches(th, td):not(:last-child)): Deleted.
        * UserInterface/Views/DebuggerSidebarPanel.css:
        (.sidebar > .panel.navigation.debugger.paused .details-section.scripts):
        * UserInterface/Views/DetailsSection.css:
        (.details-section):
        (.details-section .details-section:first-child):
        (.details-section > .header):
        (.details-section > .content > .group):
        (.details-section > .content > .group:nth-child(even) > .row:matches(.simple:first-child > *, :not(.simple):first-child)):
        * UserInterface/Views/FilterBar.css:
        (.filter-bar):
        * UserInterface/Views/FindBanner.css:
        (.find-banner):
        (body.window-inactive .find-banner): Deleted.
        * UserInterface/Views/LayerTreeDetailsSidebarPanel.css:
        (.panel.details.layer-tree .bottom-bar):
        * UserInterface/Views/Main.css:
        (body.docked.bottom):
        (body.docked.right):
        (#split-content-browser):
        (#split-content-browser > .navigation-bar):
        (body.window-inactive.docked.bottom): Deleted.
        (body.window-inactive.docked.right): Deleted.
        (body.window-inactive #split-content-browser): Deleted.
        * UserInterface/Views/MemoryCategoryView.css:
        (.memory-category-view):
        (.memory-category-view > .details):
        (body.window-inactive .memory-category-view): Deleted.
        (body.window-inactive .memory-category-view > .details): Deleted.
        * UserInterface/Views/MemoryTimelineView.css:
        (.timeline-view.memory):
        (.timeline-view.memory > .content > .overview):
        (.timeline-view.memory > .content > .details > .subtitle):
        (.timeline-view.memory > .content > .overview > .divider):
        (body.window-inactive .timeline-view.memory): Deleted.
        (body.window-inactive .timeline-view.memory > .content > .overview): Deleted.
        (body.window-inactive .timeline-view.memory > .content > .details > .subtitle): Deleted.
        (body.window-inactive .timeline-view.memory > .content > .overview > .divider): Deleted.
        * UserInterface/Views/NavigationBar.css:
        (.navigation-bar):
        (body.window-inactive .navigation-bar): Deleted.
        * UserInterface/Views/NavigationSidebarPanel.css:
        (.sidebar > .panel.navigation > .overflow-shadow):
        (body.window-inactive .sidebar > .panel.navigation > .overflow-shadow): Deleted.
        * UserInterface/Views/NetworkSidebarPanel.css:
        (.sidebar > .panel.navigation.network > .title-bar):
        (body.window-inactive .sidebar > .panel.navigation.network > .title-bar): Deleted.
        * UserInterface/Views/OverviewTimelineView.css:
        (.timeline-view.overview > .timeline-ruler > .header):
        (body.window-inactive .timeline-view.overview > .timeline-ruler > .header): Deleted.
        * UserInterface/Views/QuickConsole.css:
        (.quick-console):
        (body.window-inactive .quick-console): Deleted.
        * UserInterface/Views/Sidebar.css:
        (.sidebar):
        (.sidebar.left):
        (.sidebar.right):
        (body.window-inactive .sidebar.left): Deleted.
        (body.window-inactive .sidebar.right): Deleted.
        * UserInterface/Views/TimelineDataGrid.css:
        (.data-grid.timeline th):
        (body.window-inactive .data-grid.timeline th): Deleted.
        * UserInterface/Views/TimelineRuler.css:
        (.timeline-ruler > .header):
        (body.window-inactive .timeline-ruler > .header): Deleted.
        * UserInterface/Views/TimelineSidebarPanel.css:
        (.sidebar > .panel.navigation.timeline > .title-bar):
        (.sidebar > .panel.navigation.timeline > .title-bar.timeline-events):
        (body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar): Deleted.
        (body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar.timeline-events): Deleted.
        * UserInterface/Views/Toolbar.css:
        (body.latest-mac .toolbar .dashboard-container):
        * UserInterface/Views/Variables.css:
        (:root):
        (body.window-inactive *):
        * UserInterface/Views/VisualStyleSelectorSection.css:
        (.details-section.visual-style-selector-section:not(.collapsed) > .header):
        (.details-section.visual-style-selector-section > .content > .selectors > .selector-list > .section-divider):

2016-02-17  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Add singular and plural cases for "Ignore n times before stopping" label in breakpoint editor
        https://bugs.webkit.org/show_bug.cgi?id=154335
        <rdar://problem/24655491>

        Reviewed by Timothy Hatcher.

        * Localizations/en.lproj/localizedStrings.js:
        Added string for singular ignore count.

        * UserInterface/Controllers/BreakpointPopoverController.js:
        (WebInspector.BreakpointPopoverController.prototype._createPopoverContent):
        Remove unused variable "this._ignoreCount" and update ignore count text.

        (WebInspector.BreakpointPopoverController.prototype._popoverIgnoreInputChanged):
        Update ignore count text as value changes.

        (WebInspector.BreakpointPopoverController.prototype._updateIgnoreCountText):
        Set singular text when count === 1, otherwise set plural text.

2016-02-16  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION (r196620): Web Inspector: Selecting last message in the console makes the scrollbar visible
        https://bugs.webkit.org/show_bug.cgi?id=154326
        <rdar://problem/24692717>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/LogContentView.css:
        (.console-item.selected::after):
        Make sure the selected message marker (blue vertical line) doesn't
        go over the content view.

2016-02-16  Joseph Pecoraro  <pecoraro@apple.com>

        JSContext Inspector: Support for inline source maps
        https://bugs.webkit.org/show_bug.cgi?id=154303
        <rdar://problem/24670392>

        Reviewed by Timothy Hatcher.

        * UserInterface/Base/URLUtilities.js:
        (parseDataURL):
        Break a data URL into components.

        * UserInterface/Controllers/SourceMapManager.js:
        (WebInspector.SourceMapManager.prototype._loadAndParseSourceMap):
        Handle a data URL without using NetworkAgent. Also move references
        to a main frame after checking for NetworkAgent.

        * UserInterface/Models/SourceMap.js:
        (WebInspector.SourceMap.prototype.get sourceMappingBasePathURLComponents):
        * UserInterface/Models/SourceMapResource.js:
        (WebInspector.SourceMapResource.prototype.get sourceMapDisplaySubpath):
        Handle JavaScript debuggable script URLs which may not be complete URLs.

        (WebInspector.SourceMapResource.prototype.requestContentFromBackend):
        Also handle if NetworkAgent does not exist.

        * UserInterface/Views/ResourceSidebarPanel.js:
        (WebInspector.ResourceSidebarPanel):
        When connected to a JavaScript debuggable we were hiding disclosure
        triangles as we did not expect resources to have subresources. If
        a SourceMap is added, show them again.

2016-02-16  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Increase the width of the find banner's search field
        https://bugs.webkit.org/show_bug.cgi?id=154284

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/FindBanner.css:
        (.find-banner > input[type="search"]):
        Keep the minimum width the same as the current width.

        (body .find-banner.console-find-banner):
        Overwrite ".navigation-bar .item {flex-wrap: nowrap}".

2016-02-15  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Non-overlay scrollbars obscure the ends of lines in the console and sidebars
        https://bugs.webkit.org/show_bug.cgi?id=154276

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/DataGrid.css:
        (.data-grid .data-container):
        * UserInterface/Views/DatabaseContentView.css:
        (.storage-view.query):
        * UserInterface/Views/LogContentView.css:
        (.content-view.log):
        Replace all occurrences of "overflow-y: overlay" with "overflow-y: auto".

2016-02-15  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Visual sidebar minor regression fixes
        https://bugs.webkit.org/show_bug.cgi?id=154237
        <rdar://problem/24653135>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css:
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-special-property-placeholder):
        Do not display the placeholder, as it is not used in comma separated value
        property editors.

        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item > .titles > .subtitle::before):
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item > .titles > .subtitle): Deleted.
        Added ::before to get rid of the "-" on subtitle elements (r196266).

        * UserInterface/Views/VisualStyleDetailsPanel.js:
        (WebInspector.VisualStyleDetailsPanel.prototype.widthDidChange):
        Recalculates the width for all comma separated value elements (r196266).

        (WebInspector.VisualStyleDetailsPanel.prototype._updateSections):
        Only open/close sections with properties that have values when a new node
        or selector item is selected.

        (WebInspector.VisualStyleDetailsPanel.prototype._populateBorderSection):
        Make copies of the default unit lists to prevent modifying the values used
        later in other sections (r194728).

2016-02-15  Matt Baker  <mattbaker@apple.com>

        Web Inspector: eliminate the linear and rendering frames TimelineOverview subclasses
        https://bugs.webkit.org/show_bug.cgi?id=154000
        <rdar://problem/24553105>

        Reviewed by Timothy Hatcher.

        This patch eliminates the TimelineOverview subclasses, and moves logic for switching between
        a time-based or frame-based graph into the overview itself. The values of the overview's start
        time, current time, and end time now match the values in the timeline recording regardless of the
        current view mode. When viewing the rendering frames graph, the recording times are ignored and
        all frames are included. The overview maintains separate zoom level and ruler selection settings
        for each view mode.

        * UserInterface/Main.html:
        * UserInterface/Views/LinearTimelineOverview.js: Removed.
        * UserInterface/Views/RenderingFrameTimelineOverview.js: Removed.
        Removed TimelineOverview subclasses.

        * UserInterface/Views/RenderingFrameTimelineOverviewGraph.js:
        (WebInspector.RenderingFrameTimelineOverviewGraph.prototype.get height):
        Set FPS graph height to 108 pixels.

        * UserInterface/Views/TimelineOverview.css:
        (.timeline-overview:not(.frames) > .graphs-container > .timeline-overview-graph:nth-child(even)):
        (.timeline-overview:not(.frames) > .graphs-container > .timeline-overview-graph:not(:first-child)):
        (.timeline-overview > .graphs-container > .timeline-overview-graph:nth-child(even)): Deleted.
        (.timeline-overview > .graphs-container > .timeline-overview-graph:not(:first-child)): Deleted.
        Disable alternating graph styles when showing FPS instrument.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview):
        Create separate settings for timelines and FPS view modes.
        (WebInspector.TimelineOverview.prototype.get viewMode):
        (WebInspector.TimelineOverview.prototype.set viewMode):
        (WebInspector.TimelineOverview.prototype.set startTime):
        Adjust the current ruler selection when start time changes. Not necessary
        when showing the FPS instrument, which doesn't have a start time.
        (WebInspector.TimelineOverview.prototype.get secondsPerPixel):
        (WebInspector.TimelineOverview.prototype.set secondsPerPixel):
        Now a wrapper around the corresponding view mode setting.
        (WebInspector.TimelineOverview.prototype.set pixelAlignDuration):
        (WebInspector.TimelineOverview.prototype.get scrollStartTime):
        (WebInspector.TimelineOverview.prototype.set scrollStartTime):
        Now a wrapper around the corresponding view mode setting.
        (WebInspector.TimelineOverview.prototype.get visibleDuration):
        (WebInspector.TimelineOverview.prototype.get height):
        Return the sum height of all visible overview graphs.
        (WebInspector.TimelineOverview.prototype.shown):
        Show overview graphs for the current view mode.
        (WebInspector.TimelineOverview.prototype.hidden):
        (WebInspector.TimelineOverview.prototype.reset):
        (WebInspector.TimelineOverview.prototype.recordWasFiltered):
        (WebInspector.TimelineOverview.prototype.selectRecord):
        (WebInspector.TimelineOverview.prototype.updateLayoutIfNeeded):
        (WebInspector.TimelineOverview.prototype.layout):
        Layout for both view modes is largely identical, and differs only in the treatment
        of the overview's start time, current time, and end time. Time-based instruments
        use time values from the recording, while the FPS instrument has a fixed start time
        of zero, and a current and end time pinned to the last rendering frame.
        (WebInspector.TimelineOverview.prototype._handleScrollEvent):
        (WebInspector.TimelineOverview.prototype._handleWheelEvent):
        (WebInspector.TimelineOverview._handleGestureStart):
        (WebInspector.TimelineOverview.prototype._handleGestureChange):
        (WebInspector.TimelineOverview.prototype._instrumentAdded):
        (WebInspector.TimelineOverview.prototype._instrumentRemoved):
        (WebInspector.TimelineOverview.prototype._timelineRulerMouseClicked):
        (WebInspector.TimelineOverview.prototype._timeRangeSelectionChanged):
        Save the selection for the current view mode.
        (WebInspector.TimelineOverview.prototype._recordSelected):
        (WebInspector.TimelineOverview.prototype._resetSelection.reset):
        (WebInspector.TimelineOverview.prototype._resetSelection):
        (WebInspector.TimelineOverview.prototype._canShowTimelineType):
        (WebInspector.TimelineOverview.prototype._viewModeDidChange):
        Sets zoom level, ruler selection, and graph visibility based on current view mode.
        (WebInspector.TimelineOverview.prototype._createViewModeSettings):
        Helper function for creating an object to track the zoom level and ruler
        selection of each view mode.
        (WebInspector.TimelineOverview.prototype.get _currentSettings):
        Internal getter for retrieving the settings for the current view mode.
        (WebInspector.TimelineOverview.prototype.canShowTimeline): Deleted.
        Not needed now that the overview contains all timelines.

        * UserInterface/Views/TimelineOverviewGraph.js:
        (WebInspector.TimelineOverviewGraph):
        (WebInspector.TimelineOverviewGraph.prototype.shown):
        (WebInspector.TimelineOverviewGraph.prototype.hidden):
        Toggle CSS hidden class.

        * UserInterface/Views/TimelineRecordFrame.js:
        No need to query offsetHeight now that TimelineOverviewGraph has a height property.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView):
        Create a single timeline overview.
        (WebInspector.TimelineRecordingContentView.prototype.get timelineOverviewHeight):
        (WebInspector.TimelineRecordingContentView.prototype.shown):
        (WebInspector.TimelineRecordingContentView.prototype.hidden):
        (WebInspector.TimelineRecordingContentView.prototype.recordWasFiltered):
        (WebInspector.TimelineRecordingContentView.prototype._currentContentViewDidChange):
        Update the timeline  overview's mode based on the current timeline view.
        (WebInspector.TimelineRecordingContentView.prototype._contentViewSelectionPathComponentDidChange):
        (WebInspector.TimelineRecordingContentView.prototype._updateTimes):
        Removed special handling for the FPS overview.
        Removed selection start time adjustment, which is now handled internally by TimelineOverview.
        (WebInspector.TimelineRecordingContentView.prototype._updateTimelineOverviewHeight):
        (WebInspector.TimelineRecordingContentView.prototype._recordingReset):
        (WebInspector.TimelineRecordingContentView.prototype._timeRangeSelectionChanged):
        (WebInspector.TimelineRecordingContentView.prototype._updateFrameSelection):

        * UserInterface/Views/TimelineSidebarPanel.js:
        (WebInspector.TimelineSidebarPanel):
        (WebInspector.TimelineSidebarPanel.prototype.matchTreeElementAgainstCustomFilters):
        (WebInspector.TimelineSidebarPanel.prototype.saveStateToCookie):
        (WebInspector.TimelineSidebarPanel.prototype._renderingFrameTimelineTimesUpdated):
        (WebInspector.TimelineSidebarPanel.prototype._contentBrowserCurrentContentViewDidChange):
        Refresh the view mode when the content view changes.
        (WebInspector.TimelineSidebarPanel.prototype._recordingSelected):
        (WebInspector.TimelineSidebarPanel.prototype._viewModeSelected):
        (WebInspector.TimelineSidebarPanel.prototype._viewModeForTimeline):
        (WebInspector.TimelineSidebarPanel.prototype._updateViewModeIfNeeded):
        Sync the tree outline, frames chart, and navigation bar with the current view mode.
        (WebInspector.TimelineSidebarPanel.prototype.shown):
        Refreshing the frame selection is unnecessary. It's updated by the recording content
        view whenever the ruler selection changes.
        (WebInspector.TimelineSidebarPanel.prototype.get viewMode): Deleted.
        No longer public, since the timeline overview now owns the view mode. Internally the sidebar
        still tracks the current state so it can determine when the value has changed.
        (WebInspector.TimelineSidebarPanel.prototype.showTimelineOverview):
        (WebInspector.TimelineSidebarPanel.prototype.showTimelineViewForTimeline):
        The sidebar should only be synced to the overview after the content view has changed.
        (WebInspector.TimelineSidebarPanel.prototype.updateFrameSelection):
        Removed unnecessary assertion.
        (WebInspector.TimelineSidebarPanel.prototype._changeViewMode): Deleted.
        Replaced by _updateViewModeIfNeeded.

2016-02-15  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: Show inherited CSS variables in the Style sidebar
        https://bugs.webkit.org/show_bug.cgi?id=154215
        rdar://problem/24644058

        Reviewed by Joseph Pecoraro.

        * UserInterface/Models/CSSProperty.js:
        (WebInspector.CSSProperty.isInheritedPropertyName): Added.
        (WebInspector.CSSProperty.prototype.update): Use WebInspector.CSSProperty.isInheritedPropertyName.
        * UserInterface/Models/DOMNodeStyles.js:
        (WebInspector.DOMNodeStyles.prototype._parseStyleDeclarationPayload): Use WebInspector.CSSProperty.isInheritedPropertyName.

2016-02-15  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: Sidebars are defaulting to their minimum width, instead of a good width
        https://bugs.webkit.org/show_bug.cgi?id=154218
        rdar://problem/24644192

        Reviewed by Joseph Pecoraro.

        * UserInterface/Views/SidebarPanel.js:
        (WebInspector.SidebarPanel): Default the setting value to 300 instead of 0, so the minimum isn't used.

2016-02-15  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: CSS variables are not formatted correctly
        https://bugs.webkit.org/show_bug.cgi?id=154217
        rdar://problem/24644154

        Reviewed by Joseph Pecoraro.

        * UserInterface/Views/CodeMirrorFormatters.js:
        (newlineBeforeToken): Check for `variable-2` token in the `maybeprop` state.

2016-02-15  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: CodeMirror styles needs updated for CSS variables
        https://bugs.webkit.org/show_bug.cgi?id=154216
        rdar://problem/24644146

        Reviewed by Joseph Pecoraro.

        * UserInterface/Views/SyntaxHighlightingDefaultTheme.css:
        (.cm-s-default .cm-m-css:matches(.cm-atom, .cm-meta, .cm-variable-2, .cm-variable-3, .cm-property)): Added .cm-variable-2.
        (.cm-s-default .basic-block-has-not-executed.cm-m-css:matches(.cm-atom, .cm-meta, .cm-variable-2, .cm-variable-3, .cm-property)): Ditto.

2016-02-13  Dan Bernstein  <mitz@apple.com>

        Removed the unused Frameworks group.

        Rubber-stamped by Sam Weinig.

        * WebInspectorUI.xcodeproj/project.pbxproj:

2016-02-13  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: DataGrid Header Cells should have Context Menu for Sorting
        https://bugs.webkit.org/show_bug.cgi?id=154050

        Reviewed by Joseph Pecoraro.

        * Localizations/en.lproj/localizedStrings.js:
        * UserInterface/Views/DataGrid.js:
        (WebInspector.DataGrid.prototype.set sortOrder):
        (WebInspector.DataGrid.prototype._toggledSortOrder):
        Returns the opposite sort order from the current order.

        (WebInspector.DataGrid.prototype._selectSortColumnAndSetOrder):
        Changes the selected column to the one with the specified identifier and
        then switches the sort order to the given order.

        (WebInspector.DataGrid.prototype._headerCellClicked):
        Moved logic for switching cells/sort-order to a separate function for
        better reusability.

        (WebInspector.DataGrid.prototype._contextMenuInHeader):
        Adds context menu items on DataGrid header items to change the current
        sort order to the specified order. If the context menu is on the selected
        header item, only show the sort order that is not currently applied.

2016-02-12  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Rename domAgent to domTreeManager in DOMNode
        https://bugs.webkit.org/show_bug.cgi?id=154194

        Reviewed by Timothy Hatcher.

        * UserInterface/Models/DOMNode.js:
        (WebInspector.DOMNode):

2016-02-12  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Avoid including ESLint until it is used
        https://bugs.webkit.org/show_bug.cgi?id=154196

        Reviewed by Timothy Hatcher.

        * Scripts/copy-user-interface-resources.pl:
        Do not include ESLint in optimized output yet.

        * UserInterface/Controllers/AnalyzerManager.js:
        Do not reference `eslint` until we use it.

        * UserInterface/Main.html:
        Remove include to ESLint until we need it.

2016-02-12  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Tabs: Conflicts with multiple Formatters per SourceCode
        https://bugs.webkit.org/show_bug.cgi?id=144717
        <rdar://problem/20845163>

        Reviewed by Timothy Hatcher.

        The underlying issue here is that each tab may create its own ContentView,
        and therefore SourceCodeTextEditor, per-SourceCode. Each SourceCodeTextEditor
        was mutating the SourceCode's state without listening for or expecting
        updates from the other. This causes a bunch of different issues:

            - editing in one tab does not get reflected in another tab for
              the same resource. This is common when using the Search tab
              to find and make an edit, then debug in another tab.

            - one tab may auto format (pretty print) a resource and set
              the formatter on the SourceCode to make SourceCodeLocations
              know about formatted locations. However, a jump to location
              that opens a new ContentView for the same Resource will
              start out un-formatted, and misunderstand the location.
              This often results in an unexpected jump to 0:0.

        The solution taken by this change is to have a single ContentView
        per represented object. When that ContentView gets shown in a new
        ContentViewContainer it gets transferred, leaving a tombstone in the
        previous ContentViewContainer that can be revived later. This keeps
        back foward lists with expected values. It also means there is a
        single ContentView that doesn't need to worry about having the
        state of its represented object getting overrun.

        Currently this makes the assumption that we won't ever show multiple
        ContentViews for the same represented object at the same time. This
        may need to change if we were to support split pane editor or
        something like that.

        This also makes the assumption that ContentViewContainer's showEntry
        and hideEntry do not modify the back forward list. That has not been
        the case, and I think it is safe to assume it will never be the case.

        The contracts this patch maintains:

            - a ContentView is always owned by one ViewContainer.
              This ViewContainer is the one showing the ContentView.

            - when another ViewContainer wants to share the ContentView
              ownership is transferred. Creating tombstones in the old
              ViewContainer and Reviving tombstones in the new ViewContainer.

            - ViewContainer's have a tombstone per-BackForwardEntry that
              references the ContentView.

            - In order to ensure a ContentView always gets closed, when
              the owning ViewContainer would close the ContentView it
              checks if it should instead transfer ownership of the
              ContentView to another interested ViewContainer.

        This also maintains the contract that a ContentView should only be
        closed once. When the ContentView is transferred between two
        ContentViewContainers it should hide/show from the old to the new.
        The last ContentViewContainer to reference a ContentView should
        be the one to close the ContentView.

        * UserInterface/Models/BackForwardEntry.js:
        (WebInspector.BackForwardEntry):
        (WebInspector.BackForwardEntry.prototype.get tombstone):
        (WebInspector.BackForwardEntry.prototype.set tombstone):
        (WebInspector.BackForwardEntry.prototype.prepareToShow):
        (WebInspector.BackForwardEntry.prototype.prepareToHide):
        Tombstone state and assertions that we don't show/hide tombstones,
        that should all be done before a back forward entry has become a tombstone.

        * UserInterface/Views/ContentView.js:
        (WebInspector.ContentView.contentViewForRepresentedObject):
        (WebInspector.ContentView.closedContentViewForRepresentedObject):
        (WebInspector.ContentView.resolvedRepresentedObjectForRepresentedObject):
        Helpers for getting / creating / clearing the single ContentView that
        is associated with a represented object.

        * UserInterface/Views/ContentViewContainer.js:
        (WebInspector.ContentViewContainer.prototype.contentViewForRepresentedObject):
        (WebInspector.ContentViewContainer.prototype.showContentView):
        Eliminate code that dealt with multiple content views per represented object.
        That is replaced by multiple ContentViewContainers per ContentView.

        (WebInspector.ContentViewContainer.prototype.replaceContentView):
        This is called in special places where we don't need to worry about a tombstone.
        It is an in replace of a content view.

        (WebInspector.ContentViewContainer.closeAllContentViewsOfPrototype):
        (WebInspector.ContentViewContainer.prototype.closeContentView):
        (WebInspector.ContentViewContainer.prototype.closeAllContentViews):
        (WebInspector.ContentViewContainer.prototype._disassociateFromContentView):
        Deal with closing BackForwardEntrys that are tombstones.

        (WebInspector.ContentViewContainer.prototype._takeOwnershipOfContentView):
        (WebInspector.ContentViewContainer.prototype._placeTombstonesForContentView):
        (WebInspector.ContentViewContainer.prototype._clearTombstonesForContentView):
        Helpers for transfering ownership of a ContentView to a ContentViewContainer.
        There is always one owner of the ContentView. Non-owners have tombstone
        BackForward entries.

        (WebInspector.ContentViewContainer.prototype._showEntry):
        If we are showing a tombstone, gain ownership.

        (WebInspector.ContentViewContainer.prototype._hideEntry):
        This may happen in closing, for simplicity we bail here instead of include
        messy logic at the call site. We would have already hidden this entry
        when making it a tombstone.

2016-02-11  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: SourceCodeTextEditor close() generates removeEventListener warnings
        https://bugs.webkit.org/show_bug.cgi?id=154150

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/SourceCodeTextEditor.js:
        (WebInspector.SourceCodeTextEditor.prototype.close):
        Remove the event listeners in the cases that we would have added them.
        If we have SourceMap information we should remove the key listener,
        and if we don't we should remove the SourceMapAdded listener.

2016-02-10  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: Add new icon for the Timeline Recording navigation bar item
        https://bugs.webkit.org/show_bug.cgi?id=154089
        rdar://problem/24595652

        Reviewed by Brian Burg.

        * UserInterface/Images/Stopwatch.png: Removed.
        * UserInterface/Images/Stopwatch@2x.png: Removed.
        * UserInterface/Images/Stopwatch.svg: Added.
        * UserInterface/Views/TimelineIcons.css:
        (.stopwatch-icon .icon): Use Stopwatch.svg.
        (body:not(.mac-platform, .windows-platform) .stopwatch-icon .icon): Added for GTK+.

2016-02-10  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Switching actions in Edit Breakpoint popover causes a jerk
        https://bugs.webkit.org/show_bug.cgi?id=154093
        <rdar://problem/24597869>

        Reviewed by Timothy Hatcher.

        Adjusted CodeMirror eval editor styles to match vanilla input field.

        * UserInterface/Views/BreakpointActionView.css:
        (.breakpoint-action-eval-editor):

2016-02-09  Joseph Pecoraro  <pecoraro@apple.com>

        Regression: Web Inspector: Sometimes in Elements panel two elements showed as selected at the same time
        https://bugs.webkit.org/show_bug.cgi?id=149742
        <rdar://problem/24492481>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/DOMTreeElement.js:
        (WebInspector.DOMTreeElement.prototype.moveChild):
        Since removing and re-adding this tree element may forgot its
        entire child tree, re-select the selected child that may have
        just been lost in the shuffle.

        * UserInterface/Views/TreeOutline.js:
        (WebInspector.TreeOutline.prototype._forgetTreeElement):
        When forgetting the selected tree element, also deselect the
        forgotten tree element so it clears its selected state.

2016-02-09  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Allow copying all headers in the request/response header tables
        https://bugs.webkit.org/show_bug.cgi?id=154048
        <rdar://problem/24576302>

        Reviewed by Timothy Hatcher.

        * Localizations/en.lproj/localizedStrings.js:
        New "Copy Table" string.

        * UserInterface/Views/DataGrid.js:
        (WebInspector.DataGrid):
        (WebInspector.DataGrid.prototype._contextMenuInHeader):
        Add context menu support for table header cells, and give them a
        "Copy Table" context menu if there is copyable data.

        (WebInspector.DataGrid.prototype._contextMenuInDataTable):
        Add "Copy Table" context menu for copyable rows.

        (WebInspector.DataGrid.prototype._copyTextForDataGridNode):
        (WebInspector.DataGrid.prototype._copyTextForDataGridHeaders):
        (WebInspector.DataGrid.prototype._copyTable):
        (WebInspector.DataGrid.prototype._hasCopyableData):
        Helpers for determining copyability and copying tab separated data.

2016-02-09  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: localStorage inspector very slow on big values
        https://bugs.webkit.org/show_bug.cgi?id=123750
        <rdar://problem/15384930>

        Reviewed by Timothy Hatcher.

        It is not useful to show very large strings in the DOM Storage DataGrid.
        This change truncates display strings to roughly 200 characters. If the
        developer really wants the full value of the string they can just access
        it through localStorage.

        * UserInterface/Models/DOMStorageObject.js:
        (WebInspector.DOMStorageObject.prototype.getEntries.innerCallback):
        (WebInspector.DOMStorageObject.prototype.getEntries):
        (WebInspector.DOMStorageObject.prototype.itemUpdated):
        Modernize.

        * UserInterface/Views/DOMStorageContentView.js:
        (WebInspector.DOMStorageContentView):
        (WebInspector.DOMStorageContentView.prototype.itemRemoved):
        Modernize.

        (WebInspector.DOMStorageContentView.prototype.itemAdded):
        (WebInspector.DOMStorageContentView.prototype.itemUpdated):
        (WebInspector.DOMStorageContentView.prototype._truncateValue):
        (WebInspector.DOMStorageContentView.prototype._populate):
        Whenever we get a value that we will display, truncate it to
        just 200 characters.

2016-02-09  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Expiration column in Storage tab can't be sorted
        https://bugs.webkit.org/show_bug.cgi?id=154043
        <rdar://problem/24572272>

        Reviewed by Brian Burg.

        * UserInterface/Views/CookieStorageContentView.js:
        (WebInspector.CookieStorageContentView.prototype._sortDataGrid.expiresCompare):
        Sort Session as the shortest time, not the longest time. Use the
        cookie.expires date when sorting, not the locale string.

2016-02-09  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Limit max and min zoom factor of Inspector
        https://bugs.webkit.org/show_bug.cgi?id=154041
        <rdar://problem/24571326>

        Reviewed by Brian Burg.

        Chose reasonable zoom levels that looked good to my eye and
        roughly matched Safari's page zoom levels.

        * UserInterface/Base/Main.js:
        (WebInspector.contentLoaded):
        Do not implicitly prevent default for zoom in/out keyboard shortcuts to
        allow for a system beep if we do not do anything. 

        (WebInspector._increaseZoom):
        (WebInspector._decreaseZoom):
        Do not go beyond a max or min zoom level. Prevent default in the case
        where we actually zoom, but don't prevent default where we do not
        actually zoom to cause a system beep. Allow for a slight drift of
        the floating point value as it increases / decreases by 0.2 at the
        different zoom factors.

        (WebInspector._resetZoom):
        (WebInspector._showTabAtIndex):
        Remove redundant prevent default calls, since it would happen
        implicitly for these keyboard shortcuts.

2016-02-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Uncaught exception merging script profiler records
        https://bugs.webkit.org/show_bug.cgi?id=154004

        Reviewed by Brian Burg.

        * UserInterface/Controllers/TimelineManager.js:
        (WebInspector.TimelineManager.prototype._mergeScriptProfileRecords):
        Stop if we've merged all script profiler records.

2016-02-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Search doesn't seem to find text that is present in multiple places
        https://bugs.webkit.org/show_bug.cgi?id=154016
        <rdar://problem/23391307>

        Reviewed by Brian Burg.

        * UserInterface/Controllers/DebuggerManager.js:
        (WebInspector.DebuggerManager.prototype.get searchableScripts):
        * UserInterface/Views/SearchSidebarPanel.js:
        (WebInspector.SearchSidebarPanel.prototype.performSearch):
        Only search scripts with a URL. Don't search the potentially
        large number of anonymous scripts.

2016-02-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Zooming in on the timeline graph does not increase its time resolution from minutes
        https://bugs.webkit.org/show_bug.cgi?id=154013
        <rdar://problem/23844527>

        Reviewed by Brian Burg.

        * UserInterface/Base/Utilities.js:
        (Number.secondsToString):
        Simplify logic and ensure that when under high resolution we
        don't go above seconds for our units.

        (Number.bytesToString):
        Simplify logic.

        * UserInterface/Views/LinearTimelineOverview.js:
        (WebInspector.LinearTimelineOverview):
        Reduce the rather large maximum seconds per pixel from 60 seconds
        per pixel to 2 seconds per pixel. This means when the user zooms
        out of a timeline they don't see such large time values.

2016-02-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Extract a few common unicode characters into global variables
        https://bugs.webkit.org/show_bug.cgi?id=154008

        Reviewed by Timothy Hatcher.

        * UserInterface/Base/Utilities.js:
        Create global variables for `emDash` and `ellipsis` to use all over the tools.

        * UserInterface/Views/ConsoleMessageView.js:
        (WebInspector.ConsoleMessageView.prototype._formatParameterAsTable): Deleted.
        * UserInterface/Views/DefaultDashboardView.js:
        (WebInspector.DefaultDashboardView.prototype._updateDisplay):
        * UserInterface/Views/HierarchicalPathComponent.js:
        (WebInspector.HierarchicalPathComponent.prototype._updateElementTitleAndText):
        (WebInspector.HierarchicalPathComponent.prototype._updateSelectElement.createOption):
        (WebInspector.HierarchicalPathComponent.prototype._updateSelectElement):
        * UserInterface/Views/HierarchicalPathNavigationItem.js:
        (WebInspector.HierarchicalPathNavigationItem.prototype.updateLayout):
        * UserInterface/Views/LayerTreeDataGridNode.js:
        (WebInspector.LayerTreeDataGridNode.prototype.set layer):
        * UserInterface/Views/LayoutTimelineDataGridNode.js:
        (WebInspector.LayoutTimelineDataGridNode.prototype.createCellContent):
        (WebInspector.LayoutTimelineDataGridNode):
        * UserInterface/Views/MemoryCategoryView.js:
        (WebInspector.MemoryCategoryView.prototype._updateDetails): Deleted.
        (WebInspector.MemoryCategoryView): Deleted.
        * UserInterface/Views/MemoryTimelineView.js:
        (WebInspector.MemoryTimelineView.prototype._clearUsageLegend):
        (WebInspector.MemoryTimelineView.prototype._updateUsageLegend):
        (WebInspector.MemoryTimelineView.prototype._clearMaxComparisonLegend):
        (WebInspector.MemoryTimelineView.prototype._updateMaxComparisonLegend):
        * UserInterface/Views/MultipleScopeBarItem.js:
        (WebInspector.MultipleScopeBarItem.set scopeBarItems.createOption):
        (WebInspector.MultipleScopeBarItem.prototype.set scopeBarItems):
        * UserInterface/Views/ObjectPreviewView.js:
        (WebInspector.ObjectPreviewView.prototype._appendEntryPreviews):
        (WebInspector.ObjectPreviewView.prototype._appendPropertyPreviews):
        * UserInterface/Views/ProfileNodeDataGridNode.js:
        (WebInspector.ProfileNodeDataGridNode.prototype.createCellContent):
        (WebInspector.ProfileNodeDataGridNode):
        * UserInterface/Views/RenderingFrameTimelineDataGridNode.js:
        (WebInspector.RenderingFrameTimelineDataGridNode.prototype.createCellContent):
        (WebInspector.RenderingFrameTimelineDataGridNode):
        * UserInterface/Views/ResourceDetailsSidebarPanel.js:
        (WebInspector.ResourceDetailsSidebarPanel.prototype._refreshRequestAndResponse): Deleted.
        (WebInspector.ResourceDetailsSidebarPanel.prototype._valueForSize): Deleted.
        * UserInterface/Views/ResourceTimelineDataGridNode.js:
        (WebInspector.ResourceTimelineDataGridNode.prototype.createCellContent):
        * UserInterface/Views/ScriptTimelineDataGridNode.js:
        (WebInspector.ScriptTimelineDataGridNode.prototype.createCellContent):
        (WebInspector.ScriptTimelineDataGridNode):
        * UserInterface/Views/SearchResultTreeElement.js:
        (WebInspector.SearchResultTreeElement.truncateAndHighlightTitle):
        * UserInterface/Views/TimelineDataGridNode.js:
        (WebInspector.TimelineDataGridNode.prototype.createCellContent):
        * UserInterface/Views/TypeTreeElement.js:
        (WebInspector.TypeTreeElement.prototype.onpopulate):
        * UserInterface/Views/TypeTreeView.js:
        (WebInspector.TypeTreeView.prototype._populate):
        (WebInspector.TypeTreeView):

2016-02-08  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: ⇧⌘→ when editing text in the Elements tree shouldn't switch inspector tab
        https://bugs.webkit.org/show_bug.cgi?id=154006
        <rdar://problem/22892489>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/EditingSupport.js:
        (WebInspector.isEventTargetAnEditableField):
        Check the WebInspector's custom __editing state.

2016-02-08  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Long values for comma separated CSS properties overflow the Visual sidebar area
        https://bugs.webkit.org/show_bug.cgi?id=153890
        <rdar://problem/24510216>

        Reviewed by Timothy Hatcher.

        For especially long values in comma-separated CSS properties (such as
        background-image), the text will not be clipped as expected due to the
        way in which the width is calculated for the element (the value, inside
        the title element, is the only child with a specified width other than
        100%). This overflowing causes the width of the section containing that
        property to expand, pushing content outside of the inspector window. To
        remedy this, a specified width is set on the relevant properties based
        on the width of the sidebar to ensure proper text clipping.

        * UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css:
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item.visual-style-font-family-list-item > .visual-style-comma-separated-keyword-item-editor):
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item > .titles):
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item > .titles > .subtitle):
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container): Deleted.
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list): Deleted.
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item): Deleted.

        * UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.js:
        (WebInspector.VisualStyleCommaSeparatedKeywordEditor.prototype.set specifiedWidth):
        Calculates the necessary subtractions from the given width value based on
        the margins and size of sibling elements.

        * UserInterface/Views/VisualStyleDetailsPanel.js:
        (WebInspector.VisualStyleDetailsPanel.prototype._updateProperties):
        (WebInspector.VisualStyleDetailsPanel.prototype._populateFontSection):
        (WebInspector.VisualStyleDetailsPanel.prototype._populateBackgroundStyleSection):
        (WebInspector.VisualStyleDetailsPanel.prototype._populateBoxShadowSection):
        (WebInspector.VisualStyleDetailsPanel.prototype._populateTransitionSection):
        Added another list to each group which, if set, will pass the current
        sidebar width to all contained property editors.

        * UserInterface/Views/VisualStylePropertyEditor.js:
        (WebInspector.VisualStylePropertyEditor.prototype.update):
        Somewhat unrelated (r196146), but added another check to ensure that the
        CSS property exists before checking to see if it has an invalid value.

2016-02-08  Matt Baker  <mattbaker@apple.com>

        Web Inspector: WebInspector.Setting should have a "reset" method
        https://bugs.webkit.org/show_bug.cgi?id=153971
        <rdar://problem/24544101>

        Reviewed by Brian Burg.

        Currently UI needing to restore a setting to its default must retain a copy
        of the default value. This should be a basic operation of WebInspector.Setting.

        * UserInterface/Base/Setting.js:
        (WebInspector.Setting):
        (WebInspector.Setting.prototype.reset):
        Sets value to a copy of the default.

2016-02-06  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION (r195432): Web Inspector: bottom right section of the styles sidebar is 1px taller than the console prompt
        https://bugs.webkit.org/show_bug.cgi?id=153959
        <rdar://problem/24541053>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
        (.sidebar > .panel.details.css-style > .content ~ .options-container):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container)::
        Revert the height to what it used to be prior r195432.

2016-02-05  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Visual Styles sidebar should be more forgiving to long labels
        https://bugs.webkit.org/show_bug.cgi?id=153927
        <rdar://problem/24343897>

        Reviewed by Timothy Hatcher.

        If a label is too long for it's container, it overflows and is visible
        above the rest of the elements nearby.

        * UserInterface/Views/VisualStylePropertyEditor.css:
        (.visual-style-property-container > .visual-style-property-title):
        Adds text overflow to properties that extend beyond the container's width.

        * UserInterface/Views/VisualStylePropertyEditor.js:
        (WebInspector.VisualStylePropertyEditor):
        Now also adds the label value as a title attribute to the element, just in
        case the content overflows.

2016-02-05  Saam barati  <sbarati@apple.com>

        Web Inspector: Include SamplingProfiler's expression-level data for stack frames in the protocol
        https://bugs.webkit.org/show_bug.cgi?id=153455
        <rdar://problem/24335884>

        Reviewed by Joseph Pecoraro.

        JSC has been collecting expression-level data in the sampling
        profiler, and with this patch, we now get that information
        in the inspector. With this information, we probably have
        all the data we need to make real heat maps.

        * UserInterface/Models/CallingContextTree.js:
        (WebInspector.CallingContextTree.prototype.updateTreeWithStackTrace):
        (WebInspector.CCTNode):
        (WebInspector.CCTNode.prototype.findOrMakeChild):
        (WebInspector.CCTNode.prototype.addTimestampAndExpressionLocation):
        (WebInspector.CCTNode.prototype.addTimestamp): Deleted.

2016-02-05  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Navigation bar in sidebars should always fit on a single line
        https://bugs.webkit.org/show_bug.cgi?id=153412
        <rdar://problem/24318706>

        Reviewed by Timothy Hatcher.

        This happened because the allowed maximum width of the sidebar was greater
        than the minimum width derived from the currently visible sidebar.

        * UserInterface/Base/Utilities.js:
        (Number.constrain):
        Added logic to reverse the values of min and max if max is less than min.

2016-02-05  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: Don't wrap labels in Breakpoint Editor popover
        https://bugs.webkit.org/show_bug.cgi?id=153926
        rdar://problem/24149542

        Reviewed by Brian Burg.

        * UserInterface/Views/BreakpointPopoverController.css:
        (.popover .edit-breakpoint-popover-content > table > tr > th): Added white-space: nowrap.

2016-02-05  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Replace all instances of '%s' with “%s“
        https://bugs.webkit.org/show_bug.cgi?id=153891
        <rdar://problem/24510236>

        Reviewed by Timothy Hatcher.

        Switched all WebInspector.UIString() from using '' to ““.

        * Localizations/en.lproj/localizedStrings.js:
        * UserInterface/Views/CSSStyleDeclarationSection.js:
        (WebInspector.CSSStyleDeclarationSection.prototype._handleSelectorPaste):
        * UserInterface/Views/CSSStyleDeclarationTextEditor.js:
        (WebInspector.CSSStyleDeclarationTextEditor.prototype._createTextMarkerForPropertyIfNeeded):
        * UserInterface/Views/VisualStylePropertyEditor.js:
        (WebInspector.VisualStylePropertyEditor.prototype.update):
        * UserInterface/Views/VisualStyleSelectorTreeItem.js:
        (WebInspector.VisualStyleSelectorTreeItem.prototype._updateSelectorIcon):

2016-02-05  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION (r193913): Web Inspector: Wrong z-index of inner sections
        https://bugs.webkit.org/show_bug.cgi?id=153914

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/DetailsSection.css:
        (.details-section .details-section > .header):

2016-02-05  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Decrease font-weight of inner sections
        https://bugs.webkit.org/show_bug.cgi?id=153913
        <rdar://problem/24520326>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/DetailsSection.css:
        (.details-section .details-section > .header):

2016-02-04  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: console.table background stripes are misaligned
        https://bugs.webkit.org/show_bug.cgi?id=152954
        <rdar://problem/24197735>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/LogContentView.css:
        (.console-item .data-grid table.data):
        (.console-item .data-grid table.data tr:nth-child(even)):
        Replace CSS gradient that produces fixed height stripes with
        a rule that sets background only on even table rows.

2016-02-04  Joseph Pecoraro  <pecoraro@apple.com>

        Unreviewed, follow-up fix to r196151 that removes some more images.

        * UserInterface/Images/Colors.png: Removed.
        * UserInterface/Images/Colors@2x.png: Removed.
        * UserInterface/Images/Network.png: Removed.
        * UserInterface/Images/Network@2x.png: Removed.
        * UserInterface/Images/Script.png: Removed.
        * UserInterface/Images/Script@2x.png: Removed.
        These images were supposed to also be removed.

        * WebInspectorUI.vcxproj/WebInspectorUI.vcxproj:
        Also remove references to now removed images.

2016-02-04  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: New timeline images for instruments
        https://bugs.webkit.org/show_bug.cgi?id=153884
        <rdar://problem/24509429>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/TimelineTabContentView.js:
        (WebInspector.TimelineTabContentView.iconClassNameForTimeline):
        Better names and give Memory timeline a name for an icon.

        * UserInterface/Views/TreeOutline.css:
        (.tree-outline.large .item .icon):
        Add more padding next to large icons.

        * UserInterface/Images/ColorsLarge.png: Removed.
        * UserInterface/Images/ColorsLarge@2x.png: Removed.
        * UserInterface/Images/Frames.png: Removed.
        * UserInterface/Images/Frames@2x.png: Removed.
        * UserInterface/Images/LayoutInstrument.svg: Added.
        * UserInterface/Images/MemoryInstrument.svg: Added.
        * UserInterface/Images/NetworkInstrument.svg: Added.
        * UserInterface/Images/NetworkLarge.png: Removed.
        * UserInterface/Images/NetworkLarge@2x.png: Removed.
        * UserInterface/Images/RenderingFramesInstrument.svg: Added.
        * UserInterface/Images/ScriptLarge.png: Removed.
        * UserInterface/Images/ScriptLarge@2x.png: Removed.
        Remove old timeline pngs.

        * UserInterface/Images/ScriptsInstrument.svg: Added.
        * UserInterface/Views/TimelineIcons.css:
        (.network-icon .icon):
        (.script-icon .icon):
        (.memory-icon .icon):
        (.layout-icon .icon):
        (.rendering-frame-icon .icon):
        Use the new SVGs.

        (body:not(.mac-platform, .windows-platform) .network-icon .icon):
        (body:not(.mac-platform, .windows-platform) .network-icon.large .icon):
        (body:not(.mac-platform, .windows-platform) .layout-icon .icon):
        (body:not(.mac-platform, .windows-platform) .layout-icon.large .icon):
        (body:not(.mac-platform, .windows-platform) .script-icon .icon):
        (body:not(.mac-platform, .windows-platform) .script-icon.large .icon):
        (body:not(.mac-platform, .windows-platform) .rendering-frame-icon .icon):
        Fallback to old icons for non-Mac/Windows ports using Images/gtk images.

2016-02-04  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Show error icons if invalid values already exist for properties in the Visual sidebar
        https://bugs.webkit.org/show_bug.cgi?id=153702
        <rdar://problem/24424025>

        Reviewed by Timothy Hatcher.

        When CSS properties have invalid values, instead of displaying the computed
        value for that property in the Visual sidebar, show an error icon with the
        the invalid value.

        * Localizations/en.lproj/localizedStrings.js:

        * UserInterface/Views/VisualStyleNumberInputBox.css:
        (.visual-style-property-container > .visual-style-property-value-container > .number-input-container > .number-input-value):
        (.visual-style-property-container > .visual-style-property-value-container > .visual-style-special-property-placeholder[hidden] ~ .number-input-container > .number-input-value):
        By default, do not allow any pointer events to interact with the input element.
        Instead, only allow interaction when the placeholder element is hidden to ensure
        that the user cannot add a value when the computed value is displayed.

        * UserInterface/Views/VisualStyleNumberInputBox.js:
        (WebInspector.VisualStyleNumberInputBox.prototype.set specialPropertyPlaceholderElementText):
        Reset the selected keyword to "Unchanged" since this is either a warning
        message or the computed value.

        * UserInterface/Views/VisualStylePropertyEditor.css:
        (.visual-style-property-container > .visual-style-property-editor-warning.missing-dependency):
        (.visual-style-property-container > .visual-style-property-editor-warning.invalid-value):
        (.visual-style-property-container > .visual-style-property-editor-warning):

        * UserInterface/Views/VisualStylePropertyEditor.js:
        (WebInspector.VisualStylePropertyEditor):
        Replaced document.createElement with [element].createChild for simplicity.

        (WebInspector.VisualStylePropertyEditor.prototype.update):
        Before assigning the value of the property to the editor, check to see if
        the property is valid. If not, display an Error icon and message stating
        that the current value is invalid.

        (WebInspector.VisualStylePropertyEditor.prototype.updateEditorValues):
        (WebInspector.VisualStylePropertyEditor.prototype.set specialPropertyPlaceholderElementText):
        Unhides the special placeholder element with the given text as its content.

        (WebInspector.VisualStylePropertyEditor.prototype._valueDidChange):
        (WebInspector.VisualStylePropertyEditor.prototype._checkDependencies):
        (WebInspector.VisualStylePropertyEditor.prototype.addDependency):

2016-02-03  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: JS PrettyPrinting unary - and + issues
        https://bugs.webkit.org/show_bug.cgi?id=134007
        <rdar://problem/17351953>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/CodeMirrorFormatters.js:
        (shouldHaveSpaceBeforeToken):
        (shouldHaveSpaceAfterLastToken):
        (removeLastNewline):
        (modifyStateForTokenPre):
        (modifyStateForTokenPost):

2016-02-03  Dave Hyatt  <hyatt@apple.com>

        Add hanging-punctuation property to Web Inspector
        https://bugs.webkit.org/show_bug.cgi?id=153841

        Reviewed by Zalan Bujtas.

        * UserInterface/Models/CSSKeywordCompletions.js:

2016-02-03  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Uncaught exception TimelineRuler.prototype.resize no longer exists
        https://bugs.webkit.org/show_bug.cgi?id=153839

        Reviewed by Brian Burg.

        * UserInterface/Views/MemoryTimelineView.js:
        (WebInspector.MemoryTimelineView.prototype.shown):
        After r195995 the resize method was eliminated in favor of this approach.

2016-02-02  Joseph Pecoraro  <pecoraro@apple.com>

        Uncaught Exception: TypeError: undefined is not an object (evaluating 'highlightedRange.from')
        https://bugs.webkit.org/show_bug.cgi?id=153685

        Reviewed by Timothy Hatcher.

        * UserInterface/Controllers/CodeMirrorTokenTrackingController.js:
        (WebInspector.CodeMirrorTokenTrackingController.prototype.highlightRange):
        The highlighted range could have just gotten removed, in which case the
        marker would return undefined. Just bail in such cases.

2016-02-01  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Option+Up/Down should not move cursor outside of number
        https://bugs.webkit.org/show_bug.cgi?id=153784
        <rdar://problem/24453133>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/CodeMirrorAdditions.js:
        When selectionStart === selectionEnd we were duplicating the
        movement mutation by performing it twice on the same object.
        After much experimentation, I left in the existing code path
        for handling mutation with a selection. It is not perfect,
        but it is better then just applying the ch diff.

2016-02-01  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: High Level Memory Overview Instrument
        https://bugs.webkit.org/show_bug.cgi?id=153516
        <rdar://problem/24356378>

        Reviewed by Brian Burg.

        Use the new "Memory" domain to track page memory size over time.
        This allows the timeline to help visualize total process memory
        broken down into a few different categories. The timeline graph
        allows seeing the total size over time, and you can drill in to
        a specific section and get a better breakdown and comparison
        of the different categories of memory that we currently track.

        * Localizations/en.lproj/localizedStrings.js:
        New UI strings.

        * UserInterface/Main.html:
        New files.

        * UserInterface/Base/Main.js:
        (WebInspector.loaded):
        * UserInterface/Protocol/MemoryObserver.js:
        (WebInspector.MemoryObserver.prototype.trackingStart):
        (WebInspector.MemoryObserver.prototype.trackingUpdate):
        (WebInspector.MemoryObserver.prototype.trackingComplete):
        Add a memory observer.

        * UserInterface/Controllers/TimelineManager.js:
        (WebInspector.TimelineManager.defaultInstruments):
        (WebInspector.TimelineManager.prototype.memoryTrackingStart):
        (WebInspector.TimelineManager.prototype.memoryTrackingUpdate):
        (WebInspector.TimelineManager.prototype.memoryTrackingComplete):
        Create Memory timeline records from Memory tracking updates.

        * UserInterface/Models/MemoryCategory.js:
        (WebInspector.MemoryCategory):
        Consolidate some of the raw data of categories we get from the backend
        into a set of 4 user-facing categories.

        * UserInterface/Models/MemoryTimelineRecord.js: Added.
        (WebInspector.MemoryTimelineRecord):
        (WebInspector.MemoryTimelineRecord.memoryCategoriesFromProtocol):
        (WebInspector.MemoryTimelineRecord.prototype.get timestamp):
        (WebInspector.MemoryTimelineRecord.prototype.get categories):
        (WebInspector.MemoryTimelineRecord.prototype.get totalSize):
        (WebInspector.MemoryTimelineRecord.prototype.get startTime):
        (WebInspector.MemoryTimelineRecord.prototype.get endTime):
        Memory timeline record for the event data.

        * UserInterface/Models/MemoryInstrument.js:
        (WebInspector.MemoryInstrument):
        (WebInspector.MemoryInstrument.supported):
        (WebInspector.MemoryInstrument.prototype.get timelineRecordType):
        (WebInspector.MemoryInstrument.prototype.startInstrumentation):
        (WebInspector.MemoryInstrument.prototype.stopInstrumentation):
        Instrument to start / stop memory tracking.

        * UserInterface/Models/TimelineRecord.js:
        Add a new "Memory" Timeline type.

        * UserInterface/Views/ContentView.js:
        (WebInspector.ContentView.createFromRepresentedObject):
        * UserInterface/Models/TimelineRecording.js:
        (WebInspector.TimelineRecording):
        Add the new "Memory" Timeline.

        (WebInspector.TimelineRecording.prototype.addRecord):
        Memory timeline records do not show in the SourceCode Timelines Overview.

        * UserInterface/Views/CircleChart.css:
        (.circle-chart):
        (.circle-chart > svg > path.background):
        (.circle-chart > .center):
        * UserInterface/Views/CircleChart.js: Added.
        (WebInspector.CircleChart):
        (WebInspector.CircleChart.prototype.get element):
        (WebInspector.CircleChart.prototype.get points):
        (WebInspector.CircleChart.prototype.get size):
        (WebInspector.CircleChart.prototype.get centerElement):
        (WebInspector.CircleChart.prototype.get segments):
        (WebInspector.CircleChart.prototype.set segments):
        (WebInspector.CircleChart.prototype.get values):
        (WebInspector.CircleChart.prototype.set values):
        (WebInspector.CircleChart.prototype.clear):
        (WebInspector.CircleChart.prototype.needsLayout):
        (WebInspector.CircleChart.prototype.updateLayout):
        (WebInspector.CircleChart.prototype._needsLayout):
        (WebInspector.CircleChart.prototype._createCompleteCirclePathData):
        (WebInspector.CircleChart.prototype._createSegmentPathData):
        (WebInspector.CircleChart.prototype._updateLayout):
        Standalone circle "donut" chart, copied mostly from Rendering Frames Timeline.
        Initialize the chart's segments, then feed it a set of ([v1, v2, ...]) values
        corresponding to each of the segments.

        * UserInterface/Views/LineChart.js: Added.
        (WebInspector.LineChart):
        (WebInspector.LineChart.prototype.get element):
        (WebInspector.LineChart.prototype.get points):
        (WebInspector.LineChart.prototype.get size):
        (WebInspector.LineChart.prototype.set size):
        (WebInspector.LineChart.prototype.addPoint):
        (WebInspector.LineChart.prototype.clear):
        (WebInspector.LineChart.prototype.needsLayout):
        (WebInspector.LineChart.prototype.updateLayout):
        (WebInspector.LineChart.prototype._needsLayout):
        (WebInspector.LineChart.prototype._updateLayout):
        Standalone line chart. Uses a single SVG path, given a set of (x, y) points.

        * UserInterface/Views/StackedLineChart.js: Added.
        (WebInspector.StackedLineChart):
        (WebInspector.StackedLineChart.prototype.get element):
        (WebInspector.StackedLineChart.prototype.get points):
        (WebInspector.StackedLineChart.prototype.get size):
        (WebInspector.StackedLineChart.prototype.set size):
        (WebInspector.StackedLineChart.prototype.initializeSections):
        (WebInspector.StackedLineChart.prototype.addPointSet):
        (WebInspector.StackedLineChart.prototype.clear):
        (WebInspector.StackedLineChart.prototype.needsLayout):
        (WebInspector.StackedLineChart.prototype.updateLayout):
        (WebInspector.StackedLineChart.prototype._needsLayout):
        (WebInspector.StackedLineChart.prototype._updateLayout):
        Standalone stacked line chart. Initialize the chart's sections,
        then feed it a set of (x, [y1, y2 ...]) points where the y
        values correspond to each of the sections.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview.prototype.get scrollContainerWidth):
        Add a way to get this value without forcing layout all the time.

        * UserInterface/Views/TimelineTabContentView.js:
        (WebInspector.TimelineTabContentView.displayNameForTimeline):
        (WebInspector.TimelineTabContentView.iconClassNameForTimeline):
        (WebInspector.TimelineTabContentView.genericClassNameForTimeline):
        (WebInspector.TimelineTabContentView.iconClassNameForRecord):
        (WebInspector.TimelineTabContentView.displayNameForRecord):
        Add placeholders for the new Memory Timeline Type.

        * UserInterface/Views/MemoryCategoryView.css:
        (.memory-category-view):
        (.memory-category-view > .details):
        (.memory-category-view > .details > .name):
        (.memory-category-view > .graph):
        * UserInterface/Views/MemoryCategoryView.js: Added.
        (WebInspector.MemoryCategoryView):
        (WebInspector.MemoryCategoryView.prototype.get element):
        (WebInspector.MemoryCategoryView.prototype.get category):
        (WebInspector.MemoryCategoryView.prototype.clear):
        (WebInspector.MemoryCategoryView.prototype.layoutWithDataPoints):
        (WebInspector.MemoryCategoryView.prototype._updateDetails):
        * UserInterface/Views/MemoryTimelineOverviewGraph.css:
        (body .timeline-overview > .graphs-container > .timeline-overview-graph.memory):
        (.timeline-overview-graph.memory):
        (.timeline-overview-graph.memory > .legend):
        (.timeline-overview-graph.memory > .stacked-line-chart > svg > path.javascript):
        (.timeline-overview-graph.memory > .stacked-line-chart > svg > path.images):
        (.timeline-overview-graph.memory > .stacked-line-chart > svg > path.layers):
        (.timeline-overview-graph.memory > .stacked-line-chart > svg > path.page):
        * UserInterface/Views/MemoryTimelineOverviewGraph.js: Added.
        (WebInspector.MemoryTimelineOverviewGraph):
        (WebInspector.MemoryTimelineOverviewGraph.prototype.get height):
        (WebInspector.MemoryTimelineOverviewGraph.prototype.reset):
        (WebInspector.MemoryTimelineOverviewGraph.prototype.layout.timeToX):
        (WebInspector.MemoryTimelineOverviewGraph.prototype.layout.sizeToY):
        (WebInspector.MemoryTimelineOverviewGraph.prototype.layout.sizesToYs):
        (WebInspector.MemoryTimelineOverviewGraph.prototype.layout.ysForRecord):
        (WebInspector.MemoryTimelineOverviewGraph.prototype.layout):
        (WebInspector.MemoryTimelineOverviewGraph.prototype._updateLegend):
        (WebInspector.MemoryTimelineOverviewGraph.prototype._visibleRecords):
        (WebInspector.MemoryTimelineOverviewGraph.prototype._memoryTimelineRecordAdded):
        * UserInterface/Views/MemoryTimelineView.css: Added.
        (.timeline-view.memory):
        (.timeline-view.memory > .content):
        (.timeline-view.memory > .content > .overview):
        (.timeline-view.memory > .content .title):
        (.timeline-view.memory > .content .subtitle):
        (.timeline-view.memory > .content > .details > .timeline-ruler):
        (.timeline-view.memory > .content > .details > .subtitle):
        (.timeline-view.memory > .content > .overview > .chart):
        (.timeline-view.memory > .content > .overview > .chart > .subtitle):
        (.timeline-view.memory > .content > .overview > .chart > .container):
        (.timeline-view.memory > .content > .overview > .divider):
        (.timeline-view.memory > .content > .overview .max-percentage):
        (.timeline-view.memory .legend):
        (.timeline-view.memory .legend > .row):
        (.timeline-view.memory .legend > .row > .swatch):
        (.timeline-view.memory .legend > .row > p):
        (.timeline-view.memory .legend > .row > .label):
        (.timeline-view.memory .legend > .row > .size):
        (.timeline-view.memory .legend > .row > .swatch.javascript):
        (.timeline-view.memory .legend > .row > .swatch.images):
        (.timeline-view.memory .legend > .row > .swatch.layers):
        (.timeline-view.memory .legend > .row > .swatch.page):
        (.memory-category-view.javascript .line-chart > svg > path):
        (.memory-category-view.images .line-chart > svg > path):
        (.memory-category-view.layers .line-chart > svg > path):
        (.memory-category-view.page .line-chart > svg > path):
        (.timeline-view.memory .legend > .row > .swatch.current):
        (.timeline-view.memory .circle-chart > svg > path.current):
        (.timeline-view.memory .circle-chart > svg > path.remainder):
        * UserInterface/Views/MemoryTimelineView.js: Added.
        (WebInspector.MemoryTimelineView):
        (WebInspector.MemoryTimelineView.displayNameForCategory):
        (WebInspector.MemoryTimelineView.prototype.get navigationSidebarTreeOutlineLabel):
        (WebInspector.MemoryTimelineView.prototype.shown):
        (WebInspector.MemoryTimelineView.prototype.hidden):
        (WebInspector.MemoryTimelineView.prototype.closed):
        (WebInspector.MemoryTimelineView.prototype.reset):
        (WebInspector.MemoryTimelineView.prototype.treeElementPathComponentSelected):
        (WebInspector.MemoryTimelineView.prototype.layout.timeToX):
        (WebInspector.MemoryTimelineView.prototype.layout.sizeToY):
        (WebInspector.MemoryTimelineView.prototype.layout.layoutCategoryView):
        (WebInspector.MemoryTimelineView.prototype.layout):
        (WebInspector.MemoryTimelineView.prototype._clearUsageLegend):
        (WebInspector.MemoryTimelineView.prototype._updateUsageLegend):
        (WebInspector.MemoryTimelineView.prototype._clearMaxComparisonLegend):
        (WebInspector.MemoryTimelineView.prototype._updateMaxComparisonLegend):
        (WebInspector.MemoryTimelineView.prototype._visibleRecords):
        (WebInspector.MemoryTimelineView.prototype._initializeCategoryViews.appendLegendRow):
        (WebInspector.MemoryTimelineView.prototype._initializeCategoryViews):
        (WebInspector.MemoryTimelineView.prototype._memoryTimelineRecordAdded):
        * UserInterface/Views/Variables.css:
        (:root):
        Memory timeline view styles.

2016-02-01  Matt Baker  <mattbaker@apple.com>

        Web Inspector: add a LayoutReason enum to the View base class
        https://bugs.webkit.org/show_bug.cgi?id=153731
        <rdar://problem/24430938>

        Reviewed by Brian Burg.

        Added a LayoutReason enum to the View base class, which can be passed as an optional
        argument to needsLayout() and updateLayout(). The value is propagated to the view's
        subtree during layout.

        * UserInterface/Base/Main.js:
        Update top-level views with Resize layout reason when window is resized.

        * UserInterface/Views/DataGrid.js:
        (WebInspector.DataGrid.prototype._positionHeaderViews):
        Update header view with Resize layout reason when column is resized.

        * UserInterface/Views/OverviewTimelineView.js:
        (WebInspector.OverviewTimelineView.prototype.shown):
        Assume the view has been resized when shown, and update layout.
        (WebInspector.OverviewTimelineView.prototype.updateLayoutForResize): Deleted.
        No longer needed, handled by the View base class.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview.prototype.shown):
        Assume the view has been resized when shown, and update layout.
        (WebInspector.TimelineOverview.prototype.layout):
        Invalidate cached scroll container width if resized.
        (WebInspector.TimelineOverview.prototype.updateLayoutForResize): Deleted.
        No longer needed, handled by the View base class.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView.prototype.layout): Deleted.
        No longer needed, handled by the View base class.

        * UserInterface/Views/TimelineRuler.js:
        (WebInspector.TimelineRuler.prototype.needsLayout):
        (WebInspector.TimelineRuler.prototype.layout):
        Update cached client width if resized.
        (WebInspector.TimelineRuler.prototype.resize): Deleted.
        Moved resize logic to layout override.

        * UserInterface/Views/View.js:
        (WebInspector.View):
        (WebInspector.View.prototype.updateLayout):
        Set layout reason.
        (WebInspector.View.prototype.needsLayout):
        Set layout reason even if an animation frame has already been scheduled,
        since the layout reason could have changed.
        (WebInspector.View.prototype._layoutSubtree):
        Propagate layout reason to subtree, and reset the value when done.
        (WebInspector.View.prototype._setLayoutReason):
        Helper method for updating the layout reason. Ensures that LayoutReason.Resize
        has priority over the default (LayoutReason.Dirty).

2016-02-01  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Rendering Frames timeline draws all frame bars at minimum height
        https://bugs.webkit.org/show_bug.cgi?id=153736
        <rdar://problem/21946301>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView.prototype._currentContentViewDidChange):
        Update the new timeline overview's height before it's shown. Showing the
        overview causes the rendering frames graph to do a layout, which requires
        the height of the containing view to be a valid value.

2016-02-01  Matt Baker  <mattbaker@apple.com>

        Web Inspector: DataGridNode should support adding go-to arrow buttons to any cell
        https://bugs.webkit.org/show_bug.cgi?id=153733
        <rdar://problem/24431813>

        Reviewed by Brian Burg.

        Provide a way to add go-to arrow buttons to any grid cell from within a
        DataGridNode subclass's implementation of createCellContent.

        * UserInterface/Views/DataGrid.js:
        New event type, GoToArrowClicked.
        (WebInspector.DataGridNode.prototype.createGoToArrowButton.buttonClicked):
        (WebInspector.DataGridNode.prototype.createGoToArrowButton):
        Adds a go-to arrow button to the cell's content element. Clicking the button
        dispatches an event on the DataGrid, with event data containing the
        DataGridNode and identifier of the cell containing the arrow button.

2016-01-31  Jeremy Jones  <jeremyj@apple.com>

        Add resize event for HTMLMediaElement
        https://bugs.webkit.org/show_bug.cgi?id=125715

        Reviewed by Darin Adler.

        Add a display name for "resize" event.

        * UserInterface/Models/ScriptTimelineRecord.js:
        (WebInspector.ScriptTimelineRecord.EventType.displayName):

2016-01-30  Dave Hyatt  <hyatt@apple.com>

        Add the break-* properties to Web Inspector's completion set
        https://bugs.webkit.org/show_bug.cgi?id=153706

        Reviewed by Darin Adler.

        * UserInterface/Models/CSSKeywordCompletions.js:

2016-01-30  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Network panel is empty until the window is resized
        https://bugs.webkit.org/show_bug.cgi?id=153701
        <rdar://problem/24423739>

        Reviewed by Timothy Hatcher.

        NetworkGridContentView shouldn't prevent a layout from being scheduled
        when the network sidebar is collapsed.

        * UserInterface/Views/NetworkGridContentView.js:
        (WebInspector.NetworkGridContentView.prototype.needsLayout): Deleted.
        Removed View.prototype.needsLayout override that was preventing
        layouts from being scheduled as timeline records are added.

2016-01-30  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Object tree parent items are misaligned
        https://bugs.webkit.org/show_bug.cgi?id=153699
        <rdar://problem/24423683>

        Reviewed by Darin Adler.

        * UserInterface/Views/ObjectTreeView.css:
        (.object-tree .object-tree):
        Ensure that toplevel Object preview trees are displayed properly while also
        making child trees inline.

        * UserInterface/Views/TreeOutline.css:
        (.tree-outline:not(.hide-disclosure-buttons) .item:not(.parent) > .icon):
        (.tree-outline:not(.hide-disclosure-buttons) .item:not(.parent) .icon): Deleted.
        This would apply to all .icon elements contained within a non-parent item,
        which is not the desired effect. Instead, this should only apply to only the
        .icon element of that particular non-parent item.

2016-01-29  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Add support for variable size timeline graphs
        https://bugs.webkit.org/show_bug.cgi?id=153690
        <rdar://problem/24421696>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/LayoutTimelineDataGrid.js:
        (WebInspector.LayoutTimelineDataGrid): Deleted.
        Remove unnecessary constructor.

        * UserInterface/Views/TimelineOverviewGraph.js:
        (WebInspector.TimelineOverviewGraph.prototype.set selectedRecord):
        Default graph height.

        * UserInterface/Views/RenderingFrameTimelineOverview.js:
        (WebInspector.RenderingFrameTimelineOverview.prototype.get height):
        Custom graph height.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview.prototype.get height):
        Provide a way to get the height of the overview which accumulates graph heights.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView.prototype.get timelineOverviewHeight):
        (WebInspector.TimelineRecordingContentView.prototype._updateTimelineOverviewHeight):
        * UserInterface/Views/TimelineSidebarPanel.js:
        (WebInspector.TimelineSidebarPanel.prototype._updateTimelineOverviewHeight):
        Switch from assuming certain graph heights to asking the overview for its height.

2016-01-29  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Object previews in the Console are misaligned
        https://bugs.webkit.org/show_bug.cgi?id=153676
        <rdar://problem/24418796>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/ObjectTreeView.css:
        (.object-tree .tree-outline.object.compact):
        (.object-tree): Deleted.

2016-01-29  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Provide a way to clear the network panel
        https://bugs.webkit.org/show_bug.cgi?id=153632
        <rdar://problem/23317773>

        Reviewed by Timothy Hatcher.

        Added a navigation item to the Network tab that resets the network grid's content.

        * Localizations/en.lproj/localizedStrings.js:
        * UserInterface/Views/NetworkGridContentView.js:
        (WebInspector.NetworkGridContentView):
        (WebInspector.NetworkGridContentView.prototype.get navigationItems):
        (WebInspector.NetworkGridContentView.prototype._clearNetworkItems):

2016-01-29  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: WebInspector.Setting should not access localStorage if the value did not change
        https://bugs.webkit.org/show_bug.cgi?id=153671
        <rdar://problem/24417029>

        Reviewed by Brian Burg.

        * UserInterface/Base/Setting.js:
        (WebInspector.Setting.prototype.set value):

2016-01-29  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Duplicate tab-types being saved to setting, causing duplicate tabs to be opened
        https://bugs.webkit.org/show_bug.cgi?id=153659
        <rdar://problem/24413157>

        Reviewed by Brian Burg.

        * UserInterface/Base/Main.js:
        (WebInspector.contentLoaded):
        (WebInspector._rememberOpenTabs):
        De-duplicate the setting when building the list of tabs for existing
        cases where the setting has duplicates and de-duplicate storing into
        the setting, which was causing the issue to begin with.

2016-01-29  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Add font-variant-* to the visual styles sidebar
        https://bugs.webkit.org/show_bug.cgi?id=148720
        <rdar://problem/22569974>

        Reviewed by Timothy Hatcher.

        Added another subsection to the "Text" section for font-variant-*
        properties.

        * Localizations/en.lproj/localizedStrings.js:
        * UserInterface/Images/FontVariantSmallCaps.svg: Removed.

        * UserInterface/Views/VisualStyleDetailsPanel.js:
        (WebInspector.VisualStyleDetailsPanel):
        Added another keyword grouping with the "normal" value since it is used
        frequently in multiple subsections.

        (WebInspector.VisualStyleDetailsPanel.prototype._populateFontSection):
        (WebInspector.VisualStyleDetailsPanel.prototype._populateFontVariantsSection):
        Added the five new font-variant-* properties specified in
        <https://webkit.org/blog/5735/css-font-features/>.

        (WebInspector.VisualStyleDetailsPanel.prototype._populateTextSpacingSection):
        (WebInspector.VisualStyleDetailsPanel.prototype._populateAnimationSection):
        Replaced the hardcoded "normal" keyword with the new grouping.

        * UserInterface/Views/VisualStyleKeywordCheckbox.css:
        (.visual-style-property-container.keyword-checkbox.font-variant > .visual-style-property-value-container > input::after): Deleted.

2016-01-28  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Avoid recreating Timeline's DataGridNode data multiple times
        https://bugs.webkit.org/show_bug.cgi?id=153608

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/LayoutTimelineDataGridNode.js:
        (WebInspector.LayoutTimelineDataGridNode.prototype.get data):
        * UserInterface/Views/RenderingFrameTimelineDataGridNode.js:
        (WebInspector.RenderingFrameTimelineDataGridNode.prototype.get data):
        * UserInterface/Views/ScriptTimelineDataGridNode.js:
        (WebInspector.ScriptTimelineDataGridNode.prototype.get data):
        Cache the data when we create it the first time.

2016-01-28  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Tabs height should be 2px less to match Safari
        https://bugs.webkit.org/show_bug.cgi?id=153581
        <rdar://problem/24383501>

        Reviewed by Darin Adler.

        * UserInterface/Views/TabBar.css:
        (.tab-bar):

        (.tab-bar > .item):
        (.tab-bar > .item.pinned):
        Make the new tab button ("+") a square.

2016-01-27  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Don't show hand cursor for edited attribute
        https://bugs.webkit.org/show_bug.cgi?id=152211
        <rdar://problem/23870523>

        Reviewed by Joseph Pecoraro.

        * UserInterface/Views/Editing.css:
        (.editing, .editing *):

2016-01-27  Saam barati  <sbarati@apple.com>

        CodeMirror will strip out "\r" from files with "\r\n" as newlines causing our offsets into the file to be incorrect
        https://bugs.webkit.org/show_bug.cgi?id=153529
        <rdar://problem/24376799>

        Reviewed by Timothy Hatcher.

        This problem manifested in the type token annotator inserting
        tokens in the wrong places. Because our offsets are computed
        based on the resource we get from backend, CodeMirror changing
        the source text will cause all of our offsets to be incorrect.

        * UserInterface/Views/CodeMirrorEditor.js:
        (WebInspector.CodeMirrorEditor.create):
        (WebInspector.CodeMirrorEditor):
        * UserInterface/Views/TextEditor.js:
        (WebInspector.TextEditor.set string.update):
        (WebInspector.TextEditor.prototype.set string):

2016-01-27  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Regression (r195303) - Changes to TreeOutline break styling of lists in Visual sidebar
        https://bugs.webkit.org/show_bug.cgi?id=153563

        Reviewed by Timothy Hatcher.

        Removed duplicate properties and used new methods of TreeOutline to achieve
        the desired styling effects.

        * UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css:
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item.visual-style-font-family-list-item > .visual-style-comma-separated-keyword-item-editor):
        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item > .titles): Deleted.

        * UserInterface/Views/VisualStyleSelectorSection.js:
        (WebInspector.VisualStyleSelectorSection):

        * UserInterface/Views/VisualStyleSelectorTreeItem.css:
        (.item.visual-style-selector-item > .icon):
        (.item.visual-style-selector-item > .titles):
        (.item.visual-style-selector-item > .titles > .subtitle):
        (.item.visual-style-selector-item.selected > .titles > .subtitle):
        (.item.visual-style-selector-item > .titles > .subtitle::before): Deleted.

2016-01-27  Simon Fraser  <simon.fraser@apple.com>

        Support CSS3 Images values for the image-rendering property
        https://bugs.webkit.org/show_bug.cgi?id=153556

        Reviewed by Dean Jackson.

        Add "crisp-edges", "pixelated" to the suggestions for image-rendering.

        * UserInterface/Models/CSSKeywordCompletions.js:

2016-01-26  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Remove unused FramesLarge.png variants, only the smaller Frames icon is used for the Rendering Frames timeline
        https://bugs.webkit.org/show_bug.cgi?id=153523

        Reviewed by Timothy Hatcher.

        * UserInterface/Images/FramesLarge.png: Removed.
        * UserInterface/Images/FramesLarge@2x.png: Removed.
        * UserInterface/Images/gtk/FramesLarge.png: Removed.
        * UserInterface/Images/gtk/FramesLarge@2x.png: Removed.
        * UserInterface/Views/TimelineIcons.css:
        (.rendering-frame-icon.large .icon): Deleted.

2016-01-25  Skachkov Oleksandr  <gskachkov@gmail.com>

        [ES6] Arrow function syntax. Arrow function specific features. Lexical bind "arguments"
        https://bugs.webkit.org/show_bug.cgi?id=145132

        Reviewed by Saam Barati.

        Current patch is implementing lexical bind of arguments, so in this callback we need 
        to return to ordinary function.

        * UserInterface/Base/Object.js:
        (WebInspector.Object.singleFireEventListener.let.wrappedCallback):
        (WebInspector.Object.singleFireEventListener):

2016-01-25  Saam barati  <sbarati@apple.com>

        Web Inspector: Have top-level ScriptTimelineDataGridNode events show sample counts
        https://bugs.webkit.org/show_bug.cgi?id=153447
        <rdar://problem/24334137>

        Reviewed by Joseph Pecoraro.

        * UserInterface/Models/ScriptTimelineRecord.js:
        (WebInspector.ScriptTimelineRecord):
        (WebInspector.ScriptTimelineRecord.prototype.get profile):
        (WebInspector.ScriptTimelineRecord.prototype.get callCount):
        (WebInspector.ScriptTimelineRecord.prototype.isGarbageCollection):
        (WebInspector.ScriptTimelineRecord.prototype._initializeProfileFromPayload):
        * UserInterface/Views/ScriptTimelineDataGridNode.js:
        (WebInspector.ScriptTimelineDataGridNode.prototype.get data):

2016-01-25  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Reduce unnecessary forced layouts in TimelineOverview
        https://bugs.webkit.org/show_bug.cgi?id=153392
        <rdar://problem/24312344>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview.prototype.layout):
        Ignore setting the scrollLeft if we would be setting it to 0.
        This helps avoid a forced layout in common cases.

2016-01-25  Johan K. Jensen  <jj@johanjensen.dk>

        Web Inspector: timelines clear button should be inactive if nothing can be cleared
        https://bugs.webkit.org/show_bug.cgi?id=132756

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView.prototype.shown):
        Enable clear button if timeline is not readonly and contains data, when switching timelines.
        (WebInspector.TimelineRecordingContentView.prototype._capturingStarted):
        Enable clear button when a capturing starts.
        (WebInspector.TimelineRecordingContentView.prototype._recordingReset):
        Disable clear button after resetting recording.

2016-01-25  Matt Baker  <mattbaker@apple.com>

        Web Inspector: Timelines: "Timer Installed150ms delay" — no space before the delay number
        https://bugs.webkit.org/show_bug.cgi?id=153416

        Reviewed by Timothy Hatcher.

        Fix for tree element subtitle rule that regressed in https://bugs.webkit.org/show_bug.cgi?id=153146.

        * UserInterface/Views/TreeOutline.css:
        (.tree-outline .item .alternate-subtitle::before):
        Em dash should be inserted before both subtitle types.

2016-01-24  Matt Baker  <mattbaker@apple.com>

        Web Inspector: add support for placing Views in DataGrid column headers
        https://bugs.webkit.org/show_bug.cgi?id=153387
        <rdar://problem/24310797>

        Reviewed by Timothy Hatcher.

        This patch adds a new DataGrid column property, `headerView`, allowing a
        custom View object to be placed in a column's header cell. The grid ensures
        that the left and right edges of the view are kept in sync as columns are
        resized. As most views use absolute positioning and are styled in CSS, the
        vertical position and height of the view isn't set by the grid.

        * UserInterface/Views/DataGrid.js:
        (WebInspector.DataGrid.prototype.insertColumn):
        If the new column includes the `headerView` column data property,
        it should take priority over `titleDOMFragment` and title text.
        The specified View object is inserted into the DOM under the
        column's <th> element, and added as a subview of the data grid.
        (WebInspector.DataGrid.prototype.layout):
        Update header views after performing default layout.
        (WebInspector.DataGrid.prototype._showColumn):
        Set `hidden` column property false instead of deleting it.
        (WebInspector.DataGrid.prototype._positionHeaderViews):
        Update the left and right style positions for all Views embedded in
        column header cells, then update their layouts.
        (WebInspector.DataGrid.prototype.resizerDragging):
        Update header views after column resizers are repositioned.

2016-01-24  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Highlight timeline range handles on hover
        https://bugs.webkit.org/show_bug.cgi?id=153395
        <rdar://problem/24312364>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/TimelineRuler.css:
        (.timeline-ruler > .selection-handle.clamped):
        Gardening. No need to repeat "1px solid".

        (.timeline-ruler > .selection-handle:hover, .timeline-ruler > .selection-handle:active):
        ":active" pseudo selector is needed to keep the handle highligted while it's being dragged
        regardress if the mouse cursor is hovering over it or not.

2016-01-23  Aaron Chu  <arona.chu@gmail.com>

        Web Inspector: AXI: node-link-list should be collapsible
        https://bugs.webkit.org/show_bug.cgi?id=130911
        
        Reviewed by Timothy Hatcher.

        Accessibility Inspector: for a very long children node list, only the first 5 nodes are shown.
        Remaining nodes are hidden by a "# More…" link by which a user can click to reveal the remainder 
        of the node list.

        * Localizations/en.lproj/localizedStrings.js:
        * UserInterface/Views/DOMNodeDetailsSidebarPanel.js:
        (WebInspector.DOMNodeDetailsSidebarPanel.prototype._refreshAccessibility.linkListForNodeIds):
        * UserInterface/Views/Main.css:
        (.expand-list-button):
        (.node-link-list, .node-link-list li:not([hidden])):
        (.node-link-list, .node-link-list li): Deleted.

2016-01-22  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Reduce unnecessary forced layouts in TimelineRuler
        https://bugs.webkit.org/show_bug.cgi?id=153390
        <rdar://problem/24312241>

        Reviewed by Timothy Hatcher.

        TimelineRuler's width rarely changes. It should only need to calculate
        its width when added to the DOM or if the content view containing it
        has resized and the bounds of the ruler may have changed.

        Switch everything in TimelineRuler to using a cached width, and add
        an explicit method, resize, to update this width. This eliminated
        frequent hangs I was seeing while recording timelines.

        * UserInterface/Views/OverviewTimelineView.js:
        (WebInspector.OverviewTimelineView.prototype.shown):
        (WebInspector.OverviewTimelineView.prototype.updateLayoutForResize):
        Resize the ruler when the view is shown or resized.

        * UserInterface/Views/TimelineOverview.js:
        (WebInspector.TimelineOverview.prototype.shown):
        (WebInspector.TimelineOverview.prototype.updateLayoutForResize):
        Resize the ruler when the view is shown or resized.

        * UserInterface/Views/TimelineRecordingContentView.js:
        (WebInspector.TimelineRecordingContentView.prototype.layout):
        Inform the current content view of a resize if possible.

        * UserInterface/Views/TimelineRuler.js:
        (WebInspector.TimelineRuler.prototype.resize):
        Update the width.

        (WebInspector.TimelineRuler.prototype._recalculate):
        (WebInspector.TimelineRuler.prototype._needsMarkerLayout):
        (WebInspector.TimelineRuler.prototype._needsSelectionLayout):
        (WebInspector.TimelineRuler.prototype._handleMouseMove):
        (WebInspector.TimelineRuler.prototype._handleSelectionHandleMouseMove):
        Use cached width.

        * UserInterface/Views/TimelineRecordBar.js:
        (WebInspector.TimelineRecordBar.createCombinedBars): Deleted.
        Remove some stale code.

2016-01-22  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Sidebar's should remember their width's
        https://bugs.webkit.org/show_bug.cgi?id=153007

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/CSSStyleDetailsSidebarPanel.js:
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype.widthDidChange):
        Now calls superclass function.

        * UserInterface/Views/Sidebar.js:
        (WebInspector.Sidebar.prototype.set selectedSidebarPanel):
        Now calls _recalculateWidth with the saved width value of the sidebar as
        the first parameter.

        (WebInspector.Sidebar.prototype.set collapsed):
        Now only calls _recalculateWidth if the selected sidebar panel is visible,
        seeing as if it is hidden the width is irrelevant.

        * UserInterface/Views/SidebarPanel.js:
        (WebInspector.SidebarPanel):
        Creates a setting object using the panel's identifier to store the current width.

        (WebInspector.SidebarPanel.prototype.get savedWidth):
        (WebInspector.SidebarPanel.prototype.widthDidChange):
        So long as the current width has a value, save it to the setting object.

2016-01-22  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Class toggle add icon flashes when changing nodes
        https://bugs.webkit.org/show_bug.cgi?id=153341

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/CSSStyleDetailsSidebarPanel.js:
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._populateClassToggles):
        Changed the way in which the class toggles are repopulated to prevent the
        add class icon from being removed and re-added.

2016-01-21  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION (r195305): Web Inspector: WebInspector.Object can dispatch constructor-level events multiple times
        https://bugs.webkit.org/show_bug.cgi?id=153269
        <rdar://problem/24253106>

        Reviewed by Timothy Hatcher.

        Bring back object.hasOwnProperty("_listeners") check.

        * UserInterface/Base/Object.js:
        (WebInspector.Object.prototype.dispatchEventToListeners.dispatch):
        (WebInspector.Object.prototype.dispatchEventToListeners):
        (WebInspector.Object):
        Check !object._listeners before !object.hasOwnProperty("_listeners")
        because !object._listeners is more common case thus we can exit earlier
        most of the time.

2016-01-21  Devin Rousso  <dcrousso+webkit@gmail.com>

        Web Inspector: Add toggle-able list of classes for each element
        https://bugs.webkit.org/show_bug.cgi?id=152678

        Reviewed by Timothy Hatcher.

        Adds a button to the CSS sidebar that, when toggled, displays a section
        directly above it containing all the classes for the selected node that,
        when toggled, adds or removes the class from the node.

        * Localizations/en.lproj/localizedStrings.js:

        * UserInterface/Protocol/RemoteObject.js:
        (WebInspector.RemoteObject.prototype.callFunction.mycallback):
        (WebInspector.RemoteObject.prototype.callFunction):
        Add extra handling of arguments to allow nicer looking calls by other classes.

        * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
        Changed next-sibling selector (+) to general-sibling selector (~).

        (.sidebar > .panel.details.css-style > .content ~ :matches(.options-container, .class-list-container)):
        (.sidebar > .panel.details.css-style > .content:not(.supports-new-rule, .has-filter-bar) ~ :matches(.options-container, .class-list-container)):
        (.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle):
        (.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle.selected):
        (.sidebar > .panel.details.css-style > .content ~ .options-container > .toggle-class-toggle:not(.selected):hover):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container[hidden]):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container > .new-class):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container > .new-class > input[type="checkbox"]):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container > .new-class > .add-class-icon):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container > .new-class > .class-name-input):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container > .new-class:not(.active) > .class-name-input):
        (.sidebar > .panel.details.css-style > .content ~ .class-list-container > *:matches(.new-class, .class-toggle)):

        * UserInterface/Views/CSSStyleDetailsSidebarPanel.js:
        (WebInspector.CSSStyleDetailsSidebarPanel):
        Also changed the few instances of "var" to "let".

        (WebInspector.CSSStyleDetailsSidebarPanel.prototype.refresh):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype.addEventListeners):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._handleNodeAttributeModified):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._handleNodeAttributeRemoved):
        Adds listeners to the DOMNode specifically listening for changes to the
        class attribute and repopulates the class toggle list if fired.

        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._classToggleButtonClicked):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._addClassContainerClicked):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._addClassInputKeyPressed):
        If the Enter key is pressed, add a new class equal to the input value.

        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._addClassInputBlur):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._populateClassToggles):
        Loops through all the classes, including previously removed ones, for the
        selected node and creates a toggle for each.

        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._createToggleForClassName.classNameToggleChanged):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._createToggleForClassName):
        Creates a toggle element for the given className and adds it to the container.

        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._toggleClass.resolvedNode.toggleClass):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._toggleClass.resolvedNode):
        (WebInspector.CSSStyleDetailsSidebarPanel.prototype._toggleClass):
        Uses the Element.classList to toggle the given className on the selected node.

2016-01-20  Saam barati  <sbarati@apple.com>

        Web Inspector: Hook the sampling profiler into the Timelines UI
        https://bugs.webkit.org/show_bug.cgi?id=152766
        <rdar://problem/24066360>

        Reviewed by Joseph Pecoraro.

        The main change in this patch is to swap in the SamplingProfiler
        in place of the LegacyProfiler. To do this, we've created a data
        structure called CallingContextTree which aggregates the SamplingProfiler's
        data into an easy to manage tree. To see how the data structure works,
        consider the following program:
        ```
        function bar() { // run code here for a long time. }
        function baz() { // run code here for a long time. }
        function foo() { bar(); baz(); }
        foo();
        ```
        From this program, we will create a tree like this:
                        (program)
                            |
                            |
                           foo
                           | |
                          /   \
                         /     \
                        bar     baz
        
        From this type of tree, we can easily create a CPUProfile payload
        object. Because the Timelines UI knows how to interact with the
        CPUProfile object and display it, we currently map the tree to this object
        to make it trivially easy to display the SamplingProfiler's data. In the future,
        we may want to find ways to work directly with the CallingContextTree instead
        of mapping it into another object.

        * Localizations/en.lproj/localizedStrings.js:
        * UserInterface/Controllers/TimelineManager.js:
        * UserInterface/Main.html:
        * UserInterface/Models/CallingContextTree.js: Added.
        * UserInterface/Models/ScriptInstrument.js:
        * UserInterface/Protocol/ScriptProfilerObserver.js:
        * UserInterface/TestStub.html:
        * UserInterface/Views/ScriptTimelineView.js:

2016-01-19  Joseph Pecoraro  <pecoraro@apple.com>

        Web Inspector: Uncaught exception when logging an Error object
        https://bugs.webkit.org/show_bug.cgi?id=153258
        <rdar://problem/24249068>

        Reviewed by Timothy Hatcher.

        * UserInterface/Views/ErrorObjectView.js:
        (WebInspector.ErrorObjectView):
        Initialize members that are used later for clarity.

        (WebInspector.ErrorObjectView.prototype.collapse):
        (WebInspector.ErrorObjectView.prototype.expand):
        This never has a previewView, remove it.

        (WebInspector.ErrorObjectView.prototype.appendTitleSuffix):
        Add the suffix ("= $1") after the description and before the
        content tree outline.

2016-01-19  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: Subclasses of WebInspector.Object shouldn't overwrite this._listeners
        https://bugs.webkit.org/show_bug.cgi?id=153268
        <rdar://problem/24252766>

        Reviewed by Timothy Hatcher.

        * UserInterface/Base/Object.js:
        (WebInspector.Object.prototype.dispatchEventToListeners):
        Add a console.assert.

        * UserInterface/Views/BreakpointTreeElement.js:
        (WebInspector.BreakpointTreeElement):
        (WebInspector.BreakpointTreeElement.prototype.onattach):
        (WebInspector.BreakpointTreeElement.prototype.ondetach):
        * UserInterface/Views/ProbeSetDataGrid.js:
        (WebInspector.ProbeSetDataGrid):
        (WebInspector.ProbeSetDataGrid.prototype.closed):
        * UserInterface/Views/ProbeSetDetailsSection.js:
        (WebInspector.ProbeSetDetailsSection):
        (WebInspector.ProbeSetDetailsSection.prototype.closed):
        Replace all instances of "this._listeners" with "this._listenerSet".

2016-01-19  Timothy Hatcher  <timothy@apple.com>

        Web Inspector: Add protocol version for iOS 9.3
        https://bugs.webkit.org/show_bug.cgi?id=153256
        rdar://problem/24247951

        Reviewed by Joseph Pecoraro.

        * UserInterface/Protocol/Legacy/9.3/InspectorBackendCommands.js: Added.
        * Versions/Inspector-iOS-9.3.json: Added.

2016-01-19  Joseph Pecoraro  <pecoraro@apple.com>

        REGRESSION: Web Inspector: Hovering linkified node references should show node highlight
        https://bugs.webkit.org/show_bug.cgi?id=153248
        <rdar://problem/24245518>

        Reviewed by Timothy Hatcher.

        * UserInterface/Base/DOMUtilities.js:
        Show the complete node highlight details (colors and node info).

2016-01-19  Nikita Vasilyev  <nvasilyev@apple.com>

        Web Inspector: WebInspector.Object.addEventListener is O(n), make it O(1)
        https://bugs.webkit.org/show_bug.cgi?id=152422
        <rdar://problem/24038047>

        Reviewed by Timothy Hatcher.

        Slow addEventListener was the main cause of Console sluggishness[1].

        This patch changes:
        addEventListener from O(n) to O(1)
      &nb