cssstyle 4.3.1 → 4.4.0

package/lib/properties/opacity.js

@@ -1,14 +1,46 @@
-'use strict';
+"use strict";
 
-var parseNumber = require('../parsers').parseNumber;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  let num = parsers.parseNumber(v);
+  if (num) {
+    num = parseFloat(num);
+    if (num < 0) {
+      return "0";
+    } else if (num > 1) {
+      return "1";
+    }
+    return `${num}`;
+  }
+  let pct = parsers.parsePercent(v);
+  if (pct) {
+    pct = parseFloat(pct);
+    if (pct < 0) {
+      return "0%";
+    } else if (pct > 100) {
+      return "100%";
+    }
+    return `${pct}%`;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof module.exports.parse(v) === "string";
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('opacity', parseNumber(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("opacity", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('opacity');
+  get() {
+    return this.getPropertyValue("opacity");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/outlineColor.js

@@ -1,14 +1,30 @@
-'use strict';
+"use strict";
 
-var parseColor = require('../parsers').parseColor;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseColor(v);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "" || typeof parsers.parseKeyword(v) === "string") {
+    return true;
+  }
+  return parsers.isValidColor(v);
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('outline-color', parseColor(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("outline-color", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('outline-color');
+  get() {
+    return this.getPropertyValue("outline-color");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/padding.js

@@ -1,66 +1,58 @@
-'use strict';
+"use strict";
 
-var parsers = require('../parsers.js');
-var TYPES = parsers.TYPES;
+const parsers = require("../parsers");
 
-var isValid = function (v) {
-  var type = parsers.valueType(v);
-  return (
-    type === TYPES.NULL_OR_EMPTY_STR ||
-    type === TYPES.LENGTH ||
-    type === TYPES.PERCENT ||
-    type === TYPES.CALC ||
-    (type === TYPES.INTEGER && (v === '0' || v === 0))
-  );
-};
+const positions = ["top", "right", "bottom", "left"];
 
-var parser = function (v) {
-  return parsers.parseMeasurement(v);
+module.exports.parse = function parse(v) {
+  const val = parsers.parseMeasurement(v, true);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
 };
 
-var mySetter = parsers.implicitSetter('padding', '', isValid, parser);
-var myGlobal = parsers.implicitSetter(
-  'padding',
-  '',
-  function () {
+module.exports.isValid = function isValid(v) {
+  if (v === "") {
     return true;
-  },
-  function (v) {
-    return v;
   }
-);
+  return typeof module.exports.parse(v) === "string";
+};
 
 module.exports.definition = {
-  set: function (v) {
-    if (typeof v === 'number') {
-      v = String(v);
-    }
-    if (v === null) {
-      v = '';
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    if (parsers.hasVarFunc(v)) {
+      this._implicitSetter(
+        "padding",
+        "",
+        "",
+        module.exports.isValid,
+        module.exports.parse,
+        positions
+      );
+      this._setProperty("padding", v);
+    } else {
+      this._implicitSetter(
+        "padding",
+        "",
+        v,
+        module.exports.isValid,
+        module.exports.parse,
+        positions
+      );
     }
-    if (typeof v !== 'string') {
-      return;
+  },
+  get() {
+    const val = this._implicitGetter("padding", positions);
+    if (val === "") {
+      return this.getPropertyValue("padding");
     }
-    var V = v.toLowerCase();
-    switch (V) {
-      case 'inherit':
-      case 'initial':
-      case 'unset':
-      case '':
-        myGlobal.call(this, V);
-        break;
-
-      default:
-        mySetter.call(this, v);
-        break;
+    if (parsers.hasVarFunc(val)) {
+      return "";
     }
-  },
-  get: function () {
-    return this.getPropertyValue('padding');
+    return val;
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };
-
-module.exports.isValid = isValid;
-module.exports.parser = parser;

package/lib/properties/paddingBottom.js

@@ -1,13 +1,42 @@
-'use strict';
+"use strict";
 
-var padding = require('./padding.js');
-var parsers = require('../parsers.js');
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseMeasurement(v, true);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof module.exports.parse(v) === "string";
+};
 
 module.exports.definition = {
-  set: parsers.subImplicitSetter('padding', 'bottom', padding.isValid, padding.parser),
-  get: function () {
-    return this.getPropertyValue('padding-bottom');
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    if (parsers.hasVarFunc(v)) {
+      this._setProperty("padding", "");
+      this._setProperty("padding-bottom", v);
+    } else {
+      this._subImplicitSetter(
+        "padding",
+        "bottom",
+        v,
+        module.exports.isValid,
+        module.exports.parse,
+        ["top", "right", "bottom", "left"]
+      );
+    }
+  },
+  get() {
+    return this.getPropertyValue("padding-bottom");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/paddingLeft.js

@@ -1,13 +1,40 @@
-'use strict';
+"use strict";
 
-var padding = require('./padding.js');
-var parsers = require('../parsers.js');
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseMeasurement(v, true);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof module.exports.parse(v) === "string";
+};
 
 module.exports.definition = {
-  set: parsers.subImplicitSetter('padding', 'left', padding.isValid, padding.parser),
-  get: function () {
-    return this.getPropertyValue('padding-left');
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    if (parsers.hasVarFunc(v)) {
+      this._setProperty("padding", "");
+      this._setProperty("padding-left", v);
+    } else {
+      this._subImplicitSetter("padding", "left", v, module.exports.isValid, module.exports.parse, [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ]);
+    }
+  },
+  get() {
+    return this.getPropertyValue("padding-left");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/paddingRight.js

@@ -1,13 +1,40 @@
-'use strict';
+"use strict";
 
-var padding = require('./padding.js');
-var parsers = require('../parsers.js');
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseMeasurement(v, true);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof module.exports.parse(v) === "string";
+};
 
 module.exports.definition = {
-  set: parsers.subImplicitSetter('padding', 'right', padding.isValid, padding.parser),
-  get: function () {
-    return this.getPropertyValue('padding-right');
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    if (parsers.hasVarFunc(v)) {
+      this._setProperty("padding", "");
+      this._setProperty("padding-right", v);
+    } else {
+      this._subImplicitSetter("padding", "right", v, module.exports.isValid, module.exports.parse, [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ]);
+    }
+  },
+  get() {
+    return this.getPropertyValue("padding-right");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/paddingTop.js

@@ -1,13 +1,40 @@
-'use strict';
+"use strict";
 
-var padding = require('./padding.js');
-var parsers = require('../parsers.js');
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseMeasurement(v, true);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof module.exports.parse(v) === "string";
+};
 
 module.exports.definition = {
-  set: parsers.subImplicitSetter('padding', 'top', padding.isValid, padding.parser),
-  get: function () {
-    return this.getPropertyValue('padding-top');
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    if (parsers.hasVarFunc(v)) {
+      this._setProperty("padding", "");
+      this._setProperty("padding-top", v);
+    } else {
+      this._subImplicitSetter("padding", "top", v, module.exports.isValid, module.exports.parse, [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ]);
+    }
+  },
+  get() {
+    return this.getPropertyValue("padding-top");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/right.js

@@ -1,14 +1,30 @@
-'use strict';
+"use strict";
 
-var parseMeasurement = require('../parsers').parseInheritingMeasurement;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const dim = parsers.parseMeasurement(v);
+  if (dim) {
+    return dim;
+  }
+  return parsers.parseKeyword(v, ["auto"]);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof module.exports.parse(v) === "string";
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('right', parseMeasurement(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("right", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('right');
+  get() {
+    return this.getPropertyValue("right");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/stopColor.js

@@ -1,14 +1,30 @@
-'use strict';
+"use strict";
 
-var parseColor = require('../parsers').parseColor;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseColor(v);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "" || typeof parsers.parseKeyword(v) === "string") {
+    return true;
+  }
+  return parsers.isValidColor(v);
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('stop-color', parseColor(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("stop-color", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('stop-color');
+  get() {
+    return this.getPropertyValue("stop-color");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/top.js

@@ -1,14 +1,30 @@
-'use strict';
+"use strict";
 
-var parseMeasurement = require('../parsers').parseInheritingMeasurement;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const dim = parsers.parseMeasurement(v);
+  if (dim) {
+    return dim;
+  }
+  return parsers.parseKeyword(v, ["auto"]);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "") {
+    return true;
+  }
+  return typeof module.exports.parse(v) === "string";
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('top', parseMeasurement(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("top", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('top');
+  get() {
+    return this.getPropertyValue("top");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/webkitBorderAfterColor.js

@@ -1,14 +1,30 @@
-'use strict';
+"use strict";
 
-var parseColor = require('../parsers').parseColor;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseColor(v);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "" || typeof parsers.parseKeyword(v) === "string") {
+    return true;
+  }
+  return parsers.isValidColor(v);
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('-webkit-border-after-color', parseColor(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("-webkit-border-after-color", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('-webkit-border-after-color');
+  get() {
+    return this.getPropertyValue("-webkit-border-after-color");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/webkitBorderBeforeColor.js

@@ -1,14 +1,30 @@
-'use strict';
+"use strict";
 
-var parseColor = require('../parsers').parseColor;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseColor(v);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "" || typeof parsers.parseKeyword(v) === "string") {
+    return true;
+  }
+  return parsers.isValidColor(v);
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('-webkit-border-before-color', parseColor(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("-webkit-border-before-color", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('-webkit-border-before-color');
+  get() {
+    return this.getPropertyValue("-webkit-border-before-color");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/webkitBorderEndColor.js

@@ -1,14 +1,30 @@
-'use strict';
+"use strict";
 
-var parseColor = require('../parsers').parseColor;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseColor(v);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "" || typeof parsers.parseKeyword(v) === "string") {
+    return true;
+  }
+  return parsers.isValidColor(v);
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('-webkit-border-end-color', parseColor(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("-webkit-border-end-color", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('-webkit-border-end-color');
+  get() {
+    return this.getPropertyValue("-webkit-border-end-color");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };

package/lib/properties/webkitBorderStartColor.js

@@ -1,14 +1,30 @@
-'use strict';
+"use strict";
 
-var parseColor = require('../parsers').parseColor;
+const parsers = require("../parsers");
+
+module.exports.parse = function parse(v) {
+  const val = parsers.parseColor(v);
+  if (val) {
+    return val;
+  }
+  return parsers.parseKeyword(v);
+};
+
+module.exports.isValid = function isValid(v) {
+  if (v === "" || typeof parsers.parseKeyword(v) === "string") {
+    return true;
+  }
+  return parsers.isValidColor(v);
+};
 
 module.exports.definition = {
-  set: function (v) {
-    this._setProperty('-webkit-border-start-color', parseColor(v));
+  set(v) {
+    v = parsers.prepareValue(v, this._global);
+    this._setProperty("-webkit-border-start-color", module.exports.parse(v));
   },
-  get: function () {
-    return this.getPropertyValue('-webkit-border-start-color');
+  get() {
+    return this.getPropertyValue("-webkit-border-start-color");
   },
   enumerable: true,
-  configurable: true,
+  configurable: true
 };