@nativescript/core 8.9.0-next-01-14-2025-12761272657 → 8.9.0-next-01-18-2025-12839190246

package/ui/styling/style-properties.d.ts

@@ -1,87 +1,107 @@
-import { CssProperty, CssAnimationProperty, InheritedCssProperty } from '../core/properties';
-import { Style } from './style';
 import { TransformFunctionsInfo } from '../animation';
+import { CoreTypes } from '../../core-types';
 import { Color } from '../../color';
+import { CssProperty, CssAnimationProperty, ShorthandProperty, InheritedCssProperty } from '../core/properties';
+import { Style } from './style';
 import { Font, FontStyleType, FontWeightType, FontVariationSettingsType } from './font';
 import { Background } from './background';
-import { CoreTypes } from '../../core-types';
-import { LinearGradient } from './linear-gradient';
-export declare namespace PercentLength {
-    function parse(fromValue: string | CoreTypes.LengthType): CoreTypes.PercentLengthType;
-    const equals: {
-        (a: CoreTypes.PercentLengthType, b: CoreTypes.PercentLengthType): boolean;
-    };
-    const toDevicePixels: {
-        (length: CoreTypes.PercentLengthType, auto: number, parentAvailableWidth: number): number;
-    };
-    const convertToString: {
-        (length: CoreTypes.PercentLengthType): string;
-    };
+
+export namespace Length {
+	export function parse(text: string): CoreTypes.LengthType;
+	export function equals(a: CoreTypes.LengthType, b: CoreTypes.LengthType): boolean;
+	/**
+	 * Converts Length unit to device pixels.
+	 * @param length The Length to convert.
+	 * @param auto Value to use for conversion of "auto". By default is Math.NaN.
+	 */
+	export function toDevicePixels(length: CoreTypes.LengthType, auto?: number): number;
+	export function convertToString(length: CoreTypes.LengthType): string;
 }
-export declare namespace Length {
-    function parse(fromValue: string | CoreTypes.LengthType): CoreTypes.LengthType;
-    const equals: {
-        (a: CoreTypes.LengthType, b: CoreTypes.LengthType): boolean;
-    };
-    const toDevicePixels: {
-        (length: CoreTypes.LengthType, auto?: number): number;
-    };
-    const convertToString: {
-        (length: CoreTypes.LengthType): string;
-    };
+
+export namespace PercentLength {
+	export function parse(text: string): CoreTypes.PercentLengthType;
+	export function equals(a: CoreTypes.PercentLengthType, b: CoreTypes.PercentLengthType): boolean;
+	/**
+	 * Converts PercentLengthType unit to device pixels.
+	 * @param length The PercentLengthType to convert.
+	 * @param auto Value to use for conversion of "auto". By default is Math.NaN.
+	 * @param parentAvailableWidth Value to use as base when converting percent unit. By default is Math.NaN.
+	 */
+	export function toDevicePixels(length: CoreTypes.PercentLengthType, auto?: number, parentAvailableWidth?: CoreTypes.px): number;
+	export function convertToString(length: CoreTypes.PercentLengthType): string;
 }
-export declare const minWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const minHeightProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const widthProperty: CssAnimationProperty<Style, CoreTypes.PercentLengthType>;
-export declare const heightProperty: CssAnimationProperty<Style, CoreTypes.PercentLengthType>;
-export declare const marginLeftProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
-export declare const marginRightProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
-export declare const marginTopProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
-export declare const marginBottomProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
-export declare const paddingLeftProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const paddingRightProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const paddingTopProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const paddingBottomProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const horizontalAlignmentProperty: CssProperty<Style, CoreTypes.HorizontalAlignmentType>;
-export declare const verticalAlignmentProperty: CssProperty<Style, CoreTypes.VerticalAlignmentTextType>;
-export declare const rotateProperty: CssAnimationProperty<Style, number>;
-export declare const rotateXProperty: CssAnimationProperty<Style, number>;
-export declare const rotateYProperty: CssAnimationProperty<Style, number>;
-export declare const perspectiveProperty: CssAnimationProperty<Style, number>;
-export declare const scaleXProperty: CssAnimationProperty<Style, number>;
-export declare const scaleYProperty: CssAnimationProperty<Style, number>;
-export declare const translateXProperty: CssAnimationProperty<Style, number>;
-export declare const translateYProperty: CssAnimationProperty<Style, number>;
-export declare function transformConverter(text: string): TransformFunctionsInfo;
-export declare const backgroundInternalProperty: CssProperty<Style, Background>;
-export declare const backgroundImageProperty: CssProperty<Style, string | LinearGradient>;
-export declare const backgroundColorProperty: CssAnimationProperty<Style, Color>;
-export declare const backgroundRepeatProperty: CssProperty<Style, CoreTypes.BackgroundRepeatType>;
-export declare const backgroundSizeProperty: CssProperty<Style, string>;
-export declare const backgroundPositionProperty: CssProperty<Style, string>;
-export declare const borderTopColorProperty: CssProperty<Style, Color>;
-export declare const borderRightColorProperty: CssProperty<Style, Color>;
-export declare const borderBottomColorProperty: CssProperty<Style, Color>;
-export declare const borderLeftColorProperty: CssProperty<Style, Color>;
-export declare const borderTopWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const borderRightWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const borderBottomWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const borderLeftWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const borderTopLeftRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const borderTopRightRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const borderBottomRightRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const borderBottomLeftRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
-export declare const clipPathProperty: CssProperty<Style, string>;
-export declare const zIndexProperty: CssProperty<Style, number>;
-export declare const opacityProperty: CssAnimationProperty<Style, number>;
-export declare const colorProperty: InheritedCssProperty<Style, Color>;
-export declare const fontInternalProperty: CssProperty<Style, Font>;
-export declare const fontFamilyProperty: InheritedCssProperty<Style, string>;
-export declare const fontScaleInternalProperty: InheritedCssProperty<Style, number>;
-export declare const fontSizeProperty: InheritedCssProperty<Style, number>;
-export declare const fontStyleProperty: InheritedCssProperty<Style, FontStyleType>;
-export declare const fontWeightProperty: InheritedCssProperty<Style, FontWeightType>;
-export declare const fontVariationSettingsProperty: InheritedCssProperty<Style, FontVariationSettingsType[]>;
-export declare const visibilityProperty: CssProperty<Style, CoreTypes.VisibilityType>;
-export declare const androidElevationProperty: CssProperty<Style, number>;
-export declare const androidDynamicElevationOffsetProperty: CssProperty<Style, number>;
+
+export const zeroLength: CoreTypes.LengthType;
+
+export const rotateProperty: CssAnimationProperty<Style, number>;
+export const scaleXProperty: CssAnimationProperty<Style, number>;
+export const scaleYProperty: CssAnimationProperty<Style, number>;
+export const translateXProperty: CssAnimationProperty<Style, CoreTypes.dip>;
+export const translateYProperty: CssAnimationProperty<Style, CoreTypes.dip>;
+
+export function transformConverter(text: string): TransformFunctionsInfo;
+
+export const clipPathProperty: CssProperty<Style, string>;
+export const colorProperty: InheritedCssProperty<Style, Color>;
+
+export const backgroundProperty: ShorthandProperty<Style, string>;
+export const backgroundColorProperty: CssAnimationProperty<Style, Color>;
+export const backgroundImageProperty: CssProperty<Style, string>;
+export const backgroundRepeatProperty: CssProperty<Style, CoreTypes.BackgroundRepeatType>;
+export const backgroundSizeProperty: CssProperty<Style, string>;
+export const backgroundPositionProperty: CssProperty<Style, string>;
+
+export const borderColorProperty: ShorthandProperty<Style, string | Color>;
+export const borderTopColorProperty: CssProperty<Style, Color>;
+export const borderRightColorProperty: CssProperty<Style, Color>;
+export const borderBottomColorProperty: CssProperty<Style, Color>;
+export const borderLeftColorProperty: CssProperty<Style, Color>;
+
+export const borderWidthProperty: ShorthandProperty<Style, string | CoreTypes.LengthType>;
+export const borderTopWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const borderRightWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const borderBottomWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const borderLeftWidthProperty: CssProperty<Style, CoreTypes.LengthType>;
+
+export const borderRadiusProperty: ShorthandProperty<Style, string | CoreTypes.LengthType>;
+export const borderTopLeftRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const borderTopRightRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const borderBottomRightRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const borderBottomLeftRadiusProperty: CssProperty<Style, CoreTypes.LengthType>;
+
+export const zIndexProperty: CssProperty<Style, number>;
+export const visibilityProperty: CssProperty<Style, CoreTypes.VisibilityType>;
+export const opacityProperty: CssAnimationProperty<Style, number>;
+
+export const minWidthProperty: CssProperty<Style, CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit>;
+export const minHeightProperty: CssProperty<Style, CoreTypes.dip | CoreTypes.LengthDipUnit | CoreTypes.LengthPxUnit>;
+export const widthProperty: CssAnimationProperty<Style, CoreTypes.PercentLengthType>;
+export const heightProperty: CssAnimationProperty<Style, CoreTypes.PercentLengthType>;
+export const lineHeightProperty: CssProperty<Style, number>;
+export const marginProperty: ShorthandProperty<Style, string | CoreTypes.PercentLengthType>;
+export const marginLeftProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
+export const marginRightProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
+export const marginTopProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
+export const marginBottomProperty: CssProperty<Style, CoreTypes.PercentLengthType>;
+
+export const paddingProperty: ShorthandProperty<Style, string | CoreTypes.LengthType>;
+export const paddingLeftProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const paddingRightProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const paddingTopProperty: CssProperty<Style, CoreTypes.LengthType>;
+export const paddingBottomProperty: CssProperty<Style, CoreTypes.LengthType>;
+
+export const horizontalAlignmentProperty: CssProperty<Style, CoreTypes.HorizontalAlignmentType>;
+export const verticalAlignmentProperty: CssProperty<Style, CoreTypes.VerticalAlignmentType>;
+
+export const fontSizeProperty: InheritedCssProperty<Style, number>;
+export const fontFamilyProperty: InheritedCssProperty<Style, string>;
+export const fontStyleProperty: InheritedCssProperty<Style, FontStyleType>;
+export const fontWeightProperty: InheritedCssProperty<Style, FontWeightType>;
+
+export const backgroundInternalProperty: CssProperty<Style, Background>;
+export const fontInternalProperty: InheritedCssProperty<Style, Font>;
+export const fontScaleInternalProperty: InheritedCssProperty<Style, number>;
+export const fontVariationSettingsProperty: InheritedCssProperty<Style, FontVariationSettingsType[]>;
+
+export const androidElevationProperty: CssProperty<Style, number>;
+export const androidDynamicElevationOffsetProperty: CssProperty<Style, number>;

package/ui/styling/style-scope.d.ts

@@ -1,81 +1,50 @@
-import { ViewBase } from '../core/view-base';
-import * as ReworkCSS from '../../css';
-import { RuleSet, SelectorCore, SelectorsMatch, ChangeMap, Node } from './css-selector';
-import * as kam from '../animation/keyframe-animation';
-export declare function mergeCssSelectors(): void;
-export declare function mergeCssKeyframes(): void;
-export declare function _populateRules(nodes: ReworkCSS.Node[], rulesets: RuleSet[], keyframes: kam.Keyframes[], mediaQueryString?: string): void;
-export declare function removeTaggedAdditionalCSS(tag: string | number): boolean;
-export declare function addTaggedAdditionalCSS(cssText: string, tag?: string | number): boolean;
-export declare const loadAppCSS: any;
-export declare class CssState {
-    private viewRef;
-    static emptyChangeMap: Readonly<ChangeMap<ViewBase>>;
-    static emptyPropertyBag: Record<string, unknown>;
-    static emptyAnimationArray: ReadonlyArray<kam.KeyframeAnimation>;
-    static emptyMatch: Readonly<SelectorsMatch<ViewBase>>;
-    _onDynamicStateChangeHandler: () => void;
-    _appliedChangeMap: Readonly<ChangeMap<ViewBase>>;
-    private _appliedPropertyValues;
-    _appliedAnimations: ReadonlyArray<kam.KeyframeAnimation>;
-    _appliedSelectorsVersion: number;
-    _match: SelectorsMatch<ViewBase>;
-    _matchInvalid: boolean;
-    _playsKeyframeAnimations: boolean;
-    constructor(viewRef: WeakRef<ViewBase>);
-    /**
-     * Called when a change had occurred that may invalidate the statically matching selectors (class, id, ancestor selectors).
-     * As a result, at some point in time, the selectors matched have to be requerried from the style scope and applied to the view.
-     */
-    onChange(): void;
-    isSelectorsLatestVersionApplied(): boolean;
-    onLoaded(): void;
-    onUnloaded(): void;
-    private updateMatch;
-    private updateDynamicState;
-    private playKeyframeAnimations;
-    private stopKeyframeAnimations;
-    /**
-     * Calculate the difference between the previously applied property values,
-     * and the new set of property values that have to be applied for the provided selectors.
-     * Apply the values and ensure each property setter is called at most once to avoid excessive change notifications.
-     * @param matchingSelectors
-     */
-    private setPropertyValues;
-    private subscribeForDynamicUpdates;
-    private unsubscribeFromDynamicUpdates;
-    toString(): string;
+import { ViewBase } from '../core/view-base';
+import { SyntaxTree } from '../../css';
+import { RuleSet, Node, SelectorCore, ChangeMap } from '../styling/css-selector';
+import { KeyframeAnimationInfo } from '../animation/keyframe-animation';
+
+export class CssState {
+	/**
+	 * Re-evaluate the selectors and apply any changes to the underlying view.
+	 */
+	public apply(): void;
+
+	/**
+	 * Gets the static selectors that match the view and the dynamic selectors that may potentially match the view.
+	 */
+	public changeMap: ChangeMap<ViewBase>;
+
+	/**
+	 * Checks whether style scope and CSS state selectors are in sync.
+	 */
+	public isSelectorsLatestVersionApplied(): boolean;
 }
-export declare class StyleScope {
-    private _selectorScope;
-    private _css;
-    private _mergedCssSelectors;
-    private _mergedCssKeyframes;
-    private _localCssSelectors;
-    private _localCssKeyframes;
-    private _localCssSelectorVersion;
-    private _localCssSelectorsAppliedVersion;
-    private _applicationCssSelectorsAppliedVersion;
-    private _cssFiles;
-    get css(): string;
-    set css(value: string);
-    addCss(cssString: string, cssFileName?: string): void;
-    addCssFile(cssFileName: string): void;
-    changeCssFile(cssFileName: string): void;
-    private setCss;
-    private appendCss;
-    getKeyframeAnimationWithName(animationName: string): kam.KeyframeAnimationInfo;
-    ensureSelectors(): number;
-    _increaseApplicationCssSelectorVersion(): void;
-    isApplicationCssSelectorsLatestVersionApplied(): boolean;
-    isLocalCssSelectorsLatestVersionApplied(): boolean;
-    private _createSelectors;
-    matchSelectors(view: any): SelectorsMatch<ViewBase>;
-    query(node: Node): SelectorCore[];
-    getSelectorsVersion(): number;
-    private _applyKeyframesToSelectors;
-    getAnimations(ruleset: RuleSet): kam.KeyframeAnimationInfo[];
-    private findKeyframeRule;
+
+export class StyleScope {
+	public css: string;
+	public addCss(cssString: string, cssFileName?: string): void;
+	public addCssFile(cssFileName: string): void;
+	public changeCssFile(cssFileName: string): void;
+
+	public static createSelectorsFromCss(css: string, cssFileName: string, keyframes: Object): RuleSet[];
+	public static createSelectorsFromImports(tree: SyntaxTree, keyframes: Object): RuleSet[];
+	public ensureSelectors(): number;
+
+	/**
+	 * Increase the application CSS selector version.
+	 */
+	public _increaseApplicationCssSelectorVersion(): void;
+	public isApplicationCssSelectorsLatestVersionApplied(): boolean;
+	public isLocalCssSelectorsLatestVersionApplied(): boolean;
+
+	public applySelectors(view: ViewBase): void;
+	public query(options: Node): SelectorCore[];
+
+	public getKeyframeAnimationWithName(animationName: string): KeyframeAnimationInfo;
+	public getAnimations(ruleset: RuleSet): KeyframeAnimationInfo[];
 }
-export declare function resolveFileNameFromUrl(url: string, appDirectory: string, fileExists: (name: string) => boolean, importSource?: string): string;
-export declare const applyInlineStyle: any;
+
+export function resolveFileNameFromUrl(url: string, appDirectory: string, fileExists: (filepath: string) => boolean, importSource?: string): string;
+export function applyInlineStyle(view: ViewBase, style: string): void;
+export function addTaggedAdditionalCSS(cssText: string, tag?: string | Number): boolean;
+export function removeTaggedAdditionalCSS(tag: String | Number): boolean;

package/ui/switch/index.d.ts

@@ -0,0 +1,46 @@
+import { View } from '../core/view';
+import { Property } from '../core/properties';
+import { Color } from '../../color';
+
+/**
+ * Represents a switch component.
+ *
+ * @nsView Switch
+ */
+export class Switch extends View {
+	/**
+	 * String value used when hooking to checkedChange event.
+	 *
+	 * @nsEvent {PropertyChangeData} checkedChange
+	 */
+	public static checkedChangeEvent: string;
+
+	/**
+	 * Gets the native [android widget](http://developer.android.com/reference/android/widget/Switch.html) that represents the user interface for this component. Valid only when running on Android OS.
+	 */
+	android: any /* android.widget.Switch */;
+
+	/**
+	 * Gets the native iOS [UISwitch](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UISwitch_Class/) that represents the user interface for this component. Valid only when running on iOS.
+	 */
+	ios: any /* UISwitch */;
+
+	/**
+	 * Gets or sets if a switch is checked or not.
+	 *
+	 * @nsProperty
+	 */
+	checked: boolean;
+
+	/**
+	 * Gets or sets the background color of the Switch when it is turned off.
+	 *
+	 * @nsProperty
+	 */
+	offBackgroundColor: Color;
+}
+
+/**
+ * Represents the observable property backing the checked property of each Switch instance.
+ */
+export const checkedProperty: Property<Switch, boolean>;

package/ui/tab-view/index.d.ts

@@ -0,0 +1,213 @@
+/**
+ * Contains the TabView class, which represents a standard content component with tabs.
+ */
+
+import { View } from '../core/view';
+import { ViewBase } from '../core/view-base';
+import { Property, CssProperty } from '../core/properties';
+import { EventData } from '../../data/observable';
+import { Color } from '../../color';
+import { CoreTypes } from '../../core-types';
+import { Style } from '../styling/style';
+/**
+ * Represents a tab view entry.
+ *
+ * @nsView TabViewItem
+ */
+export class TabViewItem extends ViewBase {
+	/**
+	 * Gets or sets the title of the TabViewItem.
+	 *
+	 * @nsProperty
+	 */
+	public title: string;
+
+	/**
+	 * Gets or sets the view of the TabViewItem.
+	 *
+	 * @nsProperty
+	 */
+	public view: View;
+
+	/**
+	 * Gets or sets the icon source of the TabViewItem. This could either be a a file name or resource id.
+	 *
+	 * @nsProperty
+	 */
+	public iconSource: string;
+
+	/**
+	 * Gets or sets the text transform of the tab titles.
+	 *
+	 * @nsProperty
+	 */
+	textTransform: CoreTypes.TextTransformType;
+
+	/**
+	 * @private
+	 */
+	canBeLoaded?: boolean;
+}
+
+/**
+ * Defines the data for the TabView.selectedIndexChanged event.
+ */
+export interface SelectedIndexChangedEventData extends EventData {
+	/**
+	 * The old selected index.
+	 */
+	oldIndex: number;
+
+	/**
+	 * The new selected index.
+	 */
+	newIndex: number;
+}
+
+/**
+ * Represents a tab view.
+ *
+ * @nsView TabView
+ */
+export class TabView extends View {
+	/**
+	 * String value used when hooking to the selectedIndexChanged event.
+	 *
+	 * @nsEvent {SelectedIndexChangedEventData} selectedIndexChanged
+	 */
+	public static selectedIndexChangedEvent: string;
+
+	/**
+	 * Gets or sets the items of the TabView.
+	 *
+	 * @nsProperty
+	 */
+	items: Array<TabViewItem>;
+
+	/**
+	 * Gets or sets the selectedIndex of the TabView.
+	 *
+	 * @nsProperty
+	 */
+	selectedIndex: number;
+
+	/**
+	 * Gets or sets the font size of the tabs titles.
+	 *
+	 * @nsProperty
+	 */
+	tabTextFontSize: number;
+
+	/**
+	 * Gets or sets the text color of the tabs titles.
+	 *
+	 * @nsProperty
+	 */
+	tabTextColor: Color;
+
+	/**
+	 * Gets or sets the background color of the tabs.
+	 *
+	 * @nsProperty
+	 */
+	tabBackgroundColor: Color;
+
+	/**
+	 * Gets or sets the text color of the selected tab title.
+	 *
+	 * @nsProperty
+	 */
+	selectedTabTextColor: Color;
+
+	/**
+	 * Gets or sets the color of the horizontal line drawn below the currently selected tab on Android.
+	 *
+	 * @nsProperty
+	 */
+	androidSelectedTabHighlightColor: Color;
+
+	/**
+	 * Gets the native [android widget](http://developer.android.com/reference/android/support/v4/view/ViewPager.html) that represents the user interface for this component. Valid only when running on Android OS.
+	 */
+	android: any /* android.view.View */; //androidx.core.view.ViewPager;
+
+	/**
+	 * Gets the native iOS [UITabBarController](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITabBarController_Class/) that represents the user interface for this component. Valid only when running on iOS.
+	 */
+	ios: any /* UITabBarController */;
+
+	/**
+	 * Gets or set the UIImageRenderingMode of the tab icons in iOS.  Defaults to "automatic"
+	 * Valid values are:
+	 *  - automatic
+	 *  - alwaysOriginal
+	 *  - alwaysTemplate
+	 *
+	 * @nsProperty
+	 */
+	iosIconRenderingMode: 'automatic' | 'alwaysOriginal' | 'alwaysTemplate';
+
+	/**
+	 * Gets or sets the rendering mode of tab icons on Android.  Defaults to "original"
+	 * Valid values are:
+	 *  - alwaysOriginal
+	 *  - alwaysTemplate
+	 *
+	 * @nsProperty
+	 */
+	androidIconRenderingMode: 'alwaysOriginal' | 'alwaysTemplate';
+
+	/**
+	 * Gets or sets the number of tabs that should be retained to either side of the current tab in the view hierarchy in an idle state.
+	 * Tabs beyond this limit will be recreated from the TabView when needed.
+	 *
+	 * @nsProperty
+	 */
+	androidOffscreenTabLimit: number;
+
+	/**
+	 * Gets or set the tabs vertical position.
+	 * Valid values are:
+	 *  - top
+	 *  - bottom
+	 *
+	 * @nsProperty
+	 */
+	androidTabsPosition: 'top' | 'bottom';
+
+	/**
+	 * Gets or sets a value indicating whether swipe gesture is enabled for Android.
+	 *
+	 * @nsProperty
+	 */
+	androidSwipeEnabled: boolean;
+
+	/**
+	 * Adds a listener for the specified event name.
+	 *
+	 * @param eventName The name of the event.
+	 * @param callback The event listener to add. Will be called when an event of
+	 * the given name is raised.
+	 * @param thisArg An optional parameter which, when set, will be bound as the
+	 * `this` context when the callback is called. Falsy values will be not be
+	 * bound.
+	 */
+	on(eventName: string, callback: (data: EventData) => void, thisArg?: any): void;
+
+	/**
+	 * Raised when the selected index changes.
+	 */
+	on(event: 'selectedIndexChanged', callback: (args: SelectedIndexChangedEventData) => void, thisArg?: any): void;
+}
+
+export const itemsProperty: Property<TabView, TabViewItem[]>;
+export const selectedIndexProperty: Property<TabView, number>;
+
+export const tabTextFontSizeProperty: CssProperty<Style, number>;
+export const tabTextColorProperty: CssProperty<Style, Color>;
+export const tabBackgroundColorProperty: CssProperty<Style, Color>;
+export const selectedTabTextColorProperty: CssProperty<Style, Color>;
+export const androidSelectedTabHighlightColorProperty: CssProperty<Style, Color>;
+export const androidOffscreenTabLimitProperty: Property<TabView, number>;
+export const iosIconRenderingModeProperty: Property<TabView, 'automatic' | 'alwaysOriginal' | 'alwaysTemplate'>;
+export const androidIconRenderingModeProperty: Property<TabView, 'alwaysOriginal' | 'alwaysTemplate'>;