@@ -7,28 +7,28 @@ function isObject(o) {
7
7
return typeof o === 'object' && Boolean ( o ) ;
8
8
}
9
9
10
+ /**
11
+ * Returns a two-dimensional array, like:
12
+ *
13
+ * ```js
14
+ * [
15
+ * ['font-size', '16px'],
16
+ * ['text-align', 'center'],
17
+ * ['color', 'red']
18
+ * ]
19
+ * ```
20
+ *
21
+ * This data structure is slightly faster to process than an object / dictionary.
22
+ */
23
+ function compileStyles ( positional , named ) {
24
+ return [ ...positional . filter ( isObject ) , named ]
25
+ . map ( ( obj ) => Object . entries ( obj ) . map ( ( [ k , v ] ) => [ dasherize ( k ) , v ] ) )
26
+ . flat ( ) ;
27
+ }
28
+
10
29
export default class StyleModifier extends Modifier {
11
30
existingStyles = new Set ( ) ;
12
31
13
- /**
14
- * Returns a two-dimensional array, like:
15
- *
16
- * ```js
17
- * [
18
- * ['font-size', '16px'],
19
- * ['text-align', 'center'],
20
- * ['color', 'red']
21
- * ]
22
- * ```
23
- *
24
- * This data structure is slightly faster to process than an object / dictionary.
25
- */
26
- getStyles ( positional , named ) {
27
- return [ ...positional . filter ( isObject ) , named ]
28
- . map ( ( obj ) => Object . entries ( obj ) . map ( ( [ k , v ] ) => [ dasherize ( k ) , v ] ) )
29
- . flat ( ) ;
30
- }
31
-
32
32
setStyles ( element , newStyles ) {
33
33
const { existingStyles } = this ;
34
34
const rulesToRemove = new Set ( existingStyles ) ;
@@ -71,6 +71,6 @@ export default class StyleModifier extends Modifier {
71
71
}
72
72
73
73
modify ( element , positional , named ) {
74
- this . setStyles ( element , this . getStyles ( positional , named ) ) ;
74
+ this . setStyles ( element , compileStyles ( positional , named ) ) ;
75
75
}
76
76
}
0 commit comments