| Index: chrome/resources/Inspector/inspector.js
 | 
| ===================================================================
 | 
| --- chrome/resources/Inspector/inspector.js	(revision 29943)
 | 
| +++ chrome/resources/Inspector/inspector.js	(working copy)
 | 
| @@ -1,1303 +0,0 @@
 | 
| -/*
 | 
| - * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
 | 
| - * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
 | 
| - *
 | 
| - * Redistribution and use in source and binary forms, with or without
 | 
| - * modification, are permitted provided that the following conditions
 | 
| - * are met:
 | 
| - *
 | 
| - * 1.  Redistributions of source code must retain the above copyright
 | 
| - *     notice, this list of conditions and the following disclaimer. 
 | 
| - * 2.  Redistributions in binary form must reproduce the above copyright
 | 
| - *     notice, this list of conditions and the following disclaimer in the
 | 
| - *     documentation and/or other materials provided with the distribution. 
 | 
| - * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 | 
| - *     its contributors may be used to endorse or promote products derived
 | 
| - *     from this software without specific prior written permission. 
 | 
| - *
 | 
| - * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 | 
| - * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 | 
| - * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 | 
| - * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 | 
| - * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 | 
| - * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 | 
| - * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 | 
| - * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 | 
| - * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 | 
| - * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 | 
| - */
 | 
| -
 | 
| -var Preferences = {
 | 
| -    ignoreWhitespace: true,
 | 
| -    showUserAgentStyles: true,
 | 
| -    maxInlineTextChildLength: 80,
 | 
| -    minConsoleHeight: 75,
 | 
| -    minSidebarWidth: 100,
 | 
| -    minElementsSidebarWidth: 200,
 | 
| -    minScriptsSidebarWidth: 200,
 | 
| -    showInheritedComputedStyleProperties: false,
 | 
| -    styleRulesExpandedState: {},
 | 
| -    showMissingLocalizedStrings: false
 | 
| -}
 | 
| -
 | 
| -var WebInspector = {
 | 
| -    resources: [],
 | 
| -    resourceURLMap: {},
 | 
| -    missingLocalizedStrings: {},
 | 
| -
 | 
| -    get previousFocusElement()
 | 
| -    {
 | 
| -        return this._previousFocusElement;
 | 
| -    },
 | 
| -
 | 
| -    get currentFocusElement()
 | 
| -    {
 | 
| -        return this._currentFocusElement;
 | 
| -    },
 | 
| -
 | 
| -    set currentFocusElement(x)
 | 
| -    {
 | 
| -        if (this._currentFocusElement !== x)
 | 
| -            this._previousFocusElement = this._currentFocusElement;
 | 
| -        this._currentFocusElement = x;
 | 
| -
 | 
| -        if (this._currentFocusElement) {
 | 
| -            this._currentFocusElement.focus();
 | 
| -
 | 
| -            // Make a caret selection inside the new element if there isn't a range selection and
 | 
| -            // there isn't already a caret selection inside.
 | 
| -            var selection = window.getSelection();
 | 
| -            if (selection.isCollapsed && !this._currentFocusElement.isInsertionCaretInside()) {
 | 
| -                var selectionRange = document.createRange();
 | 
| -                selectionRange.setStart(this._currentFocusElement, 0);
 | 
| -                selectionRange.setEnd(this._currentFocusElement, 0);
 | 
| -
 | 
| -                selection.removeAllRanges();
 | 
| -                selection.addRange(selectionRange);
 | 
| -            }
 | 
| -        } else if (this._previousFocusElement)
 | 
| -            this._previousFocusElement.blur();
 | 
| -    },
 | 
| -
 | 
| -    get currentPanel()
 | 
| -    {
 | 
| -        return this._currentPanel;
 | 
| -    },
 | 
| -
 | 
| -    set currentPanel(x)
 | 
| -    {
 | 
| -        if (this._currentPanel === x)
 | 
| -            return;
 | 
| -
 | 
| -        if (this._currentPanel)
 | 
| -            this._currentPanel.hide();
 | 
| -
 | 
| -        this._currentPanel = x;
 | 
| -
 | 
| -        this.updateSearchLabel();
 | 
| -
 | 
| -        if (x) {
 | 
| -            x.show();
 | 
| -
 | 
| -            if (this.currentQuery) {
 | 
| -                if (x.performSearch) {
 | 
| -                    function performPanelSearch()
 | 
| -                    {
 | 
| -                        this.updateSearchMatchesCount();
 | 
| -
 | 
| -                        x.currentQuery = this.currentQuery;
 | 
| -                        x.performSearch(this.currentQuery);
 | 
| -                    }
 | 
| -
 | 
| -                    // Perform the search on a timeout so the panel switches fast.
 | 
| -                    setTimeout(performPanelSearch.bind(this), 0);
 | 
| -                } else {
 | 
| -                    // Update to show Not found for panels that can't be searched.
 | 
| -                    this.updateSearchMatchesCount();
 | 
| -                }
 | 
| -            }
 | 
| -        }
 | 
| -    },
 | 
| -
 | 
| -    get attached()
 | 
| -    {
 | 
| -        return this._attached;
 | 
| -    },
 | 
| -
 | 
| -    set attached(x)
 | 
| -    {
 | 
| -        if (this._attached === x)
 | 
| -            return;
 | 
| -
 | 
| -        this._attached = x;
 | 
| -
 | 
| -        this.updateSearchLabel();
 | 
| -
 | 
| -        var dockToggleButton = document.getElementById("dock-status-bar-item");
 | 
| -        var body = document.body;
 | 
| -
 | 
| -        if (x) {
 | 
| -            InspectorController.attach();
 | 
| -            body.removeStyleClass("detached");
 | 
| -            body.addStyleClass("attached");
 | 
| -            dockToggleButton.title = WebInspector.UIString("Undock into separate window.");
 | 
| -        } else {
 | 
| -            InspectorController.detach();
 | 
| -            body.removeStyleClass("attached");
 | 
| -            body.addStyleClass("detached");
 | 
| -            dockToggleButton.title = WebInspector.UIString("Dock to main window.");
 | 
| -        }
 | 
| -    },
 | 
| -
 | 
| -    get errors()
 | 
| -    {
 | 
| -        return this._errors || 0;
 | 
| -    },
 | 
| -
 | 
| -    set errors(x)
 | 
| -    {
 | 
| -        x = Math.max(x, 0);
 | 
| -
 | 
| -        if (this._errors === x)
 | 
| -            return;
 | 
| -        this._errors = x;
 | 
| -        this._updateErrorAndWarningCounts();
 | 
| -    },
 | 
| -
 | 
| -    get warnings()
 | 
| -    {
 | 
| -        return this._warnings || 0;
 | 
| -    },
 | 
| -
 | 
| -    set warnings(x)
 | 
| -    {
 | 
| -        x = Math.max(x, 0);
 | 
| -
 | 
| -        if (this._warnings === x)
 | 
| -            return;
 | 
| -        this._warnings = x;
 | 
| -        this._updateErrorAndWarningCounts();
 | 
| -    },
 | 
| -
 | 
| -    _updateErrorAndWarningCounts: function()
 | 
| -    {
 | 
| -        var errorWarningElement = document.getElementById("error-warning-count");
 | 
| -        if (!errorWarningElement)
 | 
| -            return;
 | 
| -
 | 
| -        if (!this.errors && !this.warnings) {
 | 
| -            errorWarningElement.addStyleClass("hidden");
 | 
| -            return;
 | 
| -        }
 | 
| -
 | 
| -        errorWarningElement.removeStyleClass("hidden");
 | 
| -
 | 
| -        errorWarningElement.removeChildren();
 | 
| -
 | 
| -        if (this.errors) {
 | 
| -            var errorElement = document.createElement("span");
 | 
| -            errorElement.id = "error-count";
 | 
| -            errorElement.textContent = this.errors;
 | 
| -            errorWarningElement.appendChild(errorElement);
 | 
| -        }
 | 
| -
 | 
| -        if (this.warnings) {
 | 
| -            var warningsElement = document.createElement("span");
 | 
| -            warningsElement.id = "warning-count";
 | 
| -            warningsElement.textContent = this.warnings;
 | 
| -            errorWarningElement.appendChild(warningsElement);
 | 
| -        }
 | 
| -
 | 
| -        if (this.errors) {
 | 
| -            if (this.warnings) {
 | 
| -                if (this.errors == 1) {
 | 
| -                    if (this.warnings == 1)
 | 
| -                        errorWarningElement.title = WebInspector.UIString("%d error, %d warning", this.errors, this.warnings);
 | 
| -                    else
 | 
| -                        errorWarningElement.title = WebInspector.UIString("%d error, %d warnings", this.errors, this.warnings);
 | 
| -                } else if (this.warnings == 1)
 | 
| -                    errorWarningElement.title = WebInspector.UIString("%d errors, %d warning", this.errors, this.warnings);
 | 
| -                else
 | 
| -                    errorWarningElement.title = WebInspector.UIString("%d errors, %d warnings", this.errors, this.warnings);
 | 
| -            } else if (this.errors == 1)
 | 
| -                errorWarningElement.title = WebInspector.UIString("%d error", this.errors);
 | 
| -            else
 | 
| -                errorWarningElement.title = WebInspector.UIString("%d errors", this.errors);
 | 
| -        } else if (this.warnings == 1)
 | 
| -            errorWarningElement.title = WebInspector.UIString("%d warning", this.warnings);
 | 
| -        else if (this.warnings)
 | 
| -            errorWarningElement.title = WebInspector.UIString("%d warnings", this.warnings);
 | 
| -        else
 | 
| -            errorWarningElement.title = null;
 | 
| -    },
 | 
| -
 | 
| -    get hoveredDOMNode()
 | 
| -    {
 | 
| -        return this._hoveredDOMNode;
 | 
| -    },
 | 
| -
 | 
| -    set hoveredDOMNode(x)
 | 
| -    {
 | 
| -        if (objectsAreSame(this._hoveredDOMNode, x))
 | 
| -            return;
 | 
| -
 | 
| -        this._hoveredDOMNode = x;
 | 
| -
 | 
| -        if (this._hoveredDOMNode)
 | 
| -            this._updateHoverHighlightSoon(this.showingDOMNodeHighlight ? 50 : 500);
 | 
| -        else
 | 
| -            this._updateHoverHighlight();
 | 
| -    },
 | 
| -
 | 
| -    _updateHoverHighlightSoon: function(delay)
 | 
| -    {
 | 
| -        if ("_updateHoverHighlightTimeout" in this)
 | 
| -            clearTimeout(this._updateHoverHighlightTimeout);
 | 
| -        this._updateHoverHighlightTimeout = setTimeout(this._updateHoverHighlight.bind(this), delay);
 | 
| -    },
 | 
| -
 | 
| -    _updateHoverHighlight: function()
 | 
| -    {
 | 
| -        if ("_updateHoverHighlightTimeout" in this) {
 | 
| -            clearTimeout(this._updateHoverHighlightTimeout);
 | 
| -            delete this._updateHoverHighlightTimeout;
 | 
| -        }
 | 
| -
 | 
| -        if (this._hoveredDOMNode) {
 | 
| -            InspectorController.highlightDOMNode(this._hoveredDOMNode);
 | 
| -            this.showingDOMNodeHighlight = true;
 | 
| -        } else {
 | 
| -            InspectorController.hideDOMNodeHighlight();
 | 
| -            this.showingDOMNodeHighlight = false;
 | 
| -        }
 | 
| -    }
 | 
| -}
 | 
| -
 | 
| -WebInspector.loaded = function()
 | 
| -{
 | 
| -    var platform = InspectorController.platform();
 | 
| -    document.body.addStyleClass("platform-" + platform);
 | 
| -
 | 
| -    this.console = new WebInspector.Console();
 | 
| -    this.panels = {
 | 
| -        elements: new WebInspector.ElementsPanel(),
 | 
| -        resources: new WebInspector.ResourcesPanel(),
 | 
| -        // We don't use next tabs, so don't show them.
 | 
| -        //scripts: new WebInspector.ScriptsPanel(),
 | 
| -        //profiles: new WebInspector.ProfilesPanel(),
 | 
| -        //databases: new WebInspector.DatabasesPanel()
 | 
| -    };
 | 
| -
 | 
| -    var toolbarElement = document.getElementById("toolbar");
 | 
| -    var previousToolbarItem = toolbarElement.children[0];
 | 
| -
 | 
| -    for (var panelName in this.panels) {
 | 
| -        var panel = this.panels[panelName];
 | 
| -        var panelToolbarItem = panel.toolbarItem;
 | 
| -        panelToolbarItem.addEventListener("click", this._toolbarItemClicked.bind(this));
 | 
| -        if (previousToolbarItem)
 | 
| -            toolbarElement.insertBefore(panelToolbarItem, previousToolbarItem.nextSibling);
 | 
| -        else
 | 
| -            toolbarElement.insertBefore(panelToolbarItem, toolbarElement.firstChild);
 | 
| -        previousToolbarItem = panelToolbarItem;
 | 
| -    }
 | 
| -
 | 
| -    this.currentPanel = this.panels.elements;
 | 
| -
 | 
| -    this.resourceCategories = {
 | 
| -        documents: new WebInspector.ResourceCategory(WebInspector.UIString("Documents"), "documents"),
 | 
| -        stylesheets: new WebInspector.ResourceCategory(WebInspector.UIString("Stylesheets"), "stylesheets"),
 | 
| -        images: new WebInspector.ResourceCategory(WebInspector.UIString("Images"), "images"),
 | 
| -        scripts: new WebInspector.ResourceCategory(WebInspector.UIString("Scripts"), "scripts"),
 | 
| -        xhr: new WebInspector.ResourceCategory(WebInspector.UIString("XHR"), "xhr"),
 | 
| -        fonts: new WebInspector.ResourceCategory(WebInspector.UIString("Fonts"), "fonts"),
 | 
| -        other: new WebInspector.ResourceCategory(WebInspector.UIString("Other"), "other")
 | 
| -    };
 | 
| -
 | 
| -    this.Tips = {
 | 
| -        ResourceNotCompressed: {id: 0, message: WebInspector.UIString("You could save bandwidth by having your web server compress this transfer with gzip or zlib.")}
 | 
| -    };
 | 
| -
 | 
| -    this.Warnings = {
 | 
| -        IncorrectMIMEType: {id: 0, message: WebInspector.UIString("Resource interpreted as %s but transferred with MIME type %s.")}
 | 
| -    };
 | 
| -
 | 
| -    this.addMainEventListeners(document);
 | 
| -
 | 
| -    window.addEventListener("unload", this.windowUnload.bind(this), true);
 | 
| -    window.addEventListener("resize", this.windowResize.bind(this), true);
 | 
| -
 | 
| -    document.addEventListener("focus", this.focusChanged.bind(this), true);
 | 
| -    document.addEventListener("keydown", this.documentKeyDown.bind(this), true);
 | 
| -    document.addEventListener("keyup", this.documentKeyUp.bind(this), true);
 | 
| -    document.addEventListener("beforecopy", this.documentCanCopy.bind(this), true);
 | 
| -    document.addEventListener("copy", this.documentCopy.bind(this), true);
 | 
| -
 | 
| -    var mainPanelsElement = document.getElementById("main-panels");
 | 
| -    mainPanelsElement.handleKeyEvent = this.mainKeyDown.bind(this);
 | 
| -    mainPanelsElement.handleKeyUpEvent = this.mainKeyUp.bind(this);
 | 
| -    mainPanelsElement.handleCopyEvent = this.mainCopy.bind(this);
 | 
| -
 | 
| -    // Focus the mainPanelsElement in a timeout so it happens after the initial focus,
 | 
| -    // so it doesn't get reset to the first toolbar button. This initial focus happens
 | 
| -    // on Mac when the window is made key and the WebHTMLView becomes the first responder.
 | 
| -    setTimeout(function() { WebInspector.currentFocusElement = mainPanelsElement }, 0);
 | 
| -
 | 
| -    var dockToggleButton = document.getElementById("dock-status-bar-item");
 | 
| -    dockToggleButton.addEventListener("click", this.toggleAttach.bind(this), false);
 | 
| -
 | 
| -    if (this.attached)
 | 
| -        dockToggleButton.title = WebInspector.UIString("Undock into separate window.");
 | 
| -    else
 | 
| -        dockToggleButton.title = WebInspector.UIString("Dock to main window.");
 | 
| -
 | 
| -    var errorWarningCount = document.getElementById("error-warning-count");
 | 
| -    errorWarningCount.addEventListener("click", this.console.show.bind(this.console), false);
 | 
| -    this._updateErrorAndWarningCounts();
 | 
| -
 | 
| -    var searchField = document.getElementById("search");
 | 
| -    searchField.addEventListener("keydown", this.searchKeyDown.bind(this), false);
 | 
| -    searchField.addEventListener("keyup", this.searchKeyUp.bind(this), false);
 | 
| -    searchField.addEventListener("search", this.performSearch.bind(this), false); // when the search is emptied
 | 
| -
 | 
| -    document.getElementById("toolbar").addEventListener("mousedown", this.toolbarDragStart, true);
 | 
| -    document.getElementById("close-button").addEventListener("click", this.close, true);
 | 
| -
 | 
| -    InspectorController.loaded();
 | 
| -}
 | 
| -
 | 
| -var windowLoaded = function()
 | 
| -{
 | 
| -    var localizedStringsURL = InspectorController.localizedStringsURL();
 | 
| -    if (localizedStringsURL) {
 | 
| -        var localizedStringsScriptElement = document.createElement("script");
 | 
| -        localizedStringsScriptElement.addEventListener("load", WebInspector.loaded.bind(WebInspector), false);
 | 
| -        localizedStringsScriptElement.type = "text/javascript";
 | 
| -        localizedStringsScriptElement.src = localizedStringsURL;
 | 
| -        document.getElementsByTagName("head").item(0).appendChild(localizedStringsScriptElement);
 | 
| -    } else
 | 
| -        WebInspector.loaded();
 | 
| -
 | 
| -    window.removeEventListener("load", windowLoaded, false);
 | 
| -    delete windowLoaded;
 | 
| -};
 | 
| -
 | 
| -window.addEventListener("load", windowLoaded, false);
 | 
| -
 | 
| -WebInspector.windowUnload = function(event)
 | 
| -{
 | 
| -    InspectorController.windowUnloading();
 | 
| -}
 | 
| -
 | 
| -WebInspector.windowResize = function(event)
 | 
| -{
 | 
| -    if (this.currentPanel && this.currentPanel.resize)
 | 
| -        this.currentPanel.resize();
 | 
| -}
 | 
| -
 | 
| -WebInspector.windowFocused = function(event)
 | 
| -{
 | 
| -    if (event.target.nodeType === Node.DOCUMENT_NODE)
 | 
| -        document.body.removeStyleClass("inactive");
 | 
| -}
 | 
| -
 | 
| -WebInspector.windowBlured = function(event)
 | 
| -{
 | 
| -    if (event.target.nodeType === Node.DOCUMENT_NODE)
 | 
| -        document.body.addStyleClass("inactive");
 | 
| -}
 | 
| -
 | 
| -WebInspector.focusChanged = function(event)
 | 
| -{
 | 
| -    this.currentFocusElement = event.target;
 | 
| -}
 | 
| -
 | 
| -WebInspector.setAttachedWindow = function(attached)
 | 
| -{
 | 
| -    this.attached = attached;
 | 
| -}
 | 
| -
 | 
| -WebInspector.close = function(event)
 | 
| -{
 | 
| -    InspectorController.closeWindow();
 | 
| -}
 | 
| -
 | 
| -WebInspector.documentClick = function(event)
 | 
| -{
 | 
| -    var anchor = event.target.enclosingNodeOrSelfWithNodeName("a");
 | 
| -    if (!anchor)
 | 
| -        return;
 | 
| -
 | 
| -    // Prevent the link from navigating, since we don't do any navigation by following links normally.
 | 
| -    event.preventDefault();
 | 
| -
 | 
| -    function followLink()
 | 
| -    {
 | 
| -        // FIXME: support webkit-html-external-link links here.
 | 
| -        if (anchor.href in WebInspector.resourceURLMap) {
 | 
| -            if (anchor.hasStyleClass("webkit-html-external-link")) {
 | 
| -                anchor.removeStyleClass("webkit-html-external-link");
 | 
| -                anchor.addStyleClass("webkit-html-resource-link");
 | 
| -            }
 | 
| -
 | 
| -            WebInspector.showResourceForURL(anchor.href, anchor.lineNumber, anchor.preferredPanel);
 | 
| -        } else {
 | 
| -            var profileStringRegEx = new RegExp("webkit-profile://.+/([0-9]+)");
 | 
| -            var profileString = profileStringRegEx.exec(anchor.href);
 | 
| -            if (profileString)
 | 
| -                WebInspector.showProfileById(profileString[1])
 | 
| -        }
 | 
| -    }
 | 
| -
 | 
| -    if (WebInspector.followLinkTimeout)
 | 
| -        clearTimeout(WebInspector.followLinkTimeout);
 | 
| -
 | 
| -    if (anchor.preventFollowOnDoubleClick) {
 | 
| -        // Start a timeout if this is the first click, if the timeout is canceled
 | 
| -        // before it fires, then a double clicked happened or another link was clicked.
 | 
| -        if (event.detail === 1)
 | 
| -            WebInspector.followLinkTimeout = setTimeout(followLink, 333);
 | 
| -        return;
 | 
| -    }
 | 
| -
 | 
| -    followLink();
 | 
| -}
 | 
| -
 | 
| -WebInspector.documentKeyDown = function(event)
 | 
| -{
 | 
| -    if (!this.currentFocusElement)
 | 
| -        return;
 | 
| -    if (this.currentFocusElement.handleKeyEvent)
 | 
| -        this.currentFocusElement.handleKeyEvent(event);
 | 
| -    else if (this.currentFocusElement.id && this.currentFocusElement.id.length && WebInspector[this.currentFocusElement.id + "KeyDown"])
 | 
| -        WebInspector[this.currentFocusElement.id + "KeyDown"](event);
 | 
| -
 | 
| -    if (!event.handled) {
 | 
| -        var isMac = InspectorController.platform().indexOf("mac-") === 0;
 | 
| -
 | 
| -        switch (event.keyIdentifier) {
 | 
| -            case "U+001B": // Escape key
 | 
| -                this.console.visible = !this.console.visible;
 | 
| -                event.preventDefault();
 | 
| -                break;
 | 
| -
 | 
| -            case "U+0046": // F key
 | 
| -                if (isMac)
 | 
| -                    var isFindKey = event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey;
 | 
| -                else
 | 
| -                    var isFindKey = event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey;
 | 
| -
 | 
| -                if (isFindKey) {
 | 
| -                    var searchField = document.getElementById("search");
 | 
| -                    searchField.focus();
 | 
| -                    searchField.select();
 | 
| -                    event.preventDefault();
 | 
| -                }
 | 
| -
 | 
| -                break;
 | 
| -
 | 
| -            case "U+0047": // G key
 | 
| -                if (isMac)
 | 
| -                    var isFindAgainKey = event.metaKey && !event.ctrlKey && !event.altKey;
 | 
| -                else
 | 
| -                    var isFindAgainKey = event.ctrlKey && !event.metaKey && !event.altKey;
 | 
| -
 | 
| -                if (isFindAgainKey) {
 | 
| -                    if (event.shiftKey) {
 | 
| -                        if (this.currentPanel.jumpToPreviousSearchResult)
 | 
| -                            this.currentPanel.jumpToPreviousSearchResult();
 | 
| -                    } else if (this.currentPanel.jumpToNextSearchResult)
 | 
| -                        this.currentPanel.jumpToNextSearchResult();
 | 
| -                    event.preventDefault();
 | 
| -                }
 | 
| -
 | 
| -                break;
 | 
| -        }
 | 
| -    }
 | 
| -}
 | 
| -
 | 
| -WebInspector.documentKeyUp = function(event)
 | 
| -{
 | 
| -    if (!this.currentFocusElement || !this.currentFocusElement.handleKeyUpEvent)
 | 
| -        return;
 | 
| -    this.currentFocusElement.handleKeyUpEvent(event);
 | 
| -}
 | 
| -
 | 
| -WebInspector.documentCanCopy = function(event)
 | 
| -{
 | 
| -    if (!this.currentFocusElement)
 | 
| -        return;
 | 
| -    // Calling preventDefault() will say "we support copying, so enable the Copy menu".
 | 
| -    if (this.currentFocusElement.handleCopyEvent)
 | 
| -        event.preventDefault();
 | 
| -    else if (this.currentFocusElement.id && this.currentFocusElement.id.length && WebInspector[this.currentFocusElement.id + "Copy"])
 | 
| -        event.preventDefault();
 | 
| -}
 | 
| -
 | 
| -WebInspector.documentCopy = function(event)
 | 
| -{
 | 
| -    if (!this.currentFocusElement)
 | 
| -        return;
 | 
| -    if (this.currentFocusElement.handleCopyEvent)
 | 
| -        this.currentFocusElement.handleCopyEvent(event);
 | 
| -    else if (this.currentFocusElement.id && this.currentFocusElement.id.length && WebInspector[this.currentFocusElement.id + "Copy"])
 | 
| -        WebInspector[this.currentFocusElement.id + "Copy"](event);
 | 
| -}
 | 
| -
 | 
| -WebInspector.mainKeyDown = function(event)
 | 
| -{
 | 
| -    if (this.currentPanel && this.currentPanel.handleKeyEvent)
 | 
| -        this.currentPanel.handleKeyEvent(event);
 | 
| -}
 | 
| -
 | 
| -WebInspector.mainKeyUp = function(event)
 | 
| -{
 | 
| -    if (this.currentPanel && this.currentPanel.handleKeyUpEvent)
 | 
| -        this.currentPanel.handleKeyUpEvent(event);
 | 
| -}
 | 
| -
 | 
| -WebInspector.mainCopy = function(event)
 | 
| -{
 | 
| -    if (this.currentPanel && this.currentPanel.handleCopyEvent)
 | 
| -        this.currentPanel.handleCopyEvent(event);
 | 
| -}
 | 
| -
 | 
| -WebInspector.animateStyle = function(animations, duration, callback, complete)
 | 
| -{
 | 
| -    if (complete === undefined)
 | 
| -        complete = 0;
 | 
| -    var slice = (1000 / 30); // 30 frames per second
 | 
| -
 | 
| -    var defaultUnit = "px";
 | 
| -    var propertyUnit = {opacity: ""};
 | 
| -
 | 
| -    for (var i = 0; i < animations.length; ++i) {
 | 
| -        var animation = animations[i];
 | 
| -        var element = null;
 | 
| -        var start = null;
 | 
| -        var current = null;
 | 
| -        var end = null;
 | 
| -        for (key in animation) {
 | 
| -            if (key === "element")
 | 
| -                element = animation[key];
 | 
| -            else if (key === "start")
 | 
| -                start = animation[key];
 | 
| -            else if (key === "current")
 | 
| -                current = animation[key];
 | 
| -            else if (key === "end")
 | 
| -                end = animation[key];
 | 
| -        }
 | 
| -
 | 
| -        if (!element || !end)
 | 
| -            continue;
 | 
| -
 | 
| -        var computedStyle = element.ownerDocument.defaultView.getComputedStyle(element);
 | 
| -        if (!start) {
 | 
| -            start = {};
 | 
| -            for (key in end)
 | 
| -                start[key] = parseInt(computedStyle.getPropertyValue(key));
 | 
| -            animation.start = start;
 | 
| -        } else if (complete == 0)
 | 
| -            for (key in start)
 | 
| -                element.style.setProperty(key, start[key] + (key in propertyUnit ? propertyUnit[key] : defaultUnit));
 | 
| -
 | 
| -        if (!current) {
 | 
| -            current = {};
 | 
| -            for (key in start)
 | 
| -                current[key] = start[key];
 | 
| -            animation.current = current;
 | 
| -        }
 | 
| -
 | 
| -        function cubicInOut(t, b, c, d)
 | 
| -        {
 | 
| -            if ((t/=d/2) < 1) return c/2*t*t*t + b;
 | 
| -            return c/2*((t-=2)*t*t + 2) + b;
 | 
| -        }
 | 
| -
 | 
| -        var style = element.style;
 | 
| -        for (key in end) {
 | 
| -            var startValue = start[key];
 | 
| -            var currentValue = current[key];
 | 
| -            var endValue = end[key];
 | 
| -            if ((complete + slice) < duration) {
 | 
| -                var delta = (endValue - startValue) / (duration / slice);
 | 
| -                var newValue = cubicInOut(complete, startValue, endValue - startValue, duration);
 | 
| -                style.setProperty(key, newValue + (key in propertyUnit ? propertyUnit[key] : defaultUnit));
 | 
| -                current[key] = newValue;
 | 
| -            } else {
 | 
| -                style.setProperty(key, endValue + (key in propertyUnit ? propertyUnit[key] : defaultUnit));
 | 
| -            }
 | 
| -        }
 | 
| -    }
 | 
| -
 | 
| -    if (complete < duration)
 | 
| -        setTimeout(WebInspector.animateStyle, slice, animations, duration, callback, complete + slice);
 | 
| -    else if (callback)
 | 
| -        callback();
 | 
| -}
 | 
| -
 | 
| -WebInspector.updateSearchLabel = function()
 | 
| -{
 | 
| -    if (!this.currentPanel)
 | 
| -        return;
 | 
| -
 | 
| -    var newLabel = WebInspector.UIString("Search %s", this.currentPanel.toolbarItemLabel);
 | 
| -    if (this.attached)
 | 
| -        document.getElementById("search").setAttribute("placeholder", newLabel);
 | 
| -    else {
 | 
| -        document.getElementById("search").removeAttribute("placeholder");
 | 
| -        document.getElementById("search-toolbar-label").textContent = newLabel;
 | 
| -    }
 | 
| -}
 | 
| -
 | 
| -WebInspector.toggleAttach = function()
 | 
| -{
 | 
| -    this.attached = !this.attached;
 | 
| -}
 | 
| -
 | 
| -WebInspector.toolbarDragStart = function(event)
 | 
| -{
 | 
| -    if (!WebInspector.attached && InspectorController.platform() !== "mac-leopard")
 | 
| -        return;
 | 
| -
 | 
| -    var target = event.target;
 | 
| -    if (target.hasStyleClass("toolbar-item") && target.hasStyleClass("toggleable"))
 | 
| -        return;
 | 
| -
 | 
| -    var toolbar = document.getElementById("toolbar");
 | 
| -    if (target !== toolbar && !target.hasStyleClass("toolbar-item"))
 | 
| -        return;
 | 
| -
 | 
| -    toolbar.lastScreenX = event.screenX;
 | 
| -    toolbar.lastScreenY = event.screenY;
 | 
| -
 | 
| -    WebInspector.elementDragStart(toolbar, WebInspector.toolbarDrag, WebInspector.toolbarDragEnd, event, (WebInspector.attached ? "row-resize" : "default"));
 | 
| -}
 | 
| -
 | 
| -WebInspector.toolbarDragEnd = function(event)
 | 
| -{
 | 
| -    var toolbar = document.getElementById("toolbar");
 | 
| -
 | 
| -    WebInspector.elementDragEnd(event);
 | 
| -
 | 
| -    delete toolbar.lastScreenX;
 | 
| -    delete toolbar.lastScreenY;
 | 
| -}
 | 
| -
 | 
| -WebInspector.toolbarDrag = function(event)
 | 
| -{
 | 
| -    var toolbar = document.getElementById("toolbar");
 | 
| -
 | 
| -    if (WebInspector.attached) {
 | 
| -        var height = window.innerHeight - (event.screenY - toolbar.lastScreenY);
 | 
| -
 | 
| -        InspectorController.setAttachedWindowHeight(height);
 | 
| -    } else {
 | 
| -        var x = event.screenX - toolbar.lastScreenX;
 | 
| -        var y = event.screenY - toolbar.lastScreenY;
 | 
| -
 | 
| -        // We cannot call window.moveBy here because it restricts the movement
 | 
| -        // of the window at the edges.
 | 
| -        InspectorController.moveByUnrestricted(x, y);
 | 
| -    }
 | 
| -
 | 
| -    toolbar.lastScreenX = event.screenX;
 | 
| -    toolbar.lastScreenY = event.screenY;
 | 
| -
 | 
| -    event.preventDefault();
 | 
| -}
 | 
| -
 | 
| -WebInspector.elementDragStart = function(element, dividerDrag, elementDragEnd, event, cursor) 
 | 
| -{
 | 
| -    if (this._elementDraggingEventListener || this._elementEndDraggingEventListener)
 | 
| -        this.elementDragEnd(event);
 | 
| -
 | 
| -    this._elementDraggingEventListener = dividerDrag;
 | 
| -    this._elementEndDraggingEventListener = elementDragEnd;
 | 
| -
 | 
| -    document.addEventListener("mousemove", dividerDrag, true);
 | 
| -    document.addEventListener("mouseup", elementDragEnd, true);
 | 
| -
 | 
| -    document.body.style.cursor = cursor;
 | 
| -
 | 
| -    event.preventDefault();
 | 
| -}
 | 
| -
 | 
| -WebInspector.elementDragEnd = function(event)
 | 
| -{
 | 
| -    document.removeEventListener("mousemove", this._elementDraggingEventListener, true);
 | 
| -    document.removeEventListener("mouseup", this._elementEndDraggingEventListener, true);
 | 
| -
 | 
| -    document.body.style.removeProperty("cursor");
 | 
| -
 | 
| -    delete this._elementDraggingEventListener;
 | 
| -    delete this._elementEndDraggingEventListener;
 | 
| -
 | 
| -    event.preventDefault();
 | 
| -}
 | 
| -
 | 
| -WebInspector.showConsole = function()
 | 
| -{
 | 
| -    this.console.show();
 | 
| -}
 | 
| -
 | 
| -WebInspector.showElementsPanel = function()
 | 
| -{
 | 
| -    this.currentPanel = this.panels.elements;
 | 
| -}
 | 
| -
 | 
| -WebInspector.showResourcesPanel = function()
 | 
| -{
 | 
| -    this.currentPanel = this.panels.resources;
 | 
| -}
 | 
| -
 | 
| -WebInspector.showScriptsPanel = function()
 | 
| -{
 | 
| -    this.currentPanel = this.panels.scripts;
 | 
| -}
 | 
| -
 | 
| -WebInspector.showProfilesPanel = function()
 | 
| -{
 | 
| -    this.currentPanel = this.panels.profiles;
 | 
| -}
 | 
| -
 | 
| -WebInspector.showDatabasesPanel = function()
 | 
| -{
 | 
| -    this.currentPanel = this.panels.databases;
 | 
| -}
 | 
| -
 | 
| -WebInspector.addResource = function(resource)
 | 
| -{
 | 
| -    this.resources.push(resource);
 | 
| -    this.resourceURLMap[resource.url] = resource;
 | 
| -
 | 
| -    if (resource.mainResource) {
 | 
| -        this.mainResource = resource;
 | 
| -        this.panels.elements.reset();
 | 
| -    }
 | 
| -
 | 
| -    if (this.panels.resources)
 | 
| -        this.panels.resources.addResource(resource);
 | 
| -}
 | 
| -
 | 
| -WebInspector.removeResource = function(resource)
 | 
| -{
 | 
| -    resource.category.removeResource(resource);
 | 
| -    delete this.resourceURLMap[resource.url];
 | 
| -
 | 
| -    this.resources.remove(resource, true);
 | 
| -
 | 
| -    if (this.panels.resources)
 | 
| -        this.panels.resources.removeResource(resource);
 | 
| -}
 | 
| -
 | 
| -WebInspector.addDatabase = function(database)
 | 
| -{
 | 
| -    this.panels.databases.addDatabase(database);
 | 
| -}
 | 
| -
 | 
| -WebInspector.addDOMStorage = function(domStorage)
 | 
| -{
 | 
| -    this.panels.databases.addDOMStorage(domStorage);
 | 
| -}
 | 
| -
 | 
| -WebInspector.debuggerWasEnabled = function()
 | 
| -{
 | 
| -    this.panels.scripts.debuggerWasEnabled();
 | 
| -}
 | 
| -
 | 
| -WebInspector.debuggerWasDisabled = function()
 | 
| -{
 | 
| -    this.panels.scripts.debuggerWasDisabled();
 | 
| -}
 | 
| -
 | 
| -WebInspector.profilerWasEnabled = function()
 | 
| -{
 | 
| -    this.panels.profiles.profilerWasEnabled();
 | 
| -}
 | 
| -
 | 
| -WebInspector.profilerWasDisabled = function()
 | 
| -{
 | 
| -    this.panels.profiles.profilerWasDisabled();
 | 
| -}
 | 
| -
 | 
| -WebInspector.parsedScriptSource = function(sourceID, sourceURL, source, startingLine)
 | 
| -{
 | 
| -    this.panels.scripts.addScript(sourceID, sourceURL, source, startingLine);
 | 
| -}
 | 
| -
 | 
| -WebInspector.failedToParseScriptSource = function(sourceURL, source, startingLine, errorLine, errorMessage)
 | 
| -{
 | 
| -    this.panels.scripts.addScript(null, sourceURL, source, startingLine, errorLine, errorMessage);
 | 
| -}
 | 
| -
 | 
| -WebInspector.pausedScript = function()
 | 
| -{
 | 
| -    this.panels.scripts.debuggerPaused();
 | 
| -}
 | 
| -
 | 
| -WebInspector.populateInterface = function()
 | 
| -{
 | 
| -    for (var panelName in this.panels) {
 | 
| -        var panel = this.panels[panelName];
 | 
| -        if ("populateInterface" in panel)
 | 
| -            panel.populateInterface();
 | 
| -    }
 | 
| -}
 | 
| -
 | 
| -WebInspector.reset = function()
 | 
| -{
 | 
| -    for (var panelName in this.panels) {
 | 
| -        var panel = this.panels[panelName];
 | 
| -        if ("reset" in panel)
 | 
| -            panel.reset();
 | 
| -    }
 | 
| -
 | 
| -    for (var category in this.resourceCategories)
 | 
| -        this.resourceCategories[category].removeAllResources();
 | 
| -
 | 
| -    this.resources = [];
 | 
| -    this.resourceURLMap = {};
 | 
| -    this.hoveredDOMNode = null;
 | 
| -
 | 
| -    delete this.mainResource;
 | 
| -
 | 
| -    this.console.clearMessages();
 | 
| -}
 | 
| -
 | 
| -WebInspector.inspectedWindowCleared = function(inspectedWindow)
 | 
| -{
 | 
| -    this.panels.elements.inspectedWindowCleared(inspectedWindow);
 | 
| -}
 | 
| -
 | 
| -WebInspector.resourceURLChanged = function(resource, oldURL)
 | 
| -{
 | 
| -    delete this.resourceURLMap[oldURL];
 | 
| -    this.resourceURLMap[resource.url] = resource;
 | 
| -}
 | 
| -
 | 
| -WebInspector.addMessageToConsole = function(msg)
 | 
| -{
 | 
| -    this.console.addMessage(msg);
 | 
| -}
 | 
| -
 | 
| -WebInspector.addProfile = function(profile)
 | 
| -{
 | 
| -    this.panels.profiles.addProfile(profile);
 | 
| -}
 | 
| -
 | 
| -WebInspector.setRecordingProfile = function(isProfiling)
 | 
| -{
 | 
| -    this.panels.profiles.setRecordingProfile(isProfiling);
 | 
| -}
 | 
| -
 | 
| -WebInspector.drawLoadingPieChart = function(canvas, percent) {
 | 
| -    var g = canvas.getContext("2d");
 | 
| -    var darkColor = "rgb(122, 168, 218)";
 | 
| -    var lightColor = "rgb(228, 241, 251)";
 | 
| -    var cx = 8;
 | 
| -    var cy = 8;
 | 
| -    var r = 7;
 | 
| -
 | 
| -    g.beginPath();
 | 
| -    g.arc(cx, cy, r, 0, Math.PI * 2, false); 
 | 
| -    g.closePath();
 | 
| -
 | 
| -    g.lineWidth = 1;
 | 
| -    g.strokeStyle = darkColor;
 | 
| -    g.fillStyle = lightColor;
 | 
| -    g.fill();
 | 
| -    g.stroke();
 | 
| -
 | 
| -    var startangle = -Math.PI / 2;
 | 
| -    var endangle = startangle + (percent * Math.PI * 2);
 | 
| -
 | 
| -    g.beginPath();
 | 
| -    g.moveTo(cx, cy);
 | 
| -    g.arc(cx, cy, r, startangle, endangle, false); 
 | 
| -    g.closePath();
 | 
| -
 | 
| -    g.fillStyle = darkColor;
 | 
| -    g.fill();
 | 
| -}
 | 
| -
 | 
| -WebInspector.updateFocusedNode = function(node)
 | 
| -{
 | 
| -    if (!node)
 | 
| -        // FIXME: Should we deselect if null is passed in?
 | 
| -        return;
 | 
| -
 | 
| -    this.currentPanel = this.panels.elements;
 | 
| -    this.panels.elements.focusedDOMNode = node;
 | 
| -}
 | 
| -
 | 
| -WebInspector.displayNameForURL = function(url)
 | 
| -{
 | 
| -    if (!url)
 | 
| -        return "";
 | 
| -    var resource = this.resourceURLMap[url];
 | 
| -    if (resource)
 | 
| -        return resource.displayName;
 | 
| -    return url.trimURL(WebInspector.mainResource ? WebInspector.mainResource.domain : "");
 | 
| -}
 | 
| -
 | 
| -WebInspector.resourceForURL = function(url)
 | 
| -{
 | 
| -    if (url in this.resourceURLMap)
 | 
| -        return this.resourceURLMap[url];
 | 
| -
 | 
| -    // No direct match found. Search for resources that contain
 | 
| -    // a substring of the URL.
 | 
| -    for (var resourceURL in this.resourceURLMap) {
 | 
| -        if (resourceURL.hasSubstring(url))
 | 
| -            return this.resourceURLMap[resourceURL];
 | 
| -    }
 | 
| -
 | 
| -    return null;
 | 
| -}
 | 
| -
 | 
| -WebInspector.showResourceForURL = function(url, line, preferredPanel)
 | 
| -{
 | 
| -    var resource = this.resourceForURL(url);
 | 
| -    if (!resource)
 | 
| -        return false;
 | 
| -
 | 
| -    if (preferredPanel && preferredPanel in WebInspector.panels) {
 | 
| -        var panel = this.panels[preferredPanel];
 | 
| -        if (!("showResource" in panel))
 | 
| -            panel = null;
 | 
| -        else if ("canShowResource" in panel && !panel.canShowResource(resource))
 | 
| -            panel = null;
 | 
| -    }
 | 
| -
 | 
| -    this.currentPanel = panel || this.panels.resources;
 | 
| -    if (!this.currentPanel)
 | 
| -        return false;
 | 
| -    this.currentPanel.showResource(resource, line);
 | 
| -    return true;
 | 
| -}
 | 
| -
 | 
| -WebInspector.linkifyStringAsFragment = function(string)
 | 
| -{
 | 
| -    var container = document.createDocumentFragment();
 | 
| -    var linkStringRegEx = new RegExp("(?:[a-zA-Z][a-zA-Z0-9+.-]{2,}://|www\\.)[\\w$\\-_+*'=\\|/\\\\(){}[\\]%@&#~,:;.!?]{2,}[\\w$\\-_+*=\\|/\\\\({%@&#~]");
 | 
| -
 | 
| -    while (string) {
 | 
| -        var linkString = linkStringRegEx.exec(string);
 | 
| -        if (!linkString)
 | 
| -            break;
 | 
| -
 | 
| -        linkString = linkString[0];
 | 
| -        var title = linkString;
 | 
| -        var linkIndex = string.indexOf(linkString);
 | 
| -        var nonLink = string.substring(0, linkIndex);
 | 
| -        container.appendChild(document.createTextNode(nonLink));
 | 
| -
 | 
| -        var profileStringRegEx = new RegExp("webkit-profile://(.+)/[0-9]+");
 | 
| -        var profileStringMatches = profileStringRegEx.exec(title);
 | 
| -        var profileTitle;
 | 
| -        if (profileStringMatches)
 | 
| -            profileTitle = profileStringMatches[1];
 | 
| -        if (profileTitle)
 | 
| -            title = WebInspector.panels.profiles.displayTitleForProfileLink(profileTitle);
 | 
| -
 | 
| -        var realURL = (linkString.indexOf("www.") === 0 ? "http://" + linkString : linkString);
 | 
| -        container.appendChild(WebInspector.linkifyURLAsNode(realURL, title, null, (realURL in WebInspector.resourceURLMap)));
 | 
| -        string = string.substring(linkIndex + linkString.length, string.length);
 | 
| -    }
 | 
| -
 | 
| -    if (string)
 | 
| -        container.appendChild(document.createTextNode(string));
 | 
| -
 | 
| -    return container;
 | 
| -}
 | 
| -
 | 
| -WebInspector.showProfileById = function(uid) {
 | 
| -    WebInspector.showProfilesPanel();
 | 
| -    WebInspector.panels.profiles.showProfileById(uid);
 | 
| -}
 | 
| -
 | 
| -WebInspector.linkifyURLAsNode = function(url, linkText, classes, isExternal)
 | 
| -{
 | 
| -    if (!linkText)
 | 
| -        linkText = url;
 | 
| -    classes = (classes ? classes + " " : "");
 | 
| -    classes += isExternal ? "webkit-html-external-link" : "webkit-html-resource-link";
 | 
| -
 | 
| -    var a = document.createElement("a");
 | 
| -    a.href = url;
 | 
| -    a.className = classes;
 | 
| -    a.title = url;
 | 
| -    a.target = "_blank";
 | 
| -    a.textContent = linkText;
 | 
| -    
 | 
| -    return a;
 | 
| -}
 | 
| -
 | 
| -WebInspector.linkifyURL = function(url, linkText, classes, isExternal)
 | 
| -{
 | 
| -    // Use the DOM version of this function so as to avoid needing to escape attributes.
 | 
| -    // FIXME:  Get rid of linkifyURL entirely.
 | 
| -    return WebInspector.linkifyURLAsNode(url, linkText, classes, isExternal).outerHTML;
 | 
| -}
 | 
| -
 | 
| -WebInspector.addMainEventListeners = function(doc)
 | 
| -{
 | 
| -    doc.defaultView.addEventListener("focus", this.windowFocused.bind(this), true);
 | 
| -    doc.defaultView.addEventListener("blur", this.windowBlured.bind(this), true);
 | 
| -    doc.addEventListener("click", this.documentClick.bind(this), true);
 | 
| -}
 | 
| -
 | 
| -WebInspector.searchKeyDown = function(event)
 | 
| -{
 | 
| -    if (event.keyIdentifier !== "Enter")
 | 
| -        return;
 | 
| -
 | 
| -    // Call preventDefault since this was the Enter key. This prevents a "search" event
 | 
| -    // from firing for key down. We handle the Enter key on key up in searchKeyUp. This
 | 
| -    // stops performSearch from being called twice in a row.
 | 
| -    event.preventDefault();
 | 
| -}
 | 
| -
 | 
| -WebInspector.searchKeyUp = function(event)
 | 
| -{
 | 
| -    if (event.keyIdentifier !== "Enter")
 | 
| -        return;
 | 
| -
 | 
| -    // Select all of the text so the user can easily type an entirely new query.
 | 
| -    event.target.select();
 | 
| -
 | 
| -    // Only call performSearch if the Enter key was pressed. Otherwise the search
 | 
| -    // performance is poor because of searching on every key. The search field has
 | 
| -    // the incremental attribute set, so we still get incremental searches.
 | 
| -    this.performSearch(event);
 | 
| -}
 | 
| -
 | 
| -WebInspector.performSearch = function(event)
 | 
| -{
 | 
| -    var query = event.target.value;
 | 
| -    var forceSearch = event.keyIdentifier === "Enter";
 | 
| -
 | 
| -    if (!query || !query.length || (!forceSearch && query.length < 3)) {
 | 
| -        delete this.currentQuery;
 | 
| -
 | 
| -        for (var panelName in this.panels) {
 | 
| -            var panel = this.panels[panelName];
 | 
| -            if (panel.currentQuery && panel.searchCanceled)
 | 
| -                panel.searchCanceled();
 | 
| -            delete panel.currentQuery;
 | 
| -        }
 | 
| -
 | 
| -        this.updateSearchMatchesCount();
 | 
| -
 | 
| -        return;
 | 
| -    }
 | 
| -
 | 
| -    if (query === this.currentPanel.currentQuery && this.currentPanel.currentQuery === this.currentQuery) {
 | 
| -        // When this is the same query and a forced search, jump to the next
 | 
| -        // search result for a good user experience.
 | 
| -        if (forceSearch && this.currentPanel.jumpToNextSearchResult)
 | 
| -            this.currentPanel.jumpToNextSearchResult();
 | 
| -        return;
 | 
| -    }
 | 
| -
 | 
| -    this.currentQuery = query;
 | 
| -
 | 
| -    this.updateSearchMatchesCount();
 | 
| -
 | 
| -    if (!this.currentPanel.performSearch)
 | 
| -        return;
 | 
| -
 | 
| -    this.currentPanel.currentQuery = query;
 | 
| -    this.currentPanel.performSearch(query);
 | 
| -}
 | 
| -
 | 
| -WebInspector.updateSearchMatchesCount = function(matches, panel)
 | 
| -{
 | 
| -    if (!panel)
 | 
| -        panel = this.currentPanel;
 | 
| -
 | 
| -    panel.currentSearchMatches = matches;
 | 
| -
 | 
| -    if (panel !== this.currentPanel)
 | 
| -        return;
 | 
| -
 | 
| -    if (!this.currentPanel.currentQuery) {
 | 
| -        document.getElementById("search-results-matches").addStyleClass("hidden");
 | 
| -        return;
 | 
| -    }
 | 
| -
 | 
| -    if (matches) {
 | 
| -        if (matches === 1)
 | 
| -            var matchesString = WebInspector.UIString("1 match");
 | 
| -        else
 | 
| -            var matchesString = WebInspector.UIString("%d matches", matches);
 | 
| -    } else
 | 
| -        var matchesString = WebInspector.UIString("Not Found");
 | 
| -
 | 
| -    var matchesToolbarElement = document.getElementById("search-results-matches");
 | 
| -    matchesToolbarElement.removeStyleClass("hidden");
 | 
| -    matchesToolbarElement.textContent = matchesString;
 | 
| -}
 | 
| -
 | 
| -WebInspector.UIString = function(string)
 | 
| -{
 | 
| -    if (window.localizedStrings && string in window.localizedStrings)
 | 
| -        string = window.localizedStrings[string];
 | 
| -    else {
 | 
| -        if (!(string in this.missingLocalizedStrings)) {
 | 
| -            console.error("Localized string \"" + string + "\" not found.");
 | 
| -            this.missingLocalizedStrings[string] = true;
 | 
| -        }
 | 
| -
 | 
| -        if (Preferences.showMissingLocalizedStrings)
 | 
| -            string += " (not localized)";
 | 
| -    }
 | 
| -
 | 
| -    return String.vsprintf(string, Array.prototype.slice.call(arguments, 1));
 | 
| -}
 | 
| -
 | 
| -WebInspector.isBeingEdited = function(element)
 | 
| -{
 | 
| -    return element.__editing;
 | 
| -}
 | 
| -
 | 
| -WebInspector.startEditing = function(element, committedCallback, cancelledCallback, context)
 | 
| -{
 | 
| -    if (element.__editing)
 | 
| -        return;
 | 
| -    element.__editing = true;
 | 
| -
 | 
| -    var oldText = element.textContent;
 | 
| -    var oldHandleKeyEvent = element.handleKeyEvent;
 | 
| -
 | 
| -    element.addStyleClass("editing");
 | 
| -
 | 
| -    var oldTabIndex = element.tabIndex;
 | 
| -    if (element.tabIndex < 0)
 | 
| -        element.tabIndex = 0;
 | 
| -
 | 
| -    function blurEventListener() {
 | 
| -        editingCommitted.call(element);
 | 
| -    }
 | 
| -
 | 
| -    function cleanUpAfterEditing() {
 | 
| -        delete this.__editing;
 | 
| -
 | 
| -        this.removeStyleClass("editing");
 | 
| -        this.tabIndex = oldTabIndex;
 | 
| -        this.scrollTop = 0;
 | 
| -        this.scrollLeft = 0;
 | 
| -
 | 
| -        this.handleKeyEvent = oldHandleKeyEvent;
 | 
| -        element.removeEventListener("blur", blurEventListener, false);
 | 
| -
 | 
| -        if (element === WebInspector.currentFocusElement || element.isAncestor(WebInspector.currentFocusElement))
 | 
| -            WebInspector.currentFocusElement = WebInspector.previousFocusElement;
 | 
| -    }
 | 
| -
 | 
| -    function editingCancelled() {
 | 
| -        this.innerText = oldText;
 | 
| -
 | 
| -        cleanUpAfterEditing.call(this);
 | 
| -
 | 
| -        cancelledCallback(this, context);
 | 
| -    }
 | 
| -
 | 
| -    function editingCommitted() {
 | 
| -        cleanUpAfterEditing.call(this);
 | 
| -
 | 
| -        committedCallback(this, this.textContent, oldText, context);
 | 
| -    }
 | 
| -
 | 
| -    element.handleKeyEvent = function(event) {
 | 
| -        if (oldHandleKeyEvent)
 | 
| -            oldHandleKeyEvent(event);
 | 
| -        if (event.handled)
 | 
| -            return;
 | 
| -
 | 
| -        if (event.keyIdentifier === "Enter") {
 | 
| -            editingCommitted.call(element);
 | 
| -            event.preventDefault();
 | 
| -        } else if (event.keyCode === 27) { // Escape key
 | 
| -            editingCancelled.call(element);
 | 
| -            event.preventDefault();
 | 
| -            event.handled = true;
 | 
| -        }
 | 
| -    }
 | 
| -
 | 
| -    element.addEventListener("blur", blurEventListener, false);
 | 
| -
 | 
| -    WebInspector.currentFocusElement = element;
 | 
| -}
 | 
| -
 | 
| -WebInspector._toolbarItemClicked = function(event)
 | 
| -{
 | 
| -    var toolbarItem = event.currentTarget;
 | 
| -    this.currentPanel = toolbarItem.panel;
 | 
| -}
 | 
| -
 | 
| -// This table maps MIME types to the Resource.Types which are valid for them.
 | 
| -// The following line:
 | 
| -//    "text/html":                {0: 1},
 | 
| -// means that text/html is a valid MIME type for resources that have type
 | 
| -// WebInspector.Resource.Type.Document (which has a value of 0).
 | 
| -WebInspector.MIMETypes = {
 | 
| -    "text/html":                   {0: true},
 | 
| -    "text/xml":                    {0: true},
 | 
| -    "text/plain":                  {0: true},
 | 
| -    "application/xhtml+xml":       {0: true},
 | 
| -    "text/css":                    {1: true},
 | 
| -    "text/xsl":                    {1: true},
 | 
| -    "image/jpeg":                  {2: true},
 | 
| -    "image/png":                   {2: true},
 | 
| -    "image/gif":                   {2: true},
 | 
| -    "image/bmp":                   {2: true},
 | 
| -    "image/x-icon":                {2: true},
 | 
| -    "image/x-xbitmap":             {2: true},
 | 
| -    "font/ttf":                    {3: true},
 | 
| -    "font/opentype":               {3: true},
 | 
| -    "application/x-font-type1":    {3: true},
 | 
| -    "application/x-font-ttf":      {3: true},
 | 
| -    "application/x-truetype-font": {3: true},
 | 
| -    "text/javascript":             {4: true},
 | 
| -    "text/ecmascript":             {4: true},
 | 
| -    "application/javascript":      {4: true},
 | 
| -    "application/ecmascript":      {4: true},
 | 
| -    "application/x-javascript":    {4: true},
 | 
| -    "text/javascript1.1":          {4: true},
 | 
| -    "text/javascript1.2":          {4: true},
 | 
| -    "text/javascript1.3":          {4: true},
 | 
| -    "text/jscript":                {4: true},
 | 
| -    "text/livescript":             {4: true},
 | 
| -}
 | 
| -
 | 
| -
 | 
| -// Stubs for some methods called in ElementsPanel.js which are not yet 
 | 
| -// supported by Chrome version of InspectorController
 | 
| -InspectorController.wrapCallback = function f(a) {
 | 
| -  return a;
 | 
| -};
 | 
| -
 | 
| -InspectorController.searchingForNode = function() {
 | 
| -  return false;
 | 
| -};
 | 
| -
 | 
| -InspectorController.toggleNodeSearch = function() {
 | 
| -};
 | 
| -
 | 
| -InspectorController.isWindowVisible = function() {
 | 
| -  return true;
 | 
| -};
 | 
| -
 | 
| -InspectorController.closeWindow =  function() {
 | 
| -};
 | 
| -
 | 
| -InspectorController.clearMessages = function() {
 | 
| -};
 | 
| -
 | 
| -InspectorController.setAttachedWindowHeight = function(height) {
 | 
| -};
 | 
| -
 | 
| -InspectorController.moveByUnrestricted = function(x, y) {
 | 
| -};
 | 
| 
 |