vue-circle-flags
Version:
A vue component with a collection of 400+ circular SVG country flags. Wrapper of HatScripts/circle-flags
2 lines • 2.48 kB
JavaScript
let e=require("vue");var t=[`viewBox`],n=(0,e.createElementVNode)(`mask`,{id:`f67190cc-fa1e-4906-9938-24bdf73cd243`},[(0,e.createElementVNode)(`circle`,{cx:`256`,cy:`256`,r:`256`,fill:`#fff`})],-1),r={mask:`url(#f67190cc-fa1e-4906-9938-24bdf73cd243)`},i={key:0},a=(0,e.createStaticVNode)(`<path fill="#eee" d="M0 0h512v512H0z"></path><path fill="#496e2d" d="M256 32a206 206 0 1 0 0 412 206 206 0 0 0 0-412zm0 8a198 198 0 0 1 182 276h-43a158 158 0 0 0-73-222v8a151 151 0 0 1 64 214h-1v72a197 197 0 0 1-258 0v-72a151 151 0 0 1 63-214v-8a159 159 0 0 0-73 222H74A198 198 0 0 1 256 40zm0 12A186 186 0 0 0 73 271a8 8 0 0 0 9 7 8 8 0 0 0 7-9l-3-31a170 170 0 1 1 337 31 8 8 0 0 0 7 9 8 8 0 0 0 9-7A187 187 0 0 0 256 52zM63 355a8 8 0 0 0-4 1 8 8 0 0 0-3 11 238 238 0 0 0 400 0 8 8 0 0 0-3-11 8 8 0 0 0-11 3 222 222 0 0 1-372 0 8 8 0 0 0-7-4z"></path><path fill="#ffda44" d="M199 86v51l-25 153-38 31h240l-38-31-25-153V86H199z"></path><path fill="#ff9811" d="M136 321h240v24H136z"></path><path fill="#eee" d="M136 345h240v24H136z"></path><path fill="#6da544" d="M136 369h240v24H136z"></path><circle cx="191" cy="357" r="8" fill="#0052b4"></circle><circle cx="-321" cy="357" r="8" fill="#0052b4" transform="scale(-1 1)"></circle><path fill="#d80027" d="M256 252a20 20 0 0 0-20 20 20 20 0 0 0-17-10 20 20 0 0 0-20 20 20 20 0 0 0 20 20 20 20 0 0 0 3 0v71h-1c-5 0-10 4-10 10v8c0 5 5 10 10 10h1v1c0 6 5 10 10 10h48c6 0 10-4 10-10v-1h1c6 0 10-5 10-10v-8c0-6-4-10-10-10h-1v-71a20 20 0 0 0 3 0 20 20 0 0 0 20-20 20 20 0 0 0-20-20 20 20 0 0 0-17 11 20 20 0 0 0 0-1 20 20 0 0 0-20-20z"></path>`,9),o={fill:`none`},s=[`r`],c=(0,e.defineComponent)({__name:`in-tn`,props:{flagName:{},strokeColor:{default:`#000`},strokeWidth:{default:0}},setup(c){let l=c,u=(0,e.computed)(()=>512+2*l.strokeWidth),d=(0,e.computed)(()=>-l.strokeWidth),f=(0,e.computed)(()=>256+l.strokeWidth/2);return(c,p)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,class:`svg-circle-flags`,viewBox:`${d.value} ${d.value} ${u.value} ${u.value}`},[n,(0,e.createElementVNode)(`g`,r,[l.flagName?((0,e.openBlock)(),(0,e.createElementBlock)(`title`,i,(0,e.toDisplayString)(l.flagName),1)):(0,e.createCommentVNode)(``,!0),a]),(0,e.createElementVNode)(`g`,o,[(0,e.createElementVNode)(`circle`,{cx:`256`,cy:`256`,r:f.value,fill:`none`,style:(0,e.normalizeStyle)({stroke:l.strokeColor,strokeWidth:l.strokeWidth})},null,12,s)])],8,t))}});exports.default=c;
//# sourceMappingURL=in-tn-BUG11j_C.cjs.map