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.17 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=["viewBox"],h=e.createElementVNode("mask",{id:"71af516c-3fd5-4b9d-bfa5-4e4362027d77"},[e.createElementVNode("circle",{cx:"256",cy:"256",r:"256",fill:"#fff"})],-1),r={mask:"url(#71af516c-3fd5-4b9d-bfa5-4e4362027d77)"},n={key:0},d=e.createElementVNode("path",{fill:"#eee",d:"M304 0h208v208l-32 48 32 48v208H304l-48-32-48 32H0V304Z"},null,-1),i=e.createElementVNode("path",{fill:"#d80027",d:"M0 0v304h208v208h96V304h208v-96H304V0Z"},null,-1),v=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),f={fill:"none"},m=["r"],u=e.defineComponent({__name:"cq",props:{flagName:{},strokeColor:{default:"#000"},strokeWidth:{default:0}},setup(l){const t=l,c=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} ${c.value} ${c.value}`},[h,e.createElementVNode("g",r,[t.flagName?(e.openBlock(),e.createElementBlock("title",n,e.toDisplayString(t.flagName),1)):e.createCommentVNode("",!0),d,i,v]),e.createElementVNode("g",f,[e.createElementVNode("circle",{cx:"256",cy:"256",r:s.value,fill:"none",style:e.normalizeStyle({stroke:t.strokeColor,strokeWidth:t.strokeWidth})},null,12,m)])],8,a))}});exports.default=u;
//# sourceMappingURL=cq-3e176509.cjs.map