@acemir/cssom 0.9.23 → 0.9.25

package/lib/CSSNestedDeclarations.js

@@ -22,9 +22,15 @@ CSSOM.CSSNestedDeclarations = function CSSNestedDeclarations() {
   this.__style.parentRule = this;
 };
 
-CSSOM.CSSNestedDeclarations.prototype = new CSSOM.CSSRule();
+CSSOM.CSSNestedDeclarations.prototype = Object.create(CSSOM.CSSRule.prototype);
 CSSOM.CSSNestedDeclarations.prototype.constructor = CSSOM.CSSNestedDeclarations;
-CSSOM.CSSNestedDeclarations.prototype.type = 0;
+
+Object.setPrototypeOf(CSSOM.CSSNestedDeclarations, CSSOM.CSSRule);
+
+Object.defineProperty(CSSOM.CSSNestedDeclarations.prototype, "type", {
+  value: 0,
+  writable: false
+});
 
 Object.defineProperty(CSSOM.CSSNestedDeclarations.prototype, "style", {
 	get: function() {
@@ -42,9 +48,7 @@ Object.defineProperty(CSSOM.CSSNestedDeclarations.prototype, "style", {
 Object.defineProperty(CSSOM.CSSNestedDeclarations.prototype, "cssText", {
   get: function () {
     return this.style.cssText;
-  },
-  configurable: true,
-  enumerable: true,
+  }
 });
 
 //.CommonJS

package/lib/CSSOM.js

@@ -1,3 +1,18 @@
-var CSSOM = {};
+var __globalObject = null;
 
+var CSSOM = {
+    setup: function(opts) {
+        if (opts.globalObject) {
+            __globalObject = opts.globalObject;
+        }
+    },
+    getGlobalObject: function() {
+        return __globalObject;
+    }
+};
+
+//.CommonJS
+exports.setup = CSSOM.setup;
+exports.getGlobalObject = CSSOM.getGlobalObject;
+///CommonJS
 

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
@@ -106,170 +108,24 @@ Object.defineProperty(CSSOM.CSSPageRule.prototype, "style", {
 
 Object.defineProperty(CSSOM.CSSPageRule.prototype, "cssText", {
 	get: function() {
-        var values = ""
+        var values = "";
         if (this.cssRules.length) {
             var valuesArr = [" {"];
             this.style.cssText && valuesArr.push(this.style.cssText);
-            valuesArr.push(this.cssRules.map(function(rule){ return rule.cssText }).join("\n  "));
-            values = valuesArr.join("\n  ") + "\n}"
+            valuesArr.push(this.cssRules.reduce(function(acc, rule){ 
+				if (rule.cssText !== "") {
+					acc.push(rule.cssText);
+				}
+				return acc;
+			}, []).join("\n  "));
+            values = valuesArr.join("\n  ") + "\n}";
         } else {
             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: {
@@ -27,11 +28,18 @@ Object.defineProperties(CSSOM.CSSScopeRule.prototype, {
   },
   cssText: {
     get: function () {
-      var cssTexts = [];
-      for (var i = 0, length = this.cssRules.length; i < length; i++) {
-        cssTexts.push(this.cssRules[i].cssText);
+			var values = "";
+			var valuesArr = [" {"];
+      if (this.cssRules.length) {
+        valuesArr.push(this.cssRules.reduce(function(acc, rule){ 
+          if (rule.cssText !== "") {
+            acc.push(rule.cssText);
+          }
+          return acc;
+        }, []).join("\n  "));
       }
-      return "@scope " + (this.start ? "(" + this.start + ") " : "") + (this.end ? "to (" + this.end + ") " : "") + "{" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+      values = valuesArr.join("\n  ") + "\n}";
+      return "@scope" + (this.start ? " (" + this.start + ")" : "") + (this.end ? " to (" + this.end + ")" : "") + values;
     },
     configurable: true,
     enumerable: true,

package/lib/CSSStartingStyleRule.js

@@ -15,20 +15,34 @@ 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;
 
 Object.defineProperty(CSSOM.CSSStartingStyleRule.prototype, "cssText", {
 	get: function() {
-		var cssTexts = [];
-		for (var i=0, length=this.cssRules.length; i < length; i++) {
-			cssTexts.push(this.cssRules[i].cssText);
+		var values = "";
+		var valuesArr = [" {"];
+		if (this.cssRules.length) {
+			valuesArr.push(this.cssRules.reduce(function(acc, rule){ 
+			if (rule.cssText !== "") {
+				acc.push(rule.cssText);
+			}
+			return acc;
+			}, []).join("\n  "));
 		}
-		return "@starting-style {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+		values = valuesArr.join("\n  ") + "\n}";
+		return "@starting-style" + values;
 	}
 });
 

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
@@ -73,12 +75,17 @@ Object.defineProperty(CSSOM.CSSStyleRule.prototype, "cssText", {
 	get: function() {
 		var text;
 		if (this.selectorText) {
-			var values = ""
+			var values = "";
 			if (this.cssRules.length) {
 				var valuesArr = [" {"];
 				this.style.cssText && valuesArr.push(this.style.cssText);
-				valuesArr.push(this.cssRules.map(function(rule){ return rule.cssText }).join("\n  "));
-				values = valuesArr.join("\n  ") + "\n}"
+				valuesArr.push(this.cssRules.reduce(function(acc, rule){ 
+					if (rule.cssText !== "") {
+						acc.push(rule.cssText);
+					}
+					return acc;
+				}, []).join("\n  "));
+				values = valuesArr.join("\n  ") + "\n}";
 			} else {
 				values = " {" + (this.style.cssText ? " " + this.style.cssText : "") + " }";
 			}
@@ -87,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,20 +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.cssRules = new CSSOM.CSSRuleList();
+	this.__constructed = true;
+	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;
 	}
 });
 
@@ -227,6 +260,84 @@ CSSOM.CSSStyleSheet.prototype.removeRule = function(index) {
 	this.deleteRule(index);
 };
 
+
+/**
+ * Replaces the rules of a {@link CSSStyleSheet}
+ * 
+ * @returns a promise
+ * @see https://www.w3.org/TR/cssom-1/#dom-cssstylesheet-replace
+ */
+CSSOM.CSSStyleSheet.prototype.replace = function(text) {
+	var _Promise;
+	if (CSSOM.getGlobalObject() && CSSOM.getGlobalObject()['Promise']) {
+		_Promise = CSSOM.getGlobalObject()['Promise'];
+	} else {
+		_Promise = Promise;
+	}
+	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.
+		if (!sheet.__constructed || sheet.__disallowModification) {
+			reject(errorUtils.createError(sheet, 'DOMException',
+				"Failed to execute 'replaceSync' on '" + sheet.constructor.name + "': Not allowed.",
+				'NotAllowedError'));
+		}
+		// Set the disallow modification flag.
+		sheet.__disallowModification = true;
+
+		// In parallel, do these steps:
+		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 });
+			// If rules contains one or more @import rules, remove those rules from rules.
+			var i = 0;
+			while (i < rules.length) {
+				if (rules[i].constructor.name === 'CSSImportRule') {
+					rules.splice(i, 1);
+				} else {
+					i++;
+				}
+			}
+			// Set sheet's CSS rules to rules.
+			sheet.__cssRules = rules;
+			// Unset sheet’s disallow modification flag.
+			delete sheet.__disallowModification;
+			// Resolve promise with sheet.
+			resolve(sheet);
+		})
+	});
+}
+
+/**
+ * Synchronously replaces the rules of a {@link CSSStyleSheet}
+ * 
+ * @see https://www.w3.org/TR/cssom-1/#dom-cssstylesheet-replacesync
+ */
+CSSOM.CSSStyleSheet.prototype.replaceSync = function(text) {
+	var sheet = this;
+	// If the constructed flag is not set, or the disallow modification flag is set, throw a NotAllowedError DOMException.
+	if (!sheet.__constructed || sheet.__disallowModification) {
+		errorUtils.throwError(sheet, 'DOMException',
+			"Failed to execute 'replaceSync' on '" + sheet.constructor.name + "': Not allowed.",
+			'NotAllowedError');
+	}
+	// 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 });
+	// If rules contains one or more @import rules, remove those rules from rules.
+	var i = 0;
+	while (i < rules.length) {
+		if (rules[i].constructor.name === 'CSSImportRule') {
+			rules.splice(i, 1);
+		} else {
+			i++;
+		}
+	}
+	// Set sheet's CSS rules to rules.
+	sheet.__cssRules = rules;
+}
+
 /**
  * NON-STANDARD
  * @return {string} serialize stylesheet