| Index: third_party/WebKit/Source/devtools/front_end/elements/module.json
|
| diff --git a/third_party/WebKit/Source/devtools/front_end/elements/module.json b/third_party/WebKit/Source/devtools/front_end/elements/module.json
|
| index a01e7ac4f73752395c15eb210f8dc6d4615b9b58..efd2ba4ae222760a38655ea6f38e44464f8ba232 100644
|
| --- a/third_party/WebKit/Source/devtools/front_end/elements/module.json
|
| +++ b/third_party/WebKit/Source/devtools/front_end/elements/module.json
|
| @@ -1,237 +1,288 @@
|
| {
|
| - "extensions": [
|
| + "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": [
|
| {
|
| - "type": "view",
|
| - "location": "panel",
|
| - "id": "elements",
|
| - "title": "Elements",
|
| - "order": 10,
|
| - "className": "Elements.ElementsPanel"
|
| + "title": "Set color format as authored",
|
| + "text": "As authored",
|
| + "value": "original"
|
| },
|
| {
|
| - "type": "@UI.ContextMenu.Provider",
|
| - "contextTypes": ["SDK.RemoteObject", "SDK.DOMNode", "SDK.DeferredDOMNode"],
|
| - "className": "Elements.ElementsPanel.ContextMenuProvider"
|
| + "title": "Set color format to HEX",
|
| + "text": "HEX: #dac0de",
|
| + "value": "hex",
|
| + "raw": true
|
| },
|
| {
|
| - "type": "@Common.Renderer",
|
| - "contextTypes": ["SDK.DOMNode", "SDK.RemoteObject"],
|
| - "className": "Elements.ElementsTreeOutline.Renderer"
|
| + "title": "Set color format to RGB",
|
| + "text": "RGB: rgb(128, 255, 255)",
|
| + "value": "rgb",
|
| + "raw": true
|
| },
|
| {
|
| - "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"
|
| - }
|
| - ]
|
| - },
|
| + "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": [
|
| {
|
| - "type": "@Components.DOMPresentationUtils.MarkerDecorator",
|
| - "className": "Elements.ElementsPanel.PseudoStateMarkerDecorator",
|
| - "marker": "pseudo-state-marker"
|
| + "value": true,
|
| + "title": "Enable DOM word wrap"
|
| },
|
| {
|
| - "type": "@Components.DOMPresentationUtils.MarkerDecorator",
|
| - "factoryName": "Components.DOMPresentationUtils.GenericDecorator",
|
| - "marker": "hidden-marker",
|
| - "title": "Element is hidden",
|
| - "color": "#555"
|
| - },
|
| + "value": false,
|
| + "title": "Disable DOM word wrap"
|
| + }
|
| + ]
|
| + },
|
| + {
|
| + "type": "setting",
|
| + "category": "Elements",
|
| + "order": 3,
|
| + "title": "Show HTML comments",
|
| + "settingName": "showHTMLComments",
|
| + "settingType": "boolean",
|
| + "defaultValue": true,
|
| + "options": [
|
| {
|
| - "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"
|
| - }
|
| - ]
|
| + "value": true,
|
| + "title": "Show HTML comments"
|
| },
|
| {
|
| - "type": "@UI.ToolbarItem.Provider",
|
| - "actionId": "elements.toggle-element-search",
|
| - "location": "main-toolbar-left",
|
| - "order": 0
|
| - },
|
| + "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": [
|
| {
|
| - "type": "@UI.ViewLocationResolver",
|
| - "name": "elements-sidebar",
|
| - "className": "Elements.ElementsPanel"
|
| - },
|
| + "shortcut": "H"
|
| + }
|
| + ]
|
| + },
|
| + {
|
| + "type": "@UI.ActionDelegate",
|
| + "actionId": "elements.edit-as-html",
|
| + "contextTypes": [
|
| + "Elements.ElementsPanel"
|
| + ],
|
| + "className": "Elements.ElementsActionDelegate",
|
| + "bindings": [
|
| {
|
| - "type": "view",
|
| - "location": "elements-sidebar",
|
| - "id": "elements.eventListeners",
|
| - "title": "Event Listeners",
|
| - "order": 5,
|
| - "hasToolbar": true,
|
| - "persistence": "permanent",
|
| - "className": "Elements.EventListenersWidget"
|
| - },
|
| + "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": [
|
| {
|
| - "type": "view",
|
| - "location": "elements-sidebar",
|
| - "id": "elements.domBreakpoints",
|
| - "title": "DOM Breakpoints",
|
| - "order": 6,
|
| - "persistence": "permanent",
|
| - "factoryName": "Components.DOMBreakpointsSidebarPane.Proxy"
|
| + "platform": "windows,linux",
|
| + "shortcut": "Ctrl+Shift+C"
|
| },
|
| {
|
| - "type": "view",
|
| - "location": "elements-sidebar",
|
| - "id": "elements.domProperties",
|
| - "title": "Properties",
|
| - "order": 7,
|
| - "persistence": "permanent",
|
| - "className": "Elements.PropertiesWidget"
|
| + "platform": "mac",
|
| + "shortcut": "Meta+Shift+C"
|
| }
|
| - ],
|
| - "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"
|
| - ]
|
| -}
|
| + ]
|
| + },
|
| + {
|
| + "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",
|
| + "inline_editor",
|
| + "spectrum",
|
| + "js_ui"
|
| + ],
|
| + "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"
|
| + ]
|
| +}
|
|
|