Make timeline animations visible in the navigator

The timeline and timeline-animation is now visible in
the Navigator regardless of the "Show only visible" filter
setting.
Also assigned icons to timeline, timeline-animation,
keyframe and keyframe-group

Fixes: QDS-6965
Change-Id: I85a735a3a1811dd783c98422358492fd4b71f61f
Reviewed-by: <github-actions-qt-creator@cristianadam.eu>
Reviewed-by: Qt CI Bot <qt_ci_bot@qt-project.org>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

5 files changed, 58 insertions, 0 deletions

diff --git a/src/plugins/qmldesigner/qtquickplugin/images/keyframe-16px.png b/src/plugins/qmldesigner/qtquickplugin/images/keyframe-16px.png
new file mode 100644
index 00000000000..6e1c9f912a2
--- /dev/null
+++ b/src/plugins/qmldesigner/qtquickplugin/images/keyframe-16px.png
diff --git a/src/plugins/qmldesigner/qtquickplugin/images/timeline-16px.png b/src/plugins/qmldesigner/qtquickplugin/images/timeline-16px.png
new file mode 100644
index 00000000000..d4ecf00031f
--- /dev/null
+++ b/src/plugins/qmldesigner/qtquickplugin/images/timeline-16px.png
diff --git a/src/plugins/qmldesigner/qtquickplugin/images/timeline-animation-16px.png b/src/plugins/qmldesigner/qtquickplugin/images/timeline-animation-16px.png
new file mode 100644
index 00000000000..d4ecf00031f
--- /dev/null
+++ b/src/plugins/qmldesigner/qtquickplugin/images/timeline-animation-16px.png
diff --git a/src/plugins/qmldesigner/qtquickplugin/qtquickplugin.qrc b/src/plugins/qmldesigner/qtquickplugin/qtquickplugin.qrc
index 0098d05a37d..7cdc3309cba 100644
--- a/src/plugins/qmldesigner/qtquickplugin/qtquickplugin.qrc
+++ b/src/plugins/qmldesigner/qtquickplugin/qtquickplugin.qrc
@@ -95,5 +95,8 @@
         <file>images/video-output-16px.png</file>
         <file>images/video-output-24px.png</file>
         <file>images/video-output-24px@2x.png</file>
+        <file>images/timeline-16px.png</file>
+        <file>images/keyframe-16px.png</file>
+        <file>images/timeline-animation-16px.png</file>
     </qresource>
 </RCC>
diff --git a/src/plugins/qmldesigner/qtquickplugin/quick.metainfo b/src/plugins/qmldesigner/qtquickplugin/quick.metainfo
index d21d8420b4b..4b766f715c1 100644
--- a/src/plugins/qmldesigner/qtquickplugin/quick.metainfo
+++ b/src/plugins/qmldesigner/qtquickplugin/quick.metainfo
@@ -281,6 +281,61 @@ MetaInfo {
     }
 
     Type {
+        name: "QtQuick.Timeline.Timeline"
+        icon: ":/qtquickplugin/images/timeline-16px.png"
+
+        Hints {
+            visibleNonDefaultProperties: "animations"
+            visibleInLibrary: false
+            visibleInNavigator: true
+        }
+        ItemLibraryEntry {
+            name: "Timeline"
+            category: "none"
+            version: "1.0"
+        }
+    }
+
+    Type {
+        name: "QtQuick.Timeline.TimelineAnimation"
+        icon: ":/qtquickplugin/images/timeline-animation-16px.png"
+
+        Hints {
+            visibleInLibrary: false
+            visibleInNavigator: true
+        }
+        ItemLibraryEntry {
+            name: "Animation"
+            category: "none"
+            version: "1.0"
+        }
+    }
+
+    Type {
+        name: "QtQuick.Timeline.Keyframe"
+        icon: ":/qtquickplugin/images/keyframe-16px.png"
+
+        ItemLibraryEntry {
+            name: "Keyframe"
+            category: "none"
+            version: "1.0"
+            requiredImport: "none"
+        }
+    }
+
+    Type {
+        name: "QtQuick.Timeline.KeyframeGroup"
+        icon: ":/qtquickplugin/images/keyframe-16px.png"
+
+        ItemLibraryEntry {
+            name: "KeyframeGroup"
+            category: "none"
+            version: "1.0"
+            requiredImport: "none"
+        }
+    }
+
+    Type {
         name: "QtQuick.PropertyAnimation"
         icon: ":/qtquickplugin/images/item-icon16.png"