UNPKG

vue-circle-flags

Version:

A vue component with a collection of 400+ circular SVG country flags. Wrapper of HatScripts/circle-flags

2 lines 2.03 kB
let e=require("vue");var t=[`viewBox`],n=(0,e.createElementVNode)(`mask`,{id:`26083c0d-33c2-462c-89eb-14edfa282793`},[(0,e.createElementVNode)(`circle`,{cx:`256`,cy:`256`,r:`256`,fill:`#fff`})],-1),r={mask:`url(#26083c0d-33c2-462c-89eb-14edfa282793)`},i={key:0},a=(0,e.createElementVNode)(`path`,{fill:`#0052b4`,d:`M0 0h512v512H0z`},null,-1),o=(0,e.createElementVNode)(`path`,{fill:`#ffda44`,d:`m256 100.2 8.3 25.5H291l-21.7 15.7 8.3 25.6-21.7-15.8-21.7 15.8 8.3-25.6-21.7-15.7h26.8zm-110.2 45.6 24 12.2 18.9-19-4.2 26.5 23.9 12.2-26.5 4.2-4.2 26.5-12.2-24-26.5 4.3 19-19zM100.2 256l25.5-8.3V221l15.7 21.7 25.6-8.3-15.8 21.7 15.8 21.7-25.6-8.3-15.7 21.7v-26.8zm45.6 110.2 12.2-24-19-18.9 26.5 4.2 12.2-23.9 4.2 26.5 26.5 4.2-24 12.2 4.3 26.5-19-19zM256 411.8l-8.3-25.5H221l21.7-15.7-8.3-25.6 21.7 15.8 21.7-15.8-8.3 25.6 21.7 15.7h-26.8zm110.2-45.6-24-12.2-18.9 19 4.2-26.5-23.9-12.2 26.5-4.2 4.2-26.5 12.2 24 26.5-4.3-19 19zM411.8 256l-25.5 8.3V291l-15.7-21.7-25.6 8.3 15.8-21.7-15.8-21.7 25.6 8.3 15.7-21.7v26.8zm-45.6-110.2-12.2 24 19 18.9-26.5-4.2-12.2 23.9-4.2-26.5-26.5-4.2 24-12.2-4.3-26.5 19 19z`},null,-1),s={fill:`none`},c=[`r`],l=(0,e.defineComponent)({__name:`european_union`,props:{flagName:{},strokeColor:{default:`#000`},strokeWidth:{default:0}},setup(l){let u=l,d=(0,e.computed)(()=>512+2*u.strokeWidth),f=(0,e.computed)(()=>-u.strokeWidth),p=(0,e.computed)(()=>256+u.strokeWidth/2);return(l,m)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,class:`svg-circle-flags`,viewBox:`${f.value} ${f.value} ${d.value} ${d.value}`},[n,(0,e.createElementVNode)(`g`,r,[u.flagName?((0,e.openBlock)(),(0,e.createElementBlock)(`title`,i,(0,e.toDisplayString)(u.flagName),1)):(0,e.createCommentVNode)(``,!0),a,o]),(0,e.createElementVNode)(`g`,s,[(0,e.createElementVNode)(`circle`,{cx:`256`,cy:`256`,r:p.value,fill:`none`,style:(0,e.normalizeStyle)({stroke:u.strokeColor,strokeWidth:u.strokeWidth})},null,12,c)])],8,t))}});exports.default=l; //# sourceMappingURL=european_union-DrarWv0E.cjs.map