chore: refactor

Author: farfromrefug

src/slider/cssproperties.ts

@@ -1,25 +1,31 @@
 import { Color, CssProperty, Style, booleanConverter } from '@nativescript/core';
+export function colorConverter(v: string | Color): Color {
+    if (!v || v instanceof Color) {
+        return v as Color;
+    }
+    return new Color(v);
+}
 
 export const trackBackgroundColorProperty = new CssProperty<Style, Color>({
     name: 'trackBackgroundColor',
     cssName: 'track-background-color',
     equalityComparer: Color.equals,
-    valueConverter: (v) => new Color(v)
+    valueConverter: colorConverter
 });
 trackBackgroundColorProperty.register(Style);
 export const thumbColorProperty = new CssProperty<Style, Color>({
     cssName: 'thumb-color',
     name: 'thumbColor',
     equalityComparer: Color.equals,
-    valueConverter: (v) => new Color(v)
+    valueConverter: colorConverter
 });
 thumbColorProperty.register(Style);
 
 export const trackFillColorProperty = new CssProperty<Style, Color>({
     cssName: 'track-fill-color',
     name: 'trackFillColor',
     equalityComparer: Color.equals,
-    valueConverter: (v) => new Color(v)
+    valueConverter: colorConverter
 });
 trackFillColorProperty.register(Style);
 export const thumbHollowAtStartProperty = new CssProperty<Style, boolean>({
@@ -33,6 +39,6 @@ export const stepSizeProperty = new CssProperty<Style, number>({
     name: 'stepSize',
     cssName: 'step-size',
     defaultValue: 0,
-    valueConverter: (v) => parseFloat(v)
+    valueConverter: parseFloat
 });
 stepSizeProperty.register(Style);