vue-nav-tabs - npm Package Compare versions

Comparing version 0.5.1 to 0.5.2

dist/vue-tabs.common.js

 /*!
- * vue-nav-tabs v0.5.1
+ * vue-nav-tabs v0.5.2
  * (c) 2017-present cristij <[e-mail]>
@@ -137,3 +137,3 @@ * Released under the MIT License.
                 { 'class': 'title title_' + position, style: active ? titleStyles : {} },
-                [position === 'center' && this.renderIcon(index), '\xA0', title]
+                [position === 'center' && this.renderIcon(index), title]
             );
@@ -154,3 +154,3 @@
                 { 'class': icon },
-                []
+                ['\xA0']
             );
@@ -157,0 +157,0 @@ if (!tab.$slots.title && icon) return simpleIcon;

dist/vue-tabs.js

 /*!
- * vue-nav-tabs v0.5.1
+ * vue-nav-tabs v0.5.2
  * (c) 2017-present cristij <[e-mail]>
@@ -139,3 +139,3 @@ * Released under the MIT License.
                 { 'class': 'title title_' + position, style: active ? titleStyles : {} },
-                [position === 'center' && this.renderIcon(index), '\xA0', title]
+                [position === 'center' && this.renderIcon(index), title]
             );
@@ -156,3 +156,3 @@
                 { 'class': icon },
-                []
+                ['\xA0']
             );
@@ -159,0 +159,0 @@ if (!tab.$slots.title && icon) return simpleIcon;

dist/vue-tabs.min.js

 /*!
- * vue-nav-tabs v0.5.1
+ * vue-nav-tabs v0.5.2
  * (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});-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})});
 //# sourceMappingURL=Vue-Tabs.min.js.map

package.json

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

README.md

@@ -10,2 +10,3 @@ # Vue-tabs
 * [Close or add tabs dynamically](https://jsfiddle.net/b44cc4dq/245/)
+* [Change tabs programatically](https://jsfiddle.net/b44cc4dq/275/)
 
@@ -12,0 +13,0 @@ # Theming

No alert changes

Improved metrics

Total package byte prevSize

111806

increased by0.06%

Number of lines in readme file

20

increased by5.26%

No dependency changes