added mouse-drag property to ScrollView (#8512)

Closes #2260

docs/astro/src/content/docs/reference/std-widgets/views/scrollview.mdx

@@ -43,6 +43,11 @@ using for loops may be added in the future and is tracked in issue #407.
 Used to render the frame as disabled or enabled, but doesn't change behavior of the widget.
 </SlintProperty>
 
+### mouse-drag
+<SlintProperty propName="mouse-drag" typeName="bool" defaultValue="true for Material style, false for all others" propertyVisibility="in">
+When true, the view can be scrolled by dragging with the mouse.
+</SlintProperty>
+
 ### has-focus
 <SlintProperty propName="has-focus" typeName="bool" defaultValue="false" propertyVisibility="in-out">
 Used to render the frame as focused or unfocused, but doesn't change the behavior of the widget.

internal/compiler/widgets/cosmic/scrollview.slint

@@ -92,6 +92,8 @@ export component ScrollView {
     in-out property <length> viewport-y <=> flickable.viewport-y;
     in property <ScrollBarPolicy> vertical-scrollbar-policy <=> vertical-bar.policy;
     in property <ScrollBarPolicy> horizontal-scrollbar-policy <=> horizontal-bar.policy;
+    in property <bool> mouse-drag <=> flickable.interactive;
+
     // FIXME: remove. This property is currently set by the ListView and is used by the native style to draw the scrollbar differently when it has focus
     in-out property <bool> has-focus;
 

internal/compiler/widgets/cupertino/scrollview.slint

@@ -100,6 +100,8 @@ export component ScrollView {
     in-out property <length> viewport-y <=> flickable.viewport-y;
     in property <ScrollBarPolicy> vertical-scrollbar-policy <=> vertical-bar.policy;
     in property <ScrollBarPolicy> horizontal-scrollbar-policy <=> horizontal-bar.policy;
+    in property <bool> mouse-drag <=> flickable.interactive;
+
     // FIXME: remove. This property is currently set by the ListView and is used by the native style to draw the scrollbar differently when it has focus
     in-out property <bool> has-focus;
 

internal/compiler/widgets/fluent/scrollview.slint

@@ -145,6 +145,7 @@ export component ScrollView {
     in-out property <length> viewport-y <=> flickable.viewport-y;
     in property <ScrollBarPolicy> vertical-scrollbar-policy <=> vertical-bar.policy;
     in property <ScrollBarPolicy> horizontal-scrollbar-policy <=> horizontal-bar.policy;
+    in property <bool> mouse-drag <=> flickable.interactive;
 
     // FIXME: remove. This property is currently set by the ListView and is used by the native style to draw the scrollbar differently when it has focus
     in-out property <bool> has-focus;

internal/compiler/widgets/material/scrollview.slint

@@ -104,6 +104,7 @@ export component ScrollView {
     in-out property <length> viewport-y <=> flickable.viewport-y;
     in property <ScrollBarPolicy> vertical-scrollbar-policy <=> vertical-bar.policy;
     in property <ScrollBarPolicy> horizontal-scrollbar-policy <=> horizontal-bar.policy;
+    in property <bool> mouse-drag <=> flickable.interactive;
 
     callback scrolled <=> flickable.flicked;
 

internal/compiler/widgets/qt/internal-scrollview.slint

@@ -17,6 +17,7 @@ export component InternalScrollView {
     in property <bool> enabled <=> native.enabled;
     in property <ScrollBarPolicy> vertical-scrollbar-policy <=> native.vertical-scrollbar-policy;
     in property <ScrollBarPolicy> horizontal-scrollbar-policy <=> native.horizontal-scrollbar-policy;
+    in property <bool> mouse-drag <=> fli.interactive;
 
     // Used by the StandardTableView
     out property <length> native-padding-left: native.native-padding-left;

internal/compiler/widgets/qt/scrollview.slint

@@ -14,6 +14,7 @@ export component ScrollView {
     in-out property <length> viewport-y <=> internal.viewport-y;
     in property <ScrollBarPolicy> vertical-scrollbar-policy <=> internal.vertical-scrollbar-policy;
     in property <ScrollBarPolicy> horizontal-scrollbar-policy <=> internal.horizontal-scrollbar-policy;
+    in property <bool> mouse-drag <=> internal.mouse-drag;
 
     callback scrolled <=> internal.scrolled;