Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(691)

Unified Diff: third_party/WebKit/Source/devtools/front_end/sdk/CSSStyleDeclaration.js

Issue 2466123002: DevTools: reformat front-end code to match chromium style. (Closed)
Patch Set: all done Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/sdk/CSSStyleDeclaration.js
diff --git a/third_party/WebKit/Source/devtools/front_end/sdk/CSSStyleDeclaration.js b/third_party/WebKit/Source/devtools/front_end/sdk/CSSStyleDeclaration.js
index 3d540ce3f5742dc5c98fef44dfb160e43282852a..65c1f6770f9f8b8786fe8bbc8b928ce2002bb81e 100644
--- a/third_party/WebKit/Source/devtools/front_end/sdk/CSSStyleDeclaration.js
+++ b/third_party/WebKit/Source/devtools/front_end/sdk/CSSStyleDeclaration.js
@@ -1,313 +1,294 @@
// Copyright 2016 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
-
/**
- * @constructor
- * @param {!WebInspector.CSSModel} cssModel
- * @param {?WebInspector.CSSRule} parentRule
- * @param {!CSSAgent.CSSStyle} payload
- * @param {!WebInspector.CSSStyleDeclaration.Type} type
+ * @unrestricted
*/
-WebInspector.CSSStyleDeclaration = function(cssModel, parentRule, payload, type)
-{
+WebInspector.CSSStyleDeclaration = class {
+ /**
+ * @param {!WebInspector.CSSModel} cssModel
+ * @param {?WebInspector.CSSRule} parentRule
+ * @param {!CSSAgent.CSSStyle} payload
+ * @param {!WebInspector.CSSStyleDeclaration.Type} type
+ */
+ constructor(cssModel, parentRule, payload, type) {
this._cssModel = cssModel;
this.parentRule = parentRule;
this._reinitialize(payload);
this.type = type;
-};
-
-/** @enum {string} */
-WebInspector.CSSStyleDeclaration.Type = {
- Regular: "Regular",
- Inline: "Inline",
- Attributes: "Attributes"
-};
-
-WebInspector.CSSStyleDeclaration.prototype = {
- /**
- * @param {!WebInspector.CSSModel.Edit} edit
- */
- rebase: function(edit)
- {
- if (this.styleSheetId !== edit.styleSheetId || !this.range)
- return;
- if (edit.oldRange.equal(this.range)) {
- this._reinitialize(/** @type {!CSSAgent.CSSStyle} */(edit.payload));
- } else {
- this.range = this.range.rebaseAfterTextEdit(edit.oldRange, edit.newRange);
- for (var i = 0; i < this._allProperties.length; ++i)
- this._allProperties[i].rebase(edit);
- }
- },
-
- /**
- * @param {!CSSAgent.CSSStyle} payload
- */
- _reinitialize: function(payload)
- {
- this.styleSheetId = payload.styleSheetId;
- this.range = payload.range ? WebInspector.TextRange.fromObject(payload.range) : null;
-
- var shorthandEntries = payload.shorthandEntries;
- /** @type {!Map.<string, string>} */
- this._shorthandValues = new Map();
- /** @type {!Set.<string>} */
- this._shorthandIsImportant = new Set();
- for (var i = 0; i < shorthandEntries.length; ++i) {
- this._shorthandValues.set(shorthandEntries[i].name, shorthandEntries[i].value);
- if (shorthandEntries[i].important)
- this._shorthandIsImportant.add(shorthandEntries[i].name);
- }
-
- this._allProperties = [];
- for (var i = 0; i < payload.cssProperties.length; ++i) {
- var property = WebInspector.CSSProperty.parsePayload(this, i, payload.cssProperties[i]);
- this._allProperties.push(property);
- }
-
- this._generateSyntheticPropertiesIfNeeded();
- this._computeInactiveProperties();
-
- this._activePropertyMap = new Map();
- for (var property of this._allProperties) {
- if (!property.activeInStyle())
- continue;
- this._activePropertyMap.set(property.name, property);
- }
-
- this.cssText = payload.cssText;
- this._leadingProperties = null;
- },
-
- _generateSyntheticPropertiesIfNeeded: function()
- {
- if (this.range)
- return;
-
- if (!this._shorthandValues.size)
- return;
-
- var propertiesSet = new Set();
- for (var property of this._allProperties)
- propertiesSet.add(property.name);
-
- var generatedProperties = [];
- // For style-based properties, generate shorthands with values when possible.
- for (var property of this._allProperties) {
- // For style-based properties, try generating shorthands.
- var shorthands = WebInspector.cssMetadata().shorthands(property.name) || [];
- for (var shorthand of shorthands) {
- if (propertiesSet.has(shorthand))
- continue; // There already is a shorthand this longhands falls under.
- var shorthandValue = this._shorthandValues.get(shorthand);
- if (!shorthandValue)
- continue; // Never generate synthetic shorthands when no value is available.
-
- // Generate synthetic shorthand we have a value for.
- var shorthandImportance = !!this._shorthandIsImportant.has(shorthand);
- var shorthandProperty = new WebInspector.CSSProperty(this, this.allProperties.length, shorthand, shorthandValue, shorthandImportance, false, true, false);
- generatedProperties.push(shorthandProperty);
- propertiesSet.add(shorthand);
- }
- }
- this._allProperties = this._allProperties.concat(generatedProperties);
- },
-
- /**
- * @return {!Array.<!WebInspector.CSSProperty>}
- */
- _computeLeadingProperties: function()
- {
- /**
- * @param {!WebInspector.CSSProperty} property
- * @return {boolean}
- */
- function propertyHasRange(property)
- {
- return !!property.range;
- }
-
- if (this.range)
- return this._allProperties.filter(propertyHasRange);
-
- var leadingProperties = [];
- for (var property of this._allProperties) {
- var shorthands = WebInspector.cssMetadata().shorthands(property.name) || [];
- var belongToAnyShorthand = false;
- for (var shorthand of shorthands) {
- if (this._shorthandValues.get(shorthand)) {
- belongToAnyShorthand = true;
- break;
- }
- }
- if (!belongToAnyShorthand)
- leadingProperties.push(property);
- }
-
- return leadingProperties;
- },
-
- /**
- * @return {!Array.<!WebInspector.CSSProperty>}
- */
- leadingProperties: function()
- {
- if (!this._leadingProperties)
- this._leadingProperties = this._computeLeadingProperties();
- return this._leadingProperties;
- },
+ }
+
+ /**
+ * @param {!WebInspector.CSSModel.Edit} edit
+ */
+ rebase(edit) {
+ if (this.styleSheetId !== edit.styleSheetId || !this.range)
+ return;
+ if (edit.oldRange.equal(this.range)) {
+ this._reinitialize(/** @type {!CSSAgent.CSSStyle} */ (edit.payload));
+ } else {
+ this.range = this.range.rebaseAfterTextEdit(edit.oldRange, edit.newRange);
+ for (var i = 0; i < this._allProperties.length; ++i)
+ this._allProperties[i].rebase(edit);
+ }
+ }
+
+ /**
+ * @param {!CSSAgent.CSSStyle} payload
+ */
+ _reinitialize(payload) {
+ this.styleSheetId = payload.styleSheetId;
+ this.range = payload.range ? WebInspector.TextRange.fromObject(payload.range) : null;
+
+ var shorthandEntries = payload.shorthandEntries;
+ /** @type {!Map.<string, string>} */
+ this._shorthandValues = new Map();
+ /** @type {!Set.<string>} */
+ this._shorthandIsImportant = new Set();
+ for (var i = 0; i < shorthandEntries.length; ++i) {
+ this._shorthandValues.set(shorthandEntries[i].name, shorthandEntries[i].value);
+ if (shorthandEntries[i].important)
+ this._shorthandIsImportant.add(shorthandEntries[i].name);
+ }
- /**
- * @return {!WebInspector.Target}
- */
- target: function()
- {
- return this._cssModel.target();
- },
+ this._allProperties = [];
+ for (var i = 0; i < payload.cssProperties.length; ++i) {
+ var property = WebInspector.CSSProperty.parsePayload(this, i, payload.cssProperties[i]);
+ this._allProperties.push(property);
+ }
- /**
- * @return {!WebInspector.CSSModel}
- */
- cssModel: function()
- {
- return this._cssModel;
- },
-
- _computeInactiveProperties: function()
- {
- var activeProperties = {};
- for (var i = 0; i < this._allProperties.length; ++i) {
- var property = this._allProperties[i];
- if (property.disabled || !property.parsedOk) {
- property._setActive(false);
- continue;
- }
- var canonicalName = WebInspector.cssMetadata().canonicalPropertyName(property.name);
- var activeProperty = activeProperties[canonicalName];
- if (!activeProperty) {
- activeProperties[canonicalName] = property;
- } else if (!activeProperty.important || property.important) {
- activeProperty._setActive(false);
- activeProperties[canonicalName] = property;
- } else {
- property._setActive(false);
- }
- }
- },
+ this._generateSyntheticPropertiesIfNeeded();
+ this._computeInactiveProperties();
- get allProperties()
- {
- return this._allProperties;
- },
+ this._activePropertyMap = new Map();
+ for (var property of this._allProperties) {
+ if (!property.activeInStyle())
+ continue;
+ this._activePropertyMap.set(property.name, property);
+ }
- /**
- * @param {string} name
- * @return {string}
- */
- getPropertyValue: function(name)
- {
- var property = this._activePropertyMap.get(name);
- return property ? property.value : "";
- },
+ this.cssText = payload.cssText;
+ this._leadingProperties = null;
+ }
+
+ _generateSyntheticPropertiesIfNeeded() {
+ if (this.range)
+ return;
+
+ if (!this._shorthandValues.size)
+ return;
+
+ var propertiesSet = new Set();
+ for (var property of this._allProperties)
+ propertiesSet.add(property.name);
+
+ var generatedProperties = [];
+ // For style-based properties, generate shorthands with values when possible.
+ for (var property of this._allProperties) {
+ // For style-based properties, try generating shorthands.
+ var shorthands = WebInspector.cssMetadata().shorthands(property.name) || [];
+ for (var shorthand of shorthands) {
+ if (propertiesSet.has(shorthand))
+ continue; // There already is a shorthand this longhands falls under.
+ var shorthandValue = this._shorthandValues.get(shorthand);
+ if (!shorthandValue)
+ continue; // Never generate synthetic shorthands when no value is available.
+
+ // Generate synthetic shorthand we have a value for.
+ var shorthandImportance = !!this._shorthandIsImportant.has(shorthand);
+ var shorthandProperty = new WebInspector.CSSProperty(
+ this, this.allProperties.length, shorthand, shorthandValue, shorthandImportance, false, true, false);
+ generatedProperties.push(shorthandProperty);
+ propertiesSet.add(shorthand);
+ }
+ }
+ this._allProperties = this._allProperties.concat(generatedProperties);
+ }
+ /**
+ * @return {!Array.<!WebInspector.CSSProperty>}
+ */
+ _computeLeadingProperties() {
/**
- * @param {string} name
+ * @param {!WebInspector.CSSProperty} property
* @return {boolean}
*/
- isPropertyImplicit: function(name)
- {
- var property = this._activePropertyMap.get(name);
- return property ? property.implicit : "";
- },
-
- /**
- * @param {string} name
- * @return {!Array.<!WebInspector.CSSProperty>}
- */
- longhandProperties: function(name)
- {
- var longhands = WebInspector.cssMetadata().longhands(name);
- var result = [];
- for (var i = 0; longhands && i < longhands.length; ++i) {
- var property = this._activePropertyMap.get(longhands[i]);
- if (property)
- result.push(property);
- }
- return result;
- },
-
- /**
- * @param {number} index
- * @return {?WebInspector.CSSProperty}
- */
- propertyAt: function(index)
- {
- return (index < this.allProperties.length) ? this.allProperties[index] : null;
- },
+ function propertyHasRange(property) {
+ return !!property.range;
+ }
- /**
- * @return {number}
- */
- pastLastSourcePropertyIndex: function()
- {
- for (var i = this.allProperties.length - 1; i >= 0; --i) {
- if (this.allProperties[i].range)
- return i + 1;
+ if (this.range)
+ return this._allProperties.filter(propertyHasRange);
+
+ var leadingProperties = [];
+ for (var property of this._allProperties) {
+ var shorthands = WebInspector.cssMetadata().shorthands(property.name) || [];
+ var belongToAnyShorthand = false;
+ for (var shorthand of shorthands) {
+ if (this._shorthandValues.get(shorthand)) {
+ belongToAnyShorthand = true;
+ break;
}
- return 0;
- },
-
- /**
- * @param {number} index
- * @return {!WebInspector.TextRange}
- */
- _insertionRange: function(index)
- {
- var property = this.propertyAt(index);
- return property && property.range ? property.range.collapseToStart() : this.range.collapseToEnd();
- },
-
- /**
- * @param {number=} index
- * @return {!WebInspector.CSSProperty}
- */
- newBlankProperty: function(index)
- {
- index = (typeof index === "undefined") ? this.pastLastSourcePropertyIndex() : index;
- var property = new WebInspector.CSSProperty(this, index, "", "", false, false, true, false, "", this._insertionRange(index));
- return property;
- },
-
- /**
- * @param {string} text
- * @param {boolean} majorChange
- * @return {!Promise.<boolean>}
- */
- setText: function(text, majorChange)
- {
- return this._cssModel.setStyleText(this.styleSheetId, this.range, text, majorChange);
- },
-
- /**
- * @param {number} index
- * @param {string} name
- * @param {string} value
- * @param {function(boolean)=} userCallback
- */
- insertPropertyAt: function(index, name, value, userCallback)
- {
- this.newBlankProperty(index).setText(name + ": " + value + ";", false, true)
- .then(userCallback);
- },
+ }
+ if (!belongToAnyShorthand)
+ leadingProperties.push(property);
+ }
- /**
- * @param {string} name
- * @param {string} value
- * @param {function(boolean)=} userCallback
- */
- appendProperty: function(name, value, userCallback)
- {
- this.insertPropertyAt(this.allProperties.length, name, value, userCallback);
+ return leadingProperties;
+ }
+
+ /**
+ * @return {!Array.<!WebInspector.CSSProperty>}
+ */
+ leadingProperties() {
+ if (!this._leadingProperties)
+ this._leadingProperties = this._computeLeadingProperties();
+ return this._leadingProperties;
+ }
+
+ /**
+ * @return {!WebInspector.Target}
+ */
+ target() {
+ return this._cssModel.target();
+ }
+
+ /**
+ * @return {!WebInspector.CSSModel}
+ */
+ cssModel() {
+ return this._cssModel;
+ }
+
+ _computeInactiveProperties() {
+ var activeProperties = {};
+ for (var i = 0; i < this._allProperties.length; ++i) {
+ var property = this._allProperties[i];
+ if (property.disabled || !property.parsedOk) {
+ property._setActive(false);
+ continue;
+ }
+ var canonicalName = WebInspector.cssMetadata().canonicalPropertyName(property.name);
+ var activeProperty = activeProperties[canonicalName];
+ if (!activeProperty) {
+ activeProperties[canonicalName] = property;
+ } else if (!activeProperty.important || property.important) {
+ activeProperty._setActive(false);
+ activeProperties[canonicalName] = property;
+ } else {
+ property._setActive(false);
+ }
+ }
+ }
+
+ get allProperties() {
+ return this._allProperties;
+ }
+
+ /**
+ * @param {string} name
+ * @return {string}
+ */
+ getPropertyValue(name) {
+ var property = this._activePropertyMap.get(name);
+ return property ? property.value : '';
+ }
+
+ /**
+ * @param {string} name
+ * @return {boolean}
+ */
+ isPropertyImplicit(name) {
+ var property = this._activePropertyMap.get(name);
+ return property ? property.implicit : '';
+ }
+
+ /**
+ * @param {string} name
+ * @return {!Array.<!WebInspector.CSSProperty>}
+ */
+ longhandProperties(name) {
+ var longhands = WebInspector.cssMetadata().longhands(name);
+ var result = [];
+ for (var i = 0; longhands && i < longhands.length; ++i) {
+ var property = this._activePropertyMap.get(longhands[i]);
+ if (property)
+ result.push(property);
+ }
+ return result;
+ }
+
+ /**
+ * @param {number} index
+ * @return {?WebInspector.CSSProperty}
+ */
+ propertyAt(index) {
+ return (index < this.allProperties.length) ? this.allProperties[index] : null;
+ }
+
+ /**
+ * @return {number}
+ */
+ pastLastSourcePropertyIndex() {
+ for (var i = this.allProperties.length - 1; i >= 0; --i) {
+ if (this.allProperties[i].range)
+ return i + 1;
}
+ return 0;
+ }
+
+ /**
+ * @param {number} index
+ * @return {!WebInspector.TextRange}
+ */
+ _insertionRange(index) {
+ var property = this.propertyAt(index);
+ return property && property.range ? property.range.collapseToStart() : this.range.collapseToEnd();
+ }
+
+ /**
+ * @param {number=} index
+ * @return {!WebInspector.CSSProperty}
+ */
+ newBlankProperty(index) {
+ index = (typeof index === 'undefined') ? this.pastLastSourcePropertyIndex() : index;
+ var property =
+ new WebInspector.CSSProperty(this, index, '', '', false, false, true, false, '', this._insertionRange(index));
+ return property;
+ }
+
+ /**
+ * @param {string} text
+ * @param {boolean} majorChange
+ * @return {!Promise.<boolean>}
+ */
+ setText(text, majorChange) {
+ return this._cssModel.setStyleText(this.styleSheetId, this.range, text, majorChange);
+ }
+
+ /**
+ * @param {number} index
+ * @param {string} name
+ * @param {string} value
+ * @param {function(boolean)=} userCallback
+ */
+ insertPropertyAt(index, name, value, userCallback) {
+ this.newBlankProperty(index).setText(name + ': ' + value + ';', false, true).then(userCallback);
+ }
+
+ /**
+ * @param {string} name
+ * @param {string} value
+ * @param {function(boolean)=} userCallback
+ */
+ appendProperty(name, value, userCallback) {
+ this.insertPropertyAt(this.allProperties.length, name, value, userCallback);
+ }
+};
+
+/** @enum {string} */
+WebInspector.CSSStyleDeclaration.Type = {
+ Regular: 'Regular',
+ Inline: 'Inline',
+ Attributes: 'Attributes'
};

Powered by Google App Engine
This is Rietveld 408576698