| Index: third_party/WebKit/Source/devtools/front_end/sources/StyleSheetOutlineDialog.js
|
| diff --git a/third_party/WebKit/Source/devtools/front_end/sources/StyleSheetOutlineDialog.js b/third_party/WebKit/Source/devtools/front_end/sources/StyleSheetOutlineDialog.js
|
| index 1dfad8034a31f7037cd3fddacdc23a193534ea5c..b8a15438122fe4495d2552f9455bf655cd8ef972 100644
|
| --- a/third_party/WebKit/Source/devtools/front_end/sources/StyleSheetOutlineDialog.js
|
| +++ b/third_party/WebKit/Source/devtools/front_end/sources/StyleSheetOutlineDialog.js
|
| @@ -25,97 +25,93 @@
|
| * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
| * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
| */
|
| -
|
| /**
|
| - * @constructor
|
| - * @extends {WebInspector.FilteredListWidget.Delegate}
|
| - * @param {!WebInspector.UISourceCode} uiSourceCode
|
| - * @param {function(number, number)} selectItemCallback
|
| + * @unrestricted
|
| */
|
| -WebInspector.StyleSheetOutlineDialog = function(uiSourceCode, selectItemCallback)
|
| -{
|
| - WebInspector.FilteredListWidget.Delegate.call(this, []);
|
| +WebInspector.StyleSheetOutlineDialog = class extends WebInspector.FilteredListWidget.Delegate {
|
| + /**
|
| + * @param {!WebInspector.UISourceCode} uiSourceCode
|
| + * @param {function(number, number)} selectItemCallback
|
| + */
|
| + constructor(uiSourceCode, selectItemCallback) {
|
| + super([]);
|
| this._selectItemCallback = selectItemCallback;
|
| this._cssParser = new WebInspector.CSSParser();
|
| this._cssParser.addEventListener(WebInspector.CSSParser.Events.RulesParsed, this.refresh.bind(this));
|
| this._cssParser.parse(uiSourceCode.workingCopy());
|
| -};
|
| + }
|
|
|
| -/**
|
| - * @param {!WebInspector.UISourceCode} uiSourceCode
|
| - * @param {function(number, number)} selectItemCallback
|
| - */
|
| -WebInspector.StyleSheetOutlineDialog.show = function(uiSourceCode, selectItemCallback)
|
| -{
|
| - WebInspector.StyleSheetOutlineDialog._instanceForTests = new WebInspector.StyleSheetOutlineDialog(uiSourceCode, selectItemCallback);
|
| + /**
|
| + * @param {!WebInspector.UISourceCode} uiSourceCode
|
| + * @param {function(number, number)} selectItemCallback
|
| + */
|
| + static show(uiSourceCode, selectItemCallback) {
|
| + WebInspector.StyleSheetOutlineDialog._instanceForTests =
|
| + new WebInspector.StyleSheetOutlineDialog(uiSourceCode, selectItemCallback);
|
| new WebInspector.FilteredListWidget(WebInspector.StyleSheetOutlineDialog._instanceForTests).showAsDialog();
|
| -};
|
| -
|
| -WebInspector.StyleSheetOutlineDialog.prototype = {
|
| - /**
|
| - * @override
|
| - * @return {number}
|
| - */
|
| - itemCount: function()
|
| - {
|
| - return this._cssParser.rules().length;
|
| - },
|
| + }
|
|
|
| - /**
|
| - * @override
|
| - * @param {number} itemIndex
|
| - * @return {string}
|
| - */
|
| - itemKeyAt: function(itemIndex)
|
| - {
|
| - var rule = this._cssParser.rules()[itemIndex];
|
| - return rule.selectorText || rule.atRule;
|
| - },
|
| + /**
|
| + * @override
|
| + * @return {number}
|
| + */
|
| + itemCount() {
|
| + return this._cssParser.rules().length;
|
| + }
|
|
|
| - /**
|
| - * @override
|
| - * @param {number} itemIndex
|
| - * @param {string} query
|
| - * @return {number}
|
| - */
|
| - itemScoreAt: function(itemIndex, query)
|
| - {
|
| - var rule = this._cssParser.rules()[itemIndex];
|
| - return -rule.lineNumber;
|
| - },
|
| + /**
|
| + * @override
|
| + * @param {number} itemIndex
|
| + * @return {string}
|
| + */
|
| + itemKeyAt(itemIndex) {
|
| + var rule = this._cssParser.rules()[itemIndex];
|
| + return rule.selectorText || rule.atRule;
|
| + }
|
|
|
| - /**
|
| - * @override
|
| - * @param {number} itemIndex
|
| - * @param {string} query
|
| - * @param {!Element} titleElement
|
| - * @param {!Element} subtitleElement
|
| - */
|
| - renderItem: function(itemIndex, query, titleElement, subtitleElement)
|
| - {
|
| - var rule = this._cssParser.rules()[itemIndex];
|
| - titleElement.textContent = rule.selectorText || rule.atRule;
|
| - this.highlightRanges(titleElement, query);
|
| - subtitleElement.textContent = ":" + (rule.lineNumber + 1);
|
| - },
|
| + /**
|
| + * @override
|
| + * @param {number} itemIndex
|
| + * @param {string} query
|
| + * @return {number}
|
| + */
|
| + itemScoreAt(itemIndex, query) {
|
| + var rule = this._cssParser.rules()[itemIndex];
|
| + return -rule.lineNumber;
|
| + }
|
|
|
| - /**
|
| - * @override
|
| - * @param {number} itemIndex
|
| - * @param {string} promptValue
|
| - */
|
| - selectItem: function(itemIndex, promptValue)
|
| - {
|
| - var rule = this._cssParser.rules()[itemIndex];
|
| - var lineNumber = rule.lineNumber;
|
| - if (!isNaN(lineNumber) && lineNumber >= 0)
|
| - this._selectItemCallback(lineNumber, rule.columnNumber);
|
| - },
|
| + /**
|
| + * @override
|
| + * @param {number} itemIndex
|
| + * @param {string} query
|
| + * @param {!Element} titleElement
|
| + * @param {!Element} subtitleElement
|
| + */
|
| + renderItem(itemIndex, query, titleElement, subtitleElement) {
|
| + var rule = this._cssParser.rules()[itemIndex];
|
| + titleElement.textContent = rule.selectorText || rule.atRule;
|
| + this.highlightRanges(titleElement, query);
|
| + subtitleElement.textContent = ':' + (rule.lineNumber + 1);
|
| + }
|
|
|
| - dispose: function()
|
| - {
|
| - this._cssParser.dispose();
|
| - },
|
| + /**
|
| + * @override
|
| + * @param {number} itemIndex
|
| + * @param {string} promptValue
|
| + */
|
| + selectItem(itemIndex, promptValue) {
|
| + var rule = this._cssParser.rules()[itemIndex];
|
| + var lineNumber = rule.lineNumber;
|
| + if (!isNaN(lineNumber) && lineNumber >= 0)
|
| + this._selectItemCallback(lineNumber, rule.columnNumber);
|
| + }
|
|
|
| - __proto__: WebInspector.FilteredListWidget.Delegate.prototype
|
| + /**
|
| + * @override
|
| + */
|
| + dispose() {
|
| + this._cssParser.dispose();
|
| + }
|
| };
|
| +
|
| +
|
|
|