@acemir/cssom 0.9.24 → 0.9.26

package/lib/CSSPageRule.js

@@ -24,9 +24,11 @@ CSSOM.CSSPageRule = function CSSPageRule() {
 	this.__style.parentRule = this;
 };
 
-CSSOM.CSSPageRule.prototype = new CSSOM.CSSGroupingRule();
+CSSOM.CSSPageRule.prototype = Object.create(CSSOM.CSSGroupingRule.prototype);
 CSSOM.CSSPageRule.prototype.constructor = CSSOM.CSSPageRule;
 
+Object.setPrototypeOf(CSSOM.CSSPageRule, CSSOM.CSSGroupingRule);
+
 Object.defineProperty(CSSOM.CSSPageRule.prototype, "type", {
 	value: 6,
 	writable: false
@@ -121,160 +123,9 @@ Object.defineProperty(CSSOM.CSSPageRule.prototype, "cssText", {
             values = " {" + (this.style.cssText ? " " + this.style.cssText : "") + " }";
         }
 		return "@page" + (this.selectorText ? " " + this.selectorText : "") + values;
-	},
-	set: function(cssText) {
-		if (typeof value === "string") {
-			var rule = CSSOM.CSSPageRule.parse(cssText);
-			this.__style = rule.style;
-			this.selectorText = rule.selectorText;
-		}
 	}
 });
 
-/**
- * NON-STANDARD
- * lightweight version of parse.js.
- * @param {string} ruleText
- * @return CSSPageRule
- */
-CSSOM.CSSPageRule.parse = function(ruleText) {
-	var i = 0;
-	var state = "selector";
-	var index;
-	var j = i;
-	var buffer = "";
-
-	var SIGNIFICANT_WHITESPACE = {
-		"selector": true,
-		"value": true
-	};
-
-	var pageRule = new CSSOM.CSSPageRule();
-	var name, priority="";
-
-	for (var character; (character = ruleText.charAt(i)); i++) {
-
-		switch (character) {
-
-		case " ":
-		case "\t":
-		case "\r":
-		case "\n":
-		case "\f":
-			if (SIGNIFICANT_WHITESPACE[state]) {
-				// Squash 2 or more white-spaces in the row into 1
-				switch (ruleText.charAt(i - 1)) {
-					case " ":
-					case "\t":
-					case "\r":
-					case "\n":
-					case "\f":
-						break;
-					default:
-						buffer += " ";
-						break;
-				}
-			}
-			break;
-
-		// String
-		case '"':
-			j = i + 1;
-			index = ruleText.indexOf('"', j) + 1;
-			if (!index) {
-				throw '" is missing';
-			}
-			buffer += ruleText.slice(i, index);
-			i = index - 1;
-			break;
-
-		case "'":
-			j = i + 1;
-			index = ruleText.indexOf("'", j) + 1;
-			if (!index) {
-				throw "' is missing";
-			}
-			buffer += ruleText.slice(i, index);
-			i = index - 1;
-			break;
-
-		// Comment
-		case "/":
-			if (ruleText.charAt(i + 1) === "*") {
-				i += 2;
-				index = ruleText.indexOf("*/", i);
-				if (index === -1) {
-					throw new SyntaxError("Missing */");
-				} else {
-					i = index + 1;
-				}
-			} else {
-				buffer += character;
-			}
-			break;
-
-		case "{":
-			if (state === "selector") {
-				pageRule.selectorText = buffer.trim();
-				buffer = "";
-				state = "name";
-			}
-			break;
-
-		case ":":
-			if (state === "name") {
-				name = buffer.trim();
-				buffer = "";
-				state = "value";
-			} else {
-				buffer += character;
-			}
-			break;
-
-		case "!":
-			if (state === "value" && ruleText.indexOf("!important", i) === i) {
-				priority = "important";
-				i += "important".length;
-			} else {
-				buffer += character;
-			}
-			break;
-
-		case ";":
-			if (state === "value") {
-				pageRule.style.setProperty(name, buffer.trim(), priority);
-				priority = "";
-				buffer = "";
-				state = "name";
-			} else {
-				buffer += character;
-			}
-			break;
-
-		case "}":
-			if (state === "value") {
-				pageRule.style.setProperty(name, buffer.trim(), priority);
-				priority = "";
-				buffer = "";
-			} else if (state === "name") {
-				break;
-			} else {
-				buffer += character;
-			}
-			state = "selector";
-			break;
-
-		default:
-			buffer += character;
-			break;
-
-		}
-	}
-
-	return pageRule;
-
-};
-
 //.CommonJS
 exports.CSSPageRule = CSSOM.CSSPageRule;
 ///CommonJS

package/lib/CSSRule.js

@@ -43,6 +43,16 @@ Object.defineProperties(CSSOM.CSSRule.prototype, {
     enumerable: true
   },
 
+  cssText: {
+    get: function() {
+      // Default getter: subclasses should override this
+      return "";
+    },
+    set: function(cssText) {
+      return cssText;
+    }
+  },
+
   parentRule: {
     get: function() {
       return this.__parentRule

package/lib/CSSScopeRule.js

@@ -16,9 +16,10 @@ CSSOM.CSSScopeRule = function CSSScopeRule() {
   this.__end = null;
 };
 
-CSSOM.CSSScopeRule.prototype = new CSSOM.CSSGroupingRule();
+CSSOM.CSSScopeRule.prototype = Object.create(CSSOM.CSSGroupingRule.prototype);
 CSSOM.CSSScopeRule.prototype.constructor = CSSOM.CSSScopeRule;
 
+Object.setPrototypeOf(CSSOM.CSSScopeRule, CSSOM.CSSGroupingRule);
 
 Object.defineProperties(CSSOM.CSSScopeRule.prototype, {
   type: {

package/lib/CSSStartingStyleRule.js

@@ -15,9 +15,16 @@ CSSOM.CSSStartingStyleRule = function CSSStartingStyleRule() {
 	CSSOM.CSSGroupingRule.call(this);
 };
 
-CSSOM.CSSStartingStyleRule.prototype = new CSSOM.CSSGroupingRule();
+CSSOM.CSSStartingStyleRule.prototype = Object.create(CSSOM.CSSGroupingRule.prototype);
 CSSOM.CSSStartingStyleRule.prototype.constructor = CSSOM.CSSStartingStyleRule;
-CSSOM.CSSStartingStyleRule.prototype.type = 1002;
+
+Object.setPrototypeOf(CSSOM.CSSStartingStyleRule, CSSOM.CSSGroupingRule);
+
+Object.defineProperty(CSSOM.CSSStartingStyleRule.prototype, "type", {
+	value: 1002,
+	writable: false
+});
+
 //FIXME
 //CSSOM.CSSStartingStyleRule.prototype.insertRule = CSSStyleSheet.prototype.insertRule;
 //CSSOM.CSSStartingStyleRule.prototype.deleteRule = CSSStyleSheet.prototype.deleteRule;

package/lib/CSSStyleRule.js

@@ -26,9 +26,11 @@ CSSOM.CSSStyleRule = function CSSStyleRule() {
 	this.__style.parentRule = this;
 };
 
-CSSOM.CSSStyleRule.prototype = new CSSOM.CSSGroupingRule();
+CSSOM.CSSStyleRule.prototype = Object.create(CSSOM.CSSGroupingRule.prototype);
 CSSOM.CSSStyleRule.prototype.constructor = CSSOM.CSSStyleRule;
 
+Object.setPrototypeOf(CSSOM.CSSStyleRule, CSSOM.CSSGroupingRule);
+
 Object.defineProperty(CSSOM.CSSStyleRule.prototype, "type", {
 	value: 1,
 	writable: false
@@ -92,162 +94,9 @@ Object.defineProperty(CSSOM.CSSStyleRule.prototype, "cssText", {
 			text = "";
 		}
 		return text;
-	},
-	set: function(cssText) {
-		if (typeof cssText === "string") {
-			var rule = CSSOM.CSSStyleRule.parse(cssText);
-			this.__style = rule.style;
-			this.selectorText = rule.selectorText;
-		}
 	}
 });
 
-
-/**
- * NON-STANDARD
- * lightweight version of parse.js.
- * @param {string} ruleText
- * @return CSSStyleRule
- */
-CSSOM.CSSStyleRule.parse = function(ruleText) {
-	var i = 0;
-	var state = "selector";
-	var index;
-	var j = i;
-	var buffer = "";
-
-	var SIGNIFICANT_WHITESPACE = {
-		"selector": true,
-		"value": true
-	};
-
-	var styleRule = new CSSOM.CSSStyleRule();
-	var name, priority="";
-
-	for (var character; (character = ruleText.charAt(i)); i++) {
-
-		switch (character) {
-
-		case " ":
-		case "\t":
-		case "\r":
-		case "\n":
-		case "\f":
-			if (SIGNIFICANT_WHITESPACE[state]) {
-				// Squash 2 or more white-spaces in the row into 1
-				switch (ruleText.charAt(i - 1)) {
-					case " ":
-					case "\t":
-					case "\r":
-					case "\n":
-					case "\f":
-						break;
-					default:
-						buffer += " ";
-						break;
-				}
-			}
-			break;
-
-		// String
-		case '"':
-			j = i + 1;
-			index = ruleText.indexOf('"', j) + 1;
-			if (!index) {
-				throw '" is missing';
-			}
-			buffer += ruleText.slice(i, index);
-			i = index - 1;
-			break;
-
-		case "'":
-			j = i + 1;
-			index = ruleText.indexOf("'", j) + 1;
-			if (!index) {
-				throw "' is missing";
-			}
-			buffer += ruleText.slice(i, index);
-			i = index - 1;
-			break;
-
-		// Comment
-		case "/":
-			if (ruleText.charAt(i + 1) === "*") {
-				i += 2;
-				index = ruleText.indexOf("*/", i);
-				if (index === -1) {
-					throw new SyntaxError("Missing */");
-				} else {
-					i = index + 1;
-				}
-			} else {
-				buffer += character;
-			}
-			break;
-
-		case "{":
-			if (state === "selector") {
-				styleRule.selectorText = buffer.trim();
-				buffer = "";
-				state = "name";
-			}
-			break;
-
-		case ":":
-			if (state === "name") {
-				name = buffer.trim();
-				buffer = "";
-				state = "value";
-			} else {
-				buffer += character;
-			}
-			break;
-
-		case "!":
-			if (state === "value" && ruleText.indexOf("!important", i) === i) {
-				priority = "important";
-				i += "important".length;
-			} else {
-				buffer += character;
-			}
-			break;
-
-		case ";":
-			if (state === "value") {
-				styleRule.style.setProperty(name, buffer.trim(), priority);
-				priority = "";
-				buffer = "";
-				state = "name";
-			} else {
-				buffer += character;
-			}
-			break;
-
-		case "}":
-			if (state === "value") {
-				styleRule.style.setProperty(name, buffer.trim(), priority);
-				priority = "";
-				buffer = "";
-			} else if (state === "name") {
-				break;
-			} else {
-				buffer += character;
-			}
-			state = "selector";
-			break;
-
-		default:
-			buffer += character;
-			break;
-
-		}
-	}
-
-	return styleRule;
-
-};
-
-
 //.CommonJS
 exports.CSSStyleRule = CSSOM.CSSStyleRule;
 ///CommonJS

package/lib/CSSStyleSheet.js

@@ -1,5 +1,6 @@
 //.CommonJS
 var CSSOM = {
+	getGlobalObject: require('./CSSOM').getGlobalObject,
 	MediaList: require("./MediaList").MediaList,
 	StyleSheet: require("./StyleSheet").StyleSheet,
 	CSSRuleList: require("./CSSRuleList").CSSRuleList,
@@ -11,21 +12,52 @@ var errorUtils = require("./errorUtils").errorUtils;
 
 /**
  * @constructor
+ * @param {CSSStyleSheetInit} [opts] - CSSStyleSheetInit options.
+ * @param {string} [opts.baseURL] - The base URL of the stylesheet.
+ * @param {boolean} [opts.disabled] - The disabled attribute of the stylesheet.
+ * @param {MediaList | string} [opts.media] - The media attribute of the stylesheet.
  * @see http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet
  */
-CSSOM.CSSStyleSheet = function CSSStyleSheet() {
+CSSOM.CSSStyleSheet = function CSSStyleSheet(opts) {
 	CSSOM.StyleSheet.call(this);
 	this.__constructed = true;
-	this.cssRules = new CSSOM.CSSRuleList();
+	this.__cssRules = new CSSOM.CSSRuleList();
+	this.__ownerRule = null; 
+
+	if (opts && typeof opts === "object") {
+		if (opts.baseURL && typeof opts.baseURL === "string") {
+			this.__baseURL = opts.baseURL;
+		}
+		if (opts.media && typeof opts.media === "string") {
+			this.media.mediaText = opts.media;
+		}
+		if (typeof opts.disabled === "boolean") {
+			this.disabled = opts.disabled;
+		}
+	}
 };
 
 
-CSSOM.CSSStyleSheet.prototype = new CSSOM.StyleSheet();
+CSSOM.CSSStyleSheet.prototype = Object.create(CSSOM.StyleSheet.prototype);
 CSSOM.CSSStyleSheet.prototype.constructor = CSSOM.CSSStyleSheet;
 
+Object.setPrototypeOf(CSSOM.CSSStyleSheet, CSSOM.StyleSheet);
+
+Object.defineProperty(CSSOM.CSSStyleSheet.prototype, "cssRules", {
+	get: function() {
+		return this.__cssRules;
+	}
+});
+
 Object.defineProperty(CSSOM.CSSStyleSheet.prototype, "rules", {
 	get: function() {
-		return this.cssRules;
+		return this.__cssRules;
+	}
+});
+
+Object.defineProperty(CSSOM.CSSStyleSheet.prototype, "ownerRule", {
+	get: function() {
+		return this.__ownerRule;
 	}
 });
 
@@ -225,6 +257,9 @@ CSSOM.CSSStyleSheet.prototype.deleteRule = function(index) {
 };
 
 CSSOM.CSSStyleSheet.prototype.removeRule = function(index) {
+	if (index === void 0) {
+		index = 0;
+	}
 	this.deleteRule(index);
 };
 
@@ -237,11 +272,17 @@ CSSOM.CSSStyleSheet.prototype.removeRule = function(index) {
  */
 CSSOM.CSSStyleSheet.prototype.replace = function(text) {
 	var _Promise;
-	if (this.__globalObject) {
-		_Promise = this.__globalObject['Promise'];
+	if (CSSOM.getGlobalObject() && CSSOM.getGlobalObject()['Promise']) {
+		_Promise = CSSOM.getGlobalObject()['Promise'];
 	} else {
 		_Promise = Promise;
 	}
+	var _setTimeout;
+	if (CSSOM.getGlobalObject() && CSSOM.getGlobalObject()['setTimeout']) {
+		_setTimeout = CSSOM.getGlobalObject()['setTimeout'];
+	} else {
+		_setTimeout = setTimeout;
+	}
 	var sheet = this;
 	return new _Promise(function (resolve, reject) {
 		// If the constructed flag is not set, or the disallow modification flag is set, throw a NotAllowedError DOMException.
@@ -254,7 +295,7 @@ CSSOM.CSSStyleSheet.prototype.replace = function(text) {
 		sheet.__disallowModification = true;
 
 		// In parallel, do these steps:
-		setTimeout(function() {
+		_setTimeout(function() {
 			// Let rules be the result of running parse a stylesheet's contents from text.
 			var rules = new CSSOM.CSSRuleList();
 			CSSOM.parse(text, { styleSheet: sheet, cssRules: rules });
@@ -268,7 +309,7 @@ CSSOM.CSSStyleSheet.prototype.replace = function(text) {
 				}
 			}
 			// Set sheet's CSS rules to rules.
-			sheet.cssRules = rules;
+			sheet.__cssRules.splice.apply(sheet.__cssRules, [0, sheet.__cssRules.length].concat(rules));
 			// Unset sheet’s disallow modification flag.
 			delete sheet.__disallowModification;
 			// Resolve promise with sheet.
@@ -303,7 +344,7 @@ CSSOM.CSSStyleSheet.prototype.replaceSync = function(text) {
 		}
 	}
 	// Set sheet's CSS rules to rules.
-	sheet.cssRules = rules;
+	sheet.__cssRules.splice.apply(sheet.__cssRules, [0, sheet.__cssRules.length].concat(rules));
 }
 
 /**

package/lib/CSSSupportsRule.js

@@ -16,9 +16,15 @@ CSSOM.CSSSupportsRule = function CSSSupportsRule() {
   CSSOM.CSSConditionRule.call(this);
 };
 
-CSSOM.CSSSupportsRule.prototype = new CSSOM.CSSConditionRule();
+CSSOM.CSSSupportsRule.prototype = Object.create(CSSOM.CSSConditionRule.prototype);
 CSSOM.CSSSupportsRule.prototype.constructor = CSSOM.CSSSupportsRule;
-CSSOM.CSSSupportsRule.prototype.type = 12;
+  
+Object.setPrototypeOf(CSSOM.CSSSupportsRule, CSSOM.CSSConditionRule);
+
+Object.defineProperty(CSSOM.CSSSupportsRule.prototype, "type", {
+	value: 12,
+	writable: false
+});
 
 Object.defineProperty(CSSOM.CSSSupportsRule.prototype, "cssText", {
   get: function() {

package/lib/CSSValueExpression.js

@@ -15,9 +15,11 @@ CSSOM.CSSValueExpression = function CSSValueExpression(token, idx) {
 	this._idx = idx;
 };
 
-CSSOM.CSSValueExpression.prototype = new CSSOM.CSSValue();
+CSSOM.CSSValueExpression.prototype = Object.create(CSSOM.CSSValue.prototype);
 CSSOM.CSSValueExpression.prototype.constructor = CSSOM.CSSValueExpression;
 
+Object.setPrototypeOf(CSSOM.CSSValueExpression, CSSOM.CSSValue);
+
 /**
  * parse css expression() value
  *

package/lib/MediaList.js

@@ -26,12 +26,20 @@ CSSOM.MediaList.prototype = {
 	 * @param {string} value
 	 */
 	set mediaText(value) {
-		var values = value.split(",").filter(function(text){
-			return !!text;
-		});
-		var length = this.length = values.length;
-		for (var i=0; i<length; i++) {
-			this[i] = values[i].trim();
+		if (typeof value === "string") {
+			var values = value.split(",").filter(function(text){
+				return !!text;
+			});
+			var length = this.length = values.length;
+			for (var i=0; i<length; i++) {
+				this[i] = values[i].trim();
+			}
+		} else if (value === null) {
+			var length = this.length;
+			for (var i = 0; i < length; i++) {
+				delete this[i];
+			}
+			this.length = 0;
 		}
 	},
 
@@ -53,8 +61,15 @@ CSSOM.MediaList.prototype = {
 		if (index !== -1) {
 			Array.prototype.splice.call(this, index, 1);
 		}
-	}
+	},
 
+	item: function(index) {
+		return this[index] || null;
+	},
+
+	toString: function() {
+		return this.mediaText;
+	}
 };
 
 

package/lib/StyleSheet.js

@@ -6,15 +6,38 @@ var CSSOM = {
 
 
 /**
- * @constructor
  * @see http://dev.w3.org/csswg/cssom/#the-stylesheet-interface
  */
 CSSOM.StyleSheet = function StyleSheet() {
+	this.__href = null;
+	this.__ownerNode = null;
+	this.__title = null;
 	this.__media = new CSSOM.MediaList();
 	this.__parentStyleSheet = null;
+	this.disabled = false;
 };
 
 Object.defineProperties(CSSOM.StyleSheet.prototype, {
+	type: {
+		get: function() {
+			return "text/css";
+		}
+	},
+	href: {
+		get: function() {
+			return this.__href;
+		}
+	},
+	ownerNode: {
+		get: function() {
+			return this.__ownerNode;
+		}
+	},
+	title: {
+		get: function() {
+			return this.__title;
+		}
+	},
 	media: {
 		get: function() {
 			return this.__media;

package/lib/errorUtils.js

@@ -1,3 +1,9 @@
+//.CommonJS
+var CSSOM = {
+	getGlobalObject: require('./CSSOM').getGlobalObject
+}
+///CommonJS
+
 // Utility functions for CSSOM error handling
 
 /**
@@ -10,19 +16,8 @@
  * @return {Function} The error constructor
  */
 function getErrorConstructor(context, errorType) {
-	// Try parentStyleSheet.__globalObject first
-	if (context.parentStyleSheet && context.parentStyleSheet.__globalObject && context.parentStyleSheet.__globalObject[errorType]) {
-		return context.parentStyleSheet.__globalObject[errorType];
-	}
-	
-	// Try __parentStyleSheet (alternative naming)
-	if (context.__parentStyleSheet && context.__parentStyleSheet.__globalObject && context.__parentStyleSheet.__globalObject[errorType]) {
-		return context.__parentStyleSheet.__globalObject[errorType];
-	}
-	
-	// Try __globalObject on the context itself
-	if (context.__globalObject && context.__globalObject[errorType]) {
-		return context.__globalObject[errorType];
+	if (CSSOM.getGlobalObject() && CSSOM.getGlobalObject()[errorType]) {
+		return CSSOM.getGlobalObject()[errorType];
 	}
 	
 	// Fall back to native constructor

package/lib/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+exports.setup = require('./CSSOM').setup;
+
 require('./errorUtils');
 
 exports.CSSStyleDeclaration = require('./CSSStyleDeclaration').CSSStyleDeclaration;