| OLD | NEW |
| 1 { | 1 { |
| 2 "extensions": [ | 2 "extensions": [ |
| 3 { | 3 { |
| 4 "type": "view", | 4 "type": "view", |
| 5 "location": "panel", | 5 "location": "panel", |
| 6 "id": "elements", | 6 "id": "elements", |
| 7 "title": "Elements", | 7 "title": "Elements", |
| 8 "order": 10, | 8 "order": 10, |
| 9 "className": "Elements.ElementsPanel" | 9 "className": "Elements.ElementsPanel" |
| 10 }, | 10 }, |
| 11 { | 11 { |
| 12 "type": "@UI.ContextMenu.Provider", | 12 "type": "@UI.ContextMenu.Provider", |
| 13 "contextTypes": ["SDK.RemoteObject", "SDK.DOMNode", "SDK.DeferredDOM
Node"], | 13 "contextTypes": [ |
| 14 "className": "Elements.ElementsPanel.ContextMenuProvider" | 14 "SDK.RemoteObject", |
| 15 }, | 15 "SDK.DOMNode", |
| 16 { | 16 "SDK.DeferredDOMNode" |
| 17 "type": "@Common.Renderer", | 17 ], |
| 18 "contextTypes": ["SDK.DOMNode", "SDK.RemoteObject"], | 18 "className": "Elements.ElementsPanel.ContextMenuProvider" |
| 19 "className": "Elements.ElementsTreeOutline.Renderer" | 19 }, |
| 20 }, | 20 { |
| 21 { | 21 "type": "@Common.Renderer", |
| 22 "type": "@Common.Revealer", | 22 "contextTypes": [ |
| 23 "contextTypes": ["SDK.DOMNode", "SDK.DeferredDOMNode", "SDK.RemoteOb
ject" ], | 23 "SDK.DOMNode", |
| 24 "className": "Elements.ElementsPanel.DOMNodeRevealer" | 24 "SDK.RemoteObject" |
| 25 }, | 25 ], |
| 26 { | 26 "className": "Elements.ElementsTreeOutline.Renderer" |
| 27 "type": "@Common.Revealer", | 27 }, |
| 28 "contextTypes": ["SDK.CSSProperty" ], | 28 { |
| 29 "className": "Elements.ElementsPanel.CSSPropertyRevealer" | 29 "type": "@Common.Revealer", |
| 30 }, | 30 "contextTypes": [ |
| 31 { | 31 "SDK.DOMNode", |
| 32 "type": "setting", | 32 "SDK.DeferredDOMNode", |
| 33 "category": "Elements", | 33 "SDK.RemoteObject" |
| 34 "order": 0, | 34 ], |
| 35 "title": "Color format:", | 35 "className": "Elements.ElementsPanel.DOMNodeRevealer" |
| 36 "settingName": "colorFormat", | 36 }, |
| 37 "settingType": "enum", | 37 { |
| 38 "defaultValue": "original", | 38 "type": "@Common.Revealer", |
| 39 "options": [ | 39 "contextTypes": [ |
| 40 { "title": "Set color format as authored", "text": "As authored"
, "value": "original" }, | 40 "SDK.CSSProperty" |
| 41 { "title": "Set color format to HEX", "text": "HEX: #dac0de", "v
alue": "hex", "raw": true }, | 41 ], |
| 42 { "title": "Set color format to RGB", "text": "RGB: rgb(128, 255
, 255)", "value": "rgb", "raw": true }, | 42 "className": "Elements.ElementsPanel.CSSPropertyRevealer" |
| 43 { "title": "Set color format to HSL", "text": "HSL: hsl(300, 80%
, 90%)", "value": "hsl", "raw": true } | 43 }, |
| 44 ] | 44 { |
| 45 }, | 45 "type": "setting", |
| 46 { | 46 "category": "Elements", |
| 47 "type": "setting", | 47 "order": 0, |
| 48 "category": "Elements", | 48 "title": "Color format:", |
| 49 "order":1, | 49 "settingName": "colorFormat", |
| 50 "title": "Show user agent shadow DOM", | 50 "settingType": "enum", |
| 51 "settingName": "showUAShadowDOM", | 51 "defaultValue": "original", |
| 52 "settingType": "boolean", | 52 "options": [ |
| 53 "defaultValue": false | 53 { |
| 54 }, | 54 "title": "Set color format as authored", |
| 55 { | 55 "text": "As authored", |
| 56 "type": "setting", | 56 "value": "original" |
| 57 "category": "Elements", | 57 }, |
| 58 "order": 2, | 58 { |
| 59 "title": "Word wrap", | 59 "title": "Set color format to HEX", |
| 60 "settingName": "domWordWrap", | 60 "text": "HEX: #dac0de", |
| 61 "settingType": "boolean", | 61 "value": "hex", |
| 62 "defaultValue": true, | 62 "raw": true |
| 63 "options": [ | 63 }, |
| 64 { "value": true, "title": "Enable DOM word wrap" }, | 64 { |
| 65 { "value": false, "title": "Disable DOM word wrap" } | 65 "title": "Set color format to RGB", |
| 66 ] | 66 "text": "RGB: rgb(128, 255, 255)", |
| 67 }, | 67 "value": "rgb", |
| 68 { | 68 "raw": true |
| 69 "type": "setting", | 69 }, |
| 70 "category": "Elements", | 70 { |
| 71 "order": 3, | 71 "title": "Set color format to HSL", |
| 72 "title": "Show HTML comments", | 72 "text": "HSL: hsl(300, 80%, 90%)", |
| 73 "settingName": "showHTMLComments", | 73 "value": "hsl", |
| 74 "settingType": "boolean", | 74 "raw": true |
| 75 "defaultValue": true, | 75 } |
| 76 "options": [ | 76 ] |
| 77 { "value": true, "title": "Show HTML comments" }, | 77 }, |
| 78 { "value": false, "title": "Hide HTML comments" } | 78 { |
| 79 ] | 79 "type": "setting", |
| 80 }, | 80 "category": "Elements", |
| 81 { | 81 "order": 1, |
| 82 "type": "setting", | 82 "title": "Show user agent shadow DOM", |
| 83 "category": "Elements", | 83 "settingName": "showUAShadowDOM", |
| 84 "order": 4, | 84 "settingType": "boolean", |
| 85 "title": "Reveal DOM node on hover", | 85 "defaultValue": false |
| 86 "settingName": "highlightNodeOnHoverInOverlay", | 86 }, |
| 87 "settingType": "boolean", | 87 { |
| 88 "defaultValue": true | 88 "type": "setting", |
| 89 }, | 89 "category": "Elements", |
| 90 { | 90 "order": 2, |
| 91 "type": "setting", | 91 "title": "Word wrap", |
| 92 "settingName": "showEventListenersForAncestors", | 92 "settingName": "domWordWrap", |
| 93 "settingType": "boolean", | 93 "settingType": "boolean", |
| 94 "defaultValue": true | 94 "defaultValue": true, |
| 95 }, | 95 "options": [ |
| 96 { | 96 { |
| 97 "type": "@UI.ToolbarItem.Provider", | 97 "value": true, |
| 98 "className": "Elements.ElementStatePaneWidget.ButtonProvider", | 98 "title": "Enable DOM word wrap" |
| 99 "order": 1, | 99 }, |
| 100 "location": "styles-sidebarpane-toolbar" | 100 { |
| 101 }, | 101 "value": false, |
| 102 { | 102 "title": "Disable DOM word wrap" |
| 103 "type": "@UI.ToolbarItem.Provider", | 103 } |
| 104 "className": "Elements.ClassesPaneWidget.ButtonProvider", | 104 ] |
| 105 "order": 2, | 105 }, |
| 106 "location": "styles-sidebarpane-toolbar" | 106 { |
| 107 }, | 107 "type": "setting", |
| 108 { | 108 "category": "Elements", |
| 109 "type": "@UI.ToolbarItem.Provider", | 109 "order": 3, |
| 110 "className": "Elements.StylesSidebarPane.ButtonProvider", | 110 "title": "Show HTML comments", |
| 111 "order": 100, | 111 "settingName": "showHTMLComments", |
| 112 "location": "styles-sidebarpane-toolbar" | 112 "settingType": "boolean", |
| 113 }, | 113 "defaultValue": true, |
| 114 { | 114 "options": [ |
| 115 "type": "@UI.ActionDelegate", | 115 { |
| 116 "actionId": "elements.hide-element", | 116 "value": true, |
| 117 "contextTypes": ["Elements.ElementsPanel"], | 117 "title": "Show HTML comments" |
| 118 "className": "Elements.ElementsActionDelegate", | 118 }, |
| 119 "bindings": [ | 119 { |
| 120 { | 120 "value": false, |
| 121 "shortcut": "H" | 121 "title": "Hide HTML comments" |
| 122 } | 122 } |
| 123 ] | 123 ] |
| 124 }, | 124 }, |
| 125 { | 125 { |
| 126 "type": "@UI.ActionDelegate", | 126 "type": "setting", |
| 127 "actionId": "elements.edit-as-html", | 127 "category": "Elements", |
| 128 "contextTypes": ["Elements.ElementsPanel"], | 128 "order": 4, |
| 129 "className": "Elements.ElementsActionDelegate", | 129 "title": "Reveal DOM node on hover", |
| 130 "bindings": [ | 130 "settingName": "highlightNodeOnHoverInOverlay", |
| 131 { | 131 "settingType": "boolean", |
| 132 "shortcut": "F2" | 132 "defaultValue": true |
| 133 } | 133 }, |
| 134 ] | 134 { |
| 135 }, | 135 "type": "setting", |
| 136 { | 136 "settingName": "showEventListenersForAncestors", |
| 137 "type": "@Components.DOMPresentationUtils.MarkerDecorator", | 137 "settingType": "boolean", |
| 138 "className": "Elements.ElementsPanel.PseudoStateMarkerDecorator", | 138 "defaultValue": true |
| 139 "marker": "pseudo-state-marker" | 139 }, |
| 140 }, | 140 { |
| 141 { | 141 "type": "@UI.ToolbarItem.Provider", |
| 142 "type": "@Components.DOMPresentationUtils.MarkerDecorator", | 142 "className": "Elements.ElementStatePaneWidget.ButtonProvider", |
| 143 "factoryName": "Components.DOMPresentationUtils.GenericDecorator", | 143 "order": 1, |
| 144 "marker": "hidden-marker", | 144 "location": "styles-sidebarpane-toolbar" |
| 145 "title": "Element is hidden", | 145 }, |
| 146 "color": "#555" | 146 { |
| 147 }, | 147 "type": "@UI.ToolbarItem.Provider", |
| 148 { | 148 "className": "Elements.ClassesPaneWidget.ButtonProvider", |
| 149 "type": "@UI.ActionDelegate", | 149 "order": 2, |
| 150 "actionId": "elements.toggle-element-search", | 150 "location": "styles-sidebarpane-toolbar" |
| 151 "className": "Elements.InspectElementModeController.ToggleSearchActi
onDelegate", | 151 }, |
| 152 "title": "Select an element in the page to inspect it", | 152 { |
| 153 "iconClass": "largeicon-node-search", | 153 "type": "@UI.ToolbarItem.Provider", |
| 154 "bindings": [ | 154 "className": "Elements.StylesSidebarPane.ButtonProvider", |
| 155 { | 155 "order": 100, |
| 156 "platform": "windows,linux", | 156 "location": "styles-sidebarpane-toolbar" |
| 157 "shortcut": "Ctrl+Shift+C" | 157 }, |
| 158 }, | 158 { |
| 159 { | 159 "type": "@UI.ActionDelegate", |
| 160 "platform": "mac", | 160 "actionId": "elements.hide-element", |
| 161 "shortcut": "Meta+Shift+C" | 161 "contextTypes": [ |
| 162 } | 162 "Elements.ElementsPanel" |
| 163 ] | 163 ], |
| 164 }, | 164 "className": "Elements.ElementsActionDelegate", |
| 165 { | 165 "bindings": [ |
| 166 "type": "@UI.ToolbarItem.Provider", | 166 { |
| 167 "actionId": "elements.toggle-element-search", | 167 "shortcut": "H" |
| 168 "location": "main-toolbar-left", | 168 } |
| 169 "order": 0 | 169 ] |
| 170 }, | 170 }, |
| 171 { | 171 { |
| 172 "type": "@UI.ViewLocationResolver", | 172 "type": "@UI.ActionDelegate", |
| 173 "name": "elements-sidebar", | 173 "actionId": "elements.edit-as-html", |
| 174 "className": "Elements.ElementsPanel" | 174 "contextTypes": [ |
| 175 }, | 175 "Elements.ElementsPanel" |
| 176 { | 176 ], |
| 177 "type": "view", | 177 "className": "Elements.ElementsActionDelegate", |
| 178 "location": "elements-sidebar", | 178 "bindings": [ |
| 179 "id": "elements.eventListeners", | 179 { |
| 180 "title": "Event Listeners", | 180 "shortcut": "F2" |
| 181 "order": 5, | 181 } |
| 182 "hasToolbar": true, | 182 ] |
| 183 "persistence": "permanent", | 183 }, |
| 184 "className": "Elements.EventListenersWidget" | 184 { |
| 185 }, | 185 "type": "@Components.DOMPresentationUtils.MarkerDecorator", |
| 186 { | 186 "className": "Elements.ElementsPanel.PseudoStateMarkerDecorator", |
| 187 "type": "view", | 187 "marker": "pseudo-state-marker" |
| 188 "location": "elements-sidebar", | 188 }, |
| 189 "id": "elements.domBreakpoints", | 189 { |
| 190 "title": "DOM Breakpoints", | 190 "type": "@Components.DOMPresentationUtils.MarkerDecorator", |
| 191 "order": 6, | 191 "factoryName": "Components.DOMPresentationUtils.GenericDecorator", |
| 192 "persistence": "permanent", | 192 "marker": "hidden-marker", |
| 193 "factoryName": "Components.DOMBreakpointsSidebarPane.Proxy" | 193 "title": "Element is hidden", |
| 194 }, | 194 "color": "#555" |
| 195 { | 195 }, |
| 196 "type": "view", | 196 { |
| 197 "location": "elements-sidebar", | 197 "type": "@UI.ActionDelegate", |
| 198 "id": "elements.domProperties", | 198 "actionId": "elements.toggle-element-search", |
| 199 "title": "Properties", | 199 "className": "Elements.InspectElementModeController.ToggleSearchActionDele
gate", |
| 200 "order": 7, | 200 "title": "Select an element in the page to inspect it", |
| 201 "persistence": "permanent", | 201 "iconClass": "largeicon-node-search", |
| 202 "className": "Elements.PropertiesWidget" | 202 "bindings": [ |
| 203 } | 203 { |
| 204 ], | 204 "platform": "windows,linux", |
| 205 "dependencies": [ | 205 "shortcut": "Ctrl+Shift+C" |
| 206 "components", | 206 }, |
| 207 "extensions" | 207 { |
| 208 ], | 208 "platform": "mac", |
| 209 "scripts": [ | 209 "shortcut": "Meta+Shift+C" |
| 210 "InspectElementModeController.js", | 210 } |
| 211 "ColorSwatchPopoverIcon.js", | 211 ] |
| 212 "ComputedStyleModel.js", | 212 }, |
| 213 "ElementsBreadcrumbs.js", | 213 { |
| 214 "ElementsSidebarPane.js", | 214 "type": "@UI.ToolbarItem.Provider", |
| 215 "ElementsTreeElement.js", | 215 "actionId": "elements.toggle-element-search", |
| 216 "ElementsTreeOutline.js", | 216 "location": "main-toolbar-left", |
| 217 "EventListenersWidget.js", | 217 "order": 0 |
| 218 "MetricsSidebarPane.js", | 218 }, |
| 219 "PlatformFontsWidget.js", | 219 { |
| 220 "PropertiesWidget.js", | 220 "type": "@UI.ViewLocationResolver", |
| 221 "StylePropertyHighlighter.js", | 221 "name": "elements-sidebar", |
| 222 "StylesSidebarPane.js", | 222 "className": "Elements.ElementsPanel" |
| 223 "ComputedStyleWidget.js", | 223 }, |
| 224 "ElementsPanel.js", | 224 { |
| 225 "ClassesPaneWidget.js", | 225 "type": "view", |
| 226 "ElementStatePaneWidget.js", | 226 "location": "elements-sidebar", |
| 227 "ElementsTreeElementHighlighter.js" | 227 "id": "elements.eventListeners", |
| 228 ], | 228 "title": "Event Listeners", |
| 229 "resources": [ | 229 "order": 5, |
| 230 "breadcrumbs.css", | 230 "hasToolbar": true, |
| 231 "computedStyleSidebarPane.css", | 231 "persistence": "permanent", |
| 232 "elementsPanel.css", | 232 "className": "Elements.EventListenersWidget" |
| 233 "elementsTreeOutline.css", | 233 }, |
| 234 "platformFontsWidget.css", | 234 { |
| 235 "stylesSectionTree.css" | 235 "type": "view", |
| 236 ] | 236 "location": "elements-sidebar", |
| 237 } | 237 "id": "elements.domBreakpoints", |
| 238 "title": "DOM Breakpoints", |
| 239 "order": 6, |
| 240 "persistence": "permanent", |
| 241 "factoryName": "Components.DOMBreakpointsSidebarPane.Proxy" |
| 242 }, |
| 243 { |
| 244 "type": "view", |
| 245 "location": "elements-sidebar", |
| 246 "id": "elements.domProperties", |
| 247 "title": "Properties", |
| 248 "order": 7, |
| 249 "persistence": "permanent", |
| 250 "className": "Elements.PropertiesWidget" |
| 251 } |
| 252 ], |
| 253 "dependencies": [ |
| 254 "components", |
| 255 "extensions", |
| 256 "inline_editor", |
| 257 "spectrum", |
| 258 "js_ui" |
| 259 ], |
| 260 "scripts": [ |
| 261 "InspectElementModeController.js", |
| 262 "ColorSwatchPopoverIcon.js", |
| 263 "ComputedStyleModel.js", |
| 264 "ElementsBreadcrumbs.js", |
| 265 "ElementsSidebarPane.js", |
| 266 "ElementsTreeElement.js", |
| 267 "ElementsTreeOutline.js", |
| 268 "EventListenersWidget.js", |
| 269 "MetricsSidebarPane.js", |
| 270 "PlatformFontsWidget.js", |
| 271 "PropertiesWidget.js", |
| 272 "StylePropertyHighlighter.js", |
| 273 "StylesSidebarPane.js", |
| 274 "ComputedStyleWidget.js", |
| 275 "ElementsPanel.js", |
| 276 "ClassesPaneWidget.js", |
| 277 "ElementStatePaneWidget.js", |
| 278 "ElementsTreeElementHighlighter.js" |
| 279 ], |
| 280 "resources": [ |
| 281 "breadcrumbs.css", |
| 282 "computedStyleSidebarPane.css", |
| 283 "elementsPanel.css", |
| 284 "elementsTreeOutline.css", |
| 285 "platformFontsWidget.css", |
| 286 "stylesSectionTree.css" |
| 287 ] |
| 288 } |
| OLD | NEW |