| Index: third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js
|
| diff --git a/third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js b/third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js
|
| index 8b3d3ee81f7265015fd8bc0c1ed3b15929d0cd88..456799f1934d3ab11f4d43523c4c02d0202540e2 100644
|
| --- a/third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js
|
| +++ b/third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js
|
| @@ -4,11 +4,11 @@
|
| /**
|
| * @unrestricted
|
| */
|
| -WebInspector.ElementStatePaneWidget = class extends WebInspector.Widget {
|
| +Elements.ElementStatePaneWidget = class extends UI.Widget {
|
| constructor() {
|
| super();
|
| this.element.className = 'styles-element-state-pane';
|
| - this.element.createChild('div').createTextChild(WebInspector.UIString('Force element state'));
|
| + this.element.createChild('div').createTextChild(Common.UIString('Force element state'));
|
| var table = createElementWithClass('table', 'source-code');
|
|
|
| var inputs = [];
|
| @@ -18,10 +18,10 @@ WebInspector.ElementStatePaneWidget = class extends WebInspector.Widget {
|
| * @param {!Event} event
|
| */
|
| function clickListener(event) {
|
| - var node = WebInspector.context.flavor(WebInspector.DOMNode);
|
| + var node = UI.context.flavor(SDK.DOMNode);
|
| if (!node)
|
| return;
|
| - WebInspector.CSSModel.fromNode(node).forcePseudoState(node, event.target.state, event.target.checked);
|
| + SDK.CSSModel.fromNode(node).forcePseudoState(node, event.target.state, event.target.checked);
|
| }
|
|
|
| /**
|
| @@ -48,24 +48,24 @@ WebInspector.ElementStatePaneWidget = class extends WebInspector.Widget {
|
| tr.appendChild(createCheckbox.call(null, 'visited'));
|
|
|
| this.element.appendChild(table);
|
| - WebInspector.context.addFlavorChangeListener(WebInspector.DOMNode, this._update, this);
|
| + UI.context.addFlavorChangeListener(SDK.DOMNode, this._update, this);
|
| }
|
|
|
| /**
|
| - * @param {?WebInspector.Target} target
|
| + * @param {?SDK.Target} target
|
| */
|
| _updateTarget(target) {
|
| if (this._target === target)
|
| return;
|
|
|
| if (this._target) {
|
| - var cssModel = WebInspector.CSSModel.fromTarget(this._target);
|
| - cssModel.removeEventListener(WebInspector.CSSModel.Events.PseudoStateForced, this._update, this);
|
| + var cssModel = SDK.CSSModel.fromTarget(this._target);
|
| + cssModel.removeEventListener(SDK.CSSModel.Events.PseudoStateForced, this._update, this);
|
| }
|
| this._target = target;
|
| if (target) {
|
| - var cssModel = WebInspector.CSSModel.fromTarget(target);
|
| - cssModel.addEventListener(WebInspector.CSSModel.Events.PseudoStateForced, this._update, this);
|
| + var cssModel = SDK.CSSModel.fromTarget(target);
|
| + cssModel.addEventListener(SDK.CSSModel.Events.PseudoStateForced, this._update, this);
|
| }
|
| }
|
|
|
| @@ -80,13 +80,13 @@ WebInspector.ElementStatePaneWidget = class extends WebInspector.Widget {
|
| if (!this.isShowing())
|
| return;
|
|
|
| - var node = WebInspector.context.flavor(WebInspector.DOMNode);
|
| + var node = UI.context.flavor(SDK.DOMNode);
|
| if (node)
|
| node = node.enclosingElementOrSelf();
|
|
|
| this._updateTarget(node ? node.target() : null);
|
| if (node) {
|
| - var nodePseudoState = WebInspector.CSSModel.fromNode(node).pseudoState(node);
|
| + var nodePseudoState = SDK.CSSModel.fromNode(node).pseudoState(node);
|
| for (var input of this._inputs) {
|
| input.disabled = !!node.pseudoType();
|
| input.checked = nodePseudoState.indexOf(input.state) >= 0;
|
| @@ -101,26 +101,26 @@ WebInspector.ElementStatePaneWidget = class extends WebInspector.Widget {
|
| };
|
|
|
| /**
|
| - * @implements {WebInspector.ToolbarItem.Provider}
|
| + * @implements {UI.ToolbarItem.Provider}
|
| * @unrestricted
|
| */
|
| -WebInspector.ElementStatePaneWidget.ButtonProvider = class {
|
| +Elements.ElementStatePaneWidget.ButtonProvider = class {
|
| constructor() {
|
| - this._button = new WebInspector.ToolbarToggle(
|
| - WebInspector.UIString('Toggle Element State'), '');
|
| - this._button.setText(WebInspector.UIString(':hov'));
|
| + this._button = new UI.ToolbarToggle(
|
| + Common.UIString('Toggle Element State'), '');
|
| + this._button.setText(Common.UIString(':hov'));
|
| this._button.addEventListener('click', this._clicked, this);
|
| this._button.element.classList.add('monospace');
|
| - this._view = new WebInspector.ElementStatePaneWidget();
|
| + this._view = new Elements.ElementStatePaneWidget();
|
| }
|
|
|
| _clicked() {
|
| - WebInspector.ElementsPanel.instance().showToolbarPane(!this._view.isShowing() ? this._view : null, this._button);
|
| + Elements.ElementsPanel.instance().showToolbarPane(!this._view.isShowing() ? this._view : null, this._button);
|
| }
|
|
|
| /**
|
| * @override
|
| - * @return {!WebInspector.ToolbarItem}
|
| + * @return {!UI.ToolbarItem}
|
| */
|
| item() {
|
| return this._button;
|
|
|