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" |
+ ] |
+} |