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.83 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=["viewBox"],n=e.createElementVNode("mask",{id:"69617fc2-b639-4840-a151-b6d867bbe6f8"},[e.createElementVNode("circle",{cx:"256",cy:"256",r:"256",fill:"#fff"})],-1),a={mask:"url(#69617fc2-b639-4840-a151-b6d867bbe6f8)"},i={key:0},d=e.createElementVNode("path",{fill:"#ffda44",d:"M0 0h512v385l-256 64L0 385z"},null,-1),h=e.createElementVNode("path",{fill:"#a2001d",d:"m375 97 23-24v24h23l-23 23 23 23h-23v23l-23-23-24 23v-23h-22l22-23-22-23h22V73zm-238 0 23-24v24h24l-24 23 24 23h-24v23l-23-23-23 23v-23H91l23-23-23-23h23V73zm119-50 23-23v23h23l-23 23 23 24h-23v23l-23-23-23 23V94h-23l23-24-23-23h23V24Z",class:"fil1"},null,-1),v=e.createElementVNode("path",{fill:"#a2001d",d:"m218 103-35 35v28h-28l-35 35 29 29h20v38l17 17 32-32 11 11v121H0v127h512V385H282V264l11-11 32 32 17-17v-38h21l29-29-35-35-29 1v-29l-34-35-29 29v23l26 26-35 35-35-35 26-26v-23z",class:"fil1"},null,-1),m={fill:"none"},f=["r"],u=e.defineComponent({__name:"ru-cu",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(_,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}`},[n,e.createElementVNode("g",a,[t.flagName?(e.openBlock(),e.createElementBlock("title",i,e.toDisplayString(t.flagName),1)):e.createCommentVNode("",!0),d,h,v]),e.createElementVNode("g",m,[e.createElementVNode("circle",{cx:"256",cy:"256",r:s.value,fill:"none",style:e.normalizeStyle({stroke:t.strokeColor,strokeWidth:t.strokeWidth})},null,12,f)])],8,r))}});exports.default=u;
//# sourceMappingURL=ru-cu-a9a650dc.cjs.map