vue-gh-corners
Version:
GitHub Corners for Vue.
1 lines • 4.12 kB
Source Map (JSON)
{"version":3,"file":"vue-github-corners.esm.mjs","sources":["../src/components/GitHubCorners.vue","../src/index.ts"],"sourcesContent":["<template>\r\n\t<a :href=\"url\" :target=\"blankAttr\" :rel=\"relAttr\" class=\"github-corner\" aria-label=\"View source on GitHub\">\r\n\t\t<svg width=\"80\" height=\"80\" viewBox=\"0 0 250 250\" :style=\"svgStyle\" aria-hidden=\"true\">\r\n\t\t\t<path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path>\r\n\t\t\t<path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path>\r\n\t\t\t<path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\"\r\n\t\t\tfill=\"currentColor\" class=\"octo-body\"></path>\r\n\t\t</svg>\r\n\t</a>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport Vue from 'vue';\r\n\r\nconst GITHUB_BASE_URL = 'https://github.com';\r\n\r\nexport default Vue.extend({\r\n\tname: 'GitHubCorners',\r\n\tprops: {\r\n\t\trepo: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true\r\n\t\t},\r\n\t\tblank: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\tbgColor: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '#151513'\r\n\t\t},\r\n\t\tcolor: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '#fff'\r\n\t\t},\r\n\t\tposition: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'right',\r\n\t\t\tvalidator(value) {\r\n\t\t\t\treturn (value === 'left') || (value === 'right');\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\turl() {\r\n\t\t\treturn `${GITHUB_BASE_URL}/${this.repo}`;\r\n\t\t},\r\n\t\tsvgStyle() {\r\n\t\t\tlet positionStyles = {};\r\n\r\n\t\t\tif (this.position === 'left') {\r\n\t\t\t\tpositionStyles = {\r\n\t\t\t\t\tleft: 0,\r\n\t\t\t\t\ttransform: 'scale(-1, 1)'\r\n\t\t\t\t};\r\n\t\t\t} else {\r\n\t\t\t\tpositionStyles = {\r\n\t\t\t\t\tright: 0\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tfill: this.bgColor,\r\n\t\t\t\tcolor: this.color,\r\n\t\t\t\tposition: 'absolute',\r\n\t\t\t\tborder: 0,\r\n\t\t\t\ttop: 0,\r\n\t\t\t\t...positionStyles\r\n\t\t\t};\r\n\t\t},\r\n\t\tblankAttr() {\r\n\t\t\treturn this.blank ? '_blank' : null;\r\n\t\t},\r\n\t\trelAttr() {\r\n\t\t\treturn this.blank ? 'noopener noreferrer' : null;\r\n\t\t}\r\n\t}\r\n});\r\n</script>\r\n\r\n<style>\r\n.github-corner:hover .octo-arm {\r\n\tanimation: octocat-wave 560ms ease-in-out\r\n}\r\n@keyframes octocat-wave {\r\n\t0%, 100% {\r\n\t\ttransform: rotate(0)\r\n\t}\r\n\t20%, 60% {\r\n\t\ttransform: rotate(-25deg)\r\n\t}\r\n\t40%, 80% {\r\n\t\ttransform: rotate(10deg)\r\n\t}\r\n}\r\n@media (max-width:500px) {\r\n\t.github-corner:hover .octo-arm {\r\n\t\tanimation: none\r\n\t}\r\n\t.github-corner .octo-arm {\r\n\t\tanimation: octocat-wave 560ms ease-in-out\r\n\t}\r\n}\r\n</style>\r\n","import Vue from 'vue';\r\n\r\nimport GitHubCorners from './components/GitHubCorners.vue';\r\n\r\nfunction install(vue: typeof Vue) {\r\n\tvue.component('github-corners', GitHubCorners);\r\n}\r\n\r\nif ((typeof window !== 'undefined') && window.Vue) {\r\n\tinstall(window.Vue);\r\n}\r\n\r\nexport default {\r\n\tinstall\r\n};\r\n"],"names":["install","vue","component","GitHubCorners","window","Vue"],"mappings":";;;;AAcA,0CAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;;;AAhBA,AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACCA,SAASA,OAAT,CAAiBC,GAAjB;EACCA,GAAG,CAACC,SAAJ,CAAc,gBAAd,EAAgCC,aAAhC;;;AAGD,IAAK,OAAOC,MAAP,KAAkB,WAAnB,IAAmCA,MAAM,CAACC,GAA9C,EAAmD;EAClDL,OAAO,CAACI,MAAM,CAACC,GAAR,CAAP;;;AAGD,YAAe;EACdL,OAAO;CADR;;;;"}