@nativescript-community/ui-material-tabs 7.0.26 → 7.0.27

package/tabs.ios.js

@@ -1,995 +0,0 @@
-import { themer } from '@nativescript-community/ui-material-core';
-import { Color, Device, Font, Frame, IOSHelper, ImageSource, Property, Utils, View, booleanConverter } from '@nativescript/core';
-import { TabsBase, swipeEnabledProperty } from './tabs-common';
-import { getIconSpecSize, itemsProperty, selectedIndexProperty, tabStripProperty } from '@nativescript-community/ui-material-core/tab-navigation-base/tab-navigation-base';
-import { TabStrip } from '@nativescript-community/ui-material-core/tab-navigation-base/tab-strip';
-import { TabStripItem } from '@nativescript-community/ui-material-core/tab-navigation-base/tab-strip-item';
-import { TabContentItem } from '@nativescript-community/ui-material-core/tab-navigation-base/tab-content-item';
-export { TabContentItem, TabStrip, TabStripItem };
-const majorVersion = Utils.ios.MajorVersion;
-const isPhone = Device.deviceType === 'Phone';
-const invokeOnRunLoop = (function () {
-    const runloop = CFRunLoopGetMain();
-    return (action) => {
-        CFRunLoopPerformBlock(runloop, kCFRunLoopDefaultMode, action);
-        CFRunLoopWakeUp(runloop);
-    };
-})();
-var MDCTabBarViewDelegateImpl = /** @class */ (function (_super) {
-    __extends(MDCTabBarViewDelegateImpl, _super);
-    function MDCTabBarViewDelegateImpl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MDCTabBarViewDelegateImpl.initWithOwner = function (owner) {
-        var delegate = MDCTabBarViewDelegateImpl.new();
-        delegate._owner = owner;
-        return delegate;
-    };
-    MDCTabBarViewDelegateImpl.prototype.tabBarViewShouldSelectItem = function (tabBar, item) {
-        var owner = this._owner.get();
-        var shouldSelectItem = owner._canSelectItem;
-        var selectedIndex = owner.tabBarItems.indexOf(item);
-        if (owner.selectedIndex !== selectedIndex) {
-            owner.beginTabTransition();
-        }
-        var tabStrip = owner.tabStrip;
-        var tabStripItems = tabStrip && tabStrip.items;
-        if (tabStripItems && tabStripItems[selectedIndex]) {
-            tabStripItems[selectedIndex]._emit(TabStripItem.tapEvent);
-            tabStrip.notify({ eventName: TabStrip.itemTapEvent, object: tabStrip, index: selectedIndex });
-        }
-        return shouldSelectItem;
-    };
-    MDCTabBarViewDelegateImpl.prototype.tabBarViewDidSelectItem = function (tabBar, selectedItem) {
-        var owner = this._owner.get();
-        var tabBarItems = owner.tabBarItems;
-        var selectedIndex = tabBarItems.indexOf(selectedItem);
-        owner.selectedIndex = selectedIndex;
-    };
-    MDCTabBarViewDelegateImpl.ObjCProtocols = [MDCTabBarViewDelegate];
-    return MDCTabBarViewDelegateImpl;
-}(NSObject));
-var BackgroundIndicatorTemplate = /** @class */ (function (_super) {
-    __extends(BackgroundIndicatorTemplate, _super);
-    function BackgroundIndicatorTemplate() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    BackgroundIndicatorTemplate.prototype.indicatorAttributesForContext = function (context) {
-        var attributes = new MDCTabBarViewIndicatorAttributes();
-        attributes.path = UIBezierPath.bezierPathWithRect(context.bounds);
-        return attributes;
-    };
-    BackgroundIndicatorTemplate.ObjCProtocols = [MDCTabBarViewIndicatorTemplate];
-    return BackgroundIndicatorTemplate;
-}(NSObject));
-var UIPageViewControllerImpl = /** @class */ (function (_super) {
-    __extends(UIPageViewControllerImpl, _super);
-    function UIPageViewControllerImpl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    UIPageViewControllerImpl.initWithOwner = function (owner) {
-        var handler = UIPageViewControllerImpl.alloc().initWithTransitionStyleNavigationOrientationOptions(UIPageViewControllerTransitionStyle.Scroll, UIPageViewControllerNavigationOrientation.Horizontal, null);
-        handler._owner = owner;
-        return handler;
-    };
-    UIPageViewControllerImpl.prototype.accessibilityScroll = function (direction) {
-        var _a, _b;
-        if ((_b = (_a = this._owner.get()) === null || _a === void 0 ? void 0 : _a.swipeEnabled) !== null && _b !== void 0 ? _b : true) {
-            return _super.prototype.accessibilityScroll.call(this, direction);
-        }
-        return false;
-    };
-    UIPageViewControllerImpl.prototype.viewDidLoad = function () {
-        var owner = this._owner.get();
-        var tabBarItems = owner.tabBarItems;
-        var tabBar = MDCTabBarView.alloc().init();
-        this.tabBar = tabBar;
-        var colorScheme = themer.getAppColorScheme();
-        if (tabBarItems && tabBarItems.length) {
-            tabBar.items = NSArray.arrayWithArray(tabBarItems);
-        }
-        tabBar.tabBarDelegate = this.tabBarDelegate = MDCTabBarViewDelegateImpl.initWithOwner(new WeakRef(owner));
-        if (colorScheme && colorScheme.primaryColor) {
-            tabBar.rippleColor = colorScheme.primaryColor.colorWithAlphaComponent(0.24);
-            tabBar.tintColor = colorScheme.primaryColor;
-            tabBar.selectionIndicatorStrokeColor = colorScheme.primaryColor;
-            owner.setTabBarColor(colorScheme.primaryColor);
-        }
-        else {
-            if (majorVersion <= 12 || !UIColor.labelColor) {
-                tabBar.tintColor = UIColor.blueColor;
-                tabBar.barTintColor = UIColor.whiteColor;
-                tabBar.setTitleColorForState(UIColor.blackColor, UIControlState.Normal);
-                tabBar.setTitleColorForState(UIColor.blackColor, UIControlState.Selected);
-            }
-            else {
-                tabBar.tintColor = UIColor.systemBlueColor;
-                tabBar.barTintColor = UIColor.systemBackgroundColor;
-                tabBar.setTitleColorForState(UIColor.labelColor, UIControlState.Normal);
-                tabBar.setTitleColorForState(UIColor.labelColor, UIControlState.Selected);
-                tabBar.rippleColor = UIColor.clearColor;
-            }
-        }
-        tabBar.autoresizingMask = UIViewAutoresizing.FlexibleWidth | UIViewAutoresizing.FlexibleBottomMargin;
-        // tabBar.alignment = MDCTabBarViewAlignment.Justified;
-        this.view.addSubview(tabBar);
-        tabBar.sizeToFit();
-    };
-    UIPageViewControllerImpl.prototype.viewWillAppear = function (animated) {
-        _super.prototype.viewWillAppear.call(this, animated);
-        var owner = this._owner.get();
-        if (!owner) {
-            return;
-        }
-        IOSHelper.updateAutoAdjustScrollInsets(this, owner);
-        // Tabs can be reset as a root view. Call loaded here in this scenario.
-        if (!owner.isLoaded) {
-            owner.callLoaded();
-        }
-    };
-    // public viewWillLayoutSubviews(): void {
-    //     super.viewWillLayoutSubviews();
-    //     this.tabBar.sizeToFit();
-    // }
-    UIPageViewControllerImpl.prototype.viewDidLayoutSubviews = function () {
-        _super.prototype.viewDidLayoutSubviews.call(this);
-        var owner = this._owner.get();
-        if (!owner) {
-            return;
-        }
-        var safeAreaInsetsBottom = 0;
-        var safeAreaInsetsTop = 0;
-        if (majorVersion > 10) {
-            safeAreaInsetsBottom = this.view.safeAreaInsets.bottom;
-            safeAreaInsetsTop = this.view.safeAreaInsets.top;
-        }
-        else {
-            safeAreaInsetsTop = this.topLayoutGuide.length;
-        }
-        var conditionalSafeAreaBottom = owner.iosOverflowSafeArea ? safeAreaInsetsBottom : 0;
-        var scrollViewTop = 0;
-        var scrollViewHeight = this.view.bounds.size.height + conditionalSafeAreaBottom;
-        if (owner.tabStrip && this.tabBar) {
-            var viewWidth = this.view.bounds.size.width;
-            var viewHeight = this.view.bounds.size.height;
-            var tabBarHeight = this.tabBar.frame.size.height;
-            var tabBarTop = safeAreaInsetsTop;
-            scrollViewTop = tabBarHeight;
-            scrollViewHeight = this.view.bounds.size.height - tabBarHeight + conditionalSafeAreaBottom;
-            var tabsPosition = owner.tabsPosition;
-            if (tabsPosition === 'bottom') {
-                tabBarTop = viewHeight - tabBarHeight - safeAreaInsetsBottom;
-                scrollViewTop = this.view.frame.origin.y;
-                scrollViewHeight = viewHeight - tabBarHeight;
-            }
-            var parent = owner.parent;
-            // Handle Angular scenario where Tabs is in a ProxyViewContainer
-            // It is possible to wrap components in ProxyViewContainers indefinitely
-            while (parent && !parent.nativeViewProtected) {
-                parent = parent.parent;
-            }
-            if (parent && majorVersion > 10) {
-                // TODO: Figure out a better way to handle ViewController nesting/Safe Area nesting
-                tabBarTop = Math.max(tabBarTop, parent.nativeView.safeAreaInsets.top);
-            }
-            this.tabBar.frame = CGRectMake(0, tabBarTop, viewWidth, tabBarHeight);
-        }
-        else {
-            this.tabBar.hidden = true;
-        }
-        var subViews = this.view.subviews;
-        var scrollView = null;
-        for (var i = 0; i < subViews.count; i++) {
-            var view = subViews[i];
-            if (view instanceof UIScrollView && !(view instanceof MDCTabBarView)) {
-                scrollView = view;
-            }
-        }
-        if (scrollView) {
-            // The part of the UIPageViewController that is changing the pages is a UIScrollView
-            // We want to expand it to the size of the UIPageViewController as it is not so by default
-            this.scrollView = scrollView;
-            if (!owner.swipeEnabled) {
-                scrollView.scrollEnabled = false;
-            }
-            else {
-                scrollView.scrollEnabled = true;
-            }
-            scrollView.frame = CGRectMake(0, scrollViewTop, this.view.bounds.size.width, scrollViewHeight); //this.view.bounds;
-        }
-    };
-    // Mind implementation for other controllers
-    UIPageViewControllerImpl.prototype.traitCollectionDidChange = function (previousTraitCollection) {
-        _super.prototype.traitCollectionDidChange.call(this, previousTraitCollection);
-        if (majorVersion >= 13) {
-            var owner = this._owner.get();
-            if (owner &&
-                this.traitCollection.hasDifferentColorAppearanceComparedToTraitCollection &&
-                this.traitCollection.hasDifferentColorAppearanceComparedToTraitCollection(previousTraitCollection)) {
-                owner.notify({ eventName: IOSHelper.traitCollectionColorAppearanceChangedEvent, object: owner });
-            }
-        }
-    };
-    UIPageViewControllerImpl.prototype.viewWillTransitionToSizeWithTransitionCoordinator = function (size, coordinator) {
-        var _this = this;
-        _super.prototype.viewWillTransitionToSizeWithTransitionCoordinator.call(this, size, coordinator);
-        coordinator.animateAlongsideTransitionCompletion(function () {
-            var owner = _this._owner.get();
-            if (owner && owner.tabStrip && owner.tabStrip.items) {
-                var tabStrip_1 = owner.tabStrip;
-                tabStrip_1.items.forEach(function (tabStripItem) {
-                    updateBackgroundPositions(tabStrip_1, tabStripItem, owner.selectedIndex !== tabStripItem._index ? owner._defaultItemBackgroundColor : null);
-                    var index = tabStripItem._index;
-                    var tabBarItemController = owner.viewControllers[index];
-                    updateTitleAndIconPositions(tabStripItem, tabBarItemController.tabBarItem, tabBarItemController);
-                });
-            }
-        }, null);
-    };
-    return UIPageViewControllerImpl;
-}(UIPageViewController));
-var UIPageViewControllerDataSourceImpl = /** @class */ (function (_super) {
-    __extends(UIPageViewControllerDataSourceImpl, _super);
-    function UIPageViewControllerDataSourceImpl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    UIPageViewControllerDataSourceImpl.initWithOwner = function (owner) {
-        var dataSource = UIPageViewControllerDataSourceImpl.new();
-        dataSource._owner = owner;
-        return dataSource;
-    };
-    UIPageViewControllerDataSourceImpl.prototype.pageViewControllerViewControllerBeforeViewController = function (pageViewController, viewController) {
-        // TODO
-        // if (traceEnabled()) {
-        //     traceWrite("TabView.delegate.SHOULD_select(" + tabBarController + ", " + viewController + ");", traceCategories.Debug);
-        // }
-        var owner = this._owner.get();
-        var selectedIndex = owner.selectedIndex;
-        if (selectedIndex === 0) {
-            return null;
-        }
-        selectedIndex--;
-        var prevItem = owner.items[selectedIndex];
-        var prevViewController = prevItem.__controller;
-        // if (!prevViewController) {
-        //     prevViewController = owner.getViewController(prevItem);
-        // }
-        owner._setCanBeLoaded(selectedIndex);
-        owner._loadUnloadTabItems(selectedIndex);
-        return prevViewController;
-    };
-    UIPageViewControllerDataSourceImpl.prototype.pageViewControllerViewControllerAfterViewController = function (pageViewController, viewController) {
-        // if (Trace.isEnabled()) {
-        //     traceWrite('TabView.delegate.SHOULD_select(' + tabBarController + ', ' + viewController + ');', traceCategories.Debug);
-        // }
-        var owner = this._owner.get();
-        var selectedIndex = owner.selectedIndex;
-        if (selectedIndex === owner.items.length - 1) {
-            return null;
-        }
-        selectedIndex++;
-        var nextItem = owner.items[selectedIndex];
-        var nextViewController = nextItem.__controller;
-        // if (!nextViewController) {
-        //     nextViewController = owner.getViewController(nextItem);
-        // }
-        owner._setCanBeLoaded(selectedIndex);
-        owner._loadUnloadTabItems(selectedIndex);
-        // nextItem.loadView(nextItem.view);
-        return nextViewController;
-    };
-    UIPageViewControllerDataSourceImpl.prototype.presentationCountForPageViewController = function (pageViewController) {
-        // TODO
-        // if (traceEnabled()) {
-        //     traceWrite("TabView.delegate.SHOULD_select(" + tabBarController + ", " + viewController + ");", traceCategories.Debug);
-        // }
-        return 0;
-    };
-    UIPageViewControllerDataSourceImpl.prototype.presentationIndexForPageViewController = function (pageViewController) {
-        // TODO
-        // if (traceEnabled()) {
-        //     traceWrite("TabView.delegate.SHOULD_select(" + tabBarController + ", " + viewController + ");", traceCategories.Debug);
-        // }
-        return 0;
-    };
-    UIPageViewControllerDataSourceImpl.ObjCProtocols = [UIPageViewControllerDataSource];
-    return UIPageViewControllerDataSourceImpl;
-}(NSObject));
-var UIPageViewControllerDelegateImpl = /** @class */ (function (_super) {
-    __extends(UIPageViewControllerDelegateImpl, _super);
-    function UIPageViewControllerDelegateImpl() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    UIPageViewControllerDelegateImpl.initWithOwner = function (owner) {
-        var delegate = UIPageViewControllerDelegateImpl.new();
-        delegate._owner = owner;
-        return delegate;
-    };
-    UIPageViewControllerDelegateImpl.prototype.pageViewControllerWillTransitionToViewControllers = function (pageViewController, viewControllers) {
-        // const owner = this._owner.get();
-        // const ownerViewControllers = owner.viewControllers;
-        // const selectedIndex = owner.selectedIndex;
-        // const nextViewController = viewControllers[0];
-        // const nextViewControllerIndex = ownerViewControllers.indexOf(nextViewController);
-        // if (selectedIndex > nextViewControllerIndex) {
-        //     owner.selectedIndex--;
-        // } else {
-        //     owner.selectedIndex++;
-        // }
-    };
-    UIPageViewControllerDelegateImpl.prototype.pageViewControllerDidFinishAnimatingPreviousViewControllersTransitionCompleted = function (pageViewController, didFinishAnimating, previousViewControllers, transitionCompleted) {
-        if (!transitionCompleted) {
-            return;
-        }
-        var owner = this._owner.get();
-        var ownerViewControllers = owner.viewControllers;
-        var selectedIndex = owner.selectedIndex;
-        var nextViewController = pageViewController.viewControllers[0];
-        var nextViewControllerIndex = ownerViewControllers.indexOf(nextViewController);
-        if (selectedIndex !== nextViewControllerIndex) {
-            // let s not animate again on selectedIndex change
-            // or it will create weird behaviors
-            owner._animateNextChange = false;
-            owner.selectedIndex = nextViewControllerIndex;
-            owner.finishTabTransition();
-        }
-        // HACK: UIPageViewController fix; see https://stackoverflow.com/questions/15325891
-        if (owner._needsCacheUpdate) {
-            invokeOnRunLoop(function () {
-                owner._needsCacheUpdate = false;
-                var viewController = owner.viewController;
-                viewController.dataSource = null;
-                viewController.dataSource = owner._dataSource;
-            });
-        }
-    };
-    UIPageViewControllerDelegateImpl.ObjCProtocols = [UIPageViewControllerDelegate];
-    return UIPageViewControllerDelegateImpl;
-}(NSObject));
-function iterateIndexRange(index, eps, lastIndex, callback) {
-    const rangeStart = Math.max(0, index - eps);
-    const rangeEnd = Math.min(index + eps, lastIndex);
-    for (let i = rangeStart; i <= rangeEnd; i++) {
-        callback(i);
-    }
-}
-function updateBackgroundPositions(tabStrip, tabStripItem, color = null) {
-    if (!tabStrip.nativeView || tabStripItem._index === undefined) {
-        return;
-    }
-    let bgView = tabStripItem.bgView;
-    const index = tabStripItem._index;
-    const width = tabStrip.nativeView.frame.size.width / tabStrip.items.filter((s) => s._index !== undefined).length;
-    const frame = CGRectMake(width * index, 0, width, tabStrip.nativeView.frame.size.width);
-    if (!bgView) {
-        bgView = UIView.alloc().initWithFrame(frame);
-        tabStrip.nativeView.insertSubviewAtIndex(bgView, 0);
-        tabStripItem.bgView = bgView;
-    }
-    else {
-        bgView.frame = frame;
-    }
-    const backgroundColor = tabStripItem.style.backgroundColor;
-    bgView.backgroundColor = color || (backgroundColor instanceof Color ? backgroundColor.ios : backgroundColor);
-}
-function updateTitleAndIconPositions(tabStripItem, tabBarItem, controller) {
-    if (!tabStripItem || !tabBarItem) {
-        return;
-    }
-    const orientation = controller.interfaceOrientation;
-    const isPortrait = orientation !== 4 && orientation !== 3;
-    const isIconAboveTitle = majorVersion < 11 || (isPhone && isPortrait);
-    if (!tabStripItem.iconSource) {
-        if (isIconAboveTitle) {
-            tabBarItem.titlePositionAdjustment = { horizontal: 0, vertical: -20 };
-        }
-        else {
-            tabBarItem.titlePositionAdjustment = { horizontal: 0, vertical: 0 };
-        }
-    }
-    if (!tabStripItem.title) {
-        if (isIconAboveTitle) {
-            tabBarItem.imageInsets = new UIEdgeInsets({ top: 6, left: 0, bottom: -6, right: 0 });
-        }
-        else {
-            tabBarItem.imageInsets = new UIEdgeInsets({ top: 0, left: 0, bottom: 0, right: 0 });
-        }
-    }
-}
-export const iosCustomPositioningProperty = new Property({
-    name: 'iosCustomPositioning',
-    defaultValue: false,
-    valueConverter: booleanConverter
-});
-export class Tabs extends TabsBase {
-    constructor() {
-        super();
-        this._iconsCache = {};
-        this._needsCacheUpdate = false;
-        this._animateNextChange = true;
-        this._layoutPending = false;
-        this.viewController = this._ios = UIPageViewControllerImpl.initWithOwner(new WeakRef(this));
-    }
-    createNativeView() {
-        return this._ios.view;
-    }
-    initNativeView() {
-        super.initNativeView();
-        this._dataSource = UIPageViewControllerDataSourceImpl.initWithOwner(new WeakRef(this));
-        this._delegate = UIPageViewControllerDelegateImpl.initWithOwner(new WeakRef(this));
-    }
-    disposeNativeView() {
-        this._dataSource = null;
-        this._delegate = null;
-        this._ios.tabBarDelegate = null;
-        this._ios.tabBar = null;
-        super.disposeNativeView();
-    }
-    requestLayout() {
-        if (!this._canSelectItem) {
-            this._layoutPending = true;
-        }
-        else {
-            this._layoutPending = false;
-            super.requestLayout();
-        }
-    }
-    beginTabTransition() {
-        this._canSelectItem = false;
-    }
-    finishTabTransition() {
-        this._canSelectItem = true;
-        if (this._layoutPending) {
-            this.requestLayout();
-        }
-    }
-    onLoaded() {
-        super.onLoaded();
-        this.setViewControllers(this.items);
-        const selectedIndex = this.selectedIndex;
-        const selectedView = this.items && this.items[selectedIndex] && this.items[selectedIndex].content;
-        if (selectedView instanceof Frame) {
-            selectedView._pushInFrameStackRecursive();
-        }
-        this._ios.dataSource = this._dataSource;
-        this._ios.delegate = this._delegate;
-    }
-    onUnloaded() {
-        this._ios.dataSource = null;
-        this._ios.delegate = null;
-        super.onUnloaded();
-    }
-    get ios() {
-        return this._ios;
-    }
-    layoutNativeView(left, top, right, bottom) {
-        if (this.iosCustomPositioning) {
-            super.layoutNativeView(left, top, right, bottom);
-        }
-    }
-    _setNativeViewFrame(nativeView, frame) {
-        if (this.iosCustomPositioning) {
-            super._setNativeViewFrame(nativeView, frame);
-        }
-    }
-    onSelectedIndexChanged(oldIndex, newIndex) {
-        const items = this.items;
-        if (!items) {
-            return;
-        }
-        const oldItem = items[oldIndex];
-        if (oldItem) {
-            oldItem.canBeLoaded = false;
-            oldItem.unloadView(oldItem.content);
-        }
-        const newItem = items[newIndex];
-        if (newItem && this.isLoaded) {
-            const selectedView = items[newIndex].content;
-            if (selectedView instanceof Frame) {
-                selectedView._pushInFrameStackRecursive();
-            }
-            newItem.canBeLoaded = true;
-            newItem.loadView(newItem.content);
-        }
-        const tabStripItems = this.tabStrip && this.tabStrip.items;
-        if (tabStripItems) {
-            if (tabStripItems[newIndex]) {
-                tabStripItems[newIndex]._emit(TabStripItem.selectEvent);
-                this.updateItemColors(tabStripItems[newIndex]);
-            }
-            if (tabStripItems[oldIndex]) {
-                tabStripItems[oldIndex]._emit(TabStripItem.unselectEvent);
-                this.updateItemColors(tabStripItems[oldIndex]);
-            }
-        }
-        this._loadUnloadTabItems(newIndex);
-        super.onSelectedIndexChanged(oldIndex, newIndex);
-    }
-    _loadUnloadTabItems(newIndex) {
-        const items = this.items;
-        if (!items) {
-            return;
-        }
-        const lastIndex = items.length - 1;
-        const offsideItems = this.offscreenTabLimit;
-        const toUnload = [];
-        const toLoad = [];
-        iterateIndexRange(newIndex, offsideItems, lastIndex, (i) => toLoad.push(i));
-        if (this.unloadOnTabChange) {
-            items.forEach((item, i) => {
-                const indexOfI = toLoad.indexOf(i);
-                if (indexOfI < 0) {
-                    toUnload.push(i);
-                }
-            });
-            toUnload.forEach((index) => {
-                const item = items[index];
-                if (items[index]) {
-                    item.unloadView(item.content);
-                }
-            });
-        }
-        const newItem = items[newIndex];
-        const selectedView = newItem && newItem.content;
-        if (selectedView instanceof Frame) {
-            selectedView._pushInFrameStackRecursive();
-        }
-        toLoad.forEach((index) => {
-            const item = items[index];
-            if (this.isLoaded && items[index]) {
-                item.loadView(item.content);
-            }
-        });
-    }
-    onMeasure(widthMeasureSpec, heightMeasureSpec) {
-        const width = Utils.layout.getMeasureSpecSize(widthMeasureSpec);
-        const widthMode = Utils.layout.getMeasureSpecMode(widthMeasureSpec);
-        const height = Utils.layout.getMeasureSpecSize(heightMeasureSpec);
-        const heightMode = Utils.layout.getMeasureSpecMode(heightMeasureSpec);
-        const widthAndState = View.resolveSizeAndState(width, width, widthMode, 0);
-        const heightAndState = View.resolveSizeAndState(height, height, heightMode, 0);
-        this.setMeasuredDimension(widthAndState, heightAndState);
-    }
-    _onViewControllerShown(viewController) {
-        if (this._ios.viewControllers && this._ios.viewControllers.containsObject(viewController)) {
-            this.selectedIndex = this._ios.viewControllers.indexOfObject(viewController);
-        }
-        else {
-        }
-    }
-    getViewController(item) {
-        let newController = item.content ? item.content.viewController : null;
-        if (newController) {
-            item.setViewController(newController, newController.view);
-            return newController;
-        }
-        if (item.content.ios instanceof UIViewController) {
-            newController = item.content.ios;
-            item.setViewController(newController, newController.view);
-        }
-        else if (item.content.ios && item.content.ios.controller instanceof UIViewController) {
-            newController = item.content.ios.controller;
-            item.setViewController(newController, newController.view);
-        }
-        else {
-            newController = IOSHelper.UILayoutViewController.initWithOwner(new WeakRef(item.content));
-            newController.view.addSubview(item.content.nativeViewProtected);
-            item.content.viewController = newController;
-            item.setViewController(newController, item.content.nativeViewProtected);
-        }
-        return newController;
-    }
-    _setCanBeLoaded(index) {
-        const items = this.items;
-        if (!this.items) {
-            return;
-        }
-        const lastIndex = items.length - 1;
-        const offsideItems = this.offscreenTabLimit;
-        iterateIndexRange(index, offsideItems, lastIndex, (i) => {
-            if (items[i]) {
-                items[i].canBeLoaded = true;
-            }
-        });
-    }
-    setViewControllers(items) {
-        const length = items ? items.length : 0;
-        if (length === 0) {
-            this.viewControllers = null;
-            return;
-        }
-        const viewControllers = [];
-        const tabBarItems = [];
-        if (this.tabStrip) {
-            this.tabStrip.setNativeView(this._ios.tabBar);
-        }
-        const tabStripItems = this.tabStrip && this.tabStrip.items;
-        if (tabStripItems) {
-            if (tabStripItems[this.selectedIndex]) {
-                tabStripItems[this.selectedIndex]._emit(TabStripItem.selectEvent);
-            }
-        }
-        items.forEach((item, i) => {
-            const controller = this.getViewController(item);
-            if (this.tabStrip && this.tabStrip.items && this.tabStrip.items[i]) {
-                const tabStripItem = this.tabStrip.items[i];
-                const tabBarItem = this.createTabBarItem(tabStripItem, i);
-                updateTitleAndIconPositions(tabStripItem, tabBarItem, controller);
-                this.setViewTextAttributes(tabStripItem.label, i === this.selectedIndex);
-                controller.tabBarItem = tabBarItem;
-                tabStripItem._index = i;
-                tabBarItems.push(tabBarItem);
-                tabStripItem.setNativeView(tabBarItem);
-            }
-            item.canBeLoaded = true;
-            viewControllers.push(controller);
-        });
-        this.setItemImages();
-        this.viewControllers = viewControllers;
-        this.tabBarItems = tabBarItems;
-        if (this.viewController && this.viewController.tabBar) {
-            this.viewController.tabBar.items = NSArray.arrayWithArray(this.tabBarItems);
-            this.viewController.tabBar.sizeToFit();
-            this.viewController.tabBar.setSelectedItemAnimated(this.tabBarItems[this.selectedIndex], false);
-        }
-    }
-    onItemsChanged(oldItems, newItems) {
-        this._needsCacheUpdate = true;
-        super.onItemsChanged(oldItems, newItems);
-        if (oldItems) {
-            if (!this._canSelectItem) {
-                this.finishTabTransition();
-            }
-            this._setCanBeLoaded(this.selectedIndex);
-            this._loadUnloadTabItems(this.selectedIndex);
-        }
-    }
-    setItemImages() {
-        if (this._selectedItemColor || this._unSelectedItemColor) {
-            if (this.tabStrip && this.tabStrip.items) {
-                this.tabStrip.items.forEach((item) => {
-                    if (this._unSelectedItemColor && item.nativeView) {
-                        item.nativeView.image = this.getIcon(item, this._unSelectedItemColor);
-                    }
-                    if (this._selectedItemColor && item.nativeView) {
-                        if (this.selectedIndex === item._index) {
-                            item.nativeView.image = this.getIcon(item, this._selectedItemColor);
-                        }
-                    }
-                });
-            }
-        }
-    }
-    updateAllItemsColors() {
-        this._defaultItemBackgroundColor = null;
-        this.setItemColors();
-        if (this.tabStrip && this.tabStrip.items) {
-            this.tabStrip.items.forEach((tabStripItem) => {
-                this.updateItemColors(tabStripItem);
-            });
-        }
-    }
-    updateItemColors(tabStripItem) {
-        updateBackgroundPositions(this.tabStrip, tabStripItem);
-        this.setIconColor(tabStripItem, true);
-    }
-    createTabBarItem(item, index) {
-        let image;
-        let title;
-        if (item.isLoaded) {
-            image = this.getIcon(item);
-            title = item.label.text;
-            if (!this.tabStrip._hasImage) {
-                this.tabStrip._hasImage = !!image;
-            }
-            if (!this.tabStrip._hasTitle) {
-                this.tabStrip._hasTitle = !!title;
-            }
-        }
-        const tabBarItem = UITabBarItem.alloc().initWithTitleImageTag(title, image, index);
-        return tabBarItem;
-    }
-    getIconRenderingMode() {
-        switch (this.tabStrip && this.tabStrip.iosIconRenderingMode) {
-            case 'alwaysOriginal':
-                return 1;
-            case 'alwaysTemplate':
-                return 2;
-            case 'automatic':
-            default:
-                const hasItemColor = this._selectedItemColor || this._unSelectedItemColor;
-                return hasItemColor ? 2 : 1;
-        }
-    }
-    getIcon(tabStripItem, color) {
-        const iconSource = tabStripItem.image && tabStripItem.image.src;
-        if (!iconSource) {
-            return null;
-        }
-        const target = tabStripItem.image;
-        const font = target.style.fontInternal || Font.default;
-        if (!color) {
-            color = target.style.color;
-        }
-        const iconTag = [iconSource, font.fontStyle, font.fontWeight, font.fontSize, font.fontFamily, color].join(';');
-        let isFontIcon = false;
-        let image = this._iconsCache[iconTag];
-        if (!image) {
-            let is;
-            if (Utils.isFontIconURI(iconSource)) {
-                isFontIcon = true;
-                const fontIconCode = iconSource.split('//')[1];
-                is = ImageSource.fromFontIconCodeSync(fontIconCode, font, color);
-            }
-            else {
-                is = ImageSource.fromFileOrResourceSync(iconSource);
-            }
-            if (is && is.ios) {
-                image = is.ios;
-                if (this.tabStrip && this.tabStrip.isIconSizeFixed) {
-                    image = this.getFixedSizeIcon(image);
-                }
-                let renderingMode = 0;
-                if (!isFontIcon) {
-                    renderingMode = this.getIconRenderingMode();
-                }
-                const originalRenderedImage = image.imageWithRenderingMode(renderingMode);
-                this._iconsCache[iconTag] = originalRenderedImage;
-                image = originalRenderedImage;
-            }
-        }
-        return image;
-    }
-    getFixedSizeIcon(image) {
-        const inWidth = image.size.width;
-        const inHeight = image.size.height;
-        const iconSpecSize = getIconSpecSize({ width: inWidth, height: inHeight });
-        const widthPts = iconSpecSize.width;
-        const heightPts = iconSpecSize.height;
-        UIGraphicsBeginImageContextWithOptions({ width: widthPts, height: heightPts }, false, Utils.layout.getDisplayDensity());
-        image.drawInRect(CGRectMake(0, 0, widthPts, heightPts));
-        const resultImage = UIGraphicsGetImageFromCurrentImageContext();
-        UIGraphicsEndImageContext();
-        return resultImage;
-    }
-    getTabBarBackgroundColor() {
-        return this._ios.tabBar.barTintColor;
-    }
-    setTabBarBackgroundColor(value) {
-        this._ios.tabBar.barTintColor = value instanceof Color ? value.ios : value;
-        this.updateAllItemsColors();
-    }
-    setTabBarItemTitle(tabStripItem, value) {
-        const nativeView = tabStripItem.nativeView;
-        if (!nativeView) {
-            return;
-        }
-        nativeView.title = value;
-    }
-    equalUIColor(first, second) {
-        if (!first && !second) {
-            return true;
-        }
-        if (!first || !second) {
-            return false;
-        }
-        const firstComponents = CGColorGetComponents(first.CGColor);
-        const secondComponents = CGColorGetComponents(second.CGColor);
-        return firstComponents[0] === secondComponents[0] && firstComponents[1] === secondComponents[1] && firstComponents[2] === secondComponents[2] && firstComponents[3] === secondComponents[3];
-    }
-    isSelectedAndHightlightedItem(tabStripItem) {
-        return tabStripItem._index === this.selectedIndex && tabStripItem['_visualState'] === 'highlighted';
-    }
-    setTabBarItemBackgroundColor(tabStripItem, value) {
-        if (!this.tabStrip || !tabStripItem || !tabStripItem.nativeView) {
-            return;
-        }
-        const newColor = value instanceof Color ? value.ios : value;
-        const itemSelectedAndHighlighted = this.isSelectedAndHightlightedItem(tabStripItem);
-        if (!this._defaultItemBackgroundColor && !itemSelectedAndHighlighted) {
-            this._defaultItemBackgroundColor = newColor;
-        }
-        if (itemSelectedAndHighlighted && !this.equalUIColor(this._defaultItemBackgroundColor, newColor)) {
-            if (!this._backgroundIndicatorColor) {
-                this._backgroundIndicatorColor = newColor;
-                this._ios.tabBar.selectionIndicatorTemplate = new BackgroundIndicatorTemplate();
-                this._ios.tabBar.tintColor = newColor;
-            }
-        }
-        else {
-            updateBackgroundPositions(this.tabStrip, tabStripItem, newColor);
-        }
-    }
-    setTabBarItemColor(tabStripItem, value) {
-        this.setViewTextAttributes(tabStripItem.label);
-    }
-    setItemColors() {
-        if (this._selectedItemColor) {
-            this.viewController.tabBar.setTitleColorForState(this._selectedItemColor.ios, 4);
-        }
-        if (this._unSelectedItemColor) {
-            this.viewController.tabBar.setTitleColorForState(this._unSelectedItemColor.ios, 0);
-        }
-    }
-    setIconColor(tabStripItem, forceReload = false) {
-        const nativeView = tabStripItem.nativeView;
-        if (!nativeView) {
-            return;
-        }
-        if (!forceReload && !this._selectedItemColor && !this._unSelectedItemColor) {
-            return;
-        }
-        if (this._selectedItemColor) {
-            const image = this.getIcon(tabStripItem, this._selectedItemColor);
-            nativeView.selectedImage = image;
-        }
-        if (this._unSelectedItemColor) {
-            const image = this.getIcon(tabStripItem, this._unSelectedItemColor);
-            nativeView.image = image;
-        }
-    }
-    setTabBarIconColor(tabStripItem, value) {
-        this.setIconColor(tabStripItem, true);
-    }
-    setTabBarIconSource(tabStripItem, value) {
-        this.updateItemColors(tabStripItem);
-    }
-    setTabBarItemFontInternal(tabStripItem, value) {
-        this.setViewTextAttributes(tabStripItem.label);
-    }
-    getTabBarFontInternal() {
-        return this._ios.tabBar.titleFontForState(0);
-    }
-    setTabBarFontInternal(value) {
-        const defaultTabItemFontSize = 10;
-        const tabItemFontSize = this.tabStrip.style.fontSize || defaultTabItemFontSize;
-        const font = (this.tabStrip.style.fontInternal || Font.default).getUIFont(UIFont.systemFontOfSize(tabItemFontSize));
-        this._ios.tabBar.setTitleFontForState(font, 0);
-        this._ios.tabBar.setTitleFontForState(font, 4);
-    }
-    getTabBarColor() {
-        return this._ios.tabBar.titleColorForState(0);
-    }
-    setTabBarColor(value) {
-        const nativeColor = value instanceof Color ? value.ios : value;
-        this._ios.tabBar.setTitleColorForState(nativeColor, 4);
-        this._ios.tabBar.setImageTintColorForState(nativeColor, 4);
-    }
-    getTabBarHighlightColor() {
-        return this._selectionIndicatorColor;
-    }
-    setTabBarHighlightColor(value) {
-        this._selectionIndicatorColor = value;
-        this._ios.tabBar.selectionIndicatorStrokeColor = value.ios;
-    }
-    getTabBarSelectedItemColor() {
-        return this._selectedItemColor;
-    }
-    setTabBarSelectedItemColor(value) {
-        this._selectedItemColor = value;
-        this.updateAllItemsColors();
-    }
-    getTabBarUnSelectedItemColor() {
-        return this._unSelectedItemColor;
-    }
-    setTabBarUnSelectedItemColor(value) {
-        this._unSelectedItemColor = value;
-        this.updateAllItemsColors();
-    }
-    visitFrames(view, operation) {
-        if (view instanceof Frame) {
-            operation(view);
-        }
-        view.eachChild((child) => {
-            this.visitFrames(child, operation);
-            return true;
-        });
-    }
-    setTabBarRippleColor(value) {
-        this._rippleColor = value;
-        this._ios.tabBar.rippleColor = value.ios;
-    }
-    getTabBarRippleColor() {
-        return this._rippleColor;
-    }
-    [selectedIndexProperty.setNative](value) {
-        if (value > -1) {
-            const item = this.items[value];
-            const controllers = NSMutableArray.alloc().initWithCapacity(1);
-            const itemController = item.__controller;
-            controllers.addObject(itemController);
-            let navigationDirection = 0;
-            if (this._currentNativeSelectedIndex && this._currentNativeSelectedIndex > value) {
-                navigationDirection = 1;
-            }
-            this._currentNativeSelectedIndex = value;
-            this.visitFrames(item, (frame) => (frame._animationInProgress = true));
-            const doneAnimating = () => {
-                this.visitFrames(item, (frame) => (frame._animationInProgress = false));
-                this.finishTabTransition();
-                this._setCanBeLoaded(value);
-                this._loadUnloadTabItems(value);
-            };
-            if (this._animateNextChange) {
-                invokeOnRunLoop(() => {
-                    this.viewController.setViewControllersDirectionAnimatedCompletion(controllers, navigationDirection, this.animationEnabled, (finished) => {
-                        if (finished) {
-                            if (this.animationEnabled) {
-                                invokeOnRunLoop(() => {
-                                    doneAnimating();
-                                });
-                            }
-                            else {
-                                doneAnimating();
-                            }
-                        }
-                    });
-                });
-            }
-            else {
-                this._animateNextChange = true;
-                doneAnimating();
-            }
-            if (this.tabBarItems && this.tabBarItems.length && this.viewController && this.viewController.tabBar) {
-                this.viewController.tabBar.setSelectedItemAnimated(this.tabBarItems[value], this.animationEnabled);
-            }
-        }
-    }
-    [itemsProperty.getDefault]() {
-        return null;
-    }
-    [itemsProperty.setNative](value) {
-        if (value) {
-            value.forEach((item, i) => {
-                item.index = i;
-            });
-        }
-        this.setViewControllers(value);
-        selectedIndexProperty.coerce(this);
-    }
-    [tabStripProperty.getDefault]() {
-        return null;
-    }
-    [tabStripProperty.setNative](value) {
-        this.setViewControllers(this.items);
-        selectedIndexProperty.coerce(this);
-    }
-    [swipeEnabledProperty.getDefault]() {
-        return true;
-    }
-    [swipeEnabledProperty.setNative](value) {
-        if (this.viewController && this.viewController.scrollView) {
-            this.viewController.scrollView.scrollEnabled = value;
-        }
-    }
-    setViewTextAttributes(view, setSelected = false) {
-        if (!view) {
-            return null;
-        }
-        const defaultTabItemFontSize = 10;
-        const tabItemFontSize = view.style.fontSize || defaultTabItemFontSize;
-        const font = (view.style.fontInternal || Font.default).getUIFont(UIFont.systemFontOfSize(tabItemFontSize));
-        this.viewController.tabBar.setTitleFontForState(font, 0);
-        this.viewController.tabBar.setTitleFontForState(font, 4);
-        const tabItemTextColor = view.style.color;
-        const textColor = tabItemTextColor instanceof Color ? tabItemTextColor.ios : null;
-        if (textColor) {
-            this.viewController.tabBar.setTitleColorForState(textColor, 0);
-            this.viewController.tabBar.setImageTintColorForState(textColor, 0);
-            if (setSelected) {
-                this.viewController.tabBar.setTitleColorForState(textColor, 4);
-                this.viewController.tabBar.setImageTintColorForState(textColor, 4);
-            }
-        }
-        if (this._selectedItemColor) {
-            this.viewController.tabBar.setTitleColorForState(this._selectedItemColor.ios, 4);
-            this.viewController.tabBar.setImageTintColorForState(this._selectedItemColor.ios, 4);
-        }
-        if (this._unSelectedItemColor) {
-            this.viewController.tabBar.setTitleColorForState(this._unSelectedItemColor.ios, 0);
-            this.viewController.tabBar.setImageTintColorForState(this._unSelectedItemColor.ios, 4);
-        }
-    }
-}
-iosCustomPositioningProperty.register(Tabs);
-//# sourceMappingURL=tabs.ios.js.map