UNPKG

vue-circle-flags

Version:

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

3 lines (2 loc) 2.49 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=["viewBox"],i=e.createElementVNode("mask",{id:"f67190cc-fa1e-4906-9938-24bdf73cd243"},[e.createElementVNode("circle",{cx:"256",cy:"256",r:"256",fill:"#fff"})],-1),s={mask:"url(#f67190cc-fa1e-4906-9938-24bdf73cd243)"},d={key:0},n=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),h={fill:"none"},f=["r"],v=e.defineComponent({__name:"in-tn",props:{flagName:{},strokeColor:{default:"#000"},strokeWidth:{default:0}},setup(a){const t=a,l=e.computed(()=>512+2*t.strokeWidth),c=e.computed(()=>-t.strokeWidth),o=e.computed(()=>256+t.strokeWidth/2);return(p,m)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",class:"svg-circle-flags",viewBox:`${c.value} ${c.value} ${l.value} ${l.value}`},[i,e.createElementVNode("g",s,[t.flagName?(e.openBlock(),e.createElementBlock("title",d,e.toDisplayString(t.flagName),1)):e.createCommentVNode("",!0),n]),e.createElementVNode("g",h,[e.createElementVNode("circle",{cx:"256",cy:"256",r:o.value,fill:"none",style:e.normalizeStyle({stroke:t.strokeColor,strokeWidth:t.strokeWidth})},null,12,f)])],8,r))}});exports.default=v; //# sourceMappingURL=in-tn-47ce83f7.cjs.map