diff options
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/CSSProperty.js')
| -rw-r--r-- | Source/WebInspectorUI/UserInterface/CSSProperty.js | 454 |
1 files changed, 0 insertions, 454 deletions
diff --git a/Source/WebInspectorUI/UserInterface/CSSProperty.js b/Source/WebInspectorUI/UserInterface/CSSProperty.js deleted file mode 100644 index fefb4ee8f..000000000 --- a/Source/WebInspectorUI/UserInterface/CSSProperty.js +++ /dev/null @@ -1,454 +0,0 @@ -/* - * 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; |