@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, ElementRef, Input, Renderer, ViewEn
2
2
3
3
import { Config } from '../../config/config' ;
4
4
import { Ion } from '../ion' ;
5
-
5
+ import { CSS } from '../../util/dom' ;
6
6
/**
7
7
* @name Spinner
8
8
* @description
@@ -232,8 +232,8 @@ const SPINNERS: any = {
232
232
y1 : 17 ,
233
233
y2 : 29 ,
234
234
style : {
235
- transform : 'rotate(' + ( 30 * index + ( index < 6 ? 180 : - 180 ) ) + 'deg)' ,
236
- animationDelay : - ( dur - ( ( dur / total ) * index ) ) + 'ms'
235
+ [ CSS . transform ] : 'rotate(' + ( 30 * index + ( index < 6 ? 180 : - 180 ) ) + 'deg)' ,
236
+ [ CSS . animationDelay ] : - ( dur - ( ( dur / total ) * index ) ) + 'ms'
237
237
}
238
238
} ;
239
239
}
@@ -247,8 +247,8 @@ const SPINNERS: any = {
247
247
y1 : 12 ,
248
248
y2 : 20 ,
249
249
style : {
250
- transform : 'rotate(' + ( 30 * index + ( index < 6 ? 180 : - 180 ) ) + 'deg)' ,
251
- animationDelay : - ( dur - ( ( dur / total ) * index ) ) + 'ms'
250
+ [ CSS . transform ] : 'rotate(' + ( 30 * index + ( index < 6 ? 180 : - 180 ) ) + 'deg)' ,
251
+ [ CSS . animationDelay ] : - ( dur - ( ( dur / total ) * index ) ) + 'ms'
252
252
}
253
253
} ;
254
254
}
@@ -263,7 +263,7 @@ const SPINNERS: any = {
263
263
style : {
264
264
top : 9 * Math . sin ( 2 * Math . PI * index / total ) ,
265
265
left : 9 * Math . cos ( 2 * Math . PI * index / total ) ,
266
- animationDelay : - ( dur - ( ( dur / total ) * index ) ) + 'ms'
266
+ [ CSS . animationDelay ] : - ( dur - ( ( dur / total ) * index ) ) + 'ms'
267
267
}
268
268
} ;
269
269
}
@@ -278,7 +278,7 @@ const SPINNERS: any = {
278
278
style : {
279
279
top : 9 * Math . sin ( 2 * Math . PI * index / total ) ,
280
280
left : 9 * Math . cos ( 2 * Math . PI * index / total ) ,
281
- animationDelay : - ( dur - ( ( dur / total ) * index ) ) + 'ms'
281
+ [ CSS . animationDelay ] : - ( dur - ( ( dur / total ) * index ) ) + 'ms'
282
282
}
283
283
} ;
284
284
}
@@ -303,7 +303,7 @@ const SPINNERS: any = {
303
303
r : 6 ,
304
304
style : {
305
305
left : ( 9 - ( 9 * index ) ) ,
306
- animationDelay : - ( 110 * index ) + 'ms'
306
+ [ CSS . animationDelay ] : - ( 110 * index ) + 'ms'
307
307
}
308
308
} ;
309
309
}
0 commit comments