@acemir/cssom 0.9.22 → 0.9.24

package/lib/CSSContainerRule.js

@@ -24,11 +24,18 @@ CSSOM.CSSContainerRule.prototype.type = 17;
 Object.defineProperties(CSSOM.CSSContainerRule.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 "@container " + this.conditionText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+      values = valuesArr.join("\n  ") + "\n}";
+      return "@container " + this.conditionText + values;
     },
     configurable: true,
     enumerable: true

package/lib/CSSDocumentRule.js

@@ -10,6 +10,7 @@ var CSSOM = {
 /**
  * @constructor
  * @see https://developer.mozilla.org/en/CSS/@-moz-document
+ * @deprecated This rule is a non-standard Mozilla-specific extension and is not part of any official CSS specification.
  */
 CSSOM.CSSDocumentRule = function CSSDocumentRule() {
     CSSOM.CSSRule.call(this);

package/lib/CSSHostRule.js

@@ -9,6 +9,8 @@ var CSSOM = {
 /**
  * @constructor
  * @see http://www.w3.org/TR/shadow-dom/#host-at-rule
+ * @see http://html5index.org/Shadow%20DOM%20-%20CSSHostRule.html
+ * @deprecated This rule was part of early Shadow DOM drafts but was removed in favor of the more flexible :host and :host-context() pseudo-classes in modern CSS for Web Components.
  */
 CSSOM.CSSHostRule = function CSSHostRule() {
 	CSSOM.CSSRule.call(this);
@@ -24,11 +26,18 @@ CSSOM.CSSHostRule.prototype.type = 1001;
 
 Object.defineProperty(CSSOM.CSSHostRule.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 "@host {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+		values = valuesArr.join("\n  ") + "\n}";
+		return "@host" + values;
 	}
 });
 

package/lib/CSSKeyframesRule.js

@@ -56,13 +56,20 @@ CSSOM.CSSKeyframesRule.prototype.type = 7;
 // http://www.opensource.apple.com/source/WebCore/WebCore-955.66.1/css/WebKitCSSKeyframesRule.cpp
 Object.defineProperty(CSSOM.CSSKeyframesRule.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  "));
+	}
+	values = valuesArr.join("\n  ") + "\n}";
     var cssWideKeywords = ['initial', 'inherit', 'revert', 'revert-layer', 'unset', 'none'];
     var processedName = cssWideKeywords.includes(this.name) ? '"' + this.name + '"' : this.name;
-    return "@" + (this._vendorPrefix || '') + "keyframes " + processedName + (processedName && " ") + "{" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+    return "@" + (this._vendorPrefix || '') + "keyframes " + processedName + values;
   }
 });
 

package/lib/CSSLayerBlockRule.js

@@ -22,11 +22,18 @@ CSSOM.CSSLayerBlockRule.prototype.type = 18;
 Object.defineProperties(CSSOM.CSSLayerBlockRule.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 "@layer " + this.name + (this.name && " ") + "{" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+      values = valuesArr.join("\n  ") + "\n}";
+      return "@layer" + (this.name ? " " + this.name : "") + values;
     },
     configurable: true,
     enumerable: true,

package/lib/CSSMediaRule.js

@@ -45,11 +45,18 @@ Object.defineProperties(CSSOM.CSSMediaRule.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 "@media " + this.media.mediaText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+      values = valuesArr.join("\n  ") + "\n}";
+      return "@media " + this.media.mediaText + values;
     },
     configurable: true,
     enumerable: true

package/lib/CSSPageRule.js

@@ -106,12 +106,17 @@ 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 : "") + " }";
         }

package/lib/CSSScopeRule.js

@@ -27,11 +27,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

@@ -24,11 +24,18 @@ CSSOM.CSSStartingStyleRule.prototype.type = 1002;
 
 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

@@ -73,12 +73,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 : "") + " }";
 			}

package/lib/CSSStyleSheet.js

@@ -15,6 +15,7 @@ var errorUtils = require("./errorUtils").errorUtils;
  */
 CSSOM.CSSStyleSheet = function CSSStyleSheet() {
 	CSSOM.StyleSheet.call(this);
+	this.__constructed = true;
 	this.cssRules = new CSSOM.CSSRuleList();
 };
 
@@ -227,6 +228,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 (this.__globalObject) {
+		_Promise = this.__globalObject['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

package/lib/CSSSupportsRule.js

@@ -22,13 +22,18 @@ CSSOM.CSSSupportsRule.prototype.type = 12;
 
 Object.defineProperty(CSSOM.CSSSupportsRule.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 "@supports " + this.conditionText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+    values = valuesArr.join("\n  ") + "\n}";
+    return "@supports " + this.conditionText + values;
   }
 });
 

package/lib/MediaList.js

@@ -26,7 +26,9 @@ CSSOM.MediaList.prototype = {
 	 * @param {string} value
 	 */
 	set mediaText(value) {
-		var values = value.split(",");
+		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();

package/lib/errorUtils.js

@@ -31,6 +31,19 @@ function getErrorConstructor(context, errorType) {
 	       eval(errorType);
 }
 
+/**
+ * Creates an appropriate error with context-aware constructor.
+ * 
+ * @param {Object} context - The CSSOM object (rule, stylesheet, etc.)
+ * @param {string} errorType - The error type ('TypeError', 'RangeError', 'DOMException', etc.)
+ * @param {string} message - The error message
+ * @param {string} [name] - Optional name for DOMException
+ */
+function createError(context, errorType, message, name) {
+	var ErrorConstructor = getErrorConstructor(context, errorType);
+	return new ErrorConstructor(message, name);
+}
+
 /**
  * Creates and throws an appropriate error with context-aware constructor.
  * 
@@ -40,9 +53,7 @@ function getErrorConstructor(context, errorType) {
  * @param {string} [name] - Optional name for DOMException
  */
 function throwError(context, errorType, message, name) {
-	var ErrorConstructor = getErrorConstructor(context, errorType);
-	var error = new ErrorConstructor(message, name);
-	throw error;
+	throw createError(context, errorType, message, name);
 }
 
 /**
@@ -95,6 +106,7 @@ function throwIndexError(context, methodName, objectName, index, maxIndex, name)
 }
 
 var errorUtils = {
+	createError: createError,
 	getErrorConstructor: getErrorConstructor,
 	throwError: throwError,
 	throwMissingArguments: throwMissingArguments,