@nativescript-community/ui-material-core-tabs 7.2.38 → 7.2.41

package/package.json

@@ -1,10 +1,20 @@
 {
     "name": "@nativescript-community/ui-material-core-tabs",
-    "version": "7.2.38",
+    "version": "7.2.41",
     "description": "Material Core Tabs component",
     "main": "./index",
     "sideEffects": false,
     "typings": "./index.d.ts",
+    "scripts": {
+        "tsc": "cpy '**/*.d.ts' '../../packages/core-tabs' --cwd=../../src/core-tabs --parents && tsc -d",
+        "tsc-win": "cpy **/*.d.ts ..\\..\\packages\\core-tabs --cwd=..\\..\\src\\core-tabs --parents && tsc -d",
+        "build": "npm run tsc ",
+        "build.watch": "npm run tsc -- -w",
+        "build.win": "npm run tsc-win ",
+        "build.all": "npm run build",
+        "build.all.win": "npm run build.win",
+        "clean": "rimraf ./*.d.ts ./*.js ./*.js.map android"
+    },
     "nativescript": {
         "platforms": {
             "android": "6.2.0",
@@ -29,7 +39,7 @@
     "repository": "https://github.com/nativescript-community/ui-material-components",
     "readmeFilename": "README.md",
     "dependencies": {
-        "@nativescript-community/ui-material-core": "^7.2.38"
+        "@nativescript-community/ui-material-core": "^7.2.41"
     },
-    "gitHead": "5420f127d24222f2c55e0e53ca1534a70b2b608f"
+    "gitHead": "b56f0b5c4776605e91f6ca76ba1f2ed4fd103989"
 }

package/react/index.d.ts

@@ -0,0 +1,60 @@
+import { ContentViewAttributes, NativeScriptProps, ViewAttributes } from 'react-nativescript';
+import { Color, EventData, Image, Label, PropertyChangeData } from '@nativescript/core';
+import { SelectedIndexChangedEventData } from '../tab-navigation-base';
+import { TabContentItem } from '../tab-content-item';
+import { TabStrip } from '../tab-strip';
+import { TabStripItem } from '../tab-strip-item';
+export type TabNavigationBaseAttributes = ViewAttributes & {
+    android?: any;
+    ios?: any;
+    items?: string | TabContentItem[];
+    onItemsChange?: (args: PropertyChangeData) => void;
+    onSelectedIndexChange?: (args: PropertyChangeData) => void;
+    onSelectedIndexChanged?: (args: SelectedIndexChangedEventData) => void;
+    onTabStripChange?: (args: PropertyChangeData) => void;
+    selectedIndex?: string | number;
+    tabStrip?: string | TabStrip;
+};
+export type TabContentItemAttributes = ContentViewAttributes & {
+    canBeLoaded?: false | true;
+};
+export type TabStripAttributes = ViewAttributes & {
+    highlightColor?: string | Color;
+    iosIconRenderingMode?: 'automatic' | 'alwaysOriginal' | 'alwaysTemplate';
+    isIconSizeFixed?: string | false | true;
+    items?: string | TabStripItem[];
+    onHighlightColorChange?: (args: PropertyChangeData) => void;
+    onIosIconRenderingModeChange?: (args: PropertyChangeData) => void;
+    onIsIconSizeFixedChange?: (args: PropertyChangeData) => void;
+    onItemTap?: (args: EventData) => void;
+    onItemsChange?: (args: PropertyChangeData) => void;
+    onSelectedItemColorChange?: (args: PropertyChangeData) => void;
+    onUnSelectedItemColorChange?: (args: PropertyChangeData) => void;
+    selectedItemColor?: string | Color;
+    unSelectedItemColor?: string | Color;
+};
+export type TabStripItemAttributes = ViewAttributes & {
+    iconClass?: string;
+    iconSource?: string;
+    image?: Image;
+    label?: Label;
+    onTap?: (args: EventData) => void;
+    title?: string;
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            tabStrip: NativeScriptProps<TabStripAttributes, TabStrip>;
+            tabStripItem: NativeScriptProps<TabStripItemAttributes, TabStripItem>;
+            tabContentItem: NativeScriptProps<TabContentItemAttributes, TabContentItem>;
+        }
+        interface ElementChildrenAttribute {
+            children: {};
+        }
+    }
+}
+interface RegisterTabsOptions {
+    enableDebugLogging?: boolean;
+}
+export declare function registerTabNavigationBase(opts?: RegisterTabsOptions): void;
+export {};

package/react/index.js

@@ -0,0 +1,124 @@
+import { registerElement } from 'react-nativescript';
+import { Image, Label } from '@nativescript/core';
+import { warn } from 'react-nativescript/dist/shared/Logger';
+import { TabContentItem } from '../tab-content-item';
+import { TabStrip } from '../tab-strip';
+import { TabStripItem } from '../tab-strip-item';
+let installed = false;
+export function registerTabNavigationBase(opts = {}) {
+    const { enableDebugLogging = false } = opts;
+    if (installed) {
+        return;
+    }
+    registerElement('tabStrip', 
+    // @ts-ignore I can assure that this really does extend ViewBase
+    () => TabStrip, {
+        nodeOps: {
+            insert(child, parent, atIndex) {
+                const tabStrip = parent.nativeView;
+                if (child.nodeRole === 'items') {
+                    if (child.nativeView instanceof TabStripItem === false) {
+                        if (enableDebugLogging) {
+                            warn(`Unable to add child "${child.nativeView.constructor.name}" to the items of <tabStrip> as it is not an instance of TabStripItem.`);
+                        }
+                        return;
+                    }
+                    const items = tabStrip.items || []; // Annoyingly, it's the consumer's responsibility to ensure there's an array there!
+                    if (typeof atIndex === 'undefined' || atIndex === items.length) {
+                        tabStrip._addChildFromBuilder('items', child.nativeView);
+                    }
+                    else {
+                        const itemsClone = items.slice();
+                        itemsClone.splice(atIndex, 0, child.nativeView);
+                        tabStrip.items = itemsClone;
+                    }
+                }
+                else if (child.nodeRole === 'item') {
+                    if (enableDebugLogging) {
+                        warn(`Unable to add child "${child.nativeView.constructor.name}" to <tabStrip> as it had the nodeRole "item"; please correct it to "items".`);
+                    }
+                }
+                else {
+                    if (enableDebugLogging) {
+                        warn(`Unable to add child "${child.nativeView.constructor.name}" to <tabStrip> as it does not have a nodeRole specified; ` +
+                            'please set a nodeRole of "tabStrip", or "items".');
+                    }
+                }
+            },
+            remove(child, parent) {
+                const tabStrip = parent.nativeView;
+                if (child.nodeRole === 'items') {
+                    tabStrip.items = (tabStrip.items || []).filter((i) => i !== child.nativeView);
+                }
+                else if (child.nodeRole === 'item') {
+                    if (enableDebugLogging) {
+                        warn(`Unable to remove child "${child.nativeView.constructor.name}" from <tabStrip> as it had the nodeRole "item"; please correct it to "items".`);
+                    }
+                }
+                else {
+                    if (enableDebugLogging) {
+                        warn(`Unable to remove child "${child.nativeView.constructor.name}" from <tabStrip> as it does not have a nodeRole specified; ` +
+                            'please set a nodeRole of "tabStrip", or "items"');
+                    }
+                }
+            }
+        }
+    });
+    registerElement('tabStripItem', 
+    // @ts-ignore I can assure that this really does extend ViewBase
+    () => TabStripItem, {
+        nodeOps: {
+            insert(child, parent, atIndex) {
+                const tabStripItem = parent.nativeView;
+                // Note: The instanceof check, and nodeRole check, is technically redundant if you look at the implementation, but I'll
+                //       keep these good practices in case it's ever refactored.
+                if (child.nodeRole === 'label') {
+                    if (child.nativeView instanceof Label === false) {
+                        if (enableDebugLogging) {
+                            warn(`Unable to add child "${child.nativeView.constructor.name}" to the items of <tabStripItem> as it is not an instance of Label.`);
+                        }
+                        return;
+                    }
+                    tabStripItem.label = child.nativeView;
+                }
+                else if (child.nodeRole === 'image') {
+                    if (child.nativeView instanceof Image === false) {
+                        if (enableDebugLogging) {
+                            warn(`Unable to add child "${child.nativeView.constructor.name}" to the items of <tabStripItem> as it is not an instance of Image.`);
+                        }
+                        return;
+                    }
+                    tabStripItem.image = child.nativeView;
+                }
+                else {
+                    if (enableDebugLogging) {
+                        warn(`Unable to add child "${child.nativeView.constructor.name}" to <tabStripItem> as it does not have a nodeRole specified; ` +
+                            'please set a nodeRole of "label", or "image".');
+                    }
+                }
+            },
+            remove(child, parent) {
+                const tabStripItem = parent.nativeView;
+                if (child.nodeRole === 'label') {
+                    // WARNING: It is not evident from the implementation that TabStripItem supports removing label at all!
+                    tabStripItem.label = null;
+                }
+                else if (child.nodeRole === 'image') {
+                    // WARNING: It is not evident from the implementation that TabStripItem supports removing image at all!
+                    tabStripItem.image = null;
+                }
+                else {
+                    if (enableDebugLogging) {
+                        warn(`Unable to remove child "${child.nativeView.constructor.name}" from <tabStripItem> as it does not have a nodeRole specified; ` +
+                            'please set a nodeRole of "label", or "image"');
+                    }
+                }
+            }
+        }
+    });
+    registerElement('tabContentItem', 
+    // @ts-ignore I can assure that this really does extend ViewBase
+    () => TabContentItem, { viewFlags: 2 /* NSVViewFlags.CONTENT_VIEW */ });
+    installed = true;
+}
+//# sourceMappingURL=index.js.map

package/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-tabs/react/index.ts"],"names":[],"mappings":"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"}

package/tab-content-item/index.android.d.ts

@@ -0,0 +1,15 @@
+import { View } from '@nativescript/core';
+import { TabContentItemBase } from './tab-content-item-common';
+export * from './tab-content-item-common';
+export declare class TabContentItem extends TabContentItemBase {
+    nativeViewProtected: org.nativescript.widgets.GridLayout;
+    tabItemSpec: com.nativescript.material.core.TabItemSpec;
+    get _hasFragments(): boolean;
+    createNativeView(): org.nativescript.widgets.GridLayout;
+    initNativeView(): void;
+    _addViewToNativeVisualTree(child: View, atIndex?: number): boolean;
+    disposeNativeView(): void;
+    private _fragmentMatches;
+    private _findFragment;
+    _getChildFragmentManager(): any;
+}

package/tab-content-item/index.android.js

@@ -0,0 +1,54 @@
+import { GridLayout, Trace } from '@nativescript/core';
+import { TabContentItemBase } from './tab-content-item-common';
+export * from './tab-content-item-common';
+export class TabContentItem extends TabContentItemBase {
+    get _hasFragments() {
+        return true;
+    }
+    createNativeView() {
+        const layout = new org.nativescript.widgets.GridLayout(this._context);
+        layout.addRow(new org.nativescript.widgets.ItemSpec(1, org.nativescript.widgets.GridUnitType.star));
+        return layout;
+    }
+    initNativeView() {
+        super.initNativeView();
+    }
+    _addViewToNativeVisualTree(child, atIndex) {
+        // Set the row property for the child
+        if (this.nativeViewProtected && child.nativeViewProtected) {
+            GridLayout.setRow(child, 0);
+        }
+        return super._addViewToNativeVisualTree(child, atIndex);
+    }
+    disposeNativeView() {
+        super.disposeNativeView();
+        this.canBeLoaded = false;
+    }
+    _fragmentMatches(fragment) {
+        // ensure index AND owner for when 2 tabviews are in the same page
+        return fragment.index === this.index && fragment.owner === this.parent;
+    }
+    _findFragment(fragmentManager) {
+        if (!fragmentManager) {
+            return null;
+        }
+        const fragments = fragmentManager.getFragments().toArray();
+        for (let i = 0; i < fragments.length; i++) {
+            if (fragments[i].index === this.index && fragments[i].owner === this.parent) {
+                return fragments[i];
+            }
+        }
+        return null;
+    }
+    _getChildFragmentManager() {
+        const tabView = this.parent;
+        let tabFragment = null;
+        tabFragment = this._findFragment(tabView._getRootFragmentManager()) || this._findFragment(tabView._getFragmentManager());
+        if (!tabFragment) {
+            Trace.write(`No fragment found for ${tabView} with index ${this.index}`, Trace.categories.Error, Trace.messageType.error);
+            return tabView._getFragmentManager();
+        }
+        return tabFragment.getChildFragmentManager();
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/tab-content-item/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../src/core-tabs/tab-content-item/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,cAAc,2BAA2B,CAAC;AAE1C,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IAIlD,IAAI,aAAa;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,gBAAgB;QACnB,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtE,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;QAEpG,OAAO,MAAM,CAAC;IAClB,CAAC;IAEM,cAAc;QACjB,KAAK,CAAC,cAAc,EAAE,CAAC;IAC3B,CAAC;IAEM,0BAA0B,CAAC,KAAW,EAAE,OAAgB;QAC3D,qCAAqC;QACrC,IAAI,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,mBAAmB,EAAE;YACvD,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC/B;QAED,OAAO,KAAK,CAAC,0BAA0B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC5D,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAiC,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3D,CAAC;IAEO,gBAAgB,CAAC,QAAa;QAClC,kEAAkE;QAClE,OAAO,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,MAAM,CAAC;IAC3E,CAAC;IACO,aAAa,CAAC,eAAsD;QACxE,IAAI,CAAC,eAAe,EAAE;YAClB,OAAO,IAAI,CAAC;SACf;QACD,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,EAAE,CAAC,OAAO,EAAE,CAAC;QAC3D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE;gBACzE,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;aACvB;SACJ;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,wBAAwB;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAc,CAAC;QACpC,IAAI,WAAW,GAAG,IAAI,CAAC;QACvB,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACzH,IAAI,CAAC,WAAW,EAAE;YACd,KAAK,CAAC,KAAK,CAAC,yBAAyB,OAAO,eAAe,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC1H,OAAO,OAAO,CAAC,mBAAmB,EAAE,CAAC;SACxC;QACD,OAAO,WAAW,CAAC,uBAAuB,EAAE,CAAC;IACjD,CAAC;CACJ"}

package/tab-content-item/index.d.ts

@@ -0,0 +1,13 @@
+import { ContentView } from '@nativescript/core';
+
+/**
+ * Represents a tab navigation content entry.
+ */
+export class TabContentItem extends ContentView {
+    /**
+     * @private
+     */
+    canBeLoaded?: boolean;
+
+    public index: number;
+}

package/tab-content-item/index.ios.d.ts

@@ -0,0 +1,7 @@
+import { TabContentItemBase } from './tab-content-item-common';
+export * from './tab-content-item-common';
+export declare class TabContentItem extends TabContentItemBase {
+    private __controller;
+    setViewController(controller: UIViewController, nativeView: UIView): void;
+    disposeNativeView(): void;
+}

package/tab-content-item/index.ios.js

@@ -0,0 +1,14 @@
+// Requires
+import { TabContentItemBase } from './tab-content-item-common';
+export * from './tab-content-item-common';
+export class TabContentItem extends TabContentItemBase {
+    setViewController(controller, nativeView) {
+        this.__controller = controller;
+        this.setNativeView(nativeView);
+    }
+    disposeNativeView() {
+        this.__controller = undefined;
+        this.setNativeView(undefined);
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/tab-content-item/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../src/core-tabs/tab-content-item/index.ios.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,cAAc,2BAA2B,CAAC;AAE1C,MAAM,OAAO,cAAe,SAAQ,kBAAkB;IAI3C,iBAAiB,CAAC,UAA4B,EAAE,UAAkB;QACrE,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAEM,iBAAiB;QACpB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;CACJ"}

package/tab-content-item/tab-content-item-common.d.ts

@@ -0,0 +1,7 @@
+import { AddChildFromBuilder, ContentView, View, ViewBase } from '@nativescript/core';
+import { TabContentItem as TabContentItemDefinition } from '.';
+export declare abstract class TabContentItemBase extends ContentView implements TabContentItemDefinition, AddChildFromBuilder {
+    index: number;
+    eachChild(callback: (child: View) => boolean): void;
+    loadView(view: ViewBase): void;
+}

package/tab-content-item/tab-content-item-common.js

@@ -0,0 +1,20 @@
+// Types
+import { CSSType, ContentView } from '@nativescript/core';
+let TabContentItemBase = class TabContentItemBase extends ContentView {
+    eachChild(callback) {
+        if (this.content) {
+            callback(this.content);
+        }
+    }
+    loadView(view) {
+        // Don't load items until their fragments are instantiated.
+        if (this.canBeLoaded) {
+            super.loadView(view);
+        }
+    }
+};
+TabContentItemBase = __decorate([
+    CSSType('MDTabContentItem')
+], TabContentItemBase);
+export { TabContentItemBase };
+//# sourceMappingURL=tab-content-item-common.js.map

package/tab-content-item/tab-content-item-common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content-item-common.js","sourceRoot":"","sources":["../../../src/core-tabs/tab-content-item/tab-content-item-common.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,OAAO,EAAuB,OAAO,EAAE,WAAW,EAAkB,MAAM,oBAAoB,CAAC;AAIxF,IAAe,kBAAkB,GAAjC,MAAe,kBAAmB,SAAQ,WAAW;IAEjD,SAAS,CAAC,QAAkC;QAC/C,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAC1B;IACL,CAAC;IAEM,QAAQ,CAAC,IAAc;QAC1B,2DAA2D;QAC3D,IAAK,IAAiC,CAAC,WAAW,EAAE;YAChD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACxB;IACL,CAAC;CACJ,CAAA;AAdqB,kBAAkB;IADvC,OAAO,CAAC,kBAAkB,CAAC;GACN,kBAAkB,CAcvC"}

package/tab-navigation/index-common.d.ts

@@ -0,0 +1,27 @@
+import { Color, CoreTypes, Property } from '@nativescript/core';
+import { TabNavigationBase as TabNavigationBaseBase } from '../tab-navigation-base';
+import { TabNavigation as TabsDefinition } from '.';
+import { TabStripItem } from '../tab-strip-item';
+export declare namespace knownCollections {
+    const items = "items";
+}
+export declare enum TabsPosition {
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare class TabNavigationBase extends TabNavigationBaseBase implements TabsDefinition {
+    swipeEnabled: boolean;
+    offscreenTabLimit: number;
+    tabsPosition: TabsPosition;
+    animationEnabled: boolean;
+    rippleColor: Color;
+    protected mTextTransform: CoreTypes.TextTransformType;
+    protected getItemLabelTextTransform(tabStripItem: TabStripItem): CoreTypes.TextTransformType;
+    getTabBarTextTransform(): CoreTypes.TextTransformType;
+    getTabBarItemTextTransform(tabStripItem: TabStripItem): CoreTypes.TextTransformType;
+    _loadUnloadTabItems(newIndex: number): void;
+}
+export declare const swipeEnabledProperty: Property<TabNavigationBase, boolean>;
+export declare const offscreenTabLimitProperty: Property<TabNavigationBase, number>;
+export declare const tabsPositionProperty: Property<TabNavigationBase, TabsPosition>;
+export declare const animationEnabledProperty: Property<TabNavigationBase, boolean>;

package/tab-navigation/index-common.js

@@ -0,0 +1,92 @@
+import { cssProperty } from '@nativescript-community/ui-material-core';
+// Types
+import { Frame, Property, booleanConverter } from '@nativescript/core';
+import { TabNavigationBase as TabNavigationBaseBase } from '../tab-navigation-base';
+export var knownCollections;
+(function (knownCollections) {
+    knownCollections.items = 'items';
+})(knownCollections || (knownCollections = {}));
+export var TabsPosition;
+(function (TabsPosition) {
+    TabsPosition["Top"] = "top";
+    TabsPosition["Bottom"] = "bottom";
+})(TabsPosition || (TabsPosition = {}));
+export class TabNavigationBase extends TabNavigationBaseBase {
+    constructor() {
+        super(...arguments);
+        this.mTextTransform = 'none';
+    }
+    getItemLabelTextTransform(tabStripItem) {
+        const nestedLabel = tabStripItem.label;
+        let textTransform = null;
+        if (nestedLabel && nestedLabel.style.textTransform !== 'initial') {
+            textTransform = nestedLabel.style.textTransform;
+        }
+        else if (tabStripItem.style.textTransform !== 'initial') {
+            textTransform = tabStripItem.style.textTransform;
+        }
+        return textTransform || this.mTextTransform;
+    }
+    getTabBarTextTransform() {
+        return this.mTextTransform;
+    }
+    getTabBarItemTextTransform(tabStripItem) {
+        return this.getItemLabelTextTransform(tabStripItem);
+    }
+    _loadUnloadTabItems(newIndex) {
+        const items = this.items;
+        if (!items) {
+            return;
+        }
+        // const offsideItems = this.offscreenTabLimit;
+        // use 0 because users expect load/unload to be like selected/unselected
+        const offsideItems = 0;
+        const toLoad = [];
+        const toUnload = [];
+        for (let index = 0; index < items.length; index++) {
+            const item = items[index];
+            if (item) {
+                if (Math.abs(index - newIndex) <= offsideItems) {
+                    toLoad.push(item);
+                }
+                else {
+                    toUnload.push(item);
+                }
+            }
+        }
+        if (this.unloadOnTabChange) {
+            toUnload.forEach((item) => item.unloadView(item.content));
+        }
+        const newItem = items[newIndex];
+        const selectedView = newItem && newItem.content;
+        if (selectedView instanceof Frame) {
+            selectedView._pushInFrameStackRecursive();
+        }
+        if (this.isLoaded) {
+            toLoad.forEach((item) => item.loadView(item.content));
+        }
+    }
+}
+__decorate([
+    cssProperty
+], TabNavigationBase.prototype, "rippleColor", void 0);
+export const swipeEnabledProperty = new Property({
+    name: 'swipeEnabled',
+    defaultValue: true,
+    valueConverter: booleanConverter
+});
+swipeEnabledProperty.register(TabNavigationBase);
+export const offscreenTabLimitProperty = new Property({
+    name: 'offscreenTabLimit',
+    defaultValue: 1,
+    valueConverter: (v) => parseInt(v, 10)
+});
+offscreenTabLimitProperty.register(TabNavigationBase);
+export const tabsPositionProperty = new Property({ name: 'tabsPosition', defaultValue: TabsPosition.Top });
+tabsPositionProperty.register(TabNavigationBase);
+// export type IOSTabBarItemsAlignment = 'leading' | 'justified' | 'center' | 'centerSelected';
+// export const iOSTabBarItemsAlignmentProperty = new Property<TabsBase, IOSTabBarItemsAlignment>({ name: 'iOSTabBarItemsAlignment', defaultValue: 'justified' });
+// iOSTabBarItemsAlignmentProperty.register(TabsBase);
+export const animationEnabledProperty = new Property({ name: 'animationEnabled', defaultValue: true, valueConverter: booleanConverter });
+animationEnabledProperty.register(TabNavigationBase);
+//# sourceMappingURL=index-common.js.map

package/tab-navigation/index-common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-common.js","sourceRoot":"","sources":["../../../src/core-tabs/tab-navigation/index-common.ts"],"names":[],"mappings":"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"}

package/tab-navigation/index.android.d.ts

@@ -0,0 +1,75 @@
+import { Color, CoreTypes, Font } from '@nativescript/core';
+import { TabContentItem } from '../tab-content-item';
+import { TabStrip } from '../tab-strip';
+import { TabStripItem } from '../tab-strip-item';
+import { TabNavigationBase } from './index-common';
+export * from './index-common';
+export { TabContentItem, TabStrip, TabStripItem };
+export declare const PRIMARY_COLOR = "colorPrimary";
+export interface PositionChanger {
+    onSelectedPositionChange(position: number, prevPosition: number): any;
+}
+export declare function getDefaultAccentColor(context: android.content.Context): number;
+export declare const tabs: WeakRef<TabNavigation<any>>[];
+export declare abstract class TabNavigation<T extends android.view.ViewGroup = any> extends TabNavigationBase {
+    nativeViewProtected: org.nativescript.widgets.GridLayout;
+    protected mTabsBar: T;
+    protected mViewPager: androidx.viewpager2.widget.ViewPager2;
+    protected mPageListener: androidx.viewpager2.widget.ViewPager2.OnPageChangeCallback;
+    protected mPagerAdapter: androidx.viewpager2.adapter.FragmentStateAdapter;
+    protected mAndroidViewId: number;
+    _originalBackground: any;
+    protected mTextTransform: CoreTypes.TextTransformType;
+    protected mSelectedItemColor: Color;
+    protected mUnSelectedItemColor: Color;
+    fragments: androidx.fragment.app.Fragment[];
+    protected tabBarLayoutParams: org.nativescript.widgets.CommonLayoutParams;
+    constructor();
+    get _hasFragments(): boolean;
+    onItemsChanged(oldItems: TabContentItem[], newItems: TabContentItem[]): void;
+    createNativeView(): org.nativescript.widgets.GridLayout;
+    protected abstract createNativeTabBar(context: android.content.Context): T;
+    protected abstract setTabBarItems(tabItems: com.nativescript.material.core.TabItemSpec[]): any;
+    protected abstract getTabBarItemView(index: number): any;
+    protected abstract getTabBarItemTextView(index: number): any;
+    protected abstract selectTabBar(oldIndex: number, newIndex: number): any;
+    private handleTabStripChanged;
+    onTabStripChanged(oldTabStrip: TabStrip, newTabStrip: TabStrip): void;
+    onSelectedIndexChanged(oldIndex: number, newIndex: number): void;
+    initNativeView(): void;
+    disposeNativeView(): void;
+    onLoaded(): void;
+    onUnloaded(): void;
+    private shouldUpdateAdapter;
+    private setItems;
+    protected setTabStripItems(items: TabStripItem[]): void;
+    protected createTabItemSpec(tabStripItem: TabStripItem): com.nativescript.material.core.TabItemSpec;
+    private getOriginalIcon;
+    private getDrawableInfo;
+    private getIconInfo;
+    private getFixedSizeIcon;
+    protected abstract updateTabsBarItemAt(index: number, spec: com.nativescript.material.core.TabItemSpec): any;
+    protected abstract setTabsBarSelectedIndicatorColors(colors: number[]): any;
+    updateAndroidItemAt(index: number, spec: com.nativescript.material.core.TabItemSpec): void;
+    getTabBarBackgroundColor(): android.graphics.drawable.Drawable;
+    setTabBarBackgroundColor(value: android.graphics.drawable.Drawable | Color): void;
+    getTabBarHighlightColor(): number;
+    setTabBarHighlightColor(value: number | Color): void;
+    getTabBarSelectedItemColor(): Color;
+    setTabBarSelectedItemColor(value: Color): void;
+    getTabBarUnSelectedItemColor(): Color;
+    setTabBarUnSelectedItemColor(value: Color): void;
+    private updateItem;
+    setTabBarItemTitle(tabStripItem: TabStripItem, value: string): void;
+    setTabBarItemBackgroundColor(tabStripItem: TabStripItem, value: android.graphics.drawable.Drawable | Color): void;
+    _setItemColor(tabStripItem: TabStripItem): void;
+    protected setIconColor(tabStripItem: TabStripItem, color?: Color): void;
+    setTabBarItemColor(tabStripItem: TabStripItem, value: number | Color): void;
+    setTabBarIconColor(tabStripItem: TabStripItem, value: number | Color): void;
+    setTabBarIconSource(tabStripItem: TabStripItem, value: number | Color): void;
+    setTabBarItemFontInternal(tabStripItem: TabStripItem, value: Font): void;
+    setTabBarItemTextTransform(tabStripItem: TabStripItem, value: CoreTypes.TextTransformType): void;
+    setTabBarTextTransform(value: CoreTypes.TextTransformType): void;
+    onTabsBarSelectedPositionChange(position: number, prevPosition: number): void;
+    onTabsBarTap(position: number): boolean;
+}