vue-nav-tabs - npm Package Compare versions

Comparing version 0.5.2 to 0.5.3

dist/vue-tabs.common.js

 /*!
- * vue-nav-tabs v0.5.2
+ * vue-nav-tabs v0.5.3
  * (c) 2017-present cristij <[e-mail]>
@@ -117,3 +117,4 @@ * Released under the MIT License.
             });
-            if (indexToActivate != -1) {
+            if (indexToActivate === this.activeTabIndex) return;
+            if (indexToActivate !== -1) {
                 this.changeTab(this.activeTabIndex, indexToActivate);
@@ -191,8 +192,2 @@ } else {
                                 role: 'tab' },
-                            on: {
-                                'click': function click() {
-                                    return _this.navigateToTab(index);
-                                }
-                            },
-
                             style: active ? _this.activeTabStyle : {},
@@ -199,0 +194,0 @@ 'class': { 'active_tab': active } },

dist/vue-tabs.js

 /*!
- * vue-nav-tabs v0.5.2
+ * vue-nav-tabs v0.5.3
  * (c) 2017-present cristij <[e-mail]>
@@ -119,3 +119,4 @@ * Released under the MIT License.
             });
-            if (indexToActivate != -1) {
+            if (indexToActivate === this.activeTabIndex) return;
+            if (indexToActivate !== -1) {
                 this.changeTab(this.activeTabIndex, indexToActivate);
@@ -193,8 +194,2 @@ } else {
                                 role: 'tab' },
-                            on: {
-                                'click': function click() {
-                                    return _this.navigateToTab(index);
-                                }
-                            },
-
                             style: active ? _this.activeTabStyle : {},
@@ -201,0 +196,0 @@ 'class': { 'active_tab': active } },

dist/vue-tabs.min.js

 /*!
- * vue-nav-tabs v0.5.2
+ * vue-nav-tabs v0.5.3
  * (c) 2017-present cristij <[e-mail]>
  * Released under the MIT License.
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.vueTabs=t.vueTabs||{})}(this,function(t){"use strict";var e={name:"vue-tabs",props:{activeTabColor:String,activeTextColor:String,textPosition:{type:String,default:"center"},type:{type:String,default:"tabs"},direction:{type:String,default:"horizontal"},centered:Boolean,value:[String,Number,Object]},data:function(){return{activeTabIndex:0,tabs:[]}},computed:{isTabShape:function(){return"tabs"===this.type},isStacked:function(){return"vertical"===this.direction},classList:function(){return"nav "+(this.isTabShape?"nav-tabs":"nav-pills")+" "+(this.centered?"nav-justified":"")+" "+(this.isStacked?"nav-stacked":"")},stackedClass:function(){return this.isStacked?"stacked":""},activeTabStyle:function(){return{backgroundColor:this.activeTabColor,color:this.activeTextColor}}},methods:{navigateToTab:function(t,e){this.changeTab(this.activeTabIndex,t,e)},activateTab:function(t){this.activeTabIndex=t;var e=this.tabs[t];e.active=!0,this.$emit("input",e.title)},changeTab:function(t,e,i){this.activeTabIndex=e;var a=this.tabs[t],n=this.tabs[e];a.active=!1,n.active=!0,this.$emit("input",this.tabs[e].title),this.$emit("tab-change",e,n,a),this.tryChangeRoute(i)},tryChangeRoute:function(t){this.$router&&t&&this.$router.push(t)},addTab:function(t){var e=this.$slots.default.indexOf(t.$vnode);this.tabs.splice(e,0,t)},removeTab:function(t){var e=this.tabs,i=e.indexOf(t);i>-1&&e.splice(i,1)},getTabs:function(){return this.$slots.default?this.$slots.default.filter(function(t){return t.componentOptions}):[]},findTabAndActivate:function(t){var e=this.tabs.findIndex(function(e,i){return e.title===t||i===t});-1!=e?this.changeTab(this.activeTabIndex,e):this.changeTab(this.activeTabIndex,0)},renderTabTitle:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",i=this.$createElement;if(0!==this.tabs.length){var a=this.tabs[t],n=a.active,s=a.title,o={color:this.activeTabColor};"center"===e&&(o.color=this.activeTextColor);var r=i("span",{class:"title title_"+e,style:n?o:{}},["center"===e&&this.renderIcon(t),s]);return a.$slots.title?a.$slots.title:r}},renderIcon:function(t){var e=this.$createElement;if(0!==this.tabs.length){var i=this.tabs[t],a=i.icon,n=e("i",{class:a},[" "]);return!i.$slots.title&&a?n:void 0}},renderTabs:function(){var t=this,e=this.$createElement;return this.tabs.map(function(i,a){if(i){var n=i.route,s=i.id,o=i.title,r=(i.icon,t.activeTabIndex===a);return e("li",{attrs:{name:"tab",role:"presentation"},on:{click:function(){return t.navigateToTab(a,n)}},class:["tab",{active:r}],key:o},["top"===t.textPosition&&t.renderTabTitle(a,t.textPosition),e("a",{attrs:{href:"javascript:void(0)","aria-selected":r,"aria-controls":"#"+s,role:"tab"},on:{click:function(){return t.navigateToTab(a)}},style:r?t.activeTabStyle:{},class:{active_tab:r}},["center"!==t.textPosition&&!i.$slots.title&&t.renderIcon(a),"center"===t.textPosition&&t.renderTabTitle(a,t.textPosition)]),"bottom"===t.textPosition&&t.renderTabTitle(a,t.textPosition)])}})}},render:function(){var t=arguments[0],e=this.renderTabs();return t("div",{class:["vue-tabs",this.stackedClass]},[t("div",{class:[{"nav-tabs-navigation":!this.isStacked},{"left-vertical-tabs":this.isStacked}]},[t("div",{class:["nav-tabs-wrapper",this.stackedClass]},[t("ul",{class:this.classList,attrs:{role:"tablist"}},[e])])]),t("div",{class:["tab-content",{"right-text-tabs":this.isStacked}]},[this.$slots.default])])},watch:{tabs:function(t){t.length>0&&!this.value&&this.activateTab(this.activeTabIndex),t.length>0&&this.value&&this.findTabAndActivate(this.value)},value:function(t){this.findTabAndActivate(t)}}},i={name:"v-tab",props:{title:{type:String,default:""},icon:{type:String,default:""},beforeChange:{type:Function},id:String,route:{type:[String,Object]},transitionName:String,transitionMode:String},computed:{isValidParent:function(){return"vue-tabs"===this.$parent.$options.name},hash:function(){return"#"+this.id}},data:function(){return{active:!1,validationError:null}},mounted:function(){this.$parent.addTab(this)},destroyed:function(){this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el),this.$parent.removeTab(this)},render:function(){return(0,arguments[0])("section",{class:"tab-container",attrs:{role:"tabpanel"},directives:[{name:"show",value:this.active}]},[this.$slots.default])}},a={install:function(t){t.component("vue-tabs",e),t.component("v-tab",i)}};"undefined"!=typeof window&&window.Vue&&(window.Vue.use(a),window.VueTabs=a),t.default=a,t.VueTabs=e,t.VTab=i,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.vueTabs=t.vueTabs||{})}(this,function(t){"use strict";var e={name:"vue-tabs",props:{activeTabColor:String,activeTextColor:String,textPosition:{type:String,default:"center"},type:{type:String,default:"tabs"},direction:{type:String,default:"horizontal"},centered:Boolean,value:[String,Number,Object]},data:function(){return{activeTabIndex:0,tabs:[]}},computed:{isTabShape:function(){return"tabs"===this.type},isStacked:function(){return"vertical"===this.direction},classList:function(){return"nav "+(this.isTabShape?"nav-tabs":"nav-pills")+" "+(this.centered?"nav-justified":"")+" "+(this.isStacked?"nav-stacked":"")},stackedClass:function(){return this.isStacked?"stacked":""},activeTabStyle:function(){return{backgroundColor:this.activeTabColor,color:this.activeTextColor}}},methods:{navigateToTab:function(t,e){this.changeTab(this.activeTabIndex,t,e)},activateTab:function(t){this.activeTabIndex=t;var e=this.tabs[t];e.active=!0,this.$emit("input",e.title)},changeTab:function(t,e,i){this.activeTabIndex=e;var a=this.tabs[t],n=this.tabs[e];a.active=!1,n.active=!0,this.$emit("input",this.tabs[e].title),this.$emit("tab-change",e,n,a),this.tryChangeRoute(i)},tryChangeRoute:function(t){this.$router&&t&&this.$router.push(t)},addTab:function(t){var e=this.$slots.default.indexOf(t.$vnode);this.tabs.splice(e,0,t)},removeTab:function(t){var e=this.tabs,i=e.indexOf(t);i>-1&&e.splice(i,1)},getTabs:function(){return this.$slots.default?this.$slots.default.filter(function(t){return t.componentOptions}):[]},findTabAndActivate:function(t){var e=this.tabs.findIndex(function(e,i){return e.title===t||i===t});e!==this.activeTabIndex&&(-1!==e?this.changeTab(this.activeTabIndex,e):this.changeTab(this.activeTabIndex,0))},renderTabTitle:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",i=this.$createElement;if(0!==this.tabs.length){var a=this.tabs[t],n=a.active,s=a.title,r={color:this.activeTabColor};"center"===e&&(r.color=this.activeTextColor);var o=i("span",{class:"title title_"+e,style:n?r:{}},["center"===e&&this.renderIcon(t),s]);return a.$slots.title?a.$slots.title:o}},renderIcon:function(t){var e=this.$createElement;if(0!==this.tabs.length){var i=this.tabs[t],a=i.icon,n=e("i",{class:a},[" "]);return!i.$slots.title&&a?n:void 0}},renderTabs:function(){var t=this,e=this.$createElement;return this.tabs.map(function(i,a){if(i){var n=i.route,s=i.id,r=i.title,o=(i.icon,t.activeTabIndex===a);return e("li",{attrs:{name:"tab",role:"presentation"},on:{click:function(){return t.navigateToTab(a,n)}},class:["tab",{active:o}],key:r},["top"===t.textPosition&&t.renderTabTitle(a,t.textPosition),e("a",{attrs:{href:"javascript:void(0)","aria-selected":o,"aria-controls":"#"+s,role:"tab"},style:o?t.activeTabStyle:{},class:{active_tab:o}},["center"!==t.textPosition&&!i.$slots.title&&t.renderIcon(a),"center"===t.textPosition&&t.renderTabTitle(a,t.textPosition)]),"bottom"===t.textPosition&&t.renderTabTitle(a,t.textPosition)])}})}},render:function(){var t=arguments[0],e=this.renderTabs();return t("div",{class:["vue-tabs",this.stackedClass]},[t("div",{class:[{"nav-tabs-navigation":!this.isStacked},{"left-vertical-tabs":this.isStacked}]},[t("div",{class:["nav-tabs-wrapper",this.stackedClass]},[t("ul",{class:this.classList,attrs:{role:"tablist"}},[e])])]),t("div",{class:["tab-content",{"right-text-tabs":this.isStacked}]},[this.$slots.default])])},watch:{tabs:function(t){t.length>0&&!this.value&&this.activateTab(this.activeTabIndex),t.length>0&&this.value&&this.findTabAndActivate(this.value)},value:function(t){this.findTabAndActivate(t)}}},i={name:"v-tab",props:{title:{type:String,default:""},icon:{type:String,default:""},beforeChange:{type:Function},id:String,route:{type:[String,Object]},transitionName:String,transitionMode:String},computed:{isValidParent:function(){return"vue-tabs"===this.$parent.$options.name},hash:function(){return"#"+this.id}},data:function(){return{active:!1,validationError:null}},mounted:function(){this.$parent.addTab(this)},destroyed:function(){this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el),this.$parent.removeTab(this)},render:function(){return(0,arguments[0])("section",{class:"tab-container",attrs:{role:"tabpanel"},directives:[{name:"show",value:this.active}]},[this.$slots.default])}},a={install:function(t){t.component("vue-tabs",e),t.component("v-tab",i)}};"undefined"!=typeof window&&window.Vue&&(window.Vue.use(a),window.VueTabs=a),t.default=a,t.VueTabs=e,t.VTab=i,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=Vue-Tabs.min.js.map

package.json

 {
   "name": "vue-nav-tabs",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "A vue based tab component",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Worsened metrics

Total package byte prevSize

111447

decreased by-0.32%

Lines of code

1143

decreased by-0.7%

No dependency changes