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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

177834

increased by0.92%

Lines of code

5787

increased by0.92%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedrrweb-cssom@^0.6.0

• + Addedrrweb-cssom@0.6.0(transitive)

• - Removedcssom@~0.3.6

• - Removedcssom@0.3.8(transitive)