UNPKG

th-vue-material

Version:
6 lines 7.31 kB
/*! * Vue Material v0.7.2-rc.1 * Made with love by Marcos Moura * Released under the MIT License. */ !(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=475)})({0:function(e,t){e.exports=function(e,t,n,i){var o,s=e=e||{},r=typeof e.default;"object"!==r&&"function"!==r||(o=e,s=e.default);var u="function"==typeof s?s.options:s;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),i){var a=u.computed||(u.computed={});Object.keys(i).forEach((function(e){var t=i[e];a[e]=function(){return t}}))}return{esModule:o,exports:s,options:u}}},114:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function o(e){if(o.installed)return void console.warn("Vue Material is already installed.");o.installed=!0,e.use(r.default),e.use(a.default),e.material.styles.push(d.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=n(120),r=i(s),u=n(119),a=i(u),l=n(290),d=i(l);n(225),e.exports=t.default},119:function(e,t,n){"use strict";function i(e){e.component("md-ink-ripple",s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(365),s=(function(e){return e&&e.__esModule?e:{default:e}})(o);e.exports=t.default},120:function(e,t){throw new Error("Module build failed: SyntaxError: Unexpected token (130:0)\n\n  128 |  palette[name] = spec;\n  129 |  },\n> 130 | <<<<<<< Updated upstream\n  | ^\n  131 |  useTheme(name) {\n  132 |  if (name in injectedStyles) {\n  133 |  return;\n")},197:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e,t,n){"start"===t?(e.addEventListener("mousedown",n),e.addEventListener("touchstart",n)):(e.addEventListener("mouseup",n),e.addEventListener("touchend",n))},o=function(e,t,n){"start"===t?(e.removeEventListener("mousedown",n),e.removeEventListener("touchstart",n)):(e.removeEventListener("mouseup",n),e.removeEventListener("touchend",n))};t.default={name:"md-ink-ripple",props:{mdDisabled:Boolean},data:function(){return{mounted:!1,rippleElement:null,parentElement:null,parentDimensions:{width:null,height:null,top:null,left:null},awaitingComplete:!1,hasCompleted:!1,fadeOut:!1,active:!1}},computed:{classes:function(){return{"md-fadeout":this.fadeOut,"md-active":this.active}},styles:function(){return{width:this.parentDimensions.width,height:this.parentDimensions.height,top:this.parentDimensions.top,left:this.parentDimensions.left}},disabled:function(){return this.mdDisabled||!this.$material.inkRipple}},watch:{disabled:function(e){e?this.destroy():this.init()}},methods:{checkAvailablePositions:function(e){return["relative","absolute","fixed"].indexOf(getComputedStyle(e).position)>-1},getClosestPositionedParent:function(e){var t=e&&e.parentNode;return!(!t||"body"===t.tagName.toLowerCase())&&(this.checkAvailablePositions(e)?e:this.getClosestPositionedParent(t))},getParentSize:function(){var e=this.parentElement;return Math.round(Math.max(e.offsetWidth,e.offsetHeight))+"px"},getClickPosition:function(e){if(this.$refs.ripple){var t=this.parentElement.getBoundingClientRect(),n=e.pageY,i=e.pageX;return"touchstart"===e.type&&(n=e.changedTouches[0].pageY,i=e.changedTouches[0].pageX),{top:n-t.top-this.$refs.ripple.offsetHeight/2-document.body.scrollTop+"px",left:i-t.left-this.$refs.ripple.offsetWidth/2-document.body.scrollLeft+"px"}}return!1},setDimensions:function(){var e=this.getParentSize();this.parentDimensions.width=e,this.parentDimensions.height=e},setPositions:function(e){var t=this.getClickPosition(e);t&&(this.parentDimensions.top=t.top,this.parentDimensions.left=t.left)},clearState:function(){this.active=!1,this.fadeOut=!1,this.hasCompleted=!1,this.setDimensions(),window.clearTimeout(this.awaitingComplete),o(document.body,"end",this.endRipple)},startRipple:function(e){var t=this;"touchstart"===e.type?this.previous.push("touch"):this.previous.push("mouse"),this.previous=this.previous.splice(this.previous.length-2,this.previous.length),this.previous.length>=2&&"touch"===this.previous[1]&&"mouse"===this.previous[0]||(this.clearState(),this.awaitingComplete=window.setTimeout((function(){t.hasCompleted=!0}),400),i(document.body,"end",this.endRipple),this.$nextTick((function(){t.setPositions(e),t.active=!0})))},endRipple:function(){var e=this;this.hasCompleted?this.fadeOut=!0:this.awaitingComplete=window.setTimeout((function(){e.fadeOut=!0}),200),o(document.body,"end",this.endRipple)},registerTriggerEvent:function(){i(this.parentElement,"start",this.startRipple)},unregisterTriggerEvent:function(){this.parentElement&&o(this.parentElement,"start",this.startRipple)},init:function(){this.rippleElement=this.$el,this.parentElement=this.getClosestPositionedParent(this.$el.parentNode),this.previous=["mouse"],this.parentElement?(this.rippleElement.parentNode.removeChild(this.rippleElement),this.parentElement.querySelectorAll(".md-ink-ripple").length>0?this.$destroy():(this.parentElement.appendChild(this.rippleElement),this.registerTriggerEvent(),this.setDimensions())):this.$destroy()},destroy:function(){this.rippleElement&&this.rippleElement.parentNode&&(this.unregisterTriggerEvent(),this.rippleElement.parentNode.removeChild(this.rippleElement))}},mounted:function(){var e=this;window.setTimeout((function(){e.disabled?e.destroy():e.init(),e.$nextTick((function(){e.mounted=!0}))}),100)},beforeDestroy:function(){this.destroy()}},e.exports=t.default},225:function(e,t){},248:function(e,t){},290:function(e,t){e.exports=".THEME_NAME :not(input):not(textarea)::selection{background:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME a:not(.md-button){color:ACCENT-COLOR}.THEME_NAME a:not(.md-button):hover{color:ACCENT-COLOR-800}body.THEME_NAME{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST-0.87}.THEME_NAME .md-caption,.THEME_NAME .md-display-1,.THEME_NAME .md-display-2,.THEME_NAME .md-display-3,.THEME_NAME .md-display-4{color:BACKGROUND-CONTRAST-0.57}.THEME_NAME code:not(.hljs){background-color:ACCENT-COLOR-A100-0.2;color:ACCENT-COLOR-800}\n"},365:function(e,t,n){n(248);var i=n(0)(n(197),n(420),null,null);e.exports=i.exports},420:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.mounted||!e.disabled?n("div",{staticClass:"md-ink-ripple"},[n("div",{ref:"ripple",staticClass:"md-ripple",class:e.classes,style:e.styles})]):e._e()},staticRenderFns:[]}},475:function(e,t,n){e.exports=n(114)}})}));