fix: highlightColor as css property too

Author: farfromrefug

src/core/tab-navigation-base/tab-strip/index.ts

@@ -1,7 +1,7 @@
 /**
  * @module @nativescript-community/ui-material-core/tab-navigation-base/tab-strip
-*/
-import { AddArrayFromBuilder, AddChildFromBuilder, CSSType, Color, EventData, Property, View, ViewBase, booleanConverter } from '@nativescript/core';
+ */
+import { AddArrayFromBuilder, AddChildFromBuilder, CSSType, Color, CssProperty, Property, Style, View, ViewBase, booleanConverter } from '@nativescript/core';
 import { backgroundColorProperty, backgroundInternalProperty, colorProperty, fontInternalProperty } from '@nativescript/core/ui/styling/style-properties';
 import { textTransformProperty } from '@nativescript/core/ui/text-base';
 import { TabNavigationBase } from '../tab-navigation-base';
@@ -12,8 +12,9 @@ export const traceCategory = 'TabView';
 
 // Place this on top because the webpack ts-loader doesn't work when export
 // is after reference
-export const highlightColorProperty = new Property<TabStrip, Color>({
+export const highlightColorProperty = new CssProperty<Style, Color>({
     name: 'highlightColor',
+    cssName: 'highlight-color',
     equalityComparer: Color.equals,
     valueConverter: (v) => new Color(v)
 });
@@ -34,11 +35,17 @@ export class TabStrip extends View implements TabStripDefinition, AddChildFromBu
     public items: TabStripItem[];
     public isIconSizeFixed: boolean;
     public iosIconRenderingMode: 'automatic' | 'alwaysOriginal' | 'alwaysTemplate';
+
+
+    /**
+     * defines the highlight color of the TabStrip item
+     * can be defined through css `highlight-color`
+     */
     public highlightColor: Color;
     public selectedItemColor: Color;
     public unSelectedItemColor: Color;
-    public _hasImage: boolean;
-    public _hasTitle: boolean;
+    protected _hasImage: boolean;
+    protected _hasTitle: boolean;
 
     public eachChild(callback: (child: ViewBase) => boolean) {
         const items = this.items;
@@ -181,6 +188,6 @@ export const isIconSizeFixedProperty = new Property<TabStrip, boolean>({
 });
 isIconSizeFixedProperty.register(TabStrip);
 
-highlightColorProperty.register(TabStrip);
+highlightColorProperty.register(Style);
 selectedItemColorProperty.register(TabStrip);
 unSelectedItemColorProperty.register(TabStrip);