summaryrefslogtreecommitdiff
path: root/Source/WebInspectorUI/UserInterface/CSSProperty.js
diff options
context:
space:
mode:
authorAllan Sandfeld Jensen <allan.jensen@digia.com>2013-09-13 12:51:20 +0200
committerThe Qt Project <gerrit-noreply@qt-project.org>2013-09-19 20:50:05 +0200
commitd441d6f39bb846989d95bcf5caf387b42414718d (patch)
treee367e64a75991c554930278175d403c072de6bb8 /Source/WebInspectorUI/UserInterface/CSSProperty.js
parent0060b2994c07842f4c59de64b5e3e430525c4b90 (diff)
downloadqtwebkit-d441d6f39bb846989d95bcf5caf387b42414718d.tar.gz
Import Qt5x2 branch of QtWebkit for Qt 5.2
Importing a new snapshot of webkit. Change-Id: I2d01ad12cdc8af8cb015387641120a9d7ea5f10c Reviewed-by: Allan Sandfeld Jensen <allan.jensen@digia.com>
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/CSSProperty.js')
-rw-r--r--Source/WebInspectorUI/UserInterface/CSSProperty.js454
1 files changed, 454 insertions, 0 deletions
diff --git a/Source/WebInspectorUI/UserInterface/CSSProperty.js b/Source/WebInspectorUI/UserInterface/CSSProperty.js
new file mode 100644
index 000000000..fefb4ee8f
--- /dev/null
+++ b/Source/WebInspectorUI/UserInterface/CSSProperty.js
@@ -0,0 +1,454 @@
+/*
+ * Copyright (C) 2013 Apple Inc. All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions
+ * are met:
+ * 1. Redistributions of source code must retain the above copyright
+ * notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright
+ * notice, this list of conditions and the following disclaimer in the
+ * documentation and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+ * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+ * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
+ * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
+ * THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+WebInspector.CSSProperty = function(index, text, name, value, priority, enabled, overridden, implicit, anonymous, valid, styleSheetTextRange, styleDeclarationTextRange)
+{
+ WebInspector.Object.call(this);
+
+ this._ownerStyle = null;
+ this._index = index;
+
+ this.update(text, name, value, priority, enabled, overridden, implicit, anonymous, valid, styleSheetTextRange, styleDeclarationTextRange, true);
+};
+
+WebInspector.Object.addConstructorFunctions(WebInspector.CSSProperty);
+
+WebInspector.CSSProperty.Event = {
+ Changed: "css-property-changed",
+ OverriddenStatusChanged: "css-property-overridden-status-changed"
+};
+
+WebInspector.CSSProperty.prototype = {
+ constructor: WebInspector.CSSProperty,
+
+ // Public
+
+ get ownerStyle()
+ {
+ return this._ownerStyle;
+ },
+
+ set ownerStyle(ownerStyle)
+ {
+ this._ownerStyle = ownerStyle || null;
+ },
+
+ get index()
+ {
+ return this._index;
+ },
+
+ set index(index)
+ {
+ this._index = index;
+ },
+
+ update: function(text, name, value, priority, enabled, overridden, implicit, anonymous, valid, styleSheetTextRange, styleDeclarationTextRange, dontFireEvents)
+ {
+ text = text || "";
+ name = name || "";
+ value = value || "";
+ priority = priority || "";
+ enabled = enabled || false;
+ overridden = overridden || false;
+ implicit = implicit || false;
+ anonymous = anonymous || false;
+ valid = valid || false;
+
+ var changed = false;
+
+ if (!dontFireEvents) {
+ changed = this._name !== name || this._value !== value || this._priority !== priority ||
+ this._enabled !== enabled || this._implicit !== implicit || this._anonymous !== anonymous || this._valid !== valid;
+ }
+
+ // Use the setter for overridden if we want to fire events since the
+ // OverriddenStatusChanged event coalesces changes before it fires.
+ if (!dontFireEvents)
+ this.overridden = overridden;
+ else
+ this._overridden = overridden;
+
+ this._text = text;
+ this._name = name;
+ this._value = value;
+ this._priority = priority;
+ this._enabled = enabled;
+ this._implicit = implicit;
+ this._anonymous = anonymous;
+ this._inherited = name in WebInspector.CSSKeywordCompletions.InheritedProperties;
+ this._valid = valid;
+ this._styleSheetTextRange = styleSheetTextRange || null;
+
+ if (styleDeclarationTextRange)
+ this._styleDeclarationTextRange = styleDeclarationTextRange;
+ else
+ delete this._styleDeclarationTextRange;
+
+ this._relatedShorthandProperty = null;
+ this._relatedLonghandProperties = [];
+
+ delete this._canonicalName;
+ delete this._hasOtherVendorNameOrKeyword;
+
+ if (!this._updatePropertySoonTimeout) {
+ delete this._pendingName;
+ delete this._pendingValue;
+ delete this._pendingPriority;
+ }
+
+ if (changed)
+ this.dispatchEventToListeners(WebInspector.CSSProperty.Event.Changed);
+ },
+
+ get synthesizedText()
+ {
+ var name = this.name;
+ if (!name)
+ return "";
+
+ var priority = this.priority;
+ return name + ": " + this.value.trim() + (priority ? " !" + priority : "") + ";";
+ },
+
+ get text()
+ {
+ return this._text || this.synthesizedText;
+ },
+
+ set text(text)
+ {
+ if (!this._ownerStyle || !this._ownerStyle.editable)
+ return;
+
+ if (this._text === text)
+ return;
+
+ if (isNaN(this._index)) {
+ this._text = text || "";
+
+ // Clear the name, value and priority since they might not match the text now.
+ this._name = "";
+ this._value = "";
+ this._priority = "";
+
+ // Ditto for the canonical and pending properties.
+ delete this._canonicalName;
+ delete this._pendingName;
+ delete this._pendingValue;
+ delete this._pendingPriority;
+
+ return;
+ }
+
+ this._cancelPendingUpdate();
+ this._ownerStyle.nodeStyles.changePropertyText(this, text);
+ },
+
+ get name()
+ {
+ if (isNaN(this._index))
+ return this._pendingName || this._name;
+ return this._name;
+ },
+
+ set name(name)
+ {
+ if (!this._ownerStyle || !this._ownerStyle.editable)
+ return;
+
+ if (this._name === name)
+ return;
+
+ if (isNaN(this._index)) {
+ this._name = name;
+ this._text = "";
+
+ delete this._canonicalName;
+ } else {
+ this._pendingName = name;
+ this._updatePropertySoon();
+ }
+ },
+
+ get canonicalName()
+ {
+ if (this._canonicalName)
+ return this._canonicalName;
+
+ this._canonicalName = WebInspector.cssStyleManager.canonicalNameForPropertyName(this.name);
+
+ return this._canonicalName;
+ },
+
+ get value()
+ {
+ if (isNaN(this._index))
+ return this._pendingValue || this._value;
+ return this._value;
+ },
+
+ set value(value)
+ {
+ if (!this._ownerStyle || !this._ownerStyle.editable)
+ return;
+
+ if (this._value === value)
+ return;
+
+ if (isNaN(this._index)) {
+ this._value = value;
+ this._text = "";
+ } else {
+ this._pendingValue = value;
+ this._updatePropertySoon();
+ }
+ },
+
+ get important()
+ {
+ return this.priority === "important";
+ },
+
+ set important(important)
+ {
+ this.priority = important ? "important" : "";
+ },
+
+ get priority()
+ {
+ if (isNaN(this._index))
+ return this._pendingPriority || this._priority;
+ return this._priority;
+ },
+
+ set priority(priority)
+ {
+ if (!this._ownerStyle || !this._ownerStyle.editable)
+ return;
+
+ if (this._priority === priority)
+ return;
+
+ if (isNaN(this._index)) {
+ this._priority = priority;
+ this._text = "";
+ } else {
+ this._pendingPriority = priority;
+ this._updatePropertySoon();
+ }
+ },
+
+ get enabled()
+ {
+ return this._enabled && this._ownerStyle && (!isNaN(this._index) || this._ownerStyle.type === WebInspector.CSSStyleDeclaration.Type.Computed);
+ },
+
+ set enabled(enabled)
+ {
+ if (!this._ownerStyle || !this._ownerStyle.editable)
+ return;
+
+ this._ownerStyle.nodeStyles.changePropertyEnabledState(this, enabled);
+ },
+
+ get overridden()
+ {
+ return this._overridden;
+ },
+
+ set overridden(overridden)
+ {
+ overridden = overridden || false;
+
+ if (this._overridden === overridden)
+ return;
+
+ var previousOverridden = this._overridden;
+
+ this._overridden = overridden;
+
+ if (this._overriddenStatusChangedTimeout)
+ return;
+
+ function delayed()
+ {
+ delete this._overriddenStatusChangedTimeout;
+
+ if (this._overridden === previousOverridden)
+ return;
+
+ this.dispatchEventToListeners(WebInspector.CSSProperty.Event.OverriddenStatusChanged);
+ }
+
+ this._overriddenStatusChangedTimeout = setTimeout(delayed.bind(this), 0);
+ },
+
+ get implicit()
+ {
+ return this._implicit;
+ },
+
+ get anonymous()
+ {
+ return this._anonymous;
+ },
+
+ get inherited()
+ {
+ return this._inherited;
+ },
+
+ get valid()
+ {
+ return this._valid;
+ },
+
+ get styleSheetTextRange()
+ {
+ return this._styleSheetTextRange;
+ },
+
+ get styleDeclarationTextRange()
+ {
+ if ("_styleDeclarationTextRange" in this)
+ return this._styleDeclarationTextRange;
+
+ if (!this._ownerStyle || !this._styleSheetTextRange)
+ return null;
+
+ var styleTextRange = this._ownerStyle.styleSheetTextRange;
+ if (!styleTextRange)
+ return null;
+
+ var startLine = this._styleSheetTextRange.startLine - styleTextRange.startLine;
+ var endLine = this._styleSheetTextRange.endLine - styleTextRange.startLine;
+
+ var startColumn = this._styleSheetTextRange.startColumn;
+ if (!startLine)
+ startColumn -= styleTextRange.startColumn;
+
+ var endColumn = this._styleSheetTextRange.endColumn;
+ if (!endLine)
+ endColumn -= styleTextRange.startColumn;
+
+ this._styleDeclarationTextRange = new WebInspector.TextRange(startLine, startColumn, endLine, endColumn);
+
+ return this._styleDeclarationTextRange;
+ },
+
+ get relatedShorthandProperty()
+ {
+ return this._relatedShorthandProperty;
+ },
+
+ set relatedShorthandProperty(property)
+ {
+ this._relatedShorthandProperty = property || null;
+ },
+
+ get relatedLonghandProperties()
+ {
+ return this._relatedLonghandProperties;
+ },
+
+ addRelatedLonghandProperty: function(property)
+ {
+ this._relatedLonghandProperties.push(property);
+ },
+
+ clearRelatedLonghandProperties: function(property)
+ {
+ this._relatedLonghandProperties = [];
+ },
+
+ hasOtherVendorNameOrKeyword: function()
+ {
+ if ("_hasOtherVendorNameOrKeyword" in this)
+ return this._hasOtherVendorNameOrKeyword;
+
+ this._hasOtherVendorNameOrKeyword = WebInspector.cssStyleManager.propertyNameHasOtherVendorPrefix(this.name) || WebInspector.cssStyleManager.propertyValueHasOtherVendorKeyword(this.value);
+
+ return this._hasOtherVendorNameOrKeyword;
+ },
+
+ add: function()
+ {
+ // We can only add if the index is NaN. Return early otherwise.
+ if (!this._ownerStyle || !this._ownerStyle.editable || !isNaN(this._index))
+ return;
+
+ this._cancelPendingUpdate();
+ this._ownerStyle.addProperty(this);
+ },
+
+ remove: function()
+ {
+ // We can only remove if the index is not NaN. Return early otherwise.
+ if (!this._ownerStyle || !this._ownerStyle.editable || isNaN(this._index))
+ return;
+
+ this._cancelPendingUpdate();
+ this._ownerStyle.removeProperty(this);
+ },
+
+ // Private
+
+ _updatePropertySoon: function()
+ {
+ if (!this._ownerStyle || isNaN(this._index) || this._updatePropertySoonTimeout)
+ return;
+
+ function performUpdate()
+ {
+ delete this._updatePropertySoonTimeout;
+
+ if (!this._ownerStyle || isNaN(this._index))
+ return;
+
+ var name = "_pendingName" in this ? this._pendingName : this._name;
+ var value = "_pendingValue" in this ? this._pendingValue : this._value;
+ var priority = "_pendingPriority" in this ? this._pendingPriority : this._priority;
+
+ delete this._pendingName;
+ delete this._pendingValue;
+ delete this._pendingPriority;
+
+ this._ownerStyle.nodeStyles.changeProperty(this, name, value, priority);
+ }
+
+ this._updatePropertySoonTimeout = setTimeout(performUpdate.bind(this), 0);
+ },
+
+ _cancelPendingUpdate: function()
+ {
+ if (!this._updatePropertySoonTimeout)
+ return;
+ clearTimeout(this._updatePropertySoonTimeout);
+ delete this._updatePropertySoonTimeout;
+ }
+};
+
+WebInspector.CSSProperty.prototype.__proto__ = WebInspector.Object.prototype;