nativescript-bottom-navigation - npm Package Compare versions

Comparing version 1.4.1 to 1.4.2

angular/nativescript-bottom-navigation.directives.js

@@ -9,2 +9,15 @@ "use strict";
     }
+    Object.defineProperty(BottomNavigationDirective.prototype, "titleVisibility", {
+        get: function () {
+            return this._titleVisibility;
+        },
+        set: function (value) {
+            this._titleVisibility = value;
+            if (this._viewInitialized) {
+                this.bottomNavigation.titleVisibility = value;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(BottomNavigationDirective.prototype, "activeColor", {
@@ -77,2 +90,5 @@ get: function () {
         this._viewInitialized = true;
+        if (!lang_facade_1.isBlank(this._titleVisibility)) {
+            this.bottomNavigation.titleVisibility = this._titleVisibility;
+        }
         if (!lang_facade_1.isBlank(this._activeColor)) {
@@ -103,2 +119,3 @@ this.bottomNavigation.activeColor = this._activeColor;
     BottomNavigationDirective.propDecorators = {
+        titleVisibility: [{ type: core_1.Input }],
         activeColor: [{ type: core_1.Input }],
@@ -116,2 +133,3 @@ inactiveColor: [{ type: core_1.Input }],
     BottomNavigationDirective.prototype._viewInitialized;
+    BottomNavigationDirective.prototype._titleVisibility;
     BottomNavigationDirective.prototype._activeColor;
@@ -118,0 +136,0 @@ BottomNavigationDirective.prototype._inactiveColor;

angular/nativescript-bottom-navigation.directives.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"BottomNavigationDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"BottomNavigation"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":23}]}],"activeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"inactiveColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"selectedTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"BottomNavigationTabDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":98,"character":1},"arguments":[{"selector":"BottomNavigationTab"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"_selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}]}},"DIRECTIVES":[{"__symbolic":"reference","name":"BottomNavigationDirective"},{"__symbolic":"reference","name":"BottomNavigationTabDirective"}]}}]
+[{"__symbolic":"module","version":4,"metadata":{"BottomNavigationDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"BottomNavigation"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":23}]}],"titleVisibility":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"activeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"inactiveColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"selectedTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"BottomNavigationTabDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":113,"character":1},"arguments":[{"selector":"BottomNavigationTab"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"_selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}]}},"DIRECTIVES":[{"__symbolic":"reference","name":"BottomNavigationDirective"},{"__symbolic":"reference","name":"BottomNavigationTabDirective"}]}}]

bottom-navigation.android.js

@@ -66,2 +66,18 @@ "use strict";
     };
+    BottomNavigation.prototype[bottom_navigation_common_1.titleVisibilityProperty.getDefault] = function () {
+        return 'selected';
+    };
+    BottomNavigation.prototype[bottom_navigation_common_1.titleVisibilityProperty.setNative] = function (value) {
+        switch (value) {
+            case 'never':
+                this.nativeView.setTitleState(AHBottomNavigation.TitleState.ALWAYS_HIDE);
+                break;
+            case 'always':
+                this.nativeView.setTitleState(AHBottomNavigation.TitleState.ALWAYS_SHOW);
+                break;
+            default:
+                this.nativeView.setTitleState(AHBottomNavigation.TitleState.SHOW_WHEN_ACTIVE);
+                break;
+        }
+    };
     BottomNavigation.prototype[bottom_navigation_common_1.activeColorProperty.setNative] = function (activeColor) {
@@ -68,0 +84,0 @@ this.nativeView.setAccentColor(new color_1.Color(activeColor).android);

bottom-navigation.android.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"BottomNavigation":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./bottom-navigation.common","name":"BottomNavigationBase","line":22,"character":38},"members":{"createNativeView":[{"__symbolic":"method"}],"initNativeView":[{"__symbolic":"method"}],"createTabs":[{"__symbolic":"method"}],"selectTabNative":[{"__symbolic":"method"}]}},"BottomNavigationTab":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./bottom-navigation.common","name":"BottomNavigationTabBase","line":120,"character":41},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Could not resolve type","line":121,"character":74,"context":{"typeName":"WeakRef"}}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"BottomNavigation":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./bottom-navigation.common","name":"BottomNavigationBase","line":24,"character":38},"members":{"createNativeView":[{"__symbolic":"method"}],"initNativeView":[{"__symbolic":"method"}],"createTabs":[{"__symbolic":"method"}],"selectTabNative":[{"__symbolic":"method"}]}},"BottomNavigationTab":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./bottom-navigation.common","name":"BottomNavigationTabBase","line":140,"character":41},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Could not resolve type","line":141,"character":74,"context":{"typeName":"WeakRef"}}]}]}}}}]

bottom-navigation.common.js

@@ -24,2 +24,3 @@ "use strict";
         _this.selectedTabIndex = 0;
+        _this.titleVisibility = 'selected';
         _this.activeColor = 'green';
@@ -68,2 +69,3 @@ _this.inactiveColor = 'gray';
     BottomNavigationBase.prototype.selectedTabIndex;
+    BottomNavigationBase.prototype.titleVisibility;
     BottomNavigationBase.prototype.activeColor;
@@ -80,2 +82,6 @@ BottomNavigationBase.prototype.inactiveColor;
 exports.tabsProperty.register(BottomNavigationBase);
+exports.titleVisibilityProperty = new properties_1.Property({
+    name: 'titleVisibility'
+});
+exports.titleVisibilityProperty.register(BottomNavigationBase);
 exports.activeColorProperty = new properties_1.Property({
@@ -82,0 +88,0 @@ name: 'activeColor'

bottom-navigation.common.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"OnTabPressedEventData":{"__symbolic":"interface"},"OnTabSelectedEventData":{"__symbolic":"interface"},"BottomNavigationBase":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"tns-core-modules/ui/core/view","name":"View","line":22,"character":51},"members":{"selectTab":[{"__symbolic":"method"}],"onTabPressed":[{"__symbolic":"method"}],"onTabSelected":[{"__symbolic":"method"}],"_addChildFromBuilder":[{"__symbolic":"method"}],"selectTabNative":[{"__symbolic":"method"}]}},"tabsProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":95,"character":32},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":98,"character":22}]},"activeColorProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":104,"character":39},"arguments":[{"name":"activeColor"}]},"activeColorCssProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"CssProperty","line":112,"character":42},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":117,"character":20}]},"inactiveColorProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":121,"character":41},"arguments":[{"name":"inactiveColor"}]},"inactiveColorCssProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"CssProperty","line":129,"character":44},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":134,"character":20}]},"backgroundColorProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":139,"character":43},"arguments":[{"name":"backgroundColor"}]},"backgroundColorCssProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"CssProperty","line":147,"character":46},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":152,"character":20}]},"keyLineColorProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":157,"character":40},"arguments":[{"name":"keyLineColor"}]},"keyLineColorCssProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"CssProperty","line":165,"character":43},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":170,"character":20}]},"BottomNavigationTabBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Could not resolve type","line":182,"character":13,"context":{"typeName":"WeakRef"}}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"OnTabPressedEventData":{"__symbolic":"interface"},"OnTabSelectedEventData":{"__symbolic":"interface"},"TitleVisibility":{"__symbolic":"interface"},"BottomNavigationBase":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"tns-core-modules/ui/core/view","name":"View","line":24,"character":51},"members":{"selectTab":[{"__symbolic":"method"}],"onTabPressed":[{"__symbolic":"method"}],"onTabSelected":[{"__symbolic":"method"}],"_addChildFromBuilder":[{"__symbolic":"method"}],"selectTabNative":[{"__symbolic":"method"}]}},"tabsProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":103,"character":32},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":106,"character":22}]},"titleVisibilityProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":112,"character":43},"arguments":[{"name":"titleVisibility"}]},"activeColorProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":120,"character":39},"arguments":[{"name":"activeColor"}]},"activeColorCssProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"CssProperty","line":128,"character":42},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":133,"character":20}]},"inactiveColorProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":137,"character":41},"arguments":[{"name":"inactiveColor"}]},"inactiveColorCssProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"CssProperty","line":145,"character":44},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":150,"character":20}]},"backgroundColorProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":155,"character":43},"arguments":[{"name":"backgroundColor"}]},"backgroundColorCssProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"CssProperty","line":163,"character":46},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":168,"character":20}]},"keyLineColorProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"Property","line":173,"character":40},"arguments":[{"name":"keyLineColor"}]},"keyLineColorCssProperty":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"tns-core-modules/ui/core/properties","name":"CssProperty","line":181,"character":43},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":186,"character":20}]},"BottomNavigationTabBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Could not resolve type","line":198,"character":13,"context":{"typeName":"WeakRef"}}]}]}}}}]

bottom-navigation.ios.js

@@ -101,2 +101,18 @@ "use strict";
     };
+    BottomNavigation.prototype[bottom_navigation_common_1.titleVisibilityProperty.getDefault] = function () {
+        return 'selected';
+    };
+    BottomNavigation.prototype[bottom_navigation_common_1.titleVisibilityProperty.setNative] = function (value) {
+        switch (value) {
+            case 'never':
+                this.nativeView.titleVisibility = MDCBottomNavigationBarTitleVisibilityNever;
+                break;
+            case 'always':
+                this.nativeView.titleVisibility = MDCBottomNavigationBarTitleVisibilityAlways;
+                break;
+            default:
+                this.nativeView.titleVisibility = MDCBottomNavigationBarTitleVisibilitySelected;
+                break;
+        }
+    };
     BottomNavigation.prototype[bottom_navigation_common_1.activeColorProperty.setNative] = function (activeColor) {
@@ -103,0 +119,0 @@ this.nativeView.selectedItemTintColor = new color_1.Color(activeColor).ios;

bottom-navigation.ios.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"MDCBottomNavigationBarDelegate":{"__symbolic":"class"},"BottomNavigationDelegate":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NSObject"},"members":{"bottomNavigationBarDidSelectItem":[{"__symbolic":"method"}],"bottomNavigationBarShouldSelectItem":[{"__symbolic":"method"}]},"statics":{"ObjCProtocols":[{"__symbolic":"reference","name":"MDCBottomNavigationBarDelegate"}]}},"BottomNavigation":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./bottom-navigation.common","name":"BottomNavigationBase","line":56,"character":38},"members":{"createNativeView":[{"__symbolic":"method"}],"initNativeView":[{"__symbolic":"method"}],"disposeNativeView":[{"__symbolic":"method"}],"onLoaded":[{"__symbolic":"method"}],"layoutNativeView":[{"__symbolic":"method"}],"createTabs":[{"__symbolic":"method"}],"selectTabNative":[{"__symbolic":"method"}]}},"BottomNavigationTab":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./bottom-navigation.common","name":"BottomNavigationTabBase","line":166,"character":41},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Could not resolve type","line":168,"character":74,"context":{"typeName":"WeakRef"}}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"MDCBottomNavigationBarDelegate":{"__symbolic":"class"},"BottomNavigationDelegate":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NSObject"},"members":{"bottomNavigationBarDidSelectItem":[{"__symbolic":"method"}],"bottomNavigationBarShouldSelectItem":[{"__symbolic":"method"}]},"statics":{"ObjCProtocols":[{"__symbolic":"reference","name":"MDCBottomNavigationBarDelegate"}]}},"BottomNavigation":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./bottom-navigation.common","name":"BottomNavigationBase","line":62,"character":38},"members":{"createNativeView":[{"__symbolic":"method"}],"initNativeView":[{"__symbolic":"method"}],"disposeNativeView":[{"__symbolic":"method"}],"onLoaded":[{"__symbolic":"method"}],"layoutNativeView":[{"__symbolic":"method"}],"createTabs":[{"__symbolic":"method"}],"selectTabNative":[{"__symbolic":"method"}]}},"BottomNavigationTab":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./bottom-navigation.common","name":"BottomNavigationTabBase","line":190,"character":41},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Could not resolve type","line":192,"character":74,"context":{"typeName":"WeakRef"}}]}]}}}}]

index.d.ts

@@ -13,2 +13,4 @@ import { EventData } from 'tns-core-modules/data/observable';
 
+export type TitleVisibility = 'always' | 'selected' | 'never';
+
 export declare abstract class BottomNavigationBase extends View implements AddChildFromBuilder {
@@ -20,2 +22,4 @@
 
+  public titleVisibility: TitleVisibility;
+
   public activeColor: string;
@@ -27,2 +31,3 @@
 
+  @Deprecated
   public keyLineColor: string;
@@ -29,0 +34,0 @@

package.json

 {
     "name": "nativescript-bottom-navigation",
-    "version": "1.4.1",
+    "version": "1.4.2",
     "description": "Nativescript plugin to add a bottom navigation component for Android & iOS",
@@ -17,2 +17,3 @@ "main": "bottom-navigation",
         "build": "npm i && tsc && tns plugin build && npm run ngc",
+        "build.iosOnly": "npm i && tsc && npm run ngc",
         "ci.tslint": "npm i && tslint '**/*.ts' --config '../tslint.json' --exclude '**/node_modules/**'",
@@ -36,3 +37,3 @@ "prepublishOnly": "npm run build",
         "clean": "cd ../demo && rimraf hooks node_modules platforms && cd ../src && rimraf node_modules && npm run plugin.link",
-        "clean.angular": "cd ../demo-angular && rimraf hooks node_modules platforms && cd ../src && rimraf node_modules && npm run plugin.link"
+        "clean.angular": "cd ../demo-angular && rimraf hooks node_modules platforms && cd ../src && rimraf node_modules && npm run plugin.angular.link"
     },
@@ -52,3 +53,3 @@ "keywords": [
         "name": "Henry Chavez",
-        "email": "[e-mail]"
+        "email": "[e-mail]"
     },
@@ -55,0 +56,0 @@ "bugs": {

README.md

@@ -280,2 +280,3 @@ # Nativescript Bottom Navigation
 | tabs | true | null | `Array<BottomNavigationTab>` | Array containing the tabs for the BottomNavigation |
+| titleVisibility | false | "selected" | `"selected" | "always" | "never"` | Title Visibility of each BottomNavigationTab  |
 | activeColor | false | "blue" | `String` | Color of the BottomNavigationTab when it's selected  |
@@ -282,0 +283,0 @@ | inactiveColor | false | "gray" | `String` | Color of the BottomNavigationTab when it's not selected  |

No alert changes

Improved metrics

Total package byte prevSize

87702

increased by3.73%

Lines of code

747

increased by8.58%

Number of lines in readme file

314

increased by0.32%

No dependency changes