@acemir/cssom 0.9.16 → 0.9.18

package/lib/CSSStyleSheet.js

@@ -3,6 +3,7 @@ var CSSOM = {
 	StyleSheet: require("./StyleSheet").StyleSheet,
 	CSSStyleRule: require("./CSSStyleRule").CSSStyleRule
 };
+var errorUtils = require("./errorUtils").errorUtils;
 ///CommonJS
 
 
@@ -38,25 +39,113 @@ CSSOM.CSSStyleSheet.prototype.constructor = CSSOM.CSSStyleSheet;
  */
 CSSOM.CSSStyleSheet.prototype.insertRule = function(rule, index) {
 	if (rule === undefined && index === undefined) {
-		throw new (this._globalObject && this._globalObject.TypeError || TypeError)("Failed to execute 'insertRule' on 'CSSStyleSheet': 1 argument required, but only 0 present.")
+		errorUtils.throwMissingArguments(this, 'insertRule', this.constructor.name);
 	}
 	if (index === void 0) {
 		index = 0;
 	}
-	if (index < 0 || index > this.cssRules.length) {
-		throw new (this._globalObject && this._globalObject.RangeError || RangeError)("INDEX_SIZE_ERR");
+	index = Number(index);
+	if (index < 0) {
+		index = 4294967296 + index;
+	}
+	if (index > this.cssRules.length) {
+		errorUtils.throwIndexError(this, 'insertRule', this.constructor.name, index, this.cssRules.length);
 	}
+	
 	var ruleToParse = String(rule);
 	var parsedSheet = CSSOM.parse(ruleToParse);
 	if (parsedSheet.cssRules.length !== 1) {
-		var domExceptionName = "SyntaxError";
-		if (ruleToParse.trimStart().startsWith('@namespace')) {
-			domExceptionName = "InvalidStateError";
-		}
-		throw new (this._globalObject && this._globalObject.DOMException || DOMException)("Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '" + ruleToParse + "'.", domExceptionName);
+		errorUtils.throwParseError(this, 'insertRule', this.constructor.name, ruleToParse, 'SyntaxError');
 	}
 	var cssRule = parsedSheet.cssRules[0];
-	cssRule.parentStyleSheet = this;
+	
+	// Helper function to find the last index of a specific rule constructor
+	function findLastIndexOfConstructor(rules, constructorName) {
+		for (var i = rules.length - 1; i >= 0; i--) {
+			if (rules[i].constructor.name === constructorName) {
+				return i;
+			}
+		}
+		return -1;
+	}
+	
+	// Helper function to find the first index of a rule that's NOT of specified constructors
+	function findFirstNonConstructorIndex(rules, constructorNames) {
+		for (var i = 0; i < rules.length; i++) {
+			if (constructorNames.indexOf(rules[i].constructor.name) === -1) {
+				return i;
+			}
+		}
+		return rules.length;
+	}
+	
+	// Validate rule ordering based on CSS specification
+	if (cssRule.constructor.name === 'CSSImportRule') {
+		// @import rules cannot be inserted after @layer rules that already exist
+		// They can only be inserted at the beginning or after other @import rules
+		var firstLayerIndex = findFirstNonConstructorIndex(this.cssRules, ['CSSImportRule']);
+		if (firstLayerIndex < this.cssRules.length && this.cssRules[firstLayerIndex].constructor.name === 'CSSLayerStatementRule' && index > firstLayerIndex) {
+			errorUtils.throwError(this, 'DOMException',
+				"Failed to execute 'insertRule' on '" + this.constructor.name + "': Failed to insert the rule.",
+				'HierarchyRequestError');
+		}
+		
+		// Also cannot insert after @namespace or other rules
+		var firstNonImportIndex = findFirstNonConstructorIndex(this.cssRules, ['CSSImportRule']);
+		if (index > firstNonImportIndex && firstNonImportIndex < this.cssRules.length && 
+		    this.cssRules[firstNonImportIndex].constructor.name !== 'CSSLayerStatementRule') {
+			errorUtils.throwError(this, 'DOMException',
+				"Failed to execute 'insertRule' on '" + this.constructor.name + "': Failed to insert the rule.",
+				'HierarchyRequestError');
+		}
+	} else if (cssRule.constructor.name === 'CSSNamespaceRule') {
+		// @namespace rules can come after @layer and @import, but before any other rules
+		// They cannot come before @import rules
+		var firstImportIndex = -1;
+		for (var i = 0; i < this.cssRules.length; i++) {
+			if (this.cssRules[i].constructor.name === 'CSSImportRule') {
+				firstImportIndex = i;
+				break;
+			}
+		}
+		var firstNonImportNamespaceIndex = findFirstNonConstructorIndex(this.cssRules, [
+			'CSSLayerStatementRule', 
+			'CSSImportRule', 
+			'CSSNamespaceRule'
+		]);
+		
+		// Cannot insert before @import rules
+		if (firstImportIndex !== -1 && index <= firstImportIndex) {
+			errorUtils.throwError(this, 'DOMException',
+				"Failed to execute 'insertRule' on '" + this.constructor.name + "': Failed to insert the rule.",
+				'HierarchyRequestError');
+		}
+		
+		// Cannot insert after other types of rules
+		if (index > firstNonImportNamespaceIndex) {
+			errorUtils.throwError(this, 'DOMException',
+				"Failed to execute 'insertRule' on '" + this.constructor.name + "': Failed to insert the rule.",
+				'HierarchyRequestError');
+		}
+	} else if (cssRule.constructor.name === 'CSSLayerStatementRule') {
+		// @layer statement rules can be inserted anywhere before @import and @namespace
+		// No additional restrictions beyond what's already handled
+	} else {
+		// Any other rule cannot be inserted before @import and @namespace
+		var firstNonSpecialRuleIndex = findFirstNonConstructorIndex(this.cssRules, [
+			'CSSLayerStatementRule',
+			'CSSImportRule',
+			'CSSNamespaceRule'
+		]);
+		
+		if (index < firstNonSpecialRuleIndex) {
+			errorUtils.throwError(this, 'DOMException',
+				"Failed to execute 'insertRule' on '" + this.constructor.name + "': Failed to insert the rule.",
+				'HierarchyRequestError');
+		}
+	}
+	
+	cssRule.__parentStyleSheet = this;
 	this.cssRules.splice(index, 0, cssRule);
 	return index;
 };
@@ -77,21 +166,21 @@ CSSOM.CSSStyleSheet.prototype.insertRule = function(rule, index) {
  */
 CSSOM.CSSStyleSheet.prototype.deleteRule = function(index) {
 	if (index === undefined) {
-		throw new (this._globalObject && this._globalObject.TypeError || TypeError)("Failed to execute 'deleteRule' on 'CSSStyleSheet': 1 argument required, but only 0 present.")
+		errorUtils.throwMissingArguments(this, 'deleteRule', this.constructor.name);
 	}
 	index = Number(index);
 	if (index < 0) {
 		index = 4294967296 + index;
 	}
 	if (index >= this.cssRules.length) {
-		throw new (this._globalObject && this._globalObject.DOMException || DOMException)("Failed to execute 'deleteRule' on 'CSSStyleSheet': The index provided (" + index + ") is larger than the maximum index (" + this.cssRules.length + ").", "IndexSizeError");
+		errorUtils.throwIndexError(this, 'deleteRule', this.constructor.name, index, this.cssRules.length);
 	}
 	if (this.cssRules[index] && this.cssRules[index].constructor.name == "CSSNamespaceRule") {
 		var shouldContinue = this.cssRules.every(function (rule) {
 			return ['CSSImportRule','CSSLayerStatementRule','CSSNamespaceRule'].indexOf(rule.constructor.name) !== -1
 		});
 		if (!shouldContinue) {
-			throw new (this._globalObject && this._globalObject.DOMException || DOMException)("Failed to execute 'deleteRule' on 'CSSStyleSheet': Deleting a CSSNamespaceRule is not allowed when there is rules other than @import, @layer statement, or @namespace.", "InvalidStateError");
+			errorUtils.throwError(this, 'DOMException', "Failed to execute 'deleteRule' on '" + this.constructor.name + "': Failed to delete rule.", "InvalidStateError");
 		}
 	}
 	this.cssRules.splice(index, 1);

package/lib/StyleSheet.js

@@ -8,9 +8,16 @@ var CSSOM = {};
  * @see http://dev.w3.org/csswg/cssom/#the-stylesheet-interface
  */
 CSSOM.StyleSheet = function StyleSheet() {
-	this.parentStyleSheet = null;
+	this.__parentStyleSheet = null;
 };
 
+Object.defineProperties(CSSOM.StyleSheet.prototype, {
+	parentStyleSheet: {
+		get: function() {
+			return this.__parentStyleSheet;
+		}
+	}
+});
 
 //.CommonJS
 exports.StyleSheet = CSSOM.StyleSheet;

package/lib/clone.js

@@ -15,6 +15,12 @@ var CSSOM = {
 	CSSLayerBlockRule: require('./CSSLayerBlockRule').CSSLayerBlockRule,
 	CSSLayerStatementRule: require('./CSSLayerStatementRule').CSSLayerStatementRule
 };
+// Use cssstyle if available
+try {
+	CSSOM.CSSStyleDeclaration = require("cssstyle").CSSStyleDeclaration;
+} catch (e) {
+	// ignore
+}
 ///CommonJS
 
 

package/lib/cssstyleTryCatchBlock.js

@@ -0,0 +1,5 @@
+try {
+	CSSOM.CSSStyleDeclaration = require("cssstyle").CSSStyleDeclaration;
+} catch (e) {
+	// ignore
+}

package/lib/errorUtils.js

@@ -0,0 +1,107 @@
+// Utility functions for CSSOM error handling
+
+/**
+ * Gets the appropriate error constructor from the global object context.
+ * Tries to find the error constructor from parentStyleSheet.__globalObject,
+ * then from __globalObject, then falls back to the native constructor.
+ * 
+ * @param {Object} context - The CSSOM object (rule, stylesheet, etc.)
+ * @param {string} errorType - The error type ('TypeError', 'RangeError', 'DOMException', etc.)
+ * @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];
+	}
+	
+	// Fall back to native constructor
+	return (typeof global !== 'undefined' && global[errorType]) || 
+	       (typeof window !== 'undefined' && window[errorType]) || 
+	       eval(errorType);
+}
+
+/**
+ * Creates and throws 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 throwError(context, errorType, message, name) {
+	var ErrorConstructor = getErrorConstructor(context, errorType);
+	var error = new ErrorConstructor(message, name);
+	throw error;
+}
+
+/**
+ * Throws a TypeError for missing required arguments.
+ * 
+ * @param {Object} context - The CSSOM object
+ * @param {string} methodName - The method name (e.g., 'appendRule')
+ * @param {string} objectName - The object name (e.g., 'CSSKeyframesRule')
+ * @param {number} [required=1] - Number of required arguments
+ * @param {number} [provided=0] - Number of provided arguments
+ */
+function throwMissingArguments(context, methodName, objectName, required, provided) {
+	required = required || 1;
+	provided = provided || 0;
+	var message = "Failed to execute '" + methodName + "' on '" + objectName + "': " + 
+	              required + " argument" + (required > 1 ? "s" : "") + " required, but only " + 
+	              provided + " present.";
+	throwError(context, 'TypeError', message);
+}
+
+/**
+ * Throws a DOMException for parse errors.
+ * 
+ * @param {Object} context - The CSSOM object
+ * @param {string} methodName - The method name
+ * @param {string} objectName - The object name
+ * @param {string} rule - The rule that failed to parse
+ * @param {string} [name='SyntaxError'] - The DOMException name
+ */
+function throwParseError(context, methodName, objectName, rule, name) {
+	var message = "Failed to execute '" + methodName + "' on '" + objectName + "': " +
+	              "Failed to parse the rule '" + rule + "'.";
+	throwError(context, 'DOMException', message, name || 'SyntaxError');
+}
+
+/**
+ * Throws a DOMException for index errors.
+ * 
+ * @param {Object} context - The CSSOM object
+ * @param {string} methodName - The method name
+ * @param {string} objectName - The object name
+ * @param {number} index - The invalid index
+ * @param {number} maxIndex - The maximum valid index
+ * @param {string} [name='IndexSizeError'] - The DOMException name
+ */
+function throwIndexError(context, methodName, objectName, index, maxIndex, name) {
+	var message = "Failed to execute '" + methodName + "' on '" + objectName + "': " +
+	              "The index provided (" + index + ") is larger than the maximum index (" + maxIndex + ").";
+	throwError(context, 'DOMException', message, name || 'IndexSizeError');
+}
+
+var errorUtils = {
+	getErrorConstructor: getErrorConstructor,
+	throwError: throwError,
+	throwMissingArguments: throwMissingArguments,
+	throwParseError: throwParseError,
+	throwIndexError: throwIndexError
+};
+
+//.CommonJS
+exports.errorUtils = errorUtils;
+///CommonJS

package/lib/index.js

@@ -1,6 +1,11 @@
 'use strict';
 
+require('./errorUtils');
+
 exports.CSSStyleDeclaration = require('./CSSStyleDeclaration').CSSStyleDeclaration;
+
+require('./cssstyleTryCatchBlock');
+
 exports.CSSRule = require('./CSSRule').CSSRule;
 exports.CSSNestedDeclarations = require('./CSSNestedDeclarations').CSSNestedDeclarations;
 exports.CSSGroupingRule = require('./CSSGroupingRule').CSSGroupingRule;

package/lib/parse.js

@@ -4,10 +4,16 @@ var CSSOM = {};
 
 
 /**
- * @param {string} token
+ * Parses a CSS string and returns a CSSOM.CSSStyleSheet object representing the parsed stylesheet.
+ *
+ * @param {string} token - The CSS string to parse.
+ * @param {object} [opts] - Optional parsing options.
+ * @param {object} [opts.globalObject] - An optional global object to attach to the stylesheet. Useful on jsdom webplatform tests.
+ * @param {function|boolean} [errorHandler] - Optional error handler function or `true` to use `console.error`.
+ * @returns {CSSOM.CSSStyleSheet} The parsed CSSStyleSheet object.
  */
-CSSOM.parse = function parse(token, errorHandler) {
-	errorHandler = errorHandler === undefined ? (console && console.error) : errorHandler;
+CSSOM.parse = function parse(token, opts, errorHandler) {
+	errorHandler = errorHandler === true ? (console && console.error) : errorHandler;
 
 	var i = 0;
 
@@ -49,6 +55,10 @@ CSSOM.parse = function parse(token, errorHandler) {
 
 	var styleSheet = new CSSOM.CSSStyleSheet();
 
+	if (opts && opts.globalObject) {
+		styleSheet.__globalObject = opts.globalObject;
+	}
+
 	// @type CSSStyleSheet|CSSMediaRule|CSSContainerRule|CSSSupportsRule|CSSFontFaceRule|CSSKeyframesRule|CSSDocumentRule
 	var currentScope = styleSheet;
 
@@ -746,7 +756,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 					i += "font-face".length;
 					fontFaceRule = new CSSOM.CSSFontFaceRule();
 					fontFaceRule.__starts = i;
-				}, parentRule && parentRule.constructor.name === "CSSStyleRule" );
+				}, true);
 				break;
 			} else {
 				atKeyframesRegExp.lastIndex = i;
@@ -788,7 +798,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 				}
 
 				if (parentRule) {
-					styleRule.parentRule = parentRule;
+					styleRule.__parentRule = parentRule;
 					ancestorRules.push(parentRule);
 				}
 
@@ -798,48 +808,48 @@ CSSOM.parse = function parse(token, errorHandler) {
 					return match;
 				});
 				styleRule.style.__starts = i;
-				styleRule.parentStyleSheet = styleSheet;
+				styleRule.__parentStyleSheet = styleSheet;
 				buffer = "";
 				state = "before-name";
 			} else if (state === "atBlock") {
 				mediaRule.media.mediaText = buffer.trim();
 
 				if (parentRule) {
-					mediaRule.parentRule = parentRule;
+					mediaRule.__parentRule = parentRule;
 					ancestorRules.push(parentRule);
 				}
 
 				currentScope = parentRule = mediaRule;
-				mediaRule.parentStyleSheet = styleSheet;
+				mediaRule.__parentStyleSheet = styleSheet;
 				buffer = "";
 				state = "before-selector";
 			} else if (state === "containerBlock") {
 				containerRule.containerText = buffer.trim();
 
 				if (parentRule) {
-					containerRule.parentRule = parentRule;
+					containerRule.__parentRule = parentRule;
 					ancestorRules.push(parentRule);
 				}
 				currentScope = parentRule = containerRule;
-				containerRule.parentStyleSheet = styleSheet;
+				containerRule.__parentStyleSheet = styleSheet;
 				buffer = "";
 				state = "before-selector";
 			} else if (state === "counterStyleBlock") {
 				// TODO: Validate counter-style name. At least that it cannot be empty nor multiple
 				counterStyleRule.name = buffer.trim().replace(/\n/g, "");
 				currentScope = parentRule = counterStyleRule;
-				counterStyleRule.parentStyleSheet = styleSheet;
+				counterStyleRule.__parentStyleSheet = styleSheet;
 				buffer = "";
 			} else if (state === "conditionBlock") {
 				supportsRule.conditionText = buffer.trim();
 
 				if (parentRule) {
-					supportsRule.parentRule = parentRule;
+					supportsRule.__parentRule = parentRule;
 					ancestorRules.push(parentRule);
 				}
 
 				currentScope = parentRule = supportsRule;
-				supportsRule.parentStyleSheet = styleSheet;
+				supportsRule.__parentStyleSheet = styleSheet;
 				buffer = "";
 				state = "before-selector";
 			} else if (state === "layerBlock") {
@@ -849,12 +859,12 @@ CSSOM.parse = function parse(token, errorHandler) {
 
 				if (isValidName) {
 					if (parentRule) {
-						layerBlockRule.parentRule = parentRule;
+						layerBlockRule.__parentRule = parentRule;
 						ancestorRules.push(parentRule);
 					}
 	
 					currentScope = parentRule = layerBlockRule;
-					layerBlockRule.parentStyleSheet = styleSheet;
+					layerBlockRule.__parentStyleSheet = styleSheet;
 				}
 				buffer = "";
 				state = "before-selector";
@@ -864,25 +874,25 @@ CSSOM.parse = function parse(token, errorHandler) {
 				}
 
 				currentScope = parentRule = hostRule;
-				hostRule.parentStyleSheet = styleSheet;
+				hostRule.__parentStyleSheet = styleSheet;
 				buffer = "";
 				state = "before-selector";
 			} else if (state === "startingStyleRule-begin") {
 				if (parentRule) {
-					startingStyleRule.parentRule = parentRule;
+					startingStyleRule.__parentRule = parentRule;
 					ancestorRules.push(parentRule);
 				}
 
 				currentScope = parentRule = startingStyleRule;
-				startingStyleRule.parentStyleSheet = styleSheet;
+				startingStyleRule.__parentStyleSheet = styleSheet;
 				buffer = "";
 				state = "before-selector";
 
 			} else if (state === "fontFaceRule-begin") {
 				if (parentRule) {
-					fontFaceRule.parentRule = parentRule;
+					fontFaceRule.__parentRule = parentRule;
 				}
-				fontFaceRule.parentStyleSheet = styleSheet;
+				fontFaceRule.__parentStyleSheet = styleSheet;
 				styleRule = fontFaceRule;
 				buffer = "";
 				state = "before-name";
@@ -890,9 +900,9 @@ CSSOM.parse = function parse(token, errorHandler) {
 				keyframesRule.name = buffer.trim();
 				if (parentRule) {
 					ancestorRules.push(parentRule);
-					keyframesRule.parentRule = parentRule;
+					keyframesRule.__parentRule = parentRule;
 				}
-				keyframesRule.parentStyleSheet = styleSheet;
+				keyframesRule.__parentStyleSheet = styleSheet;
 				currentScope = parentRule = keyframesRule;
 				buffer = "";
 				state = "keyframeRule-begin";
@@ -907,18 +917,18 @@ CSSOM.parse = function parse(token, errorHandler) {
 				documentRule.matcher.matcherText = buffer.trim();
 				if (parentRule) {
 					ancestorRules.push(parentRule);
-					documentRule.parentRule = parentRule;
+					documentRule.__parentRule = parentRule;
 				}
 				currentScope = parentRule = documentRule;
-				documentRule.parentStyleSheet = styleSheet;
+				documentRule.__parentStyleSheet = styleSheet;
 				buffer = "";
 				state = "before-selector";
 			} else if (state === "before-name" || state === "name") {
 				if (styleRule.constructor.name === "CSSNestedDeclarations") {
 					if (styleRule.style.length) {
 						parentRule.cssRules.push(styleRule);
-						styleRule.parentRule = parentRule;
-						styleRule.parentStyleSheet = styleSheet;
+						styleRule.__parentRule = parentRule;
+						styleRule.__parentStyleSheet = styleSheet;
 						ancestorRules.push(parentRule);
 					} else {
 						// If the styleRule is empty, we can assume that it's a nested selector
@@ -927,7 +937,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 				} else {
 					currentScope = parentRule = styleRule;
 					ancestorRules.push(parentRule);
-					styleRule.parentStyleSheet = styleSheet;
+					styleRule.__parentStyleSheet = styleSheet;
 				}
 				
 				styleRule = new CSSOM.CSSStyleRule();
@@ -944,7 +954,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 						}).join(', ');
 				}
 				styleRule.style.__starts = i - buffer.length;
-				styleRule.parentRule = parentRule;
+				styleRule.__parentRule = parentRule;
 				nestedSelectorRule = styleRule;
 
 				buffer = "";
@@ -1039,7 +1049,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 					});
 					if (isValid) {
 						importRule = new CSSOM.CSSImportRule();
-						importRule.parentStyleSheet = importRule.styleSheet.parentStyleSheet = styleSheet;
+						importRule.__parentStyleSheet = importRule.styleSheet.__parentStyleSheet = styleSheet;
 						importRule.cssText = buffer + character;
 						styleSheet.cssRules.push(importRule);
 					}
@@ -1057,7 +1067,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 							testNamespaceRule.cssText = buffer + character;
 							
 							namespaceRule = testNamespaceRule;
-							namespaceRule.parentStyleSheet = namespaceRule.styleSheet.parentStyleSheet = styleSheet;
+							namespaceRule.__parentStyleSheet = namespaceRule.styleSheet.__parentStyleSheet = styleSheet;
 							styleSheet.cssRules.push(namespaceRule);
 							
 							// Track the namespace prefix for validation
@@ -1081,7 +1091,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 
 					if (!isInvalid) {
 						layerStatementRule = new CSSOM.CSSLayerStatementRule();
-						layerStatementRule.parentStyleSheet = styleSheet;
+						layerStatementRule.__parentStyleSheet = styleSheet;
 						layerStatementRule.__starts = layerBlockRule.__starts;
 						layerStatementRule.__ends = i;
 						layerStatementRule.nameList = nameListStr;
@@ -1121,9 +1131,9 @@ CSSOM.parse = function parse(token, errorHandler) {
 					}
 
 					if (parentRule) {
-						styleRule.parentRule = parentRule;
+						styleRule.__parentRule = parentRule;
 					}
-					styleRule.parentStyleSheet = styleSheet;
+					styleRule.__parentStyleSheet = styleSheet;
 
 					if (currentScope === styleRule) {
 						currentScope = parentRule || styleSheet;
@@ -1249,7 +1259,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 							|| parentRule.constructor.name === "CSSLayerBlockRule"
 							|| parentRule.constructor.name === "CSSStartingStyleRule"
 						) {
-							// parentRule.parentRule = styleRule;
+							// parentRule.__parentRule = styleRule;
 							state = "before-name";
 							if (styleRule !== parentRule) {
 								styleRule = new CSSOM.CSSNestedDeclarations();
@@ -1329,4 +1339,10 @@ CSSOM.CSSValueExpression = require('./CSSValueExpression').CSSValueExpression;
 CSSOM.CSSDocumentRule = require('./CSSDocumentRule').CSSDocumentRule;
 CSSOM.CSSLayerBlockRule = require("./CSSLayerBlockRule").CSSLayerBlockRule;
 CSSOM.CSSLayerStatementRule = require("./CSSLayerStatementRule").CSSLayerStatementRule;
+// Use cssstyle if available
+try {
+	CSSOM.CSSStyleDeclaration = require("cssstyle").CSSStyleDeclaration;
+} catch (e) {
+	// ignore
+}
 ///CommonJS

package/package.json

@@ -7,7 +7,7 @@
     "parser",
     "styleSheet"
   ],
-  "version": "0.9.16",
+  "version": "0.9.18",
   "author": "Nikita Vasilyev <me@elv1s.ru>",
   "contributors": [
     "Acemir Sousa Mendes <acemirsm@gmail.com>"