vue-material
Version:
Material Design for Vue.js
1 lines • 17.6 kB
JavaScript
!(function(t,e){var n,r;if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("vue"));else if("function"==typeof define&&define.amd)define(["vue"],e);else{n=e("object"==typeof exports?require("vue"):t.Vue);for(r in n)("object"==typeof exports?exports:t)[r]=n[r]}})(this,(function(t){return (function(t){function e(r){if(n[r])return n[r].exports;var s=n[r]={i:r,l:!1,exports:{}};return t[r].call(s.exports,s,s.exports,e),s.l=!0,s.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=429)})({0:function(t,e){t.exports=function(t,e,n,r,s,i){var a,o,u,c,l,d=t=t||{},f=typeof t.default;return"object"!==f&&"function"!==f||(a=t,d=t.default),o="function"==typeof d?d.options:d,e&&(o.render=e.render,o.staticRenderFns=e.staticRenderFns,o._compiled=!0),n&&(o.functional=!0),s&&(o._scopeId=s),i?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},o._ssrRegister=u):r&&(u=r),u&&(c=o.functional,l=c?o.render:o.beforeCreate,c?(o._injectStyles=u,o.render=function(t,e){return u.call(e),l(t,e)}):o.beforeCreate=l?[].concat(l,u):[u]),{esModule:a,exports:d,options:o}}},1:function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}var s,i,a,o;Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){var e={props:{mdTheme:null},computed:{$mdActiveTheme:function(){var t=i.default.enabled,e=i.default.getThemeName,n=i.default.getAncestorTheme;return t&&!1!==this.mdTheme?e(this.mdTheme||n(this)):null}}};return(0,o.default)(e,t)},s=n(4),i=r(s),a=n(6),o=r(a)},11:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(){return Math.random().toString(36).slice(4)};e.default=r},2:function(e,n){e.exports=t},20:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=Object.assign||function(t){var e,n,r;for(e=1;e<arguments.length;e++){n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t};e.default=function(t,e){return r({},e,t.$options.components["router-link"].options.props)}},3:function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}var s,i,a,o,u;Object.defineProperty(e,"__esModule",{value:!0}),n(7),s=n(5),i=r(s),a=n(4),o=r(a),u=function(){var t=new i.default({ripple:!0,theming:{},locale:{startYear:1900,endYear:2099,dateFormat:"YYYY-MM-DD",days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],shorterDays:["S","M","T","W","T","F","S"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","June","July","Aug","Sept","Oct","Nov","Dec"],shorterMonths:["J","F","M","A","M","Ju","Ju","A","Se","O","N","D"]}});return Object.defineProperties(t.theming,{metaColors:{get:function(){return o.default.metaColors},set:function(t){o.default.metaColors=t}},theme:{get:function(){return o.default.theme},set:function(t){o.default.theme=t}},enabled:{get:function(){return o.default.enabled},set:function(t){o.default.enabled=t}}}),t},e.default=function(t){t.material||(t.material=u(),t.prototype.$material=t.material)}},31:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{isAssetIcon:function(t){return/\w+[\/\\.]\w+/.test(t)}}}},376:function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}var s,i,a,o,u,c;Object.defineProperty(e,"__esModule",{value:!0}),s=n(3),i=r(s),a=n(377),o=r(a),u=n(380),c=r(u),e.default=function(t){(0,i.default)(t),t.component(o.default.name,o.default),t.component(c.default.name,c.default)}},377:function(t,e,n){"use strict";function r(t){n(378)}var s,i,a,o,u,c,l,d,f,h,m,p;Object.defineProperty(e,"__esModule",{value:!0}),s=n(379),i=n.n(s),a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"md-tabs",class:[t.tabsClasses,t.$mdActiveTheme]},[n("div",{staticClass:"md-tabs-navigation",class:t.navigationClasses},[t._l(t.MdTabs.items,(function(e,r){var s=e.label,i=e.props,a=e.icon,o=e.disabled,u=e.data,c=e.events;return n("md-button",t._g(t._b({key:r,class:{"md-active":r===t.activeTab,"md-icon-label":a&&s},attrs:{disabled:o},nativeOn:{click:function(e){t.setActiveTab(r)}}},"md-button",i,!1),c),[t.$scopedSlots["md-tab"]?t._t("md-tab",null,{tab:{label:s,icon:a,data:u}}):[a?[t.isAssetIcon(a)?n("md-icon",{staticClass:"md-tab-icon",attrs:{"md-src":a}}):n("md-icon",{staticClass:"md-tab-icon"},[t._v(t._s(a))]),t._v(" "),n("span",{staticClass:"md-tab-label"},[t._v(t._s(s))])]:[t._v(t._s(s))]]],2)})),t._v(" "),n("span",{ref:"indicator",staticClass:"md-tabs-indicator",class:t.indicatorClass,style:t.indicatorStyles})],2),t._v(" "),n("md-content",{directives:[{name:"show",rawName:"v-show",value:t.hasContent,expression:"hasContent"}],staticClass:"md-tabs-content",style:t.contentStyles},[n("div",{staticClass:"md-tabs-container",style:t.containerStyles},[t._t("default")],2)])],1)},o=[],u={render:a,staticRenderFns:o},c=u,l=n(0),d=!1,f=r,h=null,m=null,p=l(i.a,c,d,f,h,m),e.default=p.exports},378:function(t,e){},379:function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function s(t){return function(){var e=t.apply(this,arguments);return new Promise(function(t,n){function r(s,i){var a,o;try{a=e[s](i),o=a.value}catch(t){return void n(t)}if(!a.done)return Promise.resolve(o).then((function(t){r("next",t)}),(function(t){r("throw",t)}));t(o)}return r("next")})}}function i(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var a,o,u,c,l,d,f,h,m,p,v;Object.defineProperty(e,"__esModule",{value:!0}),a=Object.assign||function(t){var e,n,r;for(e=1;e<arguments.length;e++){n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o=n(1),u=r(o),c=n(31),l=r(c),d=n(8),f=r(d),h=n(49),m=r(h),p=n(69),v=r(p),e.default=new u.default({name:"MdTabs",mixins:[l.default],components:{MdContent:v.default},props:{mdAlignment:a({type:String,default:"left"},(0,f.default)("md-alignment",["left","right","centered","fixed"])),mdElevation:{type:[Number,String],default:0},mdSyncRoute:Boolean,mdDynamicHeight:Boolean,mdActiveTab:[String,Number]},data:function(){return{resizeObserver:null,activeTab:0,activeTabIndex:0,indicatorStyles:{},indicatorClass:null,noTransition:!0,containerStyles:{},contentStyles:{height:"0px"},hasContent:!1,MdTabs:{items:{}}}},provide:function(){return{MdTabs:this.MdTabs}},computed:{tabsClasses:function(){var t;return t={},i(t,"md-alignment-"+this.mdAlignment,!0),i(t,"md-no-transition",this.noTransition),i(t,"md-dynamic-height",this.mdDynamicHeight),t},navigationClasses:function(){return"md-elevation-"+this.mdElevation}},watch:{MdTabs:{deep:!0,handler:function(){this.setHasContent()}},activeTab:(function(){function t(){return e.apply(this,arguments)}var e=s(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$nextTick();case 2:this.setIndicatorStyles(),this.setActiveTabIndex(),this.calculateTabPos();case 5:case"end":return t.stop()}}),t,this)})));return t})(),mdActiveTab:function(t){this.activeTab=t,this.$emit("md-changed",t)},mdAlignment:(function(){function t(){return e.apply(this,arguments)}var e=s(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$nextTick();case 2:this.setIndicatorStyles();case 3:case"end":return t.stop()}}),t,this)})));return t})()},methods:{hasActiveTab:function(){return this.activeTab||this.mdActiveTab},getItemsAndKeys:function(){var t=this.MdTabs.items;return{items:t,keys:Object.keys(t)}},setActiveTab:function(t){this.activeTab=t,this.$emit("md-changed",t)},setActiveTabIndex:function(){var t=this.$el.querySelector(".md-button.md-active");t&&(this.activeTabIndex=[].indexOf.call(t.parentNode.childNodes,t))},setActiveTabByIndex:function(t){var e=this.getItemsAndKeys(),n=e.keys;this.hasActiveTab()||(this.activeTab=n[t])},setActiveTabByRoute:function(){var t=this,e=this.getItemsAndKeys(),n=e.items,r=e.keys,s=null;this.$router&&r.forEach((function(e,r){var i=n[e],a=i.props.to;a&&a===t.$route.path&&(s=r)})),this.hasActiveTab()||s?this.activeTab=r[s]:this.activeTab=r[0]},setHasContent:function(){var t=this.getItemsAndKeys(),e=t.items,n=t.keys;this.hasContent=n.some((function(t){return e[t].hasContent}))},setIndicatorStyles:function(){var t=this;window.requestAnimationFrame(s(regeneratorRuntime.mark((function e(){var n,r,s,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.$nextTick();case 2:n=t.$el.querySelector(".md-button.md-active"),n&&t.$refs.indicator&&(r=n.offsetWidth,s=n.offsetLeft,i=t.$refs.indicator.offsetLeft,t.indicatorClass=i<s?"md-tabs-indicator-right":"md-tabs-indicator-left",t.indicatorStyles={left:s+"px",right:"calc(100% - "+(r+s)+"px)"});case 4:case"end":return e.stop()}}),e,t)}))))},calculateTabPos:function(){if(this.hasContent){var t=this.$el.querySelector(".md-tab:nth-child("+(this.activeTabIndex+1)+")");this.contentStyles={height:t.offsetHeight+"px"},this.containerStyles={transform:"translate3D("+100*-this.activeTabIndex+"%, 0, 0)"}}},setupObservers:function(){var t=this;"ResizeObserver"in window?(this.resizeObserver=new window.ResizeObserver(this.setIndicatorStyles),this.resizeObserver.observe(this.$el)):(this.resizeObserver=(0,m.default)(this.$el.querySelector(".md-tabs-content"),{childList:!0,characterData:!0,subtree:!0},(function(){t.setIndicatorStyles(),t.calculateTabPos()})),window.addEventListener("resize",this.setIndicatorStyles))},setupWatchers:function(){this.mdSyncRoute&&this.$watch("$route",{deep:!0,handler:function(){this.mdSyncRoute&&this.setActiveTabByRoute()}})}},created:function(){this.setHasContent(),this.activeTab=this.mdActiveTab},mounted:(function(){function t(){return e.apply(this,arguments)}var e=s(regeneratorRuntime.mark((function t(){var e=this;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,this.$nextTick();case 2:return this.mdSyncRoute?this.setActiveTabByRoute():this.setActiveTabByIndex(0),t.next=5,this.$nextTick();case 5:this.setActiveTabIndex(),this.calculateTabPos(),window.setTimeout((function(){e.noTransition=!1,e.setupObservers(),e.setupWatchers()}),100);case 8:case"end":return t.stop()}}),t,this)})));return t})(),beforeDestroy:function(){this.resizeObserver&&this.resizeObserver.disconnect(),window.removeEventListener("resize",this.setIndicatorStyles)}})},380:function(t,e,n){"use strict";var r,s,i,a,o,u,c,l,d;Object.defineProperty(e,"__esModule",{value:!0}),r=n(381),s=n.n(r),i=n(0),a=null,o=!1,u=null,c=null,l=null,d=i(s.a,a,o,u,c,l),e.default=d.exports},381:function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}var s,i,a,o,u,c,l;Object.defineProperty(e,"__esModule",{value:!0}),s=Object.assign||function(t){var e,n,r;for(e=1;e<arguments.length;e++){n=arguments[e];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},i=n(11),a=r(i),o=n(49),u=r(o),c=n(20),l=r(c),e.default={name:"MdTab",props:{id:{type:String,default:function(){return"md-tab-"+(0,a.default)()}},href:[String,Number],to:null,mdDisabled:Boolean,mdLabel:[String,Number],mdIcon:String,mdTemplateData:{type:Object,default:function(){return{}}}},inject:["MdTabs"],data:function(){return{observer:null}},watch:{$props:{deep:!0,handler:function(){this.setTabData()}},$attrs:{deep:!0,handler:function(){this.setTabData()}}},methods:{setTabContent:function(){this.$set(this.MdTabs.items[this.id],"hasContent",!!this.$slots.default)},setupObserver:function(){this.observer=(0,u.default)(this.$el,{childList:!0},this.setTabContent)},setTabData:function(){this.$set(this.MdTabs.items,this.id,{hasContent:!!this.$slots.default,label:this.mdLabel,icon:this.mdIcon,disabled:this.mdDisabled,data:this.mdTemplateData,props:this.getPropValues(),events:this.$listeners})},getPropValues:function(){var t=this,e=Object.keys(this.$options.props),n=["id","mdLabel","mdDisabled","mdTemplateData"],r={};return e.forEach((function(e){n.includes(e)||(t[e]?r[e]=t[e]:t.$attrs.hasOwnProperty(e)&&(r[e]=!e||t.$attrs[e]))})),r}},mounted:function(){this.setupObserver(),this.setTabData()},beforeDestroy:function(){this.observer&&this.observer.disconnect(),this.$delete(this.MdTabs.items,this.id)},render:function(t){var e={staticClass:"md-tab",attrs:s({},this.$attrs,{id:this.id}),on:this.$listeners};return this.href?this.buttonProps=this.$options.props:this.$router&&this.to&&(this.$options.props=(0,l.default)(this,this.$options.props),e.props=this.$props),t("div",e,this.$slots.default)}}},4:function(t,e,n){"use strict";var r,s,i,a,o;Object.defineProperty(e,"__esModule",{value:!0}),r=n(2),s=(function(t){return t&&t.__esModule?t:{default:t}})(r),i=null,a=null,o=null,e.default=new s.default({data:function(){return{prefix:"md-theme-",theme:"default",enabled:!0,metaColors:!1}},computed:{themeTarget:function(){return!this.$isServer&&document.documentElement},fullThemeName:function(){return this.getThemeName()}},watch:{enabled:{immediate:!0,handler:function(){var t=this.fullThemeName,e=this.themeTarget,n=this.enabled;e&&(n?(e.classList.add(t),this.metaColors&&this.setHtmlMetaColors(t)):(e.classList.remove(t),this.metaColors&&this.setHtmlMetaColors()))}},theme:function(t,e){var n=this.getThemeName,r=this.themeTarget;t=n(t),r.classList.remove(n(e)),r.classList.add(t),this.metaColors&&this.setHtmlMetaColors(t)},metaColors:function(t){t?this.setHtmlMetaColors(this.fullThemeName):this.setHtmlMetaColors()}},methods:{getAncestorTheme:function(t){var e,n=this;return t?(e=t.mdTheme,(function t(r){if(r){var s=r.mdTheme,i=r.$parent;return s&&s!==e?s:t(i)}return n.theme})(t.$parent)):null},getThemeName:function(t){var e=t||this.theme;return this.prefix+e},setMicrosoftColors:function(t){i&&i.setAttribute("content",t)},setThemeColors:function(t){a&&a.setAttribute("content",t)},setMaskColors:function(t){o&&o.setAttribute("color",t)},setHtmlMetaColors:function(t){var e,n="#fff";t&&(e=window.getComputedStyle(document.documentElement),n=e.getPropertyValue("--"+t+"-primary")),n&&(this.setMicrosoftColors(n),this.setThemeColors(n),this.setMaskColors(n))}},mounted:function(){var t=this;i=document.querySelector('[name="msapplication-TileColor"]'),a=document.querySelector('[name="theme-color"]'),o=document.querySelector('[rel="mask-icon"]'),this.enabled&&this.metaColors&&window.addEventListener("load",(function(){t.setHtmlMetaColors(t.fullThemeName)}))}})},429:function(t,e,n){t.exports=n(376)},49:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e,n){if("MutationObserver"in window){var r=new window.MutationObserver(n);return r.observe(t,e),{disconnect:function(){r.disconnect()}}}}},5:function(t,e,n){"use strict";var r,s;Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){var e={};return s.default.util.defineReactive(e,"reactive",t),e.reactive},r=n(2),s=(function(t){return t&&t.__esModule?t:{default:t}})(r)},6:function(t,e,n){"use strict";function r(t){return!!t&&"object"==typeof t}function s(t){var e=Object.prototype.toString.call(t);return"[object RegExp]"===e||"[object Date]"===e||i(t)}function i(t){return t.$$typeof===h}function a(t){return Array.isArray(t)?[]:{}}function o(t,e){return e&&!1===e.clone||!d(t)?t:l(a(t),t,e)}function u(t,e,n){return t.concat(e).map((function(t){return o(t,n)}))}function c(t,e,n){var r={};return d(t)&&Object.keys(t).forEach((function(e){r[e]=o(t[e],n)})),Object.keys(e).forEach((function(s){d(e[s])&&t[s]?r[s]=l(t[s],e[s],n):r[s]=o(e[s],n)})),r}function l(t,e,n){var r=Array.isArray(e),s=Array.isArray(t),i=n||{arrayMerge:u};return r===s?r?(i.arrayMerge||u)(t,e,n):c(t,e,n):o(e,n)}var d,f,h,m;Object.defineProperty(e,"__esModule",{value:!0}),d=function(t){return r(t)&&!s(t)},f="function"==typeof Symbol&&Symbol.for,h=f?Symbol.for("react.element"):60103,l.all=function(t,e){if(!Array.isArray(t))throw Error("first argument should be an array");return t.reduce((function(t,n){return l(t,n,e)}),{})},m=l,e.default=m},69:function(t,e,n){"use strict";var r,s,i,a,o,u,c,l,d;Object.defineProperty(e,"__esModule",{value:!0}),r=n(77),s=n.n(r),i=n(0),a=null,o=!1,u=null,c=null,l=null,d=i(s.a,a,o,u,c,l),e.default=d.exports},7:function(t,e){},77:function(t,e,n){"use strict";var r,s;Object.defineProperty(e,"__esModule",{value:!0}),r=n(1),s=(function(t){return t&&t.__esModule?t:{default:t}})(r),e.default=new s.default({name:"MdContent",props:{mdTag:{type:String,default:"div"}},render:function(t){return t(this.mdTag,{staticClass:"md-content",class:[this.$mdActiveTheme],attrs:this.$attrs,on:this.$listeners},this.$slots.default)}})},8:function(t,e,n){"use strict";var r,s;Object.defineProperty(e,"__esModule",{value:!0}),r=n(2),s=(function(t){return t&&t.__esModule?t:{default:t}})(r),e.default=function(t,e){return{validator:function(n){return!!e.includes(n)||(s.default.util.warn("The "+t+" prop is invalid. Given value: "+n+". Available options: "+e.join(", ")+".",void 0),!1)}}}}})}));