@nativescript/core 9.0.12-next.0 → 9.0.12-next.2

package/ui/segmented-bar/index.android.js

@@ -0,0 +1,280 @@
+import { Font } from '../styling/font';
+import { SegmentedBarItemBase, SegmentedBarBase, selectedIndexProperty, itemsProperty, selectedBackgroundColorProperty } from './segmented-bar-common';
+import { AndroidHelper, isEnabledProperty } from '../core/view';
+import { colorProperty, fontInternalProperty, fontSizeProperty } from '../styling/style-properties';
+import { Color } from '../../color';
+import { layout } from '../../utils';
+import { SDK_VERSION } from '../../utils/constants';
+import { Trace } from '../../trace';
+import { CoreTypes } from '../../core-types';
+export * from './segmented-bar-common';
+const R_ID_TABS = 0x01020013;
+const R_ID_TABCONTENT = 0x01020011;
+const R_ATTR_STATE_SELECTED = 0x010100a1;
+const TITLE_TEXT_VIEW_ID = 16908310; // http://developer.android.com/reference/android/R.id.html#title
+let selectedIndicatorThickness;
+let TabHost;
+let TabChangeListener;
+let TabContentFactory;
+// TODO: All TabHost public methods become deprecated in API 30.
+function initializeNativeClasses() {
+    if (TabChangeListener) {
+        return;
+    }
+    // Indicator thickness for material - 2dip. For pre-material - 5dip.
+    selectedIndicatorThickness = layout.toDevicePixels(SDK_VERSION >= 21 ? 2 : 5);
+    var TabChangeListenerImpl = (function (_super) {
+        __extends(TabChangeListenerImpl, _super);
+        function TabChangeListenerImpl(owner) {
+            var _this = _super.call(this) || this;
+            _this.owner = owner;
+            return global.__native(_this);
+        }
+        TabChangeListenerImpl.prototype.onTabChanged = function (id) {
+            var owner = this.owner;
+            if (owner) {
+                setTimeout(function () {
+                    owner.setTabColor(id);
+                });
+                if (owner.shouldChangeSelectedIndex()) {
+                    owner.selectedIndex = parseInt(id);
+                }
+            }
+        };
+        TabChangeListenerImpl = __decorate([
+            Interfaces([android.widget.TabHost.OnTabChangeListener])
+        ], TabChangeListenerImpl);
+        return TabChangeListenerImpl;
+    }(java.lang.Object));
+    var TabContentFactoryImpl = (function (_super) {
+        __extends(TabContentFactoryImpl, _super);
+        function TabContentFactoryImpl(owner) {
+            var _this = _super.call(this) || this;
+            _this.owner = owner;
+            return global.__native(_this);
+        }
+        TabContentFactoryImpl.prototype.createTabContent = function (tag) {
+            var tv = new android.widget.TextView(this.owner._context);
+            var isRtl = this.owner.direction === CoreTypes.LayoutDirection.rtl;
+            tv.setVisibility(android.view.View.GONE);
+            tv.setMaxLines(1);
+            tv.setEllipsize(isRtl ? android.text.TextUtils.TruncateAt.START : android.text.TextUtils.TruncateAt.END);
+            return tv;
+        };
+        TabContentFactoryImpl = __decorate([
+            Interfaces([android.widget.TabHost.TabContentFactory])
+        ], TabContentFactoryImpl);
+        return TabContentFactoryImpl;
+    }(java.lang.Object));
+    var TabHostImpl = (function (_super) {
+        __extends(TabHostImpl, _super);
+        function TabHostImpl(context, attrs) {
+            var _this = _super.call(this, context, attrs) || this;
+            return global.__native(_this);
+        }
+        TabHostImpl.prototype.onAttachedToWindow = function () {
+        };
+        return TabHostImpl;
+    }(android.widget.TabHost));
+    TabHost = TabHostImpl;
+    TabChangeListener = TabChangeListenerImpl;
+    TabContentFactory = TabContentFactoryImpl;
+}
+export class SegmentedBarItem extends SegmentedBarItemBase {
+    setupNativeView(tabIndex) {
+        // TabHost.TabSpec.setIndicator DOES NOT WORK once the title has been set.
+        // http://stackoverflow.com/questions/2935781/modify-tab-indicator-dynamically-in-android
+        const titleTextView = this.parent.nativeViewProtected.getTabWidget().getChildAt(tabIndex).findViewById(TITLE_TEXT_VIEW_ID);
+        this.setNativeView(titleTextView);
+        if (titleTextView) {
+            if (this.titleDirty) {
+                this._update();
+            }
+        }
+    }
+    _update() {
+        const tv = this.nativeViewProtected;
+        if (tv) {
+            let title = this.title;
+            title = title === null || title === undefined ? '' : title;
+            tv.setText(title);
+            this.titleDirty = false;
+        }
+        else {
+            this.titleDirty = true;
+        }
+    }
+    [colorProperty.getDefault]() {
+        return this.nativeViewProtected.getCurrentTextColor();
+    }
+    [colorProperty.setNative](value) {
+        const color = value instanceof Color ? value.android : value;
+        this.nativeViewProtected.setTextColor(color);
+    }
+    [fontSizeProperty.getDefault]() {
+        return { nativeSize: this.nativeViewProtected.getTextSize() };
+    }
+    [fontSizeProperty.setNative](value) {
+        if (typeof value === 'number') {
+            this.nativeViewProtected.setTextSize(value);
+        }
+        else {
+            this.nativeViewProtected.setTextSize(android.util.TypedValue.COMPLEX_UNIT_PX, value.nativeSize);
+        }
+    }
+    [fontInternalProperty.getDefault]() {
+        return this.nativeViewProtected.getTypeface();
+    }
+    [fontInternalProperty.setNative](value) {
+        this.nativeViewProtected.setTypeface(value instanceof Font ? value.getAndroidTypeface() : value);
+    }
+    [selectedBackgroundColorProperty.getDefault]() {
+        const viewGroup = this.nativeViewProtected.getParent();
+        return viewGroup.getBackground();
+    }
+    [selectedBackgroundColorProperty.setNative](value) {
+        const nativeView = this.nativeViewProtected;
+        const viewGroup = nativeView.getParent();
+        if (value instanceof Color) {
+            const color = value.android;
+            const backgroundDrawable = viewGroup.getBackground();
+            if (SDK_VERSION > 21 && backgroundDrawable) {
+                const newDrawable = AndroidHelper.getCopyOrDrawable(backgroundDrawable, nativeView.getResources());
+                AndroidHelper.setDrawableColor(color, newDrawable);
+                viewGroup.setBackground(newDrawable);
+            }
+            else {
+                const stateDrawable = new android.graphics.drawable.StateListDrawable();
+                const colorDrawable = new org.nativescript.widgets.SegmentedBarColorDrawable(color, selectedIndicatorThickness);
+                const arr = Array.create('int', 1);
+                arr[0] = R_ATTR_STATE_SELECTED;
+                stateDrawable.addState(arr, colorDrawable);
+                stateDrawable.setBounds(0, 15, viewGroup.getRight(), viewGroup.getBottom());
+                viewGroup.setBackground(stateDrawable);
+            }
+        }
+        else {
+            const backgroundDrawable = AndroidHelper.getCopyOrDrawable(value, nativeView.getResources());
+            viewGroup.setBackground(backgroundDrawable);
+        }
+    }
+}
+export class SegmentedBar extends SegmentedBarBase {
+    shouldChangeSelectedIndex() {
+        return !this._addingTab;
+    }
+    createNativeView() {
+        initializeNativeClasses();
+        const context = this._context;
+        const nativeView = new TabHost(context, null);
+        const tabHostLayout = new android.widget.LinearLayout(context);
+        tabHostLayout.setOrientation(android.widget.LinearLayout.VERTICAL);
+        const tabWidget = new android.widget.TabWidget(context);
+        tabWidget.setId(R_ID_TABS);
+        tabHostLayout.addView(tabWidget);
+        const frame = new android.widget.FrameLayout(context);
+        frame.setId(R_ID_TABCONTENT);
+        frame.setVisibility(android.view.View.GONE);
+        tabHostLayout.addView(frame);
+        nativeView.addView(tabHostLayout);
+        return nativeView;
+    }
+    initNativeView() {
+        super.initNativeView();
+        const nativeView = this.nativeViewProtected;
+        const listener = new TabChangeListener(this);
+        nativeView.setOnTabChangedListener(listener);
+        nativeView.listener = listener;
+        nativeView.setup();
+        this._tabContentFactory = this._tabContentFactory || new TabContentFactory(this);
+    }
+    disposeNativeView() {
+        const nativeView = this.nativeViewProtected;
+        if (nativeView?.listener) {
+            nativeView.listener.owner = null;
+        }
+        super.disposeNativeView();
+    }
+    onLoaded() {
+        super.onLoaded();
+        // Can only be applied after view is loaded
+        const tabWidget = this.nativeViewProtected.getTabWidget();
+        if (tabWidget) {
+            tabWidget.setEnabled(tabWidget.isEnabled());
+        }
+    }
+    insertTab(tabItem, index) {
+        const tabHost = this.nativeViewProtected;
+        const tab = tabHost.newTabSpec(index + '');
+        tab.setIndicator(tabItem.title + '');
+        tab.setContent(this._tabContentFactory);
+        this._addingTab = true;
+        tabHost.addTab(tab);
+        tabItem.setupNativeView(index);
+        this._addingTab = false;
+    }
+    [selectedIndexProperty.getDefault]() {
+        return -1;
+    }
+    [selectedIndexProperty.setNative](value) {
+        this.nativeViewProtected.setCurrentTab(value);
+    }
+    [itemsProperty.getDefault]() {
+        return null;
+    }
+    [itemsProperty.setNative](value) {
+        this.nativeViewProtected.clearAllTabs();
+        const newItems = value;
+        if (newItems) {
+            newItems.forEach((item, i, arr) => this.insertTab(item, i));
+        }
+        selectedIndexProperty.coerce(this);
+    }
+    [isEnabledProperty.setNative](value) {
+        const tabWidget = this.nativeViewProtected.getTabWidget();
+        if (tabWidget) {
+            tabWidget.setEnabled(value);
+        }
+    }
+    setTabColor(index) {
+        try {
+            const tabWidget = this.nativeViewProtected?.getTabWidget();
+            if (tabWidget) {
+                const unselectedTextColor = this.getColorForAndroid(this.color ?? '#6e6e6e');
+                const selectedTextColor = this.getColorForAndroid(this?.selectedTextColor ?? '#000000');
+                const unselectedBackgroundColor = this.getColorForAndroid(this?.backgroundColor ?? '#dbdbdb');
+                const selectedBackgroundColor = this.getColorForAndroid(this?.selectedBackgroundColor ?? this?.backgroundColor ?? 'blue');
+                if (tabWidget) {
+                    for (let i = 0; i < tabWidget.getTabCount(); i++) {
+                        const view = tabWidget.getChildTabViewAt(i);
+                        const item = this.items[i];
+                        const textView = item?.nativeViewProtected;
+                        view.setBackgroundColor(unselectedBackgroundColor);
+                        if (textView) {
+                            textView.setTextColor(unselectedTextColor);
+                        }
+                        if (index == i) {
+                            view.setBackgroundColor(selectedBackgroundColor);
+                            if (textView) {
+                                textView.setTextColor(selectedTextColor);
+                            }
+                            continue;
+                        }
+                    }
+                }
+            }
+        }
+        catch (e) {
+            Trace.error(e);
+        }
+    }
+    getColorForAndroid(color) {
+        if (typeof color === 'string') {
+            return new Color(color).android;
+        }
+        else if (color instanceof Color) {
+            return color.android;
+        }
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/ui/segmented-bar/index.android.js.map

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

package/ui/segmented-bar/index.ios.d.ts

@@ -0,0 +1,28 @@
+import { Font } from '../styling/font';
+import { SegmentedBarItemBase, SegmentedBarBase, selectedIndexProperty, itemsProperty, selectedBackgroundColorProperty } from './segmented-bar-common';
+import { colorProperty, fontInternalProperty } from '../styling/style-properties';
+import { Color } from '../../color';
+export * from './segmented-bar-common';
+export declare class SegmentedBarItem extends SegmentedBarItemBase {
+    _update(): void;
+}
+export declare class SegmentedBar extends SegmentedBarBase {
+    [selectedIndexProperty.getDefault]: () => number;
+    [selectedIndexProperty.setNative]: (value: number) => void;
+    [itemsProperty.getDefault]: () => SegmentedBarItem[];
+    [itemsProperty.setNative]: (value: SegmentedBarItem[]) => void;
+    [selectedBackgroundColorProperty.getDefault]: () => UIColor;
+    [selectedBackgroundColorProperty.setNative]: (value: UIColor | Color) => void;
+    [colorProperty.getDefault]: () => UIColor;
+    [colorProperty.setNative]: (value: Color | UIColor) => void;
+    [fontInternalProperty.getDefault]: () => Font;
+    [fontInternalProperty.setNative]: (value: Font) => void;
+    nativeViewProtected: UISegmentedControl;
+    private _selectionHandler;
+    createNativeView(): UISegmentedControl;
+    initNativeView(): void;
+    disposeNativeView(): void;
+    get ios(): UISegmentedControl;
+    setSelectedTextColor(bar: UISegmentedControl): void;
+    private getColorForIOS;
+}

package/ui/segmented-bar/index.ios.js

@@ -0,0 +1,141 @@
+import { SegmentedBarItemBase, SegmentedBarBase, selectedIndexProperty, itemsProperty, selectedBackgroundColorProperty } from './segmented-bar-common';
+import { colorProperty, fontInternalProperty } from '../styling/style-properties';
+import { Color } from '../../color';
+import { Trace } from '../../trace';
+import { SDK_VERSION } from '../../utils';
+export * from './segmented-bar-common';
+export class SegmentedBarItem extends SegmentedBarItemBase {
+    _update() {
+        const parent = this.parent;
+        if (parent?.ios) {
+            const tabIndex = parent.items.indexOf(this);
+            let title = this.title;
+            title = title === null || title === undefined ? '' : title;
+            parent.ios.setTitleForSegmentAtIndex(title, tabIndex);
+        }
+    }
+}
+export class SegmentedBar extends SegmentedBarBase {
+    createNativeView() {
+        return UISegmentedControl.new();
+    }
+    initNativeView() {
+        super.initNativeView();
+        this._selectionHandler = SelectionHandlerImpl.initWithOwner(new WeakRef(this));
+        this.nativeViewProtected.addTargetActionForControlEvents(this._selectionHandler, 'selected', 4096 /* UIControlEvents.ValueChanged */);
+    }
+    disposeNativeView() {
+        this._selectionHandler = null;
+        super.disposeNativeView();
+    }
+    // @ts-ignore
+    get ios() {
+        return this.nativeViewProtected;
+    }
+    [selectedIndexProperty.getDefault]() {
+        return -1;
+    }
+    [selectedIndexProperty.setNative](value) {
+        this.ios.selectedSegmentIndex = value;
+    }
+    [itemsProperty.getDefault]() {
+        return null;
+    }
+    [itemsProperty.setNative](value) {
+        const segmentedControl = this.ios;
+        segmentedControl.removeAllSegments();
+        const newItems = value;
+        if (newItems && newItems.length) {
+            newItems.forEach((item, index, arr) => {
+                let title = item.title;
+                title = title === null || title === undefined ? '' : title;
+                segmentedControl.insertSegmentWithTitleAtIndexAnimated(title, index, false);
+            });
+        }
+        selectedIndexProperty.coerce(this);
+    }
+    [selectedBackgroundColorProperty.getDefault]() {
+        return SDK_VERSION < 13 ? this.ios.tintColor : this.ios.selectedSegmentTintColor;
+    }
+    [selectedBackgroundColorProperty.setNative](value) {
+        const color = value instanceof Color ? value.ios : value;
+        if (SDK_VERSION < 13) {
+            this.ios.tintColor = color;
+        }
+        else {
+            this.ios.selectedSegmentTintColor = color;
+        }
+        this.setSelectedTextColor(this.ios);
+    }
+    [colorProperty.getDefault]() {
+        return null;
+    }
+    [colorProperty.setNative](value) {
+        const color = value instanceof Color ? value.ios : value;
+        const bar = this.ios;
+        const currentAttrs = bar.titleTextAttributesForState(0 /* UIControlState.Normal */);
+        const attrs = currentAttrs ? currentAttrs.mutableCopy() : NSMutableDictionary.new();
+        attrs.setValueForKey(color, NSForegroundColorAttributeName);
+        bar.setTitleTextAttributesForState(attrs, 0 /* UIControlState.Normal */);
+        // Set the selected text color
+        this.setSelectedTextColor(bar);
+    }
+    [fontInternalProperty.getDefault]() {
+        return null;
+    }
+    [fontInternalProperty.setNative](value) {
+        const font = value ? value.getUIFont(UIFont.systemFontOfSize(UIFont.labelFontSize)) : null;
+        const bar = this.ios;
+        const currentAttrs = bar.titleTextAttributesForState(0 /* UIControlState.Normal */);
+        const attrs = currentAttrs ? currentAttrs.mutableCopy() : NSMutableDictionary.new();
+        attrs.setValueForKey(font, NSFontAttributeName);
+        bar.setTitleTextAttributesForState(attrs, 0 /* UIControlState.Normal */);
+    }
+    setSelectedTextColor(bar) {
+        try {
+            const selectedTextColor = this.getColorForIOS(this?.selectedTextColor ?? this?.color ?? '#000000');
+            if (!selectedTextColor) {
+                Trace.write(`unable te set selectedTextColor`, Trace.categories.Error);
+            }
+            const selectedText = bar.titleTextAttributesForState(4 /* UIControlState.Selected */);
+            const attrsSelected = selectedText ? selectedText.mutableCopy() : NSMutableDictionary.new();
+            attrsSelected.setValueForKey(selectedTextColor, NSForegroundColorAttributeName);
+            bar.setTitleTextAttributesForState(attrsSelected, 4 /* UIControlState.Selected */);
+        }
+        catch (e) {
+            console.error(`SegmentedBar:`, e);
+        }
+    }
+    getColorForIOS(color) {
+        if (typeof color === 'string') {
+            return new Color(color).ios;
+        }
+        else if (color instanceof Color) {
+            return color.ios;
+        }
+    }
+}
+var SelectionHandlerImpl = (function (_super) {
+    __extends(SelectionHandlerImpl, _super);
+    function SelectionHandlerImpl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SelectionHandlerImpl.initWithOwner = function (owner) {
+        var handler = SelectionHandlerImpl.new();
+        handler._owner = owner;
+        return handler;
+    };
+    SelectionHandlerImpl.prototype.selected = function (sender) {
+        var _a;
+        var owner = (_a = this._owner) === null || _a === void 0 ? void 0 : _a.deref();
+        if (owner) {
+            owner.selectedIndex = sender.selectedSegmentIndex;
+            owner.setSelectedTextColor(sender);
+        }
+    };
+    SelectionHandlerImpl.ObjCExposedMethods = {
+        selected: { returns: interop.types.void, params: [UISegmentedControl] },
+    };
+    return SelectionHandlerImpl;
+}(NSObject));
+//# sourceMappingURL=index.ios.js.map

package/ui/segmented-bar/index.ios.js.map

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

package/ui/segmented-bar/segmented-bar-common.d.ts

@@ -0,0 +1,37 @@
+import { SegmentedBar as SegmentedBarDefinition, SegmentedBarItem as SegmentedBarItemDefinition, SelectedIndexChangedEventData } from '.';
+import { View, AddChildFromBuilder, AddArrayFromBuilder } from '../core/view';
+import { ViewBase } from '../core/view-base';
+import { Property, CoercibleProperty, InheritedCssProperty } from '../core/properties';
+import { Color } from '../../color';
+import { Style } from '../styling/style';
+import { EventData } from '../../data/observable';
+export declare abstract class SegmentedBarItemBase extends ViewBase implements SegmentedBarItemDefinition {
+    private _title;
+    get title(): string;
+    set title(value: string);
+    abstract _update(): any;
+}
+export declare abstract class SegmentedBarBase extends View implements SegmentedBarDefinition, AddChildFromBuilder, AddArrayFromBuilder {
+    static selectedIndexChangedEvent: string;
+    selectedIndex: number;
+    items: Array<SegmentedBarItemDefinition>;
+    get selectedBackgroundColor(): Color;
+    set selectedBackgroundColor(value: Color);
+    get selectedTextColor(): Color;
+    set selectedTextColor(value: Color);
+    _addArrayFromBuilder(name: string, value: Array<any>): void;
+    _addChildFromBuilder(name: string, value: any): void;
+    onItemsChanged(oldItems: SegmentedBarItemDefinition[], newItems: SegmentedBarItemDefinition[]): void;
+    eachChild(callback: (child: ViewBase) => boolean): void;
+}
+export interface SegmentedBarBase {
+    on(eventNames: string, callback: (data: EventData) => void, thisArg?: any): void;
+    on(event: 'selectedIndexChanged', callback: (args: SelectedIndexChangedEventData) => void, thisArg?: any): void;
+}
+/**
+ * Gets or sets the selected index dependency property of the SegmentedBar.
+ */
+export declare const selectedIndexProperty: CoercibleProperty<SegmentedBarBase, number>;
+export declare const itemsProperty: Property<SegmentedBarBase, SegmentedBarItemDefinition[]>;
+export declare const selectedBackgroundColorProperty: InheritedCssProperty<Style, Color>;
+export declare const selectedTextColorProperty: InheritedCssProperty<Style, Color>;

package/ui/segmented-bar/segmented-bar-common.js

@@ -0,0 +1,146 @@
+import { View, CSSType } from '../core/view';
+import { ViewBase } from '../core/view-base';
+import { Property, CoercibleProperty, InheritedCssProperty } from '../core/properties';
+import { Color } from '../../color';
+import { Style } from '../styling/style';
+let SegmentedBarItemBase = class SegmentedBarItemBase extends ViewBase {
+    constructor() {
+        super(...arguments);
+        this._title = '';
+    }
+    get title() {
+        return this._title;
+    }
+    set title(value) {
+        const strValue = value !== null && value !== undefined ? value.toString() : '';
+        if (this._title !== strValue) {
+            this._title = strValue;
+            this._update();
+        }
+    }
+};
+SegmentedBarItemBase = __decorate([
+    CSSType('SegmentedBarItem')
+], SegmentedBarItemBase);
+export { SegmentedBarItemBase };
+let SegmentedBarBase = class SegmentedBarBase extends View {
+    get selectedBackgroundColor() {
+        return this.style.selectedBackgroundColor;
+    }
+    set selectedBackgroundColor(value) {
+        this.style.selectedBackgroundColor = value;
+    }
+    get selectedTextColor() {
+        return this.style.selectedTabTextColor;
+    }
+    set selectedTextColor(value) {
+        this.style.selectedTabTextColor = value;
+    }
+    _addArrayFromBuilder(name, value) {
+        if (name === 'items') {
+            this.items = value;
+        }
+    }
+    _addChildFromBuilder(name, value) {
+        if (name === 'SegmentedBarItem') {
+            const item = value;
+            let items = this.items;
+            if (!items) {
+                items = new Array();
+                items.push(item);
+                this.items = items;
+            }
+            else {
+                items.push(item);
+                this._addView(item);
+            }
+            if (this.nativeViewProtected) {
+                this[itemsProperty.setNative](items);
+            }
+        }
+    }
+    onItemsChanged(oldItems, newItems) {
+        if (oldItems) {
+            for (let i = 0, count = oldItems.length; i < count; i++) {
+                this._removeView(oldItems[i]);
+            }
+        }
+        if (newItems) {
+            for (let i = 0, count = newItems.length; i < count; i++) {
+                this._addView(newItems[i]);
+            }
+        }
+    }
+    // TODO: Make _addView to keep its children so this method is not needed!
+    eachChild(callback) {
+        const items = this.items;
+        if (items) {
+            items.forEach((item, i) => {
+                callback(item);
+            });
+        }
+    }
+};
+SegmentedBarBase.selectedIndexChangedEvent = 'selectedIndexChanged';
+SegmentedBarBase = __decorate([
+    CSSType('SegmentedBar')
+], SegmentedBarBase);
+export { SegmentedBarBase };
+SegmentedBarBase.prototype.recycleNativeView = 'auto';
+/**
+ * Gets or sets the selected index dependency property of the SegmentedBar.
+ */
+export const selectedIndexProperty = new CoercibleProperty({
+    name: 'selectedIndex',
+    defaultValue: -1,
+    valueChanged: (target, oldValue, newValue) => {
+        target.notify({
+            eventName: SegmentedBarBase.selectedIndexChangedEvent,
+            object: target,
+            oldIndex: oldValue,
+            newIndex: newValue,
+        });
+    },
+    coerceValue: (target, value) => {
+        const items = target.items;
+        if (items) {
+            const max = items.length - 1;
+            if (value < 0) {
+                value = 0;
+            }
+            if (value > max) {
+                value = max;
+            }
+        }
+        else {
+            value = -1;
+        }
+        return value;
+    },
+    valueConverter: (v) => parseInt(v),
+});
+selectedIndexProperty.register(SegmentedBarBase);
+export const itemsProperty = new Property({
+    name: 'items',
+    valueChanged: (target, oldValue, newValue) => {
+        target.onItemsChanged(oldValue, newValue);
+    },
+});
+itemsProperty.register(SegmentedBarBase);
+export const selectedBackgroundColorProperty = new InheritedCssProperty({
+    name: 'selectedBackgroundColor',
+    cssName: 'selected-background-color',
+    equalityComparer: Color.equals,
+    defaultValue: new Color('blue'),
+    valueConverter: (v) => new Color(v),
+});
+selectedBackgroundColorProperty.register(Style);
+export const selectedTextColorProperty = new InheritedCssProperty({
+    name: 'selectedTextColor',
+    cssName: 'selected-text-color',
+    equalityComparer: Color.equals,
+    defaultValue: new Color('black'),
+    valueConverter: (v) => new Color(v),
+});
+selectedTextColorProperty.register(Style);
+//# sourceMappingURL=segmented-bar-common.js.map

package/ui/segmented-bar/segmented-bar-common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-bar-common.js","sourceRoot":"","sources":["../../../../../packages/core/ui/segmented-bar/segmented-bar-common.ts"],"names":[],"mappings":"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"}