{
    "extensions": [
        {
            "type": "view",
            "location": "panel",
            "id": "elements",
            "title": "Elements",
            "order": 10,
            "className": "Elements.ElementsPanel"
        },
        {
            "type": "@UI.ContextMenu.Provider",
            "contextTypes": ["SDK.RemoteObject", "SDK.DOMNode", "SDK.DeferredDOMNode"],
            "className": "Elements.ElementsPanel.ContextMenuProvider"
        },
        {
            "type": "@Common.Renderer",
            "contextTypes": ["SDK.DOMNode", "SDK.RemoteObject"],
            "className": "Elements.ElementsTreeOutline.Renderer"
        },
        {
            "type": "@Common.Revealer",
            "contextTypes": ["SDK.DOMNode", "SDK.DeferredDOMNode", "SDK.RemoteObject" ],
            "className": "Elements.ElementsPanel.DOMNodeRevealer"
        },
        {
            "type": "@Common.Revealer",
            "contextTypes": ["SDK.CSSProperty" ],
            "className": "Elements.ElementsPanel.CSSPropertyRevealer"
        },
        {
            "type": "setting",
            "category": "Elements",
            "order": 0,
            "title": "Color format:",
            "settingName": "colorFormat",
            "settingType": "enum",
            "defaultValue": "original",
            "options": [
                { "title": "Set color format as authored", "text": "As authored", "value": "original" },
                { "title": "Set color format to HEX", "text": "HEX: #dac0de", "value": "hex", "raw": true },
                { "title": "Set color format to RGB", "text": "RGB: rgb(128, 255, 255)", "value": "rgb", "raw": true },
                { "title": "Set color format to HSL", "text": "HSL: hsl(300, 80%, 90%)", "value": "hsl", "raw": true }
            ]
        },
        {
            "type": "setting",
            "category": "Elements",
            "order":1,
            "title": "Show user agent shadow DOM",
            "settingName": "showUAShadowDOM",
            "settingType": "boolean",
            "defaultValue": false
        },
        {
            "type": "setting",
            "category": "Elements",
            "order": 2,
            "title": "Word wrap",
            "settingName": "domWordWrap",
            "settingType": "boolean",
            "defaultValue": true,
            "options": [
                { "value": true, "title": "Enable DOM word wrap" },
                { "value": false, "title": "Disable DOM word wrap" }
            ]
        },
        {
            "type": "setting",
            "category": "Elements",
            "order": 3,
            "title": "Show HTML comments",
            "settingName": "showHTMLComments",
            "settingType": "boolean",
            "defaultValue": true,
            "options": [
                { "value": true, "title": "Show HTML comments" },
                { "value": false, "title": "Hide HTML comments" }
            ]
        },
        {
            "type": "setting",
            "category": "Elements",
            "order": 4,
            "title": "Reveal DOM node on hover",
            "settingName": "highlightNodeOnHoverInOverlay",
            "settingType": "boolean",
            "defaultValue": true
        },
        {
            "type": "setting",
            "settingName": "showEventListenersForAncestors",
            "settingType": "boolean",
            "defaultValue": true
        },
        {
            "type": "@UI.ToolbarItem.Provider",
            "className": "Elements.ElementStatePaneWidget.ButtonProvider",
            "order": 1,
            "location": "styles-sidebarpane-toolbar"
        },
        {
            "type": "@UI.ToolbarItem.Provider",
            "className": "Elements.ClassesPaneWidget.ButtonProvider",
            "order": 2,
            "location": "styles-sidebarpane-toolbar"
        },
        {
            "type": "@UI.ToolbarItem.Provider",
            "className": "Elements.StylesSidebarPane.ButtonProvider",
            "order": 100,
            "location": "styles-sidebarpane-toolbar"
        },
        {
            "type": "@UI.ActionDelegate",
            "actionId": "elements.hide-element",
            "contextTypes": ["Elements.ElementsPanel"],
            "className": "Elements.ElementsActionDelegate",
            "bindings": [
                {
                    "shortcut": "H"
                }
            ]
        },
        {
            "type": "@UI.ActionDelegate",
            "actionId": "elements.edit-as-html",
            "contextTypes": ["Elements.ElementsPanel"],
            "className": "Elements.ElementsActionDelegate",
            "bindings": [
                {
                    "shortcut": "F2"
                }
            ]
        },
        {
            "type": "@Components.DOMPresentationUtils.MarkerDecorator",
            "className": "Elements.ElementsPanel.PseudoStateMarkerDecorator",
            "marker": "pseudo-state-marker"
        },
        {
            "type": "@Components.DOMPresentationUtils.MarkerDecorator",
            "factoryName": "Components.DOMPresentationUtils.GenericDecorator",
            "marker": "hidden-marker",
            "title": "Element is hidden",
            "color": "#555"
        },
        {
            "type": "@UI.ActionDelegate",
            "actionId": "elements.toggle-element-search",
            "className": "Elements.InspectElementModeController.ToggleSearchActionDelegate",
            "title": "Select an element in the page to inspect it",
            "iconClass": "largeicon-node-search",
            "bindings": [
                {
                    "platform": "windows,linux",
                    "shortcut": "Ctrl+Shift+C"
                },
                {
                    "platform": "mac",
                    "shortcut": "Meta+Shift+C"
                }
            ]
        },
        {
            "type": "@UI.ToolbarItem.Provider",
            "actionId": "elements.toggle-element-search",
            "location": "main-toolbar-left",
            "order": 0
        },
        {
            "type": "@UI.ViewLocationResolver",
            "name": "elements-sidebar",
            "className": "Elements.ElementsPanel"
        },
        {
            "type": "view",
            "location": "elements-sidebar",
            "id": "elements.eventListeners",
            "title": "Event Listeners",
            "order": 5,
            "hasToolbar": true,
            "persistence": "permanent",
            "className": "Elements.EventListenersWidget"
        },
        {
            "type": "view",
            "location": "elements-sidebar",
            "id": "elements.domBreakpoints",
            "title": "DOM Breakpoints",
            "order": 6,
            "persistence": "permanent",
            "factoryName": "Components.DOMBreakpointsSidebarPane.Proxy"
        },
        {
            "type": "view",
            "location": "elements-sidebar",
            "id": "elements.domProperties",
            "title": "Properties",
            "order": 7,
            "persistence": "permanent",
            "className": "Elements.PropertiesWidget"
        }
    ],
    "dependencies": [
        "components",
        "extensions"
    ],
    "scripts": [
        "InspectElementModeController.js",
        "ColorSwatchPopoverIcon.js",
        "ComputedStyleModel.js",
        "ElementsBreadcrumbs.js",
        "ElementsSidebarPane.js",
        "ElementsTreeElement.js",
        "ElementsTreeOutline.js",
        "EventListenersWidget.js",
        "MetricsSidebarPane.js",
        "PlatformFontsWidget.js",
        "PropertiesWidget.js",
        "StylePropertyHighlighter.js",
        "StylesSidebarPane.js",
        "ComputedStyleWidget.js",
        "ElementsPanel.js",
        "ClassesPaneWidget.js",
        "ElementStatePaneWidget.js",
        "ElementsTreeElementHighlighter.js"
    ],
    "resources": [
        "breadcrumbs.css",
        "computedStyleSidebarPane.css",
        "elementsPanel.css",
        "elementsTreeOutline.css",
        "platformFontsWidget.css",
        "stylesSectionTree.css"
    ]
}