Conditions #19

- Implement color type variable.
- Add support for set value of color type in conditions builder.
- Fix conditions builder creating duplicated variables when created with create new option.
- Add variable property button for fill tile.
- Fix recents manager not disposing properly.

Author: BirjuVachhani

lib/src/api/models/action/set_value_action.dart

@@ -90,6 +90,12 @@ enum ValueType {
 
   /// Represents a boolean value.
   bool,
+
+  /// Represents a color value.
+  color,
+
+  /// Represents a paint value which can be color, gradient, etc.
+  paint,
 }
 
 /// Represents a value to set in a node.
@@ -134,6 +140,10 @@ abstract class ValueModel<T> with SerializableMixin {
           return DoubleValue.fromJson(json);
         case ValueType.string:
           return StringValue.fromJson(json);
+        case ValueType.color:
+          return ColorValue.fromJson(json);
+        case ValueType.paint:
+          return PaintValue.fromJson(json);
       }
     } else {
       // backward compatibility
@@ -291,3 +301,73 @@ class StringValue extends ValueModel<String> with SerializableMixin {
   @override
   Map toJson() => _$StringValueToJson(this);
 }
+
+/// Value of boolean type.
+@JsonSerializable()
+class ColorValue extends ValueModel<ColorRGBA?> with SerializableMixin {
+  /// Whether this property is nullable.
+  final bool nullable;
+
+  /// Creates a new [ColorValue].
+  const ColorValue({
+    required super.name,
+    super.mode,
+    super.value,
+    this.nullable = false,
+  }) : super(type: ValueType.color);
+
+  @override
+  ColorValue copyWith({
+    SetValueMode? mode,
+    ColorRGBA? value,
+    bool isNull = false,
+    bool? nullable,
+  }) =>
+      ColorValue(
+        name: name,
+        mode: mode ?? this.mode,
+        value: isNull ? null : (value ?? this.value),
+        nullable: nullable ?? this.nullable,
+      );
+
+  /// Creates a new [BoolValue] instance from a JSON data.
+  factory ColorValue.fromJson(Map json) => _$ColorValueFromJson(json);
+
+  @override
+  Map toJson() => _$ColorValueToJson(this);
+}
+
+/// Value of boolean type.
+@JsonSerializable()
+class PaintValue extends ValueModel<PaintModel?> with SerializableMixin {
+  /// Whether this property is nullable.
+  final bool nullable;
+
+  /// Creates a new [PaintValue].
+  const PaintValue({
+    required super.name,
+    super.mode,
+    super.value,
+    this.nullable = false,
+  }) : super(type: ValueType.paint);
+
+  @override
+  PaintValue copyWith({
+    SetValueMode? mode,
+    PaintModel? value,
+    bool isNull = false,
+    bool? nullable,
+  }) =>
+      PaintValue(
+        name: name,
+        mode: mode ?? this.mode,
+        value: isNull ? null : (value ?? this.value),
+        nullable: nullable ?? this.nullable,
+      );
+
+  /// Creates a new [BoolValue] instance from a JSON data.
+  factory PaintValue.fromJson(Map json) => _$PaintValueFromJson(json);
+
+  @override
+  Map toJson() => _$PaintValueToJson(this);
+}

lib/src/api/models/action/set_value_action.g.dart

@@ -20,7 +20,10 @@ enum VariableType {
   boolean,
 
   /// List type. Represents a list of values.
-  list;
+  list,
+
+  /// Color type. Represents a color value.
+  color;
 
   /// Returns a string representation of the variable type.
   String get label {
@@ -35,6 +38,8 @@ enum VariableType {
         return 'Boolean';
       case VariableType.list:
         return 'List';
+      case VariableType.color:
+        return 'Color';
     }
   }
 }
@@ -143,27 +148,6 @@ class VariableData
       throw Exception('Unsupported type: $T');
     }
   }
-
-  /// Converts [value] to given [type]. [null] means it can't be converted.
-  dynamic toTyped() {
-    switch (type) {
-      case VariableType.integer:
-        return int.tryParse(value);
-      case VariableType.text:
-        return value;
-      case VariableType.decimal:
-        return double.tryParse(value);
-      case VariableType.boolean:
-        return value.toLowerCase() == 'true'
-            ? true
-            : value.toLowerCase() == 'false'
-                ? false
-                : null;
-      case VariableType.list:
-        // TODO: implement type conversion.
-        throw UnimplementedError('Not Implemented');
-    }
-  }
 }
 
 /// Contains all the variables associated with a canvas inside a page.