sync clock and widget fly-in animations to wave phase

shell/lock/LockClock.qml

@@ -5,22 +5,15 @@ Item {
     id: root
 
     required property real screenHeight
+    property real wavePhase: 0
+    property real unlockFade: 1
 
     readonly property real _fontSize: Math.max(48, screenHeight * 0.28)
 
-    opacity: 0
-    property real _slideX: -80
-
-    NumberAnimation on opacity {
-        to: 1
-        duration: 400
-        easing.type: Easing.OutCubic
-    }
-    NumberAnimation on _slideX {
-        to: 0
-        duration: 500
-        easing.type: Easing.OutCubic
-    }
+    // Appear as wave reaches the clock (left edge)
+    readonly property real _progress: Math.max(0, Math.min(1, wavePhase / 300)) * unlockFade
+    opacity: _progress
+    property real _slideX: (1 - _progress) * -80
 
     transform: Translate {
         x: root._slideX