vue-ribbon/dist/ribbon.min.js

Vue component for GitHub ribbons

var Ribbon=function(e){"use strict";function t(e,t,o,n,r,a,i,d,b,s){"boolean"!=typeof i&&(b=d,d=i,i=!1);var l="function"==typeof o?o.options:o;e&&e.render&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,r&&(l.functional=!0)),n&&(l._scopeId=n);var u;if(a?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,b(e)),e&&e._registeredComponents&&e._registeredComponents.add(a)},l._ssrRegister=u):t&&(u=i?function(){t.call(this,s(this.$root.$options.shadowRoot))}:function(e){t.call(this,d(e))}),u)if(l.functional){var f=l.render;l.render=function(e,t){return u.call(t),f(e,t)}}else{var m=l.beforeCreate;l.beforeCreate=m?[].concat(m,u):[u]}return o}function o(e){return function(e,t){return n(e,t)}}function n(e,t){var o=d?t.media||"default":e,n=s[o]||(s[o]={ids:new Set,styles:[]});if(!n.ids.has(e)){n.ids.add(e);var r=t.source;if(t.map&&(r+="\n/*# sourceURL="+t.map.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),n.element||(n.element=document.createElement("style"),n.element.type="text/css",t.media&&n.element.setAttribute("media",t.media),b.appendChild(n.element)),"styleSheet"in n.element)n.styles.push(r),n.element.styleSheet.cssText=n.styles.filter(Boolean).join("\n");else{var a=n.ids.size-1,i=document.createTextNode(r),l=n.element.childNodes;l[a]&&n.element.removeChild(l[a]),l.length?n.element.insertBefore(i,l[a]):n.element.appendChild(i)}}}function r(e){r.installed||(r.installed=!0,e.component("Ribbon",l))}var a={name:"Ribbon",props:{text:{type:String,default:"vue-ribbon: check it out!"},url:{type:String,default:"https://flatmap.it/vue-ribbon"},position:{type:String,validator:function(e){return"left-top"===e||"right-top"===e||"left-bottom"===e||"right-bottom"===e},default:"right-top"},fixed:{type:Boolean,default:!1},color:{type:String,validator:function(e){return 7===e.length},default:"#364a5e"}},computed:{ribbonClass:function(){var e;return e={"vue-ribbon":!0},e[""+this.position]=!0,e.fixed=this.fixed,e},href:function(){return this.url},componentId:function(){return"vue-ribbon-"+this._uid}},methods:{isLightColor:function(){var e=parseInt(this.color.substring(1),16);return.2126*(e>>16&255)+.7152*(e>>8&255)+.0722*(e>>0&255)>128},dynamicCSSClass:function(){var e="vue-ribbon-bkg-"+this._uid,t=document.getElementById(e);t||((t=document.createElement("style")).id=e,t.type="text/css",this.$el.appendChild(t));var o="#"+this.componentId+":before { background-color: "+this.color+"} ";this.isLightColor()&&(o+="#"+this.componentId+":after { color: #000; border-color: #000;}"),t.innerHTML=o}},mounted:function(){this.dynamicCSSClass()},beforeUpdate:function(){this.dynamicCSSClass()}},i=t,d="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase()),b=document.head||document.getElementsByTagName("head")[0],s={},l=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{attrs:{id:"vue-ribbon-box"}},[o("a",{class:e.ribbonClass,attrs:{id:e.componentId,href:e.href,title:e.text,"data-ribbon":e.text}},[e._v(e._s(e.text))])])},staticRenderFns:[]},function(e){e&&e("data-v-5d582780_0",{source:'.vue-ribbon[data-v-5d582780]{width:12.1em;height:12.1em;position:absolute;overflow:hidden;top:0;right:0;z-index:9999;pointer-events:none;font-size:13px;text-decoration:none;text-indent:-999999px}.vue-ribbon.fixed[data-v-5d582780]{position:fixed}.vue-ribbon[data-v-5d582780]:active,.vue-ribbon[data-v-5d582780]:hover{background-color:rgba(0,0,0,0)}.vue-ribbon[data-v-5d582780]:after,.vue-ribbon[data-v-5d582780]:before{position:absolute;display:block;width:15.38em;height:1.54em;top:3.23em;right:-3.23em;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.vue-ribbon[data-v-5d582780]:before{content:"";padding:.38em 0;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.15)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15));background-image:-moz-linear-gradient(top,rgba(92,60,60,0),rgba(0,0,0,.15));background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15));background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.15));-webkit-box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);-moz-box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);pointer-events:auto}.vue-ribbon[data-v-5d582780]:after{content:attr(data-ribbon);color:#fff;font:700 1em "Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.54em;text-decoration:none;text-shadow:0 -.08em rgba(0,0,0,.5);text-align:center;text-indent:0;padding:.15em 0;margin:.15em 0;border-width:.08em 0;border-style:dotted;border-color:#fff;border-color:rgba(255,255,255,.7)}.vue-ribbon.left-bottom[data-v-5d582780],.vue-ribbon.left-top[data-v-5d582780]{right:auto;left:0}.vue-ribbon.left-bottom[data-v-5d582780],.vue-ribbon.right-bottom[data-v-5d582780]{top:auto;bottom:0}.vue-ribbon.left-bottom[data-v-5d582780]:after,.vue-ribbon.left-bottom[data-v-5d582780]:before,.vue-ribbon.left-top[data-v-5d582780]:after,.vue-ribbon.left-top[data-v-5d582780]:before{right:auto;left:-3.23em}.vue-ribbon.left-bottom[data-v-5d582780]:after,.vue-ribbon.left-bottom[data-v-5d582780]:before,.vue-ribbon.right-bottom[data-v-5d582780]:after,.vue-ribbon.right-bottom[data-v-5d582780]:before{top:auto;bottom:3.23em}.vue-ribbon.left-top[data-v-5d582780]:after,.vue-ribbon.left-top[data-v-5d582780]:before,.vue-ribbon.right-bottom[data-v-5d582780]:after,.vue-ribbon.right-bottom[data-v-5d582780]:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}',map:void 0,media:void 0})},a,"data-v-5d582780",!1,void 0,o,void 0),u={install:r},f=null;return"undefined"!=typeof window?f=window.Vue:"undefined"!=typeof global&&(f=global.Vue),f&&f.use(u),l.install=r,e.default=l,e}({});