vue-circle-flags
Version:
A vue component with a collection of 400+ circular SVG country flags. Wrapper of HatScripts/circle-flags
2 lines • 2.07 kB
JavaScript
let e=require("vue");var t=[`viewBox`],n=(0,e.createElementVNode)(`mask`,{id:`6b68b832-7adb-4320-ac86-69a7dee94ab0`},[(0,e.createElementVNode)(`circle`,{cx:`256`,cy:`256`,r:`256`,fill:`#fff`})],-1),r={mask:`url(#6b68b832-7adb-4320-ac86-69a7dee94ab0)`},i={key:0},a=(0,e.createStaticVNode)(`<path fill="#eee" d="M128 0h128l256 256v256H0V256Z"></path><path fill="#338af3" d="M256 0h64l32 32 32-32h64l64 64v64l-32 32 32 32v64h-64l-32-32-32 32h-64l-64-64v-64l32-32-32-32Z"></path><path fill="#333" d="M0 0h128v256H0z"></path><path fill="#ffda44" d="M320 0v64h-64v64h128V0h-64zm64 128v128h64v-64h64v-64H384zm-128 64h64v64h-64zM448 0h64v64h-64z"></path><path fill="#333" d="M291 291c-32 0-68 8-82 19-5 4-7 10-7 16 0 10 7 18 17 20l-25 7a99 99 0 0 0-77-44 9 9 0 0 0-3 18c33 12 45 13 57 37-21-7-35 24-48 37-3 1-4 4-4 7 0 5 4 9 9 9l6-2c13-10 26-33 44-28 57 16 66 13 105 7-31 9-30 21-8 36-11 17-25 17-41 22-4 1-7 5-7 9 0 5 4 9 9 9l5-1c19-9 40-18 60-33-1-8-13-17 8-24 9 8 14 19 41 16 4 7 10 12 7 28l-12 3c-5 0-8 4-8 9s4 9 9 9c3 0 6-2 7-4l18-14c2-15-2-29-8-42-14-2-17-15-23-29 12 6 22 12 32-3-14-5-28-13-39-4-39-24-55-19-80-24 9-8 11-20 8-37 26-7 69-23 96 26 3-41-30-54-66-55z"></path>`,5),o={fill:`none`},s=[`r`],c=(0,e.defineComponent)({__name:`ch-gr`,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=ch-gr-C3o-3uTF.cjs.map