Use new HScaleAnimator instead of HNumberAnimation

src/qml/Base/HBox.qml

@@ -41,7 +41,7 @@ Rectangle {
     }
 
 
-    HNumberAnimation on scale {
+    HScaleAnimator on scale {
         running: true
         from: 0
         to: 1

src/qml/Base/HCheckBox.qml

@@ -45,8 +45,9 @@ CheckBox {
             svgName: "check-mark"
             colorize: theme.controls.checkBox.checkIconColorize
 
-            visible: scale > 0
             scale: box.checked ? 1 : 0
+
+            // FIXME: HScaleAnimator won't work here?
             Behavior on scale {
                 HNumberAnimation {
                     overshoot: 4

src/qml/Base/HImage.qml

@@ -53,9 +53,8 @@ Image {
                     theme.controls.image.maxPauseIndicatorSize,
                 )
                 scale: parent.status == Image.Ready && parent.paused ? 1 : 0
-                visible: scale > 0
 
-                Behavior on scale { HNumberAnimation { overshoot: 4 } }
+                Behavior on scale { HScaleAnimator { overshoot: 4 } }
             }
         }
     }

src/qml/Base/HPopup.qml

@@ -10,10 +10,11 @@ Popup {
 
 
     enter: Transition {
-        HNumberAnimation { property: "scale"; from: 0; to: 1; overshoot: 4 }
+        HScaleAnimator { from: 0; to: 1; overshoot: 4 }
     }
 
     exit: Transition {
+        // FIXME: HScaleAnimator won't work here?
         HNumberAnimation { property: "scale"; to: 0 }
     }
 

src/qml/Base/HScaleAnimator.qml

@@ -0,0 +1,10 @@
+import QtQuick 2.12
+
+ScaleAnimator {
+    property real factor: 1.0
+    property real overshoot: 1.0
+
+    duration: theme.animationDuration * Math.max(overshoot / 1.7, 1.0) * factor
+    easing.type: overshoot > 1 ? Easing.OutBack : Easing.Linear
+    easing.overshoot: overshoot
+}

src/qml/Base/HToolTip.qml

@@ -37,6 +37,7 @@ ToolTip {
         }
     }
 
+    // FIXME: HOpacityAnimator won't work for these?
     enter: Transition {
         HNumberAnimation { property: "opacity"; from: 0.0; to: 1.0 }
     }