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) • 1.85 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=["viewBox"],a=e.createElementVNode("mask",{id:"94ca7d5b-f2ed-4146-afba-02d2e7079d5b"},[e.createElementVNode("circle",{cx:"256",cy:"256",r:"256",fill:"#fff"})],-1),d={mask:"url(#94ca7d5b-f2ed-4146-afba-02d2e7079d5b)"},r={key:0},i=e.createElementVNode("path",{fill:"#338af3",d:"M0 256 256 0h256v55.7l-20.7 34.5 20.7 32.2v66.8l-21.2 32.7L512 256v66.8l-24 31.7 24 35.1v66.7l-259.1 28.3L0 456.3v-66.7l27.1-33.3L0 322.8z"},null,-1),m=e.createElementVNode("path",{fill:"#eee",d:"M256 256h256v-66.8H236.9zm-19.1-133.6H512V55.7H236.9zM512 512v-55.7H0V512zM0 389.6h512v-66.8H0z"},null,-1),f=e.createElementVNode("path",{fill:"#eee",d:"M0 0h256v256H0z"},null,-1),u=e.createElementVNode("path",{fill:"#ffda44",d:"m222.6 149.8-31.3 14.7 16.7 30.3-34-6.5-4.3 34.3-23.6-25.2-23.7 25.2-4.3-34.3-33.9 6.5 16.6-30.3-31.2-14.7 31.2-14.7-16.6-30.3 34 6.5 4.2-34.3 23.7 25.3L169.7 77l4.3 34.3 34-6.5-16.7 30.3z"},null,-1),h={fill:"none"},_=["r"],v=e.defineComponent({__name:"uy",props:{flagName:{},strokeColor:{default:"#000"},strokeWidth:{default:0}},setup(c){const t=c,l=e.computed(()=>512+2*t.strokeWidth),o=e.computed(()=>-t.strokeWidth),s=e.computed(()=>256+t.strokeWidth/2);return(p,k)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",class:"svg-circle-flags",viewBox:`${o.value} ${o.value} ${l.value} ${l.value}`},[a,e.createElementVNode("g",d,[t.flagName?(e.openBlock(),e.createElementBlock("title",r,e.toDisplayString(t.flagName),1)):e.createCommentVNode("",!0),i,m,f,u]),e.createElementVNode("g",h,[e.createElementVNode("circle",{cx:"256",cy:"256",r:s.value,fill:"none",style:e.normalizeStyle({stroke:t.strokeColor,strokeWidth:t.strokeWidth})},null,12,_)])],8,n))}});exports.default=v;
//# sourceMappingURL=uy-03cecba9.cjs.map