@acemir/cssom 0.9.19 → 0.9.21

package/lib/CSSConditionRule.js

@@ -1,6 +1,7 @@
 //.CommonJS
 var CSSOM = {
   CSSRule: require("./CSSRule").CSSRule,
+  CSSRuleList: require("./CSSRuleList").CSSRuleList,
   CSSGroupingRule: require("./CSSGroupingRule").CSSGroupingRule
 };
 ///CommonJS
@@ -12,13 +13,17 @@ var CSSOM = {
  */
 CSSOM.CSSConditionRule = function CSSConditionRule() {
   CSSOM.CSSGroupingRule.call(this);
-  this.cssRules = [];
+  this.__conditionText = '';
 };
 
 CSSOM.CSSConditionRule.prototype = new CSSOM.CSSGroupingRule();
 CSSOM.CSSConditionRule.prototype.constructor = CSSOM.CSSConditionRule;
-CSSOM.CSSConditionRule.prototype.conditionText = ''
-CSSOM.CSSConditionRule.prototype.cssText = ''
+
+Object.defineProperty(CSSOM.CSSConditionRule.prototype, "conditionText", {
+  get: function () {
+    return this.__conditionText;
+  }
+});
 
 //.CommonJS
 exports.CSSConditionRule = CSSOM.CSSConditionRule;

package/lib/CSSContainerRule.js

@@ -1,6 +1,7 @@
 //.CommonJS
 var CSSOM = {
 	CSSRule: require("./CSSRule").CSSRule,
+  CSSRuleList: require("./CSSRuleList").CSSRuleList,
 	CSSGroupingRule: require("./CSSGroupingRule").CSSGroupingRule,
 	CSSConditionRule: require("./CSSConditionRule").CSSConditionRule,
 };
@@ -21,27 +22,35 @@ CSSOM.CSSContainerRule.prototype.constructor = CSSOM.CSSContainerRule;
 CSSOM.CSSContainerRule.prototype.type = 17;
 
 Object.defineProperties(CSSOM.CSSContainerRule.prototype, {
-  "conditionText": {
-    get: function() {
-      return this.containerText;
-    },
-    set: function(value) {
-      this.containerText = value;
-    },
-    configurable: true,
-    enumerable: true
-  },
   "cssText": {
     get: function() {
       var cssTexts = [];
       for (var i=0, length=this.cssRules.length; i < length; i++) {
         cssTexts.push(this.cssRules[i].cssText);
       }
-      return "@container " + this.containerText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
+      return "@container " + this.conditionText + " {" + (cssTexts.length ? "\n  " + cssTexts.join("\n  ") : "") + "\n}";
     },
     configurable: true,
     enumerable: true
-  }
+  },
+  "containerName": {
+      get: function() {
+        var parts = this.conditionText.trim().split(/\s+/);
+        if (parts.length > 1 && parts[0] !== '(' && !parts[0].startsWith('(')) {
+          return parts[0];
+        }
+        return "";
+      }
+    },
+  "containerQuery": {
+      get: function() {
+        var parts = this.conditionText.trim().split(/\s+/);
+        if (parts.length > 1 && parts[0] !== '(' && !parts[0].startsWith('(')) {
+          return parts.slice(1).join(' ');
+        }
+        return this.conditionText;
+      }
+    },
 });
 
 

package/lib/CSSDocumentRule.js

@@ -1,6 +1,7 @@
 //.CommonJS
 var CSSOM = {
     CSSRule: require("./CSSRule").CSSRule,
+    CSSRuleList: require("./CSSRuleList").CSSRuleList,
     MatcherList: require("./MatcherList").MatcherList
 };
 ///CommonJS
@@ -13,7 +14,7 @@ var CSSOM = {
 CSSOM.CSSDocumentRule = function CSSDocumentRule() {
     CSSOM.CSSRule.call(this);
     this.matcher = new CSSOM.MatcherList();
-    this.cssRules = [];
+    this.cssRules = new CSSOM.CSSRuleList();
 };
 
 CSSOM.CSSDocumentRule.prototype = new CSSOM.CSSRule();

package/lib/CSSGroupingRule.js

@@ -1,6 +1,7 @@
 //.CommonJS
 var CSSOM = {
 	CSSRule: require("./CSSRule").CSSRule,
+	CSSRuleList: require("./CSSRuleList").CSSRuleList,
 	parse: require('./parse').parse
 };
 var errorUtils = require("./errorUtils").errorUtils;
@@ -13,7 +14,7 @@ var errorUtils = require("./errorUtils").errorUtils;
  */
 CSSOM.CSSGroupingRule = function CSSGroupingRule() {
 	CSSOM.CSSRule.call(this);
-	this.cssRules = [];
+	this.cssRules = new CSSOM.CSSRuleList();
 };
 
 CSSOM.CSSGroupingRule.prototype = new CSSOM.CSSRule();

package/lib/CSSHostRule.js

@@ -1,6 +1,7 @@
 //.CommonJS
 var CSSOM = {
-	CSSRule: require("./CSSRule").CSSRule
+	CSSRule: require("./CSSRule").CSSRule,
+	CSSRuleList: require("./CSSRuleList").CSSRuleList
 };
 ///CommonJS
 
@@ -11,7 +12,7 @@ var CSSOM = {
  */
 CSSOM.CSSHostRule = function CSSHostRule() {
 	CSSOM.CSSRule.call(this);
-	this.cssRules = [];
+	this.cssRules = new CSSOM.CSSRuleList();
 };
 
 CSSOM.CSSHostRule.prototype = new CSSOM.CSSRule();

package/lib/CSSImportRule.js

@@ -14,21 +14,25 @@ var CSSOM = {
  */
 CSSOM.CSSImportRule = function CSSImportRule() {
 	CSSOM.CSSRule.call(this);
-	this.href = "";
-	this.media = new CSSOM.MediaList();
-  this.layerName = null;
-  this.supportsText = null;
-	this.styleSheet = new CSSOM.CSSStyleSheet();
+	this.__href = "";
+	this.__media = new CSSOM.MediaList();
+  this.__layerName = null;
+  this.__supportsText = null;
+	this.__styleSheet = new CSSOM.CSSStyleSheet();
 };
 
 CSSOM.CSSImportRule.prototype = new CSSOM.CSSRule();
 CSSOM.CSSImportRule.prototype.constructor = CSSOM.CSSImportRule;
-CSSOM.CSSImportRule.prototype.type = 3;
+
+Object.defineProperty(CSSOM.CSSImportRule.prototype, "type", {
+	value: 3,
+	writable: false
+});
 
 Object.defineProperty(CSSOM.CSSImportRule.prototype, "cssText", {
   get: function() {
     var mediaText = this.media.mediaText;
-    return "@import url(\"" + this.href + "\")" + (this.layerName !== null ? " layer" + (this.layerName && "(" + this.layerName + ")") : "" ) + (this.supportsText ? " supports(" + this.supportsText + ")" : "" ) + (mediaText ? " " + mediaText : "") + ";";
+    return "@import url(\"" + this.href.replace(/\\/g, '\\\\').replace(/"/g, '\\"') + "\")" + (this.layerName !== null ? " layer" + (this.layerName && "(" + this.layerName + ")") : "" ) + (this.supportsText ? " supports(" + this.supportsText + ")" : "" ) + (mediaText ? " " + mediaText : "") + ";";
   },
   set: function(cssText) {
     var i = 0;
@@ -47,8 +51,40 @@ Object.defineProperty(CSSOM.CSSImportRule.prototype, "cssText", {
 
     var layerRegExp = /layer\(([^)]*)\)/;
     var layerRuleNameRegExp = /^(-?[_a-zA-Z]+(\.[_a-zA-Z]+)*[_a-zA-Z0-9-]*)$/;
-    var supportsRegExp = /supports\(([^)]+)\)/;
     var doubleOrMoreSpacesRegExp = /\s{2,}/g;
+    
+    /**
+     * Extracts the content inside supports() handling nested parentheses.
+     * @param {string} text - The text to parse
+     * @returns {object|null} - {content: string, endIndex: number} or null if not found
+     */
+    function extractSupportsContent(text) {
+      var supportsIndex = text.indexOf('supports(');
+      if (supportsIndex !== 0) {
+        return null;
+      }
+      
+      var depth = 0;
+      var start = supportsIndex + 'supports('.length;
+      var i = start;
+      
+      for (; i < text.length; i++) {
+        if (text[i] === '(') {
+          depth++;
+        } else if (text[i] === ')') {
+          if (depth === 0) {
+            // Found the closing parenthesis for supports()
+            return {
+              content: text.slice(start, i),
+              endIndex: i
+            };
+          }
+          depth--;
+        }
+      }
+      
+      return null; // Unbalanced parentheses
+    }
 
     for (var character; (character = cssText.charAt(i)); i++) {
 
@@ -89,7 +125,7 @@ Object.defineProperty(CSSOM.CSSImportRule.prototype, "cssText", {
                 url = url.slice(1, -1);
               }
             }
-            this.href = url;
+            this.__href = url;
             i = index;
             state = 'media';
           }
@@ -101,7 +137,7 @@ Object.defineProperty(CSSOM.CSSImportRule.prototype, "cssText", {
             if (!index) {
               throw i + ": '\"' not found";
             }
-            this.href = cssText.slice(i + 1, index);
+            this.__href = cssText.slice(i + 1, index);
             i = index;
             state = 'media';
           }
@@ -113,7 +149,7 @@ Object.defineProperty(CSSOM.CSSImportRule.prototype, "cssText", {
             if (!index) {
               throw i + ': "\'" not found';
             }
-            this.href = cssText.slice(i + 1, index);
+            this.__href = cssText.slice(i + 1, index);
             i = index;
             state = 'media';
           }
@@ -131,7 +167,7 @@ Object.defineProperty(CSSOM.CSSImportRule.prototype, "cssText", {
                   var layerName = layerMatch[1].trim();
 
                   if (layerName.match(layerRuleNameRegExp) !== null) {
-                    this.layerName = layerMatch[1].trim();
+                    this.__layerName = layerMatch[1].trim();
                     bufferTrimmed = bufferTrimmed.replace(layerRegExp, '')
                       .replace(doubleOrMoreSpacesRegExp, ' ') // Replace double or more spaces with single space
                       .trim();
@@ -144,19 +180,19 @@ Object.defineProperty(CSSOM.CSSImportRule.prototype, "cssText", {
                     }
                   }
                 } else {
-                  this.layerName = "";
+                  this.__layerName = "";
                   bufferTrimmed = bufferTrimmed.substring('layer'.length).trim()
                 }
               }
 
-              var supportsMatch =  bufferTrimmed.match(supportsRegExp);
+              var supportsResult = extractSupportsContent(bufferTrimmed);
 
-              if (supportsMatch && supportsMatch.index === 0) {
+              if (supportsResult) {
                 // REVIEW: In the browser, an empty supports() invalidates and ignores the entire @import rule
-                this.supportsText = supportsMatch[1].trim();
-                bufferTrimmed = bufferTrimmed.replace(supportsRegExp, '')
-                .replace(doubleOrMoreSpacesRegExp, ' ') // Replace double or more spaces with single space
-                .trim();
+                this.__supportsText = supportsResult.content.trim();
+                // Remove the entire supports(...) from the buffer
+                bufferTrimmed = bufferTrimmed.slice(0, 0) + bufferTrimmed.slice(supportsResult.endIndex + 1);
+                bufferTrimmed = bufferTrimmed.replace(doubleOrMoreSpacesRegExp, ' ').trim();
               }
 
               // REVIEW: In the browser, any invalid media is replaced with 'not all'
@@ -177,6 +213,43 @@ Object.defineProperty(CSSOM.CSSImportRule.prototype, "cssText", {
   }
 });
 
+Object.defineProperty(CSSOM.CSSImportRule.prototype, "href", {
+  get: function() {
+    return this.__href;
+  }
+});
+
+Object.defineProperty(CSSOM.CSSImportRule.prototype, "media", {
+  get: function() {
+    return this.__media;
+  },
+	set: function(value) {
+		if (typeof value === "string") {
+			this.__media.mediaText = value;
+		} else {
+			this.__media = value;
+		}
+	}
+});
+
+Object.defineProperty(CSSOM.CSSImportRule.prototype, "layerName", {
+  get: function() {
+    return this.__layerName;
+  }
+});
+
+Object.defineProperty(CSSOM.CSSImportRule.prototype, "supportsText", {
+  get: function() {
+    return this.__supportsText;
+  }
+});
+
+Object.defineProperty(CSSOM.CSSImportRule.prototype, "styleSheet", {
+  get: function() {
+    return this.__styleSheet;
+  }
+});
+
 
 //.CommonJS
 exports.CSSImportRule = CSSOM.CSSImportRule;

package/lib/CSSKeyframesRule.js

@@ -1,6 +1,7 @@
 //.CommonJS
 var CSSOM = {
 	CSSRule: require("./CSSRule").CSSRule,
+	CSSRuleList: require("./CSSRuleList").CSSRuleList,
 	parse: require("./parse").parse
 };
 var errorUtils = require("./errorUtils").errorUtils;
@@ -14,7 +15,7 @@ var errorUtils = require("./errorUtils").errorUtils;
 CSSOM.CSSKeyframesRule = function CSSKeyframesRule() {
 	CSSOM.CSSRule.call(this);
 	this.name = '';
-	this.cssRules = [];
+	this.cssRules = new CSSOM.CSSRuleList();
 	
 	// Set up initial indexed access
 	this._setupIndexedAccess();

package/lib/CSSLayerBlockRule.js

@@ -1,6 +1,7 @@
 //.CommonJS
 var CSSOM = {
   CSSRule: require("./CSSRule").CSSRule,
+  CSSRuleList: require("./CSSRuleList").CSSRuleList,
   CSSGroupingRule: require("./CSSGroupingRule").CSSGroupingRule,
 };
 ///CommonJS
@@ -12,7 +13,6 @@ var CSSOM = {
 CSSOM.CSSLayerBlockRule = function CSSLayerBlockRule() {
   CSSOM.CSSGroupingRule.call(this);
   this.name = "";
-  this.cssRules = [];
 };
 
 CSSOM.CSSLayerBlockRule.prototype = new CSSOM.CSSGroupingRule();

package/lib/CSSMediaRule.js

@@ -1,6 +1,7 @@
 //.CommonJS
 var CSSOM = {
 	CSSRule: require("./CSSRule").CSSRule,
+  CSSRuleList: require("./CSSRuleList").CSSRuleList,
 	CSSGroupingRule: require("./CSSGroupingRule").CSSGroupingRule,
 	CSSConditionRule: require("./CSSConditionRule").CSSConditionRule,
 	MediaList: require("./MediaList").MediaList
@@ -15,7 +16,7 @@ var CSSOM = {
  */
 CSSOM.CSSMediaRule = function CSSMediaRule() {
 	CSSOM.CSSConditionRule.call(this);
-	this.media = new CSSOM.MediaList();
+	this.__media = new CSSOM.MediaList();
 };
 
 CSSOM.CSSMediaRule.prototype = new CSSOM.CSSConditionRule();
@@ -24,16 +25,24 @@ CSSOM.CSSMediaRule.prototype.type = 4;
 
 // https://opensource.apple.com/source/WebCore/WebCore-7611.1.21.161.3/css/CSSMediaRule.cpp
 Object.defineProperties(CSSOM.CSSMediaRule.prototype, {
-  "conditionText": {
+  "media": {
     get: function() {
-      return this.media.mediaText;
+      return this.__media;
     },
     set: function(value) {
-      this.media.mediaText = value;
+      if (typeof value === "string") {
+        this.__media.mediaText = value;
+      } else {
+        this.__media = value;
+      }
     },
-    configurable: true,
     enumerable: true
   },
+  "conditionText": {
+    get: function() {
+      return this.media.mediaText;
+    }
+  },
   "cssText": {
     get: function() {
       var cssTexts = [];

package/lib/CSSNamespaceRule.js

@@ -12,23 +12,25 @@ var CSSOM = {
  */
 CSSOM.CSSNamespaceRule = function CSSNamespaceRule() {
 	CSSOM.CSSRule.call(this);
-	this.prefix = "";
-	this.namespaceURI = "";
-	this.styleSheet = new CSSOM.CSSStyleSheet();
+	this.__prefix = "";
+	this.__namespaceURI = "";
 };
 
 CSSOM.CSSNamespaceRule.prototype = new CSSOM.CSSRule();
 CSSOM.CSSNamespaceRule.prototype.constructor = CSSOM.CSSNamespaceRule;
-CSSOM.CSSNamespaceRule.prototype.type = 10;
+
+Object.defineProperty(CSSOM.CSSNamespaceRule.prototype, "type", {
+  value: 10,
+	writable: false
+});
 
 Object.defineProperty(CSSOM.CSSNamespaceRule.prototype, "cssText", {
   get: function() {
     return "@namespace" + (this.prefix && " " + this.prefix) + " url(\"" + this.namespaceURI + "\");";
   },
   set: function(cssText) {
-    // Reset prefix and namespaceURI
-    this.prefix = "";
-    this.namespaceURI = "";
+    var newPrefix = "";
+    var newNamespaceURI = "";
 
     // Remove @namespace and trim
     var text = cssText.trim();
@@ -51,26 +53,40 @@ Object.defineProperty(CSSOM.CSSNamespaceRule.prototype, "cssText", {
     if (match) {
       // If prefix is present
       if (match[1]) {
-        this.prefix = match[1];
+        newPrefix = match[1];
       }
       // If url(...) form with quotes
       if (typeof match[3] !== "undefined") {
-        this.namespaceURI = match[3];
+        newNamespaceURI = match[3];
       }
       // If url(...) form without quotes
       else if (typeof match[4] !== "undefined") {
-        this.namespaceURI = match[4].trim();
+        newNamespaceURI = match[4].trim();
       }
       // If quoted string form
       else if (typeof match[6] !== "undefined") {
-        this.namespaceURI = match[6];
+        newNamespaceURI = match[6];
       }
+
+      this.__prefix = newPrefix;
+      this.__namespaceURI = newNamespaceURI;
     } else {
       throw new DOMException("Invalid @namespace rule", "InvalidStateError");
     }
   }
 });
 
+Object.defineProperty(CSSOM.CSSNamespaceRule.prototype, "prefix", {
+  get: function() {
+    return this.__prefix;
+  }
+});
+
+Object.defineProperty(CSSOM.CSSNamespaceRule.prototype, "namespaceURI", {
+  get: function() {
+    return this.__namespaceURI;
+  }
+});
 
 //.CommonJS
 exports.CSSNamespaceRule = CSSOM.CSSNamespaceRule;