dashboard: make own swipeview impl

Fixes bad anim, buggy flicking and blur

modules/dashboard/Content.qml

@@ -43,41 +43,84 @@ Item {
         radius: Appearance.rounding.normal
         color: "transparent"
 
-        SwipeView {
+        Flickable {
             id: view
 
+            readonly property int currentIndex: tabs.currentIndex
+            readonly property Item currentItem: row.children[currentIndex]
+
             anchors.fill: parent
 
-            currentIndex: tabs.currentIndex
+            flickableDirection: Flickable.HorizontalFlick
 
-            ClippingWrapperRectangle {
+            implicitWidth: currentItem.implicitWidth
-                id: dash
+            implicitHeight: currentItem.implicitHeight
 
-                radius: Appearance.rounding.normal
+            contentX: currentItem.x
-                color: "transparent"
+            contentWidth: row.implicitWidth
+            contentHeight: row.implicitHeight
 
-                Dash {
+            onContentXChanged: {
-                    shouldUpdate: visible && dash.ListView.isCurrentItem
+                if (!moving)
+                    return;
+
+                const x = contentX - currentItem.x;
+                if (x > currentItem.implicitWidth / 2)
+                    tabs.bar.incrementCurrentIndex();
+                else if (x < -currentItem.implicitWidth / 2)
+                    tabs.bar.decrementCurrentIndex();
+            }
+
+            onDragEnded: {
+                const x = contentX - currentItem.x;
+                if (x > currentItem.implicitWidth / 10)
+                    tabs.bar.incrementCurrentIndex();
+                else if (x < -currentItem.implicitWidth / 10)
+                    tabs.bar.decrementCurrentIndex();
+                else
+                    contentX = Qt.binding(() => currentItem.x);
+            }
+
+            Row {
+                id: row
+
+                ClippingWrapperRectangle {
+                    id: dash
+
+                    radius: Appearance.rounding.normal
+                    color: "transparent"
+
+                    Dash {
+                        shouldUpdate: visible && dash === view.currentItem
+                    }
+                }
+
+                ClippingWrapperRectangle {
+                    id: media
+
+                    radius: Appearance.rounding.normal
+                    color: "transparent"
+
+                    Media {
+                        shouldUpdate: visible && media === view.currentItem
+                    }
+                }
+
+                ClippingWrapperRectangle {
+                    radius: Appearance.rounding.normal
+                    color: "transparent"
+
+                    Performance {}
                 }
             }
 
-            ClippingWrapperRectangle {
+            Behavior on contentX {
-                id: media
+                NumberAnimation {
-
+                    duration: Appearance.anim.durations.normal
-                radius: Appearance.rounding.normal
+                    easing.type: Easing.BezierSpline
-                color: "transparent"
+                    easing.bezierCurve: Appearance.anim.curves.standard
-
-                Media {
-                    shouldUpdate: visible && media.ListView.isCurrentItem
                 }
             }
-
-            ClippingWrapperRectangle {
-                radius: Appearance.rounding.normal
-                color: "transparent"
-
-                Performance {}
-            }
         }
     }
 

modules/dashboard/Tabs.qml

@@ -10,6 +10,7 @@ Item {
 
     required property real nonAnimWidth
     property alias currentIndex: bar.currentIndex
+    readonly property TabBar bar: bar
 
     implicitHeight: bar.implicitHeight + indicator.implicitHeight + indicator.anchors.topMargin + separator.implicitHeight