vue-circle-flags
Version:
A vue component with a collection of 400+ circular SVG country flags. Wrapper of HatScripts/circle-flags
2 lines • 2.17 kB
JavaScript
let e=require("vue");var t=[`viewBox`],n=(0,e.createElementVNode)(`mask`,{id:`71af516c-3fd5-4b9d-bfa5-4e4362027d77`},[(0,e.createElementVNode)(`circle`,{cx:`256`,cy:`256`,r:`256`,fill:`#fff`})],-1),r={mask:`url(#71af516c-3fd5-4b9d-bfa5-4e4362027d77)`},i={key:0},a=(0,e.createElementVNode)(`path`,{fill:`#eee`,d:`M304 0h208v208l-32 48 32 48v208H304l-48-32-48 32H0V304Z`},null,-1),o=(0,e.createElementVNode)(`path`,{fill:`#d80027`,d:`M0 0v304h208v208h96V304h208v-96H304V0Z`},null,-1),s=(0,e.createElementVNode)(`path`,{fill:`#ffda44`,d:`M120 27a23 23 0 0 0-23 23v16h-9v-9c0-10-8-18-18-18-2 0-4 2-4 4v42c0 2 2 4 4 4h27a21 21 0 0 0 21 22v9h-8c-11 0-19 8-19 18 0 3 2 5 5 5h41c3 0 5-2 5-5v-28h57v9h-9c-10 0-18 8-18 18 0 2 2 4 4 4h42c2 0 4-2 4-4V82c9 0 16-7 16-16s-7-16-16-16h-54c-3 0-5-2-5-5s2-6 5-6h54V29h-54c-8 0-16 7-16 16 0 8 8 16 16 16h54c3 0 6 2 6 5s-3 5-6 5h-58c-12 0-22-9-22-21a23 23 0 0 0-22-23zm0 135a23 23 0 0 0-23 23v16h-9v-9c0-10-8-18-18-18-2 0-4 2-4 4v42c0 2 2 4 4 4h27a21 21 0 0 0 21 22v9h-8c-11 0-19 8-19 18 0 3 2 5 5 5h41c3 0 5-2 5-5v-28h57v9h-9c-10 0-18 8-18 18 0 2 2 4 4 4h42c2 0 4-2 4-4v-55c9 0 16-7 16-16s-7-16-16-16h-54c-3 0-5-2-5-5s2-6 5-6h54v-10h-54c-8 0-16 7-16 16 0 8 8 16 16 16h54c3 0 6 2 6 5s-3 5-6 5h-58c-12 0-22-9-22-21a23 23 0 0 0-22-23z`},null,-1),c={fill:`none`},l=[`r`],u=(0,e.defineComponent)({__name:`cq`,props:{flagName:{},strokeColor:{default:`#000`},strokeWidth:{default:0}},setup(u){let d=u,f=(0,e.computed)(()=>512+2*d.strokeWidth),p=(0,e.computed)(()=>-d.strokeWidth),m=(0,e.computed)(()=>256+d.strokeWidth/2);return(u,h)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,class:`svg-circle-flags`,viewBox:`${p.value} ${p.value} ${f.value} ${f.value}`},[n,(0,e.createElementVNode)(`g`,r,[d.flagName?((0,e.openBlock)(),(0,e.createElementBlock)(`title`,i,(0,e.toDisplayString)(d.flagName),1)):(0,e.createCommentVNode)(``,!0),a,o,s]),(0,e.createElementVNode)(`g`,c,[(0,e.createElementVNode)(`circle`,{cx:`256`,cy:`256`,r:m.value,fill:`none`,style:(0,e.normalizeStyle)({stroke:d.strokeColor,strokeWidth:d.strokeWidth})},null,12,l)])],8,t))}});exports.default=u;
//# sourceMappingURL=cq-ByNMIMOd.cjs.map