@@ -23,7 +23,9 @@ import Ubuntu.Components 0.1
2323SpreadDelegate {
2424 id: root
2525
26+ // Set this to true when this tile is selected in the spread. The animation will change to bring the tile to front.
2627 property bool selected: false
28+ // Set this to true when another tile in the spread is selected. The animation will change to fade this tile out.
2729 property bool otherSelected: false
2830
2931 // The progress animates the tiles. A value > 0 makes it appear from the right edge. At 1 it reaches the end position.
@@ -129,7 +131,7 @@ SpreadDelegate {
129131 // All tiles are kept in place and faded out to 0 opacity except
130132 // the selected tile, which is animated from the snapshotted position to be fullscreen.
131133
132− property real xTranslate: {
134+ readonly property real xTranslate: {
133135 if (otherSelected) {
134136 if (spreadView.phase < 2 && index == 0) {
135137 return linearAnimation(selectedProgress, 0, selectedXTranslate,
@@ -175,12 +177,12 @@ SpreadDelegate {
175177 // Fix it at the right edge...
176178 var rightEdgeOffset = -((index - 1) * root.startDistance);
177179 // ...and use our easing to move them to the left. Stop a bit earlier for each tile
178− var animatedEndDistance = linearAnimation(0, 2, root.endDistance, 0, root.progress)
180+ var animatedEndDistance = linearAnimation(0, 2, root.endDistance, 0, root.progress);
179181 return -easingCurve.value * spreadView.width + (index * animatedEndDistance) + rightEdgeOffset;
180182
181183 }
182184
183− property real angle: {
185+ readonly property real angle: {
184186 if (spreadView.focusChanging) {
185187 return 0;
186188 }
@@ -213,7 +215,7 @@ SpreadDelegate {
213215 return root.startAngle - easingCurve.value * (root.startAngle - root.endAngle);
214216 }
215217
216− property real scale: {
218+ readonly property real scale: {
217219 if (spreadView.focusChanging) {
218220 return 1;
219221 }
@@ -246,7 +248,7 @@ SpreadDelegate {
246248 return root.startScale - easingCurve.value * (root.startScale - root.endScale);
247249 }
248250
249− property real opacity: {
251+ readonly property real opacity: {
250252 if (priv.otherSelected) {
251253 return linearAnimation (selectedProgress, Math.max(0, selectedProgress - .5),
252254 selectedOpacity, 0, root.progress);
@@ -264,7 +266,7 @@ SpreadDelegate {
264266 return 1;
265267 }
266268
267− property real topMarginProgress: {
269+ readonly property real topMarginProgress: {
268270 if (priv.isSelected) {
269271 return linearAnimation(selectedProgress, 0, selectedTopMarginProgress, 0, root.progress);
270272 }