refractor elementMoveEnter anims

.config/quickshell/modules/common/Appearance.qml

@@ -223,6 +223,13 @@ Singleton {
             property int type: Easing.BezierSpline
             property list<real> bezierCurve: animationCurves.emphasizedAccel
             property int velocity: 650
+            property Component numberAnimation: Component {
+                NumberAnimation {
+                    duration: root.animation.elementMoveExit.duration
+                    easing.type: root.animation.elementMoveExit.type
+                    easing.bezierCurve: root.animation.elementMoveExit.bezierCurve
+                }
+            }
         }
         property QtObject elementMoveFast: QtObject {
             property int duration: 200

.config/quickshell/modules/common/widgets/Revealer.qml

@@ -16,10 +16,10 @@ Item {
 
     Behavior on implicitWidth {
         enabled: !vertical
-        animation: Appearance.animation.elementMoveEnter.numberAnimation
+        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
     }
     Behavior on implicitHeight {
         enabled: vertical
-        animation: Appearance.animation.elementMoveEnter.numberAnimation
+        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
     }
 }

.config/quickshell/modules/common/widgets/StyledProgressBar.qml

@@ -15,11 +15,7 @@ ProgressBar {
     property real valueBarGap: 4
 
     Behavior on value {
-        NumberAnimation {
+        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-            duration: Appearance.animation.elementMoveEnter.duration
-            easing.type: Appearance.animation.elementMoveEnter.type
-            easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-        }
     }
     
     background: Rectangle {

.config/quickshell/modules/onScreenDisplay/OsdValueIndicator.qml

@@ -52,18 +52,10 @@ Item {
                     rotation: 180 * (root.rotateIcon ? value : 0)
 
                     Behavior on iconSize {
-                        NumberAnimation {
+                        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-                            duration: Appearance.animation.elementMoveEnter.duration
-                            easing.type: Appearance.animation.elementMoveEnter.type
-                            easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                        }
                     }
                     Behavior on rotation {
-                        NumberAnimation {
+                        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-                            duration: Appearance.animation.elementMoveEnter.duration
-                            easing.type: Appearance.animation.elementMoveEnter.type
-                            easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                        }
                     }
                 
                 }

.config/quickshell/modules/overview/OverviewWindow.qml

@@ -47,32 +47,16 @@ Rectangle { // Window
     border.width : 1
 
     Behavior on x {
-        NumberAnimation {
+        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-            duration: Appearance.animation.elementMoveEnter.duration
-            easing.type: Appearance.animation.elementMoveEnter.type
-            easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-        }
     }
     Behavior on y {
-        NumberAnimation {
+        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-            duration: Appearance.animation.elementMoveEnter.duration
-            easing.type: Appearance.animation.elementMoveEnter.type
-            easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-        }
     }
     Behavior on width {
-        NumberAnimation {
+        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-            duration: Appearance.animation.elementMoveEnter.duration
-            easing.type: Appearance.animation.elementMoveEnter.type
-            easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-        }
     }
     Behavior on height {
-        NumberAnimation {
+        animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-            duration: Appearance.animation.elementMoveEnter.duration
-            easing.type: Appearance.animation.elementMoveEnter.type
-            easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-        }
     }
 
     ColumnLayout {
@@ -88,11 +72,7 @@ Rectangle { // Window
             implicitSize: Math.min(targetWindowWidth, targetWindowHeight) * (root.compactMode ? root.iconToWindowRatioCompact : root.iconToWindowRatio)
 
             Behavior on implicitSize {
-                NumberAnimation {
+                animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-                    duration: Appearance.animation.elementMoveEnter.duration
-                    easing.type: Appearance.animation.elementMoveEnter.type
-                    easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                }
             }
 
             IconImage {

.config/quickshell/modules/sidebarLeft/AiChat.qml

@@ -179,22 +179,18 @@ int main(int argc, char* argv[]) {
                 }
 
                 add: Transition {
-                    NumberAnimation { 
+                    animations: [Appearance.animation.elementMoveEnter.numberAnimation.createObject(this, {
-                        property: "opacity"
+                        property: "opacity",
-                        from: 0; to: 1
+                        from: 0,
-                        duration: Appearance.animation.elementMoveEnter.duration
+                        to: 1
-                        easing.type: Appearance.animation.elementMoveEnter.type
+                    })]
-                        easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                    }
                 }
                 remove: Transition {
-                    NumberAnimation { 
+                    animations: [Appearance.animation.elementMoveEnter.numberAnimation.createObject(this, {
-                        property: "opacity"
+                        property: "opacity",
-                        from: 1; to: 0
+                        from: 1,
-                        duration: Appearance.animation.elementMoveEnter.duration
+                        to: 0
-                        easing.type: Appearance.animation.elementMoveEnter.type
+                    })]
-                        easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                    }
                 }
 
                 model: ScriptModel {
@@ -214,11 +210,7 @@ int main(int argc, char* argv[]) {
                 anchors.fill: parent
 
                 Behavior on opacity {
-                    NumberAnimation {
+                    animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-                        duration: Appearance.animation.elementMoveEnter.duration
-                        easing.type: Appearance.animation.elementMoveEnter.type
-                        easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                    }
                 }
 
                 ColumnLayout {

.config/quickshell/modules/sidebarLeft/Anime.qml

@@ -174,13 +174,11 @@ Item {
                 }
 
                 add: Transition {
-                    NumberAnimation { 
+                    animations: [Appearance.animation.elementMoveEnter.numberAnimation.createObject(this, {
-                        property: "opacity"
+                        property: "opacity",
-                        from: 0; to: 1
+                        from: 0,
-                        duration: Appearance.animation.elementMoveEnter.duration
+                        to: 1
-                        easing.type: Appearance.animation.elementMoveEnter.type
+                    })]
-                        easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                    }
                 }
 
                 model: ScriptModel {
@@ -208,11 +206,7 @@ Item {
                 anchors.fill: parent
 
                 Behavior on opacity {
-                    NumberAnimation {
+                    animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-                        duration: Appearance.animation.elementMoveEnter.duration
-                        easing.type: Appearance.animation.elementMoveEnter.type
-                        easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                    }
                 }
 
                 ColumnLayout {
@@ -246,11 +240,7 @@ Item {
                 visible: opacity > 0
 
                 Behavior on opacity {
-                    NumberAnimation {
+                    animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-                        duration: Appearance.animation.elementMoveEnter.duration
-                        easing.type: Appearance.animation.elementMoveEnter.type
-                        easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                    }
                 }
 
                 Rectangle {

.config/quickshell/modules/sidebarLeft/anime/BooruImage.qml

@@ -78,11 +78,7 @@ Button {
             }
 
             Behavior on opacity {
-                NumberAnimation {
+                animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
-                    duration: Appearance.animation.elementMoveEnter.duration
-                    easing.type: Appearance.animation.elementMoveEnter.type
-                    easing.bezierCurve: Appearance.animation.elementMoveEnter.bezierCurve
-                }
             }
         }