cssstyle - npm Package Compare versions

Comparing version 2.3.0 to 3.0.0

lib/allProperties.js

 'use strict';
 
-// autogenerated - 4/29/2020
+// autogenerated - 1/22/2023
 
@@ -11,2 +11,4 @@ /*
 module.exports = new Set([
+  '-webkit-line-clamp',
+  'accent-color',
   'align-content',
@@ -19,2 +21,4 @@ 'align-items',
   'animation-delay',
+  'animation-delay-end',
+  'animation-delay-start',
   'animation-direction',
@@ -26,5 +30,8 @@ 'animation-duration',
   'animation-play-state',
+  'animation-range',
   'animation-timing-function',
   'appearance',
+  'aspect-ratio',
   'azimuth',
+  'backface-visibility',
   'background',
@@ -41,3 +48,4 @@ 'background-attachment',
   'baseline-shift',
-  'block-overflow',
+  'baseline-source',
+  'block-ellipsis',
   'block-size',
@@ -141,3 +149,12 @@ 'bookmark-label',
   'contain',
+  'contain-intrinsic-block-size',
+  'contain-intrinsic-height',
+  'contain-intrinsic-inline-size',
+  'contain-intrinsic-size',
+  'contain-intrinsic-width',
+  'container',
+  'container-name',
+  'container-type',
   'content',
+  'content-visibility',
   'continue',
@@ -226,5 +243,5 @@ 'counter-increment',
   'image-resolution',
-  'initial-letters',
-  'initial-letters-align',
-  'initial-letters-wrap',
+  'initial-letter',
+  'initial-letter-align',
+  'initial-letter-wrap',
   'inline-size',
@@ -243,2 +260,3 @@ 'inline-sizing',
   'justify-self',
+  'leading-trim',
   'left',
@@ -268,2 +286,3 @@ 'letter-spacing',
   'margin-top',
+  'margin-trim',
   'marker-side',
@@ -295,2 +314,3 @@ 'mask',
   'min-inline-size',
+  'min-intrinsic-sizing',
   'min-width',
@@ -305,11 +325,7 @@ 'mix-blend-mode',
   'offset',
-  'offset-after',
   'offset-anchor',
-  'offset-before',
   'offset-distance',
-  'offset-end',
   'offset-path',
   'offset-position',
   'offset-rotate',
-  'offset-start',
   'opacity',
@@ -324,3 +340,15 @@ 'order',
   'overflow',
+  'overflow-anchor',
   'overflow-block',
+  'overflow-clip-margin',
+  'overflow-clip-margin-block',
+  'overflow-clip-margin-block-end',
+  'overflow-clip-margin-block-start',
+  'overflow-clip-margin-bottom',
+  'overflow-clip-margin-inline',
+  'overflow-clip-margin-inline-end',
+  'overflow-clip-margin-inline-start',
+  'overflow-clip-margin-left',
+  'overflow-clip-margin-right',
+  'overflow-clip-margin-top',
   'overflow-inline',
@@ -348,2 +376,4 @@ 'overflow-wrap',
   'pause-before',
+  'perspective',
+  'perspective-origin',
   'pitch',
@@ -356,2 +386,3 @@ 'pitch-range',
   'position',
+  'print-color-adjust',
   'quotes',
@@ -365,7 +396,10 @@ 'region-fragment',
   'right',
+  'rotate',
   'row-gap',
   'ruby-align',
   'ruby-merge',
+  'ruby-overhang',
   'ruby-position',
   'running',
+  'scale',
   'scroll-behavior',
@@ -397,2 +431,8 @@ 'scroll-margin',
   'scroll-snap-type',
+  'scroll-timeline',
+  'scroll-timeline-axis',
+  'scroll-timeline-name',
+  'scrollbar-color',
+  'scrollbar-gutter',
+  'scrollbar-width',
   'shape-image-threshold',
@@ -422,6 +462,15 @@ 'shape-inside',
   'text-decoration-line',
+  'text-decoration-skip',
+  'text-decoration-skip-box',
+  'text-decoration-skip-ink',
+  'text-decoration-skip-inset',
+  'text-decoration-skip-self',
+  'text-decoration-skip-spaces',
   'text-decoration-style',
+  'text-decoration-thickness',
+  'text-edge',
   'text-emphasis',
   'text-emphasis-color',
   'text-emphasis-position',
+  'text-emphasis-skip',
   'text-emphasis-style',
@@ -438,2 +487,3 @@ 'text-group-align',
   'text-transform',
+  'text-underline-offset',
   'text-underline-position',
@@ -445,2 +495,3 @@ 'text-wrap',
   'transform-origin',
+  'transform-style',
   'transition',
@@ -451,5 +502,11 @@ 'transition-delay',
   'transition-timing-function',
+  'translate',
   'unicode-bidi',
   'user-select',
   'vertical-align',
+  'view-timeline',
+  'view-timeline-axis',
+  'view-timeline-inset',
+  'view-timeline-name',
+  'view-transition-name',
   'visibility',
@@ -456,0 +513,0 @@ 'voice-balance',

lib/allWebkitProperties.js

@@ -194,2 +194,2 @@ 'use strict';
   'zoom',
-].map(prop => 'webkit-' + prop);
+].map((prop) => 'webkit-' + prop);

lib/CSSStyleDeclaration.js

@@ -6,3 +6,3 @@ /*********************************************************************
 'use strict';
-var CSSOM = require('cssom');
+var CSSOM = require('rrweb-cssom');
 var allProperties = require('./allProperties');
@@ -24,3 +24,3 @@ var allExtraProperties = require('./allExtraProperties');
     onChangeCallback ||
-    function() {
+    function () {
       return;
@@ -39,3 +39,3 @@ };
    */
-  getPropertyValue: function(name) {
+  getPropertyValue: function (name) {
     if (!this._values.hasOwnProperty(name)) {
@@ -54,3 +54,3 @@ return '';
    */
-  setProperty: function(name, value, priority) {
+  setProperty: function (name, value, priority) {
     if (value === undefined) {
@@ -76,3 +76,3 @@ return;
   },
-  _setProperty: function(name, value, priority) {
+  _setProperty: function (name, value, priority) {
     if (value === undefined) {
@@ -109,3 +109,3 @@ return;
    */
-  removeProperty: function(name) {
+  removeProperty: function (name) {
     if (!this._values.hasOwnProperty(name)) {
@@ -138,7 +138,7 @@ return '';
    */
-  getPropertyPriority: function(name) {
+  getPropertyPriority: function (name) {
     return this._importants[name] || '';
   },
 
-  getPropertyCSSValue: function() {
+  getPropertyCSSValue: function () {
     //FIXME
@@ -153,3 +153,3 @@ return;
    */
-  getPropertyShorthand: function() {
+  getPropertyShorthand: function () {
     //FIXME
@@ -159,3 +159,3 @@ return;
 
-  isPropertyImplicit: function() {
+  isPropertyImplicit: function () {
     //FIXME
@@ -168,3 +168,3 @@ return;
    */
-  item: function(index) {
+  item: function (index) {
     index = parseInt(index, 10);
@@ -180,3 +180,3 @@ if (index < 0 || index >= this._length) {
   cssText: {
-    get: function() {
+    get: function () {
       var properties = [];
@@ -198,3 +198,3 @@ var i;
     },
-    set: function(value) {
+    set: function (value) {
       var i;
@@ -227,3 +227,3 @@ this._values = {};
   parentRule: {
-    get: function() {
+    get: function () {
       return null;
@@ -235,3 +235,3 @@ },
   length: {
-    get: function() {
+    get: function () {
       return this._length;
@@ -244,3 +244,3 @@ },
      **/
-    set: function(value) {
+    set: function (value) {
       var i;
@@ -259,3 +259,3 @@ for (i = value; i < this._length; i++) {
 
-allProperties.forEach(function(property) {
+allProperties.forEach(function (property) {
   if (!implementedProperties.has(property)) {
@@ -268,3 +268,3 @@ var declaration = getBasicPropertyDescriptor(property);
 
-allExtraProperties.forEach(function(property) {
+allExtraProperties.forEach(function (property) {
   if (!implementedProperties.has(property)) {
@@ -271,0 +271,0 @@ var declaration = getBasicPropertyDescriptor(property);

lib/CSSStyleDeclaration.test.js

@@ -13,3 +13,3 @@ 'use strict';
 implementedProperties = Array.from(implementedProperties).map(parsers.dashedToCamelCase);
-var invalidProperties = implementedProperties.filter(prop => !allowedProperties.includes(prop));
+var invalidProperties = implementedProperties.filter((prop) => !allowedProperties.includes(prop));
 
@@ -23,3 +23,3 @@ describe('CSSStyleDeclaration', () => {
     var style = new CSSStyleDeclaration();
-    allProperties.forEach(property => {
+    allProperties.forEach((property) => {
       expect(style.__lookupGetter__(property)).toBeTruthy();
@@ -32,3 +32,3 @@ expect(style.__lookupSetter__(property)).toBeTruthy();
     var style = new CSSStyleDeclaration();
-    dashedProperties.forEach(property => {
+    dashedProperties.forEach((property) => {
       expect(style.__lookupGetter__(property)).toBeTruthy();
@@ -308,3 +308,3 @@ expect(style.__lookupSetter__(property)).toBeTruthy();
     var parts = ['Top', 'Right', 'Bottom', 'Left'];
-    var testParts = function(name, v, V) {
+    var testParts = function (name, v, V) {
       style[name] = v;
@@ -336,3 +336,3 @@ for (var i = 0; i < 4; i++) {
     var parts = ['Top', 'Right', 'Bottom', 'Left'];
-    var testParts = function(name, v, V) {
+    var testParts = function (name, v, V) {
       var expected;
@@ -361,3 +361,3 @@ for (var i = 0; i < 4; i++) {
   test('onchange callback should be called when the csstext changes', () => {
-    var style = new CSSStyleDeclaration(function(cssText) {
+    var style = new CSSStyleDeclaration(function (cssText) {
       expect(cssText).toEqual('opacity: 0;');
@@ -364,0 +364,0 @@ });

lib/implementedProperties.js

 'use strict';
 
-// autogenerated - 4/29/2020
+// autogenerated - 2/12/2023
 
@@ -5,0 +5,0 @@ /*

lib/parsers.js

@@ -35,3 +35,4 @@ /*********************************************************************
 var calcRegEx = /^calc\(([^)]*)\)$/;
-var colorRegEx4 = /^hsla?\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*(,\s*(-?\d+|-?\d*.\d+)\s*)?\)/;
+var colorRegEx4 =
+  /^hsla?\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*(,\s*(-?\d+|-?\d*.\d+)\s*)?\)/;
 var angleRegEx = /^([-+]?[0-9]*\.?[0-9]+)(deg|grad|rad)$/;
@@ -452,3 +453,3 @@
 // utility to translate from border-width to borderWidth
-var dashedToCamelCase = function(dashed) {
+var dashedToCamelCase = function (dashed) {
   var i;
@@ -473,3 +474,3 @@ var camel = '';
 // this splits on whitespace, but keeps quoted and parened parts together
-var getParts = function(str) {
+var getParts = function (str) {
   var deliminator_stack = [];
@@ -527,3 +528,3 @@ var length = str.length;
   if (type === exports.TYPES.NULL_OR_EMPTY_STR) {
-    Object.keys(shorthand_for).forEach(function(property) {
+    Object.keys(shorthand_for).forEach(function (property) {
       obj[property] = '';
@@ -547,5 +548,5 @@ });
   var valid = true;
-  parts.forEach(function(part, i) {
+  parts.forEach(function (part, i) {
     var part_valid = false;
-    Object.keys(shorthand_for).forEach(function(property) {
+    Object.keys(shorthand_for).forEach(function (property) {
       if (shorthand_for[property].isValid(part, i)) {
@@ -564,4 +565,4 @@ part_valid = true;
 
-exports.shorthandSetter = function(property, shorthand_for) {
-  return function(v) {
+exports.shorthandSetter = function (property, shorthand_for) {
+  return function (v) {
     var obj = exports.shorthandParser(v, shorthand_for);
@@ -572,3 +573,3 @@ if (obj === undefined) {
     //console.log('shorthandSetter for:', property, 'obj:', obj);
-    Object.keys(obj).forEach(function(subprop) {
+    Object.keys(obj).forEach(function (subprop) {
       // in case subprop is an implicit property, this will clear
@@ -586,3 +587,3 @@ // *its* subpropertiesX
     }, this);
-    Object.keys(shorthand_for).forEach(function(subprop) {
+    Object.keys(shorthand_for).forEach(function (subprop) {
       if (!obj.hasOwnProperty(subprop)) {
@@ -605,4 +606,4 @@ this.removeProperty(subprop);
 
-exports.shorthandGetter = function(property, shorthand_for) {
-  return function() {
+exports.shorthandGetter = function (property, shorthand_for) {
+  return function () {
     if (this._values[property] !== undefined) {
@@ -612,6 +613,6 @@ return this.getPropertyValue(property);
     return Object.keys(shorthand_for)
-      .map(function(subprop) {
+      .map(function (subprop) {
         return this.getPropertyValue(subprop);
       }, this)
-      .filter(function(value) {
+      .filter(function (value) {
         return value !== '';
@@ -628,3 +629,3 @@ })
 // if four, top, right, bottom, left
-exports.implicitSetter = function(property_before, property_after, isValid, parser) {
+exports.implicitSetter = function (property_before, property_after, isValid, parser) {
   property_after = property_after || '';
@@ -636,3 +637,3 @@ if (property_after !== '') {
 
-  return function(v) {
+  return function (v) {
     if (typeof v === 'number') {
@@ -658,3 +659,3 @@ v = v.toString();
 
-    parts = parts.map(function(part) {
+    parts = parts.map(function (part) {
       return parser(part);
@@ -690,7 +691,7 @@ });
 //
-exports.subImplicitSetter = function(prefix, part, isValid, parser) {
+exports.subImplicitSetter = function (prefix, part, isValid, parser) {
   var property = prefix + '-' + part;
   var subparts = [prefix + '-top', prefix + '-right', prefix + '-bottom', prefix + '-left'];
 
-  return function(v) {
+  return function (v) {
     if (typeof v === 'number') {
@@ -728,3 +729,3 @@ v = v.toString();
 var vendor_prefixes = ['o', 'moz', 'ms', 'webkit'];
-exports.camelToDashed = function(camel_case) {
+exports.camelToDashed = function (camel_case) {
   var match;
@@ -731,0 +732,0 @@ var dashed = camel_case.replace(camel_to_dashed, '-$&').toLowerCase();

lib/properties.js

 'use strict';
 
-// autogenerated - 4/29/2020
+// autogenerated - 2/12/2023
 
@@ -5,0 +5,0 @@ /*

lib/properties/azimuth.js

@@ -6,3 +6,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     var valueType = parsers.valueType(v);
@@ -13,6 +13,3 @@ if (valueType === parsers.TYPES.ANGLE) {
     if (valueType === parsers.TYPES.KEYWORD) {
-      var keywords = v
-        .toLowerCase()
-        .trim()
-        .split(/\s+/);
+      var keywords = v.toLowerCase().trim().split(/\s+/);
       var hasBehind = false;
@@ -64,3 +61,3 @@ if (keywords.length > 2) {
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('azimuth');
@@ -67,0 +64,0 @@ },

lib/properties/backgroundAttachment.js

@@ -13,3 +13,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (!isValid(v)) {
@@ -20,3 +20,3 @@ return;
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('background-attachment');
@@ -23,0 +23,0 @@ },

lib/properties/backgroundColor.js

@@ -24,3 +24,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     var parsed = parse(v);
@@ -32,3 +32,3 @@ if (parsed === undefined) {
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('background-color');
@@ -35,0 +35,0 @@ },

lib/properties/backgroundImage.js

@@ -24,6 +24,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('background-image', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('background-image');
@@ -30,0 +30,0 @@ },

lib/properties/backgroundPosition.js

@@ -16,3 +16,3 @@ 'use strict';
   var types = [];
-  parts.forEach(function(part, index) {
+  parts.forEach(function (part, index) {
     types[index] = parsers.valueType(part);
@@ -51,6 +51,6 @@ });
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('background-position', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('background-position');
@@ -57,0 +57,0 @@ },

lib/properties/backgroundRepeat.js

@@ -24,6 +24,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('background-repeat', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('background-repeat');
@@ -30,0 +30,0 @@ },

lib/properties/border.js

@@ -16,3 +16,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (v.toString().toLowerCase() === 'none') {
@@ -19,0 +19,0 @@ v = '';

lib/properties/borderBottomColor.js

@@ -6,3 +6,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -12,3 +12,3 @@ this._setProperty('border-bottom-color', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-bottom-color');
@@ -15,0 +15,0 @@ },

lib/properties/borderBottomStyle.js

@@ -7,3 +7,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -17,3 +17,3 @@ if (v.toLowerCase() === 'none') {
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-bottom-style');
@@ -20,0 +20,0 @@ },

lib/properties/borderBottomWidth.js

@@ -6,3 +6,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -12,3 +12,3 @@ this._setProperty('border-bottom-width', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-bottom-width');
@@ -15,0 +15,0 @@ },

lib/properties/borderCollapse.js

@@ -18,6 +18,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('border-collapse', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-collapse');
@@ -24,0 +24,0 @@ },

lib/properties/borderColor.js

@@ -16,3 +16,3 @@ 'use strict';
 
-var parser = function(v) {
+var parser = function (v) {
   if (isValid(v)) {
@@ -26,3 +26,3 @@ return v.toLowerCase();
   set: implicitSetter('border', 'color', isValid, parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-color');
@@ -29,0 +29,0 @@ },

lib/properties/borderLeftColor.js

@@ -6,3 +6,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -12,3 +12,3 @@ this._setProperty('border-left-color', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-left-color');
@@ -15,0 +15,0 @@ },

lib/properties/borderLeftStyle.js

@@ -7,3 +7,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -17,3 +17,3 @@ if (v.toLowerCase() === 'none') {
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-left-style');
@@ -20,0 +20,0 @@ },

lib/properties/borderLeftWidth.js

@@ -6,3 +6,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -12,3 +12,3 @@ this._setProperty('border-left-width', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-left-width');
@@ -15,0 +15,0 @@ },

lib/properties/borderRightColor.js

@@ -6,3 +6,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -12,3 +12,3 @@ this._setProperty('border-right-color', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-right-color');
@@ -15,0 +15,0 @@ },

lib/properties/borderRightStyle.js

@@ -7,3 +7,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -17,3 +17,3 @@ if (v.toLowerCase() === 'none') {
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-right-style');
@@ -20,0 +20,0 @@ },

lib/properties/borderRightWidth.js

@@ -6,3 +6,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -12,3 +12,3 @@ this._setProperty('border-right-width', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-right-width');
@@ -15,0 +15,0 @@ },

lib/properties/borderSpacing.js

@@ -23,3 +23,3 @@ 'use strict';
   }
-  parts.forEach(function(part) {
+  parts.forEach(function (part) {
     if (parsers.valueType(part) !== parsers.TYPES.LENGTH) {
@@ -34,6 +34,6 @@ return undefined;
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('border-spacing', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-spacing');
@@ -40,0 +40,0 @@ },

lib/properties/borderStyle.js

@@ -24,3 +24,3 @@ 'use strict';
 
-var parser = function(v) {
+var parser = function (v) {
   if (isValid(v)) {
@@ -34,3 +34,3 @@ return v.toLowerCase();
   set: implicitSetter('border', 'style', isValid, parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-style');
@@ -37,0 +37,0 @@ },

lib/properties/borderTopColor.js

@@ -6,3 +6,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -12,3 +12,3 @@ this._setProperty('border-top-color', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-top-color');
@@ -15,0 +15,0 @@ },

lib/properties/borderTopStyle.js

@@ -7,3 +7,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -17,3 +17,3 @@ if (v.toLowerCase() === 'none') {
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-top-style');
@@ -20,0 +20,0 @@ },

lib/properties/borderTopWidth.js

@@ -7,3 +7,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (isValid(v)) {
@@ -13,3 +13,3 @@ this._setProperty('border-top-width', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-top-width');
@@ -16,0 +16,0 @@ },

lib/properties/borderWidth.js

@@ -28,3 +28,3 @@ 'use strict';
 
-var parser = function(v) {
+var parser = function (v) {
   var length = parsers.parseLength(v);
@@ -42,3 +42,3 @@ if (length !== undefined) {
   set: implicitSetter('border', 'width', isValid, parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('border-width');
@@ -45,0 +45,0 @@ },

lib/properties/bottom.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('bottom', parseMeasurement(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('bottom');
@@ -12,0 +12,0 @@ },

lib/properties/clear.js

@@ -8,6 +8,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('clear', parseKeyword(v, clear_keywords));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('clear');
@@ -14,0 +14,0 @@ },

lib/properties/clip.js

@@ -7,3 +7,3 @@ 'use strict';
 
-var parse = function(val) {
+var parse = function (val) {
   if (val === '' || val === null) {
@@ -27,3 +27,3 @@ return val;
   }
-  var valid = parts.every(function(part, index) {
+  var valid = parts.every(function (part, index) {
     var measurement = parseMeasurement(part);
@@ -41,6 +41,6 @@ parts[index] = measurement;
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('clip', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('clip');
@@ -47,0 +47,0 @@ },

lib/properties/color.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('color');
@@ -12,0 +12,0 @@ },

lib/properties/cssFloat.js

 'use strict';
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('float', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('float');
@@ -9,0 +9,0 @@ },

lib/properties/flex.js

@@ -20,6 +20,4 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
-    var normalizedValue = String(v)
-      .trim()
-      .toLowerCase();
+  set: function (v) {
+    var normalizedValue = String(v).trim().toLowerCase();
 
@@ -26,0 +24,0 @@ if (normalizedValue === 'none') {

lib/properties/flexBasis.js

@@ -20,6 +20,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('flex-basis', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('flex-basis');
@@ -26,0 +26,0 @@ },

lib/properties/flexGrow.js

@@ -11,6 +11,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('flex-grow', parseNumber(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('flex-grow');
@@ -17,0 +17,0 @@ },

lib/properties/flexShrink.js

@@ -11,6 +11,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('flex-shrink', parseNumber(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('flex-shrink');
@@ -17,0 +17,0 @@ },

lib/properties/float.js

 'use strict';
 
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('float', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('float');
@@ -9,0 +9,0 @@ },

lib/properties/floodColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('flood-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('flood-color');
@@ -12,0 +12,0 @@ },

lib/properties/font.js

@@ -31,3 +31,3 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     var short = shorthandParser(v, shorthand_for);
@@ -34,0 +34,0 @@ if (short !== undefined) {

lib/properties/fontFamily.js

@@ -25,6 +25,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-family', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-family');
@@ -31,0 +31,0 @@ },

lib/properties/fontSize.js

@@ -10,3 +10,3 @@ 'use strict';
 
-module.exports.isValid = function(v) {
+module.exports.isValid = function (v) {
   var type = valueType(v.toLowerCase());
@@ -25,3 +25,3 @@ return (
   const isOptionalArgument = optionalArguments.some(
-    stringValue => stringValue.toLowerCase() === valueAsString
+    (stringValue) => stringValue.toLowerCase() === valueAsString
   );
@@ -32,6 +32,6 @@ return isOptionalArgument ? valueAsString : parseMeasurement(v);
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-size', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-size');
@@ -38,0 +38,0 @@ },

lib/properties/fontStyle.js

@@ -5,3 +5,3 @@ 'use strict';
 
-module.exports.isValid = function(v) {
+module.exports.isValid = function (v) {
   return valid_styles.indexOf(v.toLowerCase()) !== -1;
@@ -11,6 +11,6 @@ };
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-style', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-style');
@@ -17,0 +17,0 @@ },

lib/properties/fontVariant.js

@@ -10,6 +10,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-variant', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-variant');
@@ -16,0 +16,0 @@ },

lib/properties/fontWeight.js

@@ -25,6 +25,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('font-weight', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('font-weight');
@@ -31,0 +31,0 @@ },

lib/properties/height.js

@@ -16,6 +16,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('height', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('height');
@@ -22,0 +22,0 @@ },

lib/properties/left.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('left', parseMeasurement(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('left');
@@ -12,0 +12,0 @@ },

lib/properties/lightingColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('lighting-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('lighting-color');
@@ -12,0 +12,0 @@ },

lib/properties/lineHeight.js

@@ -18,6 +18,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('line-height', v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('line-height');
@@ -24,0 +24,0 @@ },

lib/properties/margin.js

@@ -6,3 +6,3 @@ 'use strict';
 
-var isValid = function(v) {
+var isValid = function (v) {
   if (v.toLowerCase() === 'auto') {
@@ -19,3 +19,3 @@ return true;
 
-var parser = function(v) {
+var parser = function (v) {
   var V = v.toLowerCase();
@@ -32,6 +32,6 @@ if (V === 'auto') {
   '',
-  function() {
+  function () {
     return true;
   },
-  function(v) {
+  function (v) {
     return v;
@@ -42,3 +42,3 @@ }
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (typeof v === 'number') {
@@ -64,3 +64,3 @@ v = String(v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin');
@@ -67,0 +67,0 @@ },

lib/properties/marginBottom.js

@@ -8,3 +8,3 @@ 'use strict';
   set: parsers.subImplicitSetter('margin', 'bottom', margin.isValid, margin.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin-bottom');
@@ -11,0 +11,0 @@ },

lib/properties/marginLeft.js

@@ -8,3 +8,3 @@ 'use strict';
   set: parsers.subImplicitSetter('margin', 'left', margin.isValid, margin.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin-left');
@@ -11,0 +11,0 @@ },

lib/properties/marginRight.js

@@ -8,3 +8,3 @@ 'use strict';
   set: parsers.subImplicitSetter('margin', 'right', margin.isValid, margin.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin-right');
@@ -11,0 +11,0 @@ },

lib/properties/marginTop.js

@@ -8,3 +8,3 @@ 'use strict';
   set: parsers.subImplicitSetter('margin', 'top', margin.isValid, margin.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('margin-top');
@@ -11,0 +11,0 @@ },

lib/properties/opacity.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('opacity', parseNumber(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('opacity');
@@ -12,0 +12,0 @@ },

lib/properties/outlineColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('outline-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('outline-color');
@@ -12,0 +12,0 @@ },

lib/properties/padding.js

@@ -6,3 +6,3 @@ 'use strict';
 
-var isValid = function(v) {
+var isValid = function (v) {
   var type = parsers.valueType(v);
@@ -16,3 +16,3 @@ return (
 
-var parser = function(v) {
+var parser = function (v) {
   return parsers.parseMeasurement(v);
@@ -25,6 +25,6 @@ };
   '',
-  function() {
+  function () {
     return true;
   },
-  function(v) {
+  function (v) {
     return v;
@@ -35,3 +35,3 @@ }
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     if (typeof v === 'number') {
@@ -57,3 +57,3 @@ v = String(v);
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding');
@@ -60,0 +60,0 @@ },

lib/properties/paddingBottom.js

@@ -8,3 +8,3 @@ 'use strict';
   set: parsers.subImplicitSetter('padding', 'bottom', padding.isValid, padding.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding-bottom');
@@ -11,0 +11,0 @@ },

lib/properties/paddingLeft.js

@@ -8,3 +8,3 @@ 'use strict';
   set: parsers.subImplicitSetter('padding', 'left', padding.isValid, padding.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding-left');
@@ -11,0 +11,0 @@ },

lib/properties/paddingRight.js

@@ -8,3 +8,3 @@ 'use strict';
   set: parsers.subImplicitSetter('padding', 'right', padding.isValid, padding.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding-right');
@@ -11,0 +11,0 @@ },

lib/properties/paddingTop.js

@@ -8,3 +8,3 @@ 'use strict';
   set: parsers.subImplicitSetter('padding', 'top', padding.isValid, padding.parser),
-  get: function() {
+  get: function () {
     return this.getPropertyValue('padding-top');
@@ -11,0 +11,0 @@ },

lib/properties/right.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('right', parseMeasurement(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('right');
@@ -12,0 +12,0 @@ },

lib/properties/stopColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('stop-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('stop-color');
@@ -12,0 +12,0 @@ },

lib/properties/textLineThroughColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('text-line-through-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('text-line-through-color');
@@ -12,0 +12,0 @@ },

lib/properties/textOverlineColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('text-overline-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('text-overline-color');
@@ -12,0 +12,0 @@ },

lib/properties/textUnderlineColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('text-underline-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('text-underline-color');
@@ -12,0 +12,0 @@ },

lib/properties/top.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('top', parseMeasurement(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('top');
@@ -12,0 +12,0 @@ },

lib/properties/webkitBorderAfterColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-border-after-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-border-after-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitBorderBeforeColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-border-before-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-border-before-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitBorderEndColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-border-end-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-border-end-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitBorderStartColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-border-start-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-border-start-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitColumnRuleColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-column-rule-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-column-rule-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitMatchNearestMailBlockquoteColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-match-nearest-mail-blockquote-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-match-nearest-mail-blockquote-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitTapHighlightColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-tap-highlight-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-tap-highlight-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitTextEmphasisColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-text-emphasis-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-text-emphasis-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitTextFillColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-text-fill-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-text-fill-color');
@@ -12,0 +12,0 @@ },

lib/properties/webkitTextStrokeColor.js

@@ -6,6 +6,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('-webkit-text-stroke-color', parseColor(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('-webkit-text-stroke-color');
@@ -12,0 +12,0 @@ },

lib/properties/width.js

@@ -16,6 +16,6 @@ 'use strict';
 module.exports.definition = {
-  set: function(v) {
+  set: function (v) {
     this._setProperty('width', parse(v));
   },
-  get: function() {
+  get: function () {
     return this.getPropertyValue('width');
@@ -22,0 +22,0 @@ },

lib/utils/getBasicPropertyDescriptor.js

@@ -5,6 +5,6 @@ 'use strict';
   return {
-    set: function(v) {
+    set: function (v) {
       this._setProperty(name, v);
     },
-    get: function() {
+    get: function () {
       return this.getPropertyValue(name);
@@ -11,0 +11,0 @@ },

package.json

@@ -9,3 +9,3 @@ {
   ],
-  "version": "2.3.0",
+  "version": "3.0.0",
   "homepage": "https://github.com/jsdom/cssstyle",
@@ -41,17 +41,17 @@ "maintainers": [
   "dependencies": {
-    "cssom": "~0.3.6"
+    "rrweb-cssom": "^0.6.0"
   },
   "devDependencies": {
-    "babel-generator": "~6.26.1",
-    "babel-traverse": "~6.26.0",
-    "babel-types": "~6.26.0",
-    "babylon": "~6.18.0",
-    "eslint": "~6.0.0",
-    "eslint-config-prettier": "~6.0.0",
-    "eslint-plugin-prettier": "~3.1.0",
-    "jest": "^24.8.0",
+    "babel-generator": "^6.26.1",
+    "babel-traverse": "^6.26.0",
+    "babel-types": "^6.26.0",
+    "babylon": "^6.18.0",
+    "eslint": "^8.32.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "jest": "^29.3.1",
+    "minipass-fetch": "^3.0.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "~1.18.0",
-    "request": "^2.88.0",
-    "resolve": "~1.11.1"
+    "prettier": "^2.8.3",
+    "resolve": "^1.22.1"
   },
@@ -67,3 +67,3 @@ "scripts": {
     "test": "npm run generate && jest",
-    "test-ci": "npm run lint && npm run test && codecov",
+    "test-ci": "npm run lint && npm run test",
     "update-authors": "git log --format=\"%aN <%aE>\" | sort -f | uniq > AUTHORS"
@@ -73,4 +73,4 @@ },
   "engines": {
-    "node": ">=8"
+    "node": ">=14"
   }
 }

README.md

@@ -13,4 +13,4 @@ # CSSStyleDeclaration
 
-It was originally created by Chad Walker, it is now maintaind by Jon Sakas and other open source contributors.
+It was originally created by Chad Walker, it is now maintained by the jsdom community.
 
 Bug reports and pull requests are welcome.

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

177834

0.92%

Lines of code

5787

0.92%

Worsened metrics

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• + Added

  rrweb-cssom@^0.6.0

• + Added

  rrweb-cssom@0.6.0
  (transitive)

• - Removed

  cssom@~0.3.6

• - Removed

  cssom@0.3.8
  (transitive)