@acemir/cssom 0.9.6 → 0.9.7

package/build/CSSOM.js

@@ -298,6 +298,20 @@ CSSOM.CSSGroupingRule.prototype.constructor = CSSOM.CSSGroupingRule;
 };
 
 
+/**
+ * @constructor
+ * @see https://drafts.csswg.org/css-counter-styles/#the-csscounterstylerule-interface
+ */
+CSSOM.CSSCounterStyleRule = function CSSCounterStyleRule() {
+	CSSOM.CSSRule.call(this);
+    this.name = "";
+};
+
+CSSOM.CSSCounterStyleRule.prototype = new CSSOM.CSSRule();
+CSSOM.CSSCounterStyleRule.prototype.constructor = CSSOM.CSSCounterStyleRule;
+CSSOM.CSSCounterStyleRule.prototype.type = 11;
+
+
 /**
  * @constructor
  * @see https://www.w3.org/TR/css-conditional-3/#the-cssconditionrule-interface
@@ -1607,6 +1621,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 		"atBlock": true,
 		"containerBlock": true,
 		"conditionBlock": true,
+		"counterStyleBlock": true,
 		'documentRule-begin': true,
 		"layerBlock": true
 	};
@@ -1622,7 +1637,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 	var ancestorRules = [];
 	var prevScope;
 
-	var name, priority="", styleRule, mediaRule, containerRule, supportsRule, importRule, fontFaceRule, keyframesRule, documentRule, hostRule, startingStyleRule, layerBlockRule, layerStatementRule, nestedSelectorRule;
+	var name, priority="", styleRule, mediaRule, containerRule, counterStyleRule, supportsRule, importRule, fontFaceRule, keyframesRule, documentRule, hostRule, startingStyleRule, layerBlockRule, layerStatementRule, nestedSelectorRule;
 
 	var atKeyframesRegExp = /@(-(?:\w+-)+)?keyframes/g; // Match @keyframes and vendor-prefixed @keyframes
 	// Regex above is not ES5 compliant
@@ -2154,6 +2169,15 @@ CSSOM.parse = function parse(token, errorHandler) {
 				});
 				buffer = "";
 				break;
+			} else if (token.indexOf("@counter-style", i) === i) {
+				validateAtRule("@counter-style", function(){
+					state = "counterStyleBlock"
+					counterStyleRule = new CSSOM.CSSCounterStyleRule();
+					counterStyleRule.__starts = i;
+					i += "counter-style".length;
+				}, true);
+				buffer = "";
+				break;
 			} else if (token.indexOf("@layer", i) === i) {
 				validateAtRule("@layer", function(){
 					state = "layerBlock"
@@ -2163,7 +2187,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 				});
 				buffer = "";
 				break;
-			}  else if (token.indexOf("@supports", i) === i) {
+			} else if (token.indexOf("@supports", i) === i) {
 				validateAtRule("@supports", function(){
 					state = "conditionBlock";
 					supportsRule = new CSSOM.CSSSupportsRule();
@@ -2280,6 +2304,12 @@ CSSOM.parse = function parse(token, errorHandler) {
 				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();
+				currentScope = parentRule = counterStyleRule;
+				counterStyleRule.parentStyleSheet = styleSheet;
+				buffer = "";
 			} else if (state === "conditionBlock") {
 				supportsRule.conditionText = buffer.trim();
 
@@ -2514,6 +2544,13 @@ CSSOM.parse = function parse(token, errorHandler) {
 			break;
 
 		case "}":
+			if (state === "counterStyleBlock") {
+				// FIXME : Implement cssText get setter that parses the real implementation
+				counterStyleRule.cssText = "@counter-style " + counterStyleRule.name + " { " + buffer.trim() + " }";
+				buffer = "";
+				state = "before-selector";
+			}
+
 			switch (state) {
 				case "value":
 					styleRule.style.setProperty(name, buffer.trim(), priority, parseError);

package/lib/CSSCounterStyleRule.js

@@ -0,0 +1,23 @@
+//.CommonJS
+var CSSOM = {
+	CSSRule: require("./CSSRule").CSSRule
+};
+///CommonJS
+
+
+/**
+ * @constructor
+ * @see https://drafts.csswg.org/css-counter-styles/#the-csscounterstylerule-interface
+ */
+CSSOM.CSSCounterStyleRule = function CSSCounterStyleRule() {
+	CSSOM.CSSRule.call(this);
+    this.name = "";
+};
+
+CSSOM.CSSCounterStyleRule.prototype = new CSSOM.CSSRule();
+CSSOM.CSSCounterStyleRule.prototype.constructor = CSSOM.CSSCounterStyleRule;
+CSSOM.CSSCounterStyleRule.prototype.type = 11;
+
+//.CommonJS
+exports.CSSCounterStyleRule = CSSOM.CSSCounterStyleRule;
+///CommonJS

package/lib/index.js

@@ -4,6 +4,7 @@ exports.CSSStyleDeclaration = require('./CSSStyleDeclaration').CSSStyleDeclarati
 exports.CSSRule = require('./CSSRule').CSSRule;
 exports.CSSNestedDeclarations = require('./CSSNestedDeclarations').CSSNestedDeclarations;
 exports.CSSGroupingRule = require('./CSSGroupingRule').CSSGroupingRule;
+exports.CSSCounterStyleRule = require('./CSSCounterStyleRule').CSSCounterStyleRule;
 exports.CSSConditionRule = require('./CSSConditionRule').CSSConditionRule;
 exports.CSSStyleRule = require('./CSSStyleRule').CSSStyleRule;
 exports.MediaList = require('./MediaList').MediaList;

package/lib/parse.js

@@ -40,6 +40,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 		"atBlock": true,
 		"containerBlock": true,
 		"conditionBlock": true,
+		"counterStyleBlock": true,
 		'documentRule-begin': true,
 		"layerBlock": true
 	};
@@ -55,7 +56,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 	var ancestorRules = [];
 	var prevScope;
 
-	var name, priority="", styleRule, mediaRule, containerRule, supportsRule, importRule, fontFaceRule, keyframesRule, documentRule, hostRule, startingStyleRule, layerBlockRule, layerStatementRule, nestedSelectorRule;
+	var name, priority="", styleRule, mediaRule, containerRule, counterStyleRule, supportsRule, importRule, fontFaceRule, keyframesRule, documentRule, hostRule, startingStyleRule, layerBlockRule, layerStatementRule, nestedSelectorRule;
 
 	var atKeyframesRegExp = /@(-(?:\w+-)+)?keyframes/g; // Match @keyframes and vendor-prefixed @keyframes
 	// Regex above is not ES5 compliant
@@ -587,6 +588,15 @@ CSSOM.parse = function parse(token, errorHandler) {
 				});
 				buffer = "";
 				break;
+			} else if (token.indexOf("@counter-style", i) === i) {
+				validateAtRule("@counter-style", function(){
+					state = "counterStyleBlock"
+					counterStyleRule = new CSSOM.CSSCounterStyleRule();
+					counterStyleRule.__starts = i;
+					i += "counter-style".length;
+				}, true);
+				buffer = "";
+				break;
 			} else if (token.indexOf("@layer", i) === i) {
 				validateAtRule("@layer", function(){
 					state = "layerBlock"
@@ -596,7 +606,7 @@ CSSOM.parse = function parse(token, errorHandler) {
 				});
 				buffer = "";
 				break;
-			}  else if (token.indexOf("@supports", i) === i) {
+			} else if (token.indexOf("@supports", i) === i) {
 				validateAtRule("@supports", function(){
 					state = "conditionBlock";
 					supportsRule = new CSSOM.CSSSupportsRule();
@@ -713,6 +723,12 @@ CSSOM.parse = function parse(token, errorHandler) {
 				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();
+				currentScope = parentRule = counterStyleRule;
+				counterStyleRule.parentStyleSheet = styleSheet;
+				buffer = "";
 			} else if (state === "conditionBlock") {
 				supportsRule.conditionText = buffer.trim();
 
@@ -947,6 +963,13 @@ CSSOM.parse = function parse(token, errorHandler) {
 			break;
 
 		case "}":
+			if (state === "counterStyleBlock") {
+				// FIXME : Implement cssText get setter that parses the real implementation
+				counterStyleRule.cssText = "@counter-style " + counterStyleRule.name + " { " + buffer.trim() + " }";
+				buffer = "";
+				state = "before-selector";
+			}
+
 			switch (state) {
 				case "value":
 					styleRule.style.setProperty(name, buffer.trim(), priority, parseError);
@@ -1152,6 +1175,7 @@ CSSOM.CSSNestedDeclarations = require("./CSSNestedDeclarations").CSSNestedDeclar
 CSSOM.CSSImportRule = require("./CSSImportRule").CSSImportRule;
 CSSOM.CSSGroupingRule = require("./CSSGroupingRule").CSSGroupingRule;
 CSSOM.CSSMediaRule = require("./CSSMediaRule").CSSMediaRule;
+CSSOM.CSSCounterStyleRule = require("./CSSCounterStyleRule").CSSCounterStyleRule;
 CSSOM.CSSContainerRule = require("./CSSContainerRule").CSSContainerRule;
 CSSOM.CSSConditionRule = require("./CSSConditionRule").CSSConditionRule;
 CSSOM.CSSSupportsRule = require("./CSSSupportsRule").CSSSupportsRule;

package/package.json

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