HNumberAnimation component for standard duration

src/qml/Base/HButton.qml

@@ -53,7 +53,7 @@ Button {
             opacity: 0
 
             Behavior on opacity {
-                NumberAnimation { duration: HStyle.animationDuration / 2 }
+                HNumberAnimation { duration: HStyle.animationDuration / 2 }
             }
         }
     }

src/qml/Base/HListView.qml

@@ -1,24 +1,22 @@
 import QtQuick 2.7
 
 ListView {
-    property int duration: HStyle.animationDuration
-
     add: Transition {
-        NumberAnimation { properties: "x,y"; from: 100; duration: duration }
+        HNumberAnimation { properties: "x,y"; from: 100 }
     }
 
     move: Transition {
-        NumberAnimation { properties: "x,y"; duration: duration }
+        HNumberAnimation { properties: "x,y" }
     }
 
     displaced: Transition {
-        NumberAnimation { properties: "x,y"; duration: duration }
+        HNumberAnimation { properties: "x,y" }
     }
 
     remove: Transition {
         ParallelAnimation {
-            NumberAnimation { property: "opacity"; to: 0; duration: duration }
+            HNumberAnimation { property: "opacity"; to: 0 }
-            NumberAnimation { properties: "x,y"; to: 100; duration: duration }
+            HNumberAnimation { properties: "x,y"; to: 100 }
         }
     }
 }

src/qml/Base/HNumberAnimation.qml

@@ -0,0 +1,5 @@
+import QtQuick 2.7
+
+NumberAnimation {
+    duration: HStyle.animationDuration
+}

src/qml/Chat/Chat.qml

@@ -88,11 +88,10 @@ HColumnLayout {
             //onActiveViewChanged:
                 //activeView ? restoreAnimation.start() : hideAnimation.start()
 
-            //NumberAnimation {
+            //HNumberAnimation {
                 //id: hideAnimation
                 //target: roomSidePane
                 //properties: "width"
-                //duration: HStyle.animationDuration
                 //from: target.width
                 //to: 0
 
@@ -102,11 +101,10 @@ HColumnLayout {
                 //}
             //}
 
-            //NumberAnimation {
+            //HNumberAnimation {
                 //id: restoreAnimation
                 //target: roomSidePane
                 //properties: "width"
-                //duration: HStyle.animationDuration
                 //from: 0
                 //to: target.oldWidth
 

src/qml/Chat/RoomHeader.qml

@@ -80,10 +80,7 @@ HRectangle {
             }
 
             Behavior on Layout.preferredWidth {
-                NumberAnimation {
+                HNumberAnimation { id: buttonsAnimation }
-                    id: buttonsAnimation
-                    duration: HStyle.animationDuration
-                }
             }
         }
     }
@@ -97,7 +94,7 @@ HRectangle {
         iconName: "reduced_room_buttons"
 
         Behavior on opacity {
-            NumberAnimation { duration: buttonsAnimation.duration * 2 }
+            HNumberAnimation { duration: buttonsAnimation.duration * 2 }
         }
     }
 }

src/qml/Chat/RoomSidePane/MembersView.qml

@@ -6,9 +6,7 @@ HColumnLayout {
     property bool collapsed: false
     property int normalSpacing: collapsed ? 0 : 8
 
-    Behavior on normalSpacing {
+    Behavior on normalSpacing { HNumberAnimation {} }
-        NumberAnimation { duration: HStyle.animationDuration }
-    }
 
     HListView {
         id: memberList

src/qml/Chat/TypingMembersBar.qml

@@ -9,9 +9,7 @@ HRectangle {
     implicitWidth: childrenRect.width
     implicitHeight: typingLabel.text ? childrenRect.height : 0
 
-    Behavior on implicitHeight {
+    Behavior on implicitHeight { HNumberAnimation {} }
-        NumberAnimation { duration: HStyle.animationDuration }
-    }
 
     Row {
         spacing: 8

src/qml/SidePane/AccountDelegate.qml

@@ -74,10 +74,7 @@ Column {
         userId: roomCategoriesListUserId
 
         Behavior on height {
-            NumberAnimation {
+            HNumberAnimation { id: heightAnimation }
-                id: heightAnimation;
-                duration: HStyle.animationDuration
-            }
         }
     }
 }

src/qml/SidePane/ExpandButton.qml

@@ -15,8 +15,6 @@ HButton {
         origin.x: expandButton.iconDimension / 2
         origin.y: expandButton.iconDimension / 2
         angle: expandableItem.expanded ? 90 : 180
-        Behavior on angle {
+        Behavior on angle { HNumberAnimation {} }
-            NumberAnimation { duration: HStyle.animationDuration }
-        }
     }
 }

src/qml/SidePane/RoomCategoryDelegate.qml

@@ -12,9 +12,7 @@ Column {
     height: normalHeight * opacity
     visible: opacity > 0
 
-    Behavior on opacity {
+    Behavior on opacity { HNumberAnimation {} }
-        NumberAnimation { duration: HStyle.animationDuration }
-    }
 
     property string roomListUserId: userId
     property bool expanded: true
@@ -51,10 +49,7 @@ Column {
         category: name
 
         Behavior on opacity {
-            NumberAnimation {
+            HNumberAnimation { id: listHeightAnimation }
-                id: listHeightAnimation
-                duration: HStyle.animationDuration
-            }
         }
     }
 }

src/qml/SidePane/SidePane.qml

@@ -20,9 +20,7 @@ HRectangle {
             bottomMargin: topMargin
             Layout.leftMargin: topMargin
 
-            Behavior on spacing {
+            Behavior on spacing { HNumberAnimation {} }
-                NumberAnimation { duration: HStyle.animationDuration }
-            }
         }
 
         PaneToolBar {

src/qml/UI.qml

@@ -52,7 +52,7 @@ Item {
             Layout.maximumWidth: parent.width
 
             Behavior on width {
-                NumberAnimation {
+                HNumberAnimation {
                     // Don't slow down the user manually resizing
                     duration:
                         (uiSplitView.canAutoSize &&

src/qml/Window.qml

@@ -44,8 +44,6 @@ ApplicationWindow {
         scale: uiLoader.ready ? 1 : 0.5
         source: uiLoader.ready ? "UI.qml" : ""
 
-        Behavior on scale {
+        Behavior on scale { HNumberAnimation {} }
-            NumberAnimation { duration: HStyle.animationDuration }
-        }
     }
 }