vue-circle-flags
Version:
A vue component with a collection of 400+ circular SVG country flags. Wrapper of HatScripts/circle-flags
2 lines • 2.35 kB
JavaScript
let e=require("vue");var t=[`viewBox`],n=(0,e.createElementVNode)(`mask`,{id:`96442505-eeb4-469e-917b-9b53328642ef`},[(0,e.createElementVNode)(`circle`,{cx:`256`,cy:`256`,r:`256`,fill:`#fff`})],-1),r={mask:`url(#96442505-eeb4-469e-917b-9b53328642ef)`},i={key:0},a=(0,e.createStaticVNode)(`<path fill="#333" d="M0 0h171l64 256-64 256H0Z"></path><path fill="#ff9811" d="M171 0h341v512H171z"></path><path fill="#333" d="M341 282c6-3 13-3 18 0-5-3-6-11-5-17 2-6 7-13 13-14-6 1-13-3-17-7-4-5-6-13-4-19-2 6-10 9-16 9s-13-3-16-9c2 6 0 14-4 19-3 4-10 8-16 7 6 1 10 8 12 14 1 6 0 14-5 17 5-3 13-3 18 0 6 2 11 8 11 15 0-7 5-13 11-15z"></path><path fill="#eee" d="M358 237c14 18 75 0 45-37-29-37-60 18-45 37z"></path><path fill="#eee" d="M330 224c23 0 47-59 0-59s-23 59 0 59z"></path><path fill="#eee" d="M303 237c14-19-17-74-46-37-30 37 31 55 45 37zm42 53c-21 11-17 73 26 53 42-20-5-63-26-53z"></path><path fill="#eee" d="M315 290c-21-10-68 33-26 53 43 20 47-42 26-53zm49-23c-5 22 47 58 57 13 11-46-52-36-57-13z"></path><path fill="#eee" d="M296 267c-6-23-68-33-57 13 10 45 62 9 57-13zm-160-78 7 15 16-4-7 15 12 10-15 3v17l-13-11-13 11v-17l-16-3 13-10-7-15 16 4zm-45-43 7 15 16-4-7 15 12 10-15 3v17l-13-11-13 11v-17l-16-3 13-10-7-15 16 4zm19 92 6 17h17l-14 11 5 17-14-11-14 11 5-17-14-11h18zm-70-34 7 15 16-4-7 15 12 10-16 3v17l-12-11-13 11v-17l-16-3 13-10-7-15 16 4zm51 99-6 17-17-8 8 17-17 6 17 6-8 17 17-8 6 17 6-17 17 8-8-17 17-6-17-6 8-17-17 8z"></path>`,8),o={fill:`none`},s=[`r`],c=(0,e.defineComponent)({__name:`au-nt`,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=au-nt-2Ate8k_Y.cjs.map