Color Picker: Support @conic-gradient (#9592)

Author: NigelBreslaw

tools/lsp/ui/components/widgets/floating-brush-sections/gradient-ui.slint

@@ -336,10 +336,10 @@ export component GradientPicker inherits SimpleColumn {
         cb := ComboBox {
             x: EditorSizeSettings.standard-margin;
             width: 160px;
-            model: ["Linear", "Radial"];
-            current-index: PickerData.current-brush-kind == BrushKind.linear ? 0 : 1;
+            model: ["Conic", "Linear", "Radial"];
+            current-index: PickerData.current-brush-kind == BrushKind.conic ? 0 : PickerData.current-brush-kind == BrushKind.linear ? 1 : 2;
             selected(value) => {
-                PickerData.set-gradient-type(value == "Linear" ? GradientType.linear : GradientType.radial);
+                PickerData.set-gradient-type(value == "Linear" ? GradientType.linear : value == "Radial" ? GradientType.radial : GradientType.conic );
             }
         }
 

tools/lsp/ui/components/widgets/inline-brush-widget.slint

@@ -163,7 +163,7 @@ component InlineGradient {
 
             Text {
                 x: 10px;
-                text: root.current-brush-kind == BrushKind.linear ? "Linear Gradient" : "Radial Gradient";
+                text: root.current-brush-kind == BrushKind.linear ? "Linear Gradient" : root.current-brush-kind == BrushKind.radial ? "Radial Gradient" : "Conic Gradient";
                 font-family: "Inter";
                 font-size: 12px;
                 color: EditorPalette.text-color;
@@ -371,7 +371,7 @@ export component InlineBrushWidget inherits VerticalLayout {
         }
     }
 
-    if (property-value.brush-kind == BrushKind.linear || property-value.brush-kind == BrushKind.radial) && property-value.code != "" && root.color-code-type == ColorCodeType.other: InlineGradient {
+    if (property-value.brush-kind == BrushKind.linear || property-value.brush-kind == BrushKind.radial || property-value.brush-kind == BrushKind.conic) && property-value.code != "" && root.color-code-type == ColorCodeType.other: InlineGradient {
         current-brush <=> root.current-brush;
         current-brush-kind <=> root.current-brush-kind;
 

tools/lsp/ui/windowglobal.slint

@@ -32,13 +32,15 @@ export enum BrushPropertyType {
 
 export enum BrushMode {
     color,
+    conic,
     linear,
     radial,
     css-color,
     code,
 }
 
 export enum GradientType {
+    conic,
     linear,
     radial,
 }
@@ -180,6 +182,9 @@ export global PickerData {
             if last-used-gradient-type == GradientType.radial {
                 current-brush-kind = BrushKind.radial;
                 brush-mode = BrushMode.radial;
+            } else if last-used-gradient-type == GradientType.conic {
+                current-brush-kind = BrushKind.conic;
+                brush-mode = BrushMode.conic;
             } else {
                 current-brush-kind = BrushKind.linear;
                 brush-mode = BrushMode.linear;
@@ -192,6 +197,9 @@ export global PickerData {
         if gradient-type == GradientType.linear {
             current-brush-kind = BrushKind.linear;
             brush-mode = BrushMode.linear;
+        } else if gradient-type == GradientType.conic {
+            current-brush-kind = BrushKind.conic;
+            brush-mode = BrushMode.conic;
         } else {
             current-brush-kind = BrushKind.radial;
             brush-mode = BrushMode.radial;
@@ -263,6 +271,9 @@ export global PickerData {
             if property-value.brush-kind == BrushKind.linear {
                 set-gradient-type(GradientType.linear)
             }
+            if property-value.brush-kind == BrushKind.conic {
+                set-gradient-type(GradientType.conic)
+            }
         }
 
         update-brush();