vue-material/dist/components/mdTabs/index.js

!function(t,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports.VueMaterial=a():t.VueMaterial=a()}(this,function(){return function(t){function a(d){if(e[d])return e[d].exports;var s=e[d]={exports:{},id:d,loaded:!1};return t[d].call(s.exports,s,s.exports,a),s.loaded=!0,s.exports}var e={};return a.m=t,a.c=e,a.p="/",a(0)}({0:function(t,a,e){t.exports=e(16)},16:function(t,a,e){"use strict";function d(t){return t&&t.__esModule?t:{"default":t}}function s(t){t.component("md-tabs",t.extend(n["default"])),t.component("md-tab",t.extend(o["default"])),t.material.styles.push(b["default"])}Object.defineProperty(a,"__esModule",{value:!0}),a["default"]=s;var i=e(107),n=d(i),r=e(106),o=d(r),c=e(81),b=d(c)},42:function(t,a){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a["default"]={props:{id:[String,Number],mdLabel:[String,Number],mdIcon:String,mdActive:Boolean,mdDisabled:Boolean},data:function(){var t=void 0;return this.id||(t="tab-"+Math.random().toString(36).substr(2,10)),{tabId:this.id||t}},watch:{mdActive:function(){this.updateTabData()},mdDisabled:function(){this.updateTabData()},mdIcon:function(){this.updateTabData()},mdLabel:function(){this.updateTabData()}},methods:{updateTabData:function(){this.$parent.updateTabData({id:this.tabId,label:this.mdLabel,icon:this.mdIcon,active:this.mdActive,disabled:this.mdDisabled,ref:this.$refs.tab})}},mounted:function(){if(!this.$parent.$el.classList.contains("md-tabs"))throw this.$destroy(),new Error("You should wrap the md-tab in a md-tabs");this.$parent.registerTab({id:this.tabId,label:this.mdLabel,icon:this.mdIcon,active:this.mdActive,disabled:this.mdDisabled,ref:this.$refs.tab})}}},43:function(t,a){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a["default"]={props:{mdFixed:Boolean,mdCentered:Boolean,mdElevation:[String,Number]},data:function(){return{hasIcons:!1,hasLabel:!1,elevation:this.mdElevation,activeTab:"",activeTabNumber:0,tabs:{}}},watch:{mdFixed:function(){var t=this,a=0,e=window.setInterval(function(){a++,window.requestAnimationFrame(function(){t.calculateIndicatorPos(!0)}),a>200&&window.clearInterval(e)},1);this.recalculateAllTabsPos()},mdCentered:function(){this.recalculateAllTabsPos()},mdElevation:function(){this.elevation=this.mdElevation}},computed:{tabClasses:function(){return{"md-fixed":this.mdFixed,"md-centered":this.mdCentered||this.mdFixed,"md-has-icon":this.hasIcons,"md-has-label":this.hasLabel}},indicatorClass:function(){var t=this.lastIndicatorNumber>this.activeTabNumber;return this.lastIndicatorNumber=this.activeTabNumber,{"md-to-right":!t,"md-to-left":t}}},methods:{getHeaderClass:function(t){return{"md-active":this.activeTab===t.id,"md-disabled":t.disabled}},calculateIndicatorPos:function(t){var a=this,e=this.$refs.indicator,d=this.$el.offsetWidth;t&&e.classList.add("md-transition-off"),this.$nextTick(function(){var s=a.$refs.tabHeader[a.activeTabNumber],i=s.offsetLeft,n=d-i-s.offsetWidth;e.style.left=i+"px",e.style.right=n+"px",t&&window.setTimeout(function(){e.classList.remove("md-transition-off")},100)})},calculateTabPos:function(t,a){this.$refs.tabWrapper.style.transform="translate3D("+-this.$refs.tabContent.offsetWidth*this.activeTabNumber+"px, 0, 0)",t.style.width=this.$refs.tabContent.offsetWidth+"px",t.style.left=this.$refs.tabContent.offsetWidth*a+"px"},setVisibleTab:function(t){this.$refs.tabContent.style.height=t.offsetHeight+"px",t.classList.add("md-active")},changeTab:function(t){var a=this,e=Object.keys(this.tabs),d=t||e[0],s=e.indexOf(d);this.tabs[this.activeTab||d].ref.classList.remove("md-active"),this.activeTab=d,this.activeTabNumber=s,this.$nextTick(function(){a.calculateIndicatorPos(),a.calculateTabPos(a.tabs[d].ref,s),a.setVisibleTab(a.tabs[d].ref)}),this.$emit("change",s)},handleTabData:function(t){var a=Object.keys(this.tabs),e=a.indexOf(t.id);this.hasIcons=!!t.icon,this.hasLabel=!!t.label,t.disabled?this.changeTab(a[e+1]):t.active&&this.changeTab(t.id)},registerTab:function(t){this.tabs[t.id]=t,this.handleTabData(t),this.calculateTabPos(this.tabs[t.id].ref,Object.keys(this.tabs).length-1)},updateTabData:function(t){this.tabs[t.id]=t,this.handleTabData(t),this.$forceUpdate(),this.recalculateAllTabsPos()},recalculateAllTabsPos:function(t){var a=this;"undefined"==typeof t&&(t=!0),window.requestAnimationFrame(function(){a.calculateIndicatorPos(!t),Object.keys(a.tabs).forEach(function(t,e){a.calculateTabPos(a.tabs[t].ref,e)})})}},mounted:function(){this.activeTab||this.changeTab(),window.addEventListener("resize",this.recalculateAllTabsPos)},beforeDestroy:function(){window.removeEventListener("resize",this.recalculateAllTabsPos)}}},67:function(t,a){},81:function(t,a){t.exports=".THEME_NAME .md-tabs .md-tabs-navigation,.THEME_NAME.md-tabs .md-tabs-navigation{background-color:PRIMARY-COLOR}.THEME_NAME .md-tabs .md-tab-header,.THEME_NAME.md-tabs .md-tab-header{color:PRIMARY-CONTRAST-0.54}.THEME_NAME .md-tabs .md-tab-header.md-active,.THEME_NAME .md-tabs .md-tab-header:focus,.THEME_NAME.md-tabs .md-tab-header.md-active,.THEME_NAME.md-tabs .md-tab-header:focus{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME .md-tabs .md-tab-header.md-disabled,.THEME_NAME.md-tabs .md-tab-header.md-disabled{color:PRIMARY-CONTRAST-0.26}.THEME_NAME .md-tabs .md-tab-indicator,.THEME_NAME.md-tabs .md-tab-indicator{background-color:ACCENT-COLOR}.THEME_NAME .md-tabs.md-accent .md-tabs-navigation,.THEME_NAME.md-tabs.md-accent .md-tabs-navigation{background-color:ACCENT-COLOR}.THEME_NAME .md-tabs.md-accent .md-tab-header,.THEME_NAME.md-tabs.md-accent .md-tab-header{color:ACCENT-CONTRAST-0.54}.THEME_NAME .md-tabs.md-accent .md-tab-header.md-active,.THEME_NAME .md-tabs.md-accent .md-tab-header:focus,.THEME_NAME.md-tabs.md-accent .md-tab-header.md-active,.THEME_NAME.md-tabs.md-accent .md-tab-header:focus{color:ACCENT-CONTRAST-0.99999}.THEME_NAME .md-tabs.md-accent .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-accent .md-tab-header.md-disabled{color:ACCENT-CONTRAST-0.26}.THEME_NAME .md-tabs.md-accent .md-tab-indicator,.THEME_NAME.md-tabs.md-accent .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME .md-tabs.md-warn .md-tabs-navigation,.THEME_NAME.md-tabs.md-warn .md-tabs-navigation{background-color:WARN-COLOR}.THEME_NAME .md-tabs.md-warn .md-tab-header,.THEME_NAME.md-tabs.md-warn .md-tab-header{color:WARN-CONTRAST-0.54}.THEME_NAME .md-tabs.md-warn .md-tab-header.md-active,.THEME_NAME .md-tabs.md-warn .md-tab-header:focus,.THEME_NAME.md-tabs.md-warn .md-tab-header.md-active,.THEME_NAME.md-tabs.md-warn .md-tab-header:focus{color:WARN-CONTRAST-0.99999}.THEME_NAME .md-tabs.md-warn .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-warn .md-tab-header.md-disabled{color:WARN-CONTRAST-0.26}.THEME_NAME .md-tabs.md-warn .md-tab-indicator,.THEME_NAME.md-tabs.md-warn .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME .md-tabs.md-transparent .md-tabs-navigation,.THEME_NAME.md-tabs.md-transparent .md-tabs-navigation{background-color:transparent}.THEME_NAME .md-tabs.md-transparent .md-tab-header,.THEME_NAME.md-tabs.md-transparent .md-tab-header{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME .md-tabs.md-transparent .md-tab-header.md-active,.THEME_NAME .md-tabs.md-transparent .md-tab-header:focus,.THEME_NAME.md-tabs.md-transparent .md-tab-header.md-active,.THEME_NAME.md-tabs.md-transparent .md-tab-header:focus{color:PRIMARY-COLOR}.THEME_NAME .md-tabs.md-transparent .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-transparent .md-tab-header.md-disabled{color:BACKGROUND-CONTRAST-0.26}.THEME_NAME .md-tabs.md-transparent .md-tab-indicator,.THEME_NAME.md-tabs.md-transparent .md-tab-indicator{background-color:PRIMARY-COLOR}\n"},106:function(t,a,e){var d,s;d=e(42);var i=e(124);s=d=d||{},"object"!=typeof d["default"]&&"function"!=typeof d["default"]||(s=d=d["default"]),"function"==typeof s&&(s=s.options),s.render=i.render,s.staticRenderFns=i.staticRenderFns,t.exports=d},107:function(t,a,e){var d,s;e(67),d=e(43);var i=e(134);s=d=d||{},"object"!=typeof d["default"]&&"function"!=typeof d["default"]||(s=d=d["default"]),"function"==typeof s&&(s=s.options),s.render=i.render,s.staticRenderFns=i.staticRenderFns,t.exports=d},124:function(module,exports){module.exports={render:function(){with(this)return _h("div",{ref:"tab",staticClass:"md-tab",attrs:{id:tabId}},[_t("default")])},staticRenderFns:[]}},134:function(module,exports){module.exports={render:function(){with(this)return _h("div",{staticClass:"md-tabs","class":tabClasses},[_h("md-whiteframe",{attrs:{"md-elevation":elevation||0}},[_h("div",{staticClass:"md-tabs-navigation"},[_l(tabs,function(t){return _h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:t.disabled,expression:"header.disabled"}],key:t.id,ref:"tabHeader",refInFor:!0,staticClass:"md-tab-header","class":getHeaderClass(t),attrs:{type:"button",disabled:t.disabled},on:{click:function(a){changeTab(t.id)}}},[_h("div",{staticClass:"md-tab-header-container"},[t.icon?_h("md-icon",[_s(t.icon)]):_e()," ",t.label?_h("span",[_s(t.label)]):_e()])])})," ",_h("span",{ref:"indicator",staticClass:"md-tab-indicator","class":indicatorClass})])])," ",_h("div",{ref:"tabContent",staticClass:"md-tabs-content"},[_h("div",{ref:"tabWrapper",staticClass:"md-tabs-wrapper"},[_t("default")])])])},staticRenderFns:[]}}})});