1
1
// Types
2
- import {
2
+ import {
3
3
Transformation ,
4
4
TransformationValue ,
5
5
TransformFunctionsInfo ,
@@ -456,13 +456,13 @@ const TRANSFORMATIONS = Object.freeze([
456
456
const STYLE_TRANSFORMATION_MAP = Object . freeze ( {
457
457
"scale" : value => ( { property : "scale" , value } ) ,
458
458
"scale3d" : value => ( { property : "scale" , value } ) ,
459
- "scaleX" : ( { x } ) => ( { property : "scale" , value : { x, y : IDENTITY_TRANSFORMATION . scale . y } } ) ,
460
- "scaleY" : ( { y } ) => ( { property : "scale" , value : { y, x : IDENTITY_TRANSFORMATION . scale . x } } ) ,
459
+ "scaleX" : ( { x } ) => ( { property : "scale" , value : { x, y : IDENTITY_TRANSFORMATION . scale . y } } ) ,
460
+ "scaleY" : ( { y } ) => ( { property : "scale" , value : { y, x : IDENTITY_TRANSFORMATION . scale . x } } ) ,
461
461
462
462
"translate" : value => ( { property : "translate" , value } ) ,
463
463
"translate3d" : value => ( { property : "translate" , value } ) ,
464
- "translateX" : ( { x } ) => ( { property : "translate" , value : { x, y : IDENTITY_TRANSFORMATION . translate . y } } ) ,
465
- "translateY" : ( { y } ) => ( { property : "translate" , value : { y, x : IDENTITY_TRANSFORMATION . translate . x } } ) ,
464
+ "translateX" : ( { x } ) => ( { property : "translate" , value : { x, y : IDENTITY_TRANSFORMATION . translate . y } } ) ,
465
+ "translateY" : ( { y } ) => ( { property : "translate" , value : { y, x : IDENTITY_TRANSFORMATION . translate . x } } ) ,
466
466
467
467
"rotate" : value => ( { property : "rotate" , value } ) ,
468
468
} ) ;
@@ -501,12 +501,12 @@ export function transformConverter(text: string): TransformFunctionsInfo {
501
501
return fullTransformations ;
502
502
}
503
503
504
- const affineMatrix = transformations
504
+ const affineMatrix = transformations
505
505
. map ( getTransformMatrix )
506
506
. reduce ( multiplyAffine2d )
507
- const cssMatrix = matrixArrayToCssMatrix ( affineMatrix )
507
+ const cssMatrix = matrixArrayToCssMatrix ( affineMatrix )
508
508
509
- return decompose2DTransformMatrix ( cssMatrix ) ;
509
+ return decompose2DTransformMatrix ( cssMatrix ) ;
510
510
}
511
511
512
512
// using general regex and manually checking the matched
@@ -528,8 +528,8 @@ function parseTransformString(text: string): Transformation[] {
528
528
return matches ;
529
529
}
530
530
531
- function normalizeTransformation ( { property, value } : Transformation ) {
532
- return STYLE_TRANSFORMATION_MAP [ property ] ( value ) ;
531
+ function normalizeTransformation ( { property, value } : Transformation ) : Transformation {
532
+ return < any > STYLE_TRANSFORMATION_MAP [ property ] ( value ) ;
533
533
}
534
534
535
535
function convertTransformValue ( property : string , stringValue : string )
0 commit comments