@@ -14,7 +14,7 @@ export component IconBtn inherits Rectangle {
1414 in-out property colorize <=> img.colorize;
1515 in-out property icon-size <=> img.width;
1616 in-out property icon-visible <=> img.visible;
17- in-out property icon-rotation-angle <=> img.rotation-angle ;
17+ in-out property icon-transform-rotation <=> img.transform-rotation ;
1818 in-out property mouse-cursor <=> touch.mouse-cursor;
1919 in-out property enabled-toucharea <=> touch.enabled;
2020 out property has-hover <=> touch.has-hover;
@@ -82,9 +82,9 @@ export component IconBtn inherits Rectangle {
8282 vertical-alignment : root .icon-valignment;
8383 width : Theme.icon-size;
8484 colorize : Theme.icon-color;
85- rotation-angle : 0 ;
85+ transform-rotation : 0 ;
8686
87- animate rotation-angle {
87+ animate transform-rotation {
8888 duration : Theme.default-animate-duration;
8989 easing : ease-in-out;
9090 iteration-count : root .rotation-type == RotationType.Auto ? -1 : root .icon-rotation-iteration-count;
@@ -104,10 +104,10 @@ export component IconBtn inherits Rectangle {
104104 mouse-cursor : MouseCursor.pointer;
105105 clicked => {
106106 if (RotationType.Click == root .rotation-type) {
107- if (icon-rotation-angle == 0 ) {
108- icon-rotation-angle = 360deg ;
107+ if (icon-transform-rotation == 0 ) {
108+ icon-transform-rotation = 360deg ;
109109 } else {
110- icon-rotation-angle = 0deg ;
110+ icon-transform-rotation = 0deg ;
111111 }
112112 }
113113
0 commit comments