vue-circle-flags/dist/tm-a3433a16.cjs.map

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

{"version":3,"file":"tm-a3433a16.cjs","sources":["../src/components/flags/tm.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = [\"viewBox\"]\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"mask\", { id: \"37e63c38-d93c-4c85-a54f-4d7413d59e46\" }, [\n  /*#__PURE__*/_createElementVNode(\"circle\", {\n    cx: \"256\",\n    cy: \"256\",\n    r: \"256\",\n    fill: \"#fff\"\n  })\n], -1)\nconst _hoisted_3 = { mask: \"url(#37e63c38-d93c-4c85-a54f-4d7413d59e46)\" }\nconst _hoisted_4 = { key: 0 }\nconst _hoisted_5 = /*#__PURE__*/_createStaticVNode(\"<path fill=\\\"#496e2d\\\" d=\\\"M0 0h66.8l67.8 32.3L200.3 0H512v512H200.3l-70.2-34.1L66.8 512H0z\\\"></path><path fill=\\\"#d80027\\\" d=\\\"M66.8 0h133.5v512H66.8z\\\"></path><g fill=\\\"#eee\\\"><path d=\\\"M374.4 193.1a78 78 0 0 0-31.9-92.3 78.2 78.2 0 0 1 16.3 4 78 78 0 1 1-52.6 146.6 78.1 78.1 0 0 1-15.1-7.3 78 78 0 0 0 83.3-51zm-69.8-102-11 14.2-16.8-6 10 14.8-10.9 14 17.2-5 10 14.9.6-18 17.2-5-16.9-6z\\\"></path><path d=\\\"m334.1 137.3-11 14-16.8-6 10.1 14.8-11 14.2 17.2-5 10.1 14.7.5-17.8 17.2-5-16.8-6zM252.5 108l-11 14.1-16.8-6 10 14.7-10.9 14.2 17.2-5 10 14.7.6-17.8 17.1-5-16.8-6zm-1.2 52.7-11 14.2-16.8-6 10 14.7-10.9 14.2 17.2-5 10 14.7.6-17.8 17.1-5-16.8-6zm50.2 18-11 14.2-16.8-6 10 14.7-10.9 14.2 17.2-5 10 14.7.6-17.8 17.2-5-16.9-6z\\\"></path></g><path fill=\\\"#eee\\\" d=\\\"M117.8 134.8 95.4 118v-12l38.2-28 15.8-.1 22.3 16.7v11.5l-38.1 28.7z\\\"></path><path fill=\\\"#ff9811\\\" d=\\\"M133.6 78h-15.8L95.4 94.5V106h38.2zm0 56.8h15.8l22.3-16.7v-12h-38.1z\\\"></path><path fill=\\\"#496e2d\\\" d=\\\"m117.8 284.4-22.4-16.6v-23.6l22.4-16.6h31.6l22.3 16.6v23.6l-22.3 16.6zm54.7 36.7h-9.7v-9.8h-17.1l-12.1-12-12.1 12h-17.2v9.8h-9.7v19.5h9.7v9.7h17.2l12 12.1 12.2-12.1h17v-9.7h9.8zm0-149.7h-9.7v-9.7h-17.1l-12.1-12.1-12.1 12h-17.2v9.8h-9.7V191h9.7v9.8h17.2l12 12 12.2-12h17V191h9.8z\\\"></path><g fill=\\\"#d80027\\\"><path d=\\\"M122.4 244.9h22.3V267h-22.3z\\\"></path><circle cx=\\\"133.6\\\" cy=\\\"181.2\\\" r=\\\"11.1\\\"></circle><circle cx=\\\"133.6\\\" cy=\\\"330.8\\\" r=\\\"11.1\\\"></circle></g><path fill=\\\"#eee\\\" d=\\\"m117.8 434-22.4-16.8v-12l38.2-28 15.8-.1 22.3 16.7v11.5L133.6 434z\\\"></path><path fill=\\\"#ff9811\\\" d=\\\"M133.6 377.2h-15.8l-22.4 16.5v11.5h38.2zm0 56.8h15.8l22.3-16.7v-12h-38.1z\\\"></path>\", 9)\nconst _hoisted_14 = { fill: \"none\" }\nconst _hoisted_15 = [\"r\"]\n\nimport { computed } from 'vue';\r\n\r\n  \nexport default /*#__PURE__*/_defineComponent({\n  __name: 'tm',\n  props: {\n    flagName: {},\n    strokeColor: { default: '#000' },\n    strokeWidth: { default: 0 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n  \r\n\r\n  const svgSize = computed(() => 512 + 2 * props.strokeWidth),\r\n    viewBoxOrigin = computed(() => -props.strokeWidth),\r\n    circleStroke = computed(() => 256 + props.strokeWidth / 2);\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    class: \"svg-circle-flags\",\n    viewBox: `${viewBoxOrigin.value} ${viewBoxOrigin.value} ${svgSize.value} ${svgSize.value}`\n  }, [\n    _hoisted_2,\n    _createElementVNode(\"g\", _hoisted_3, [\n      (props.flagName)\n        ? (_openBlock(), _createElementBlock(\"title\", _hoisted_4, _toDisplayString(props.flagName), 1))\n        : _createCommentVNode(\"\", true),\n      _hoisted_5\n    ]),\n    _createElementVNode(\"g\", _hoisted_14, [\n      _createElementVNode(\"circle\", {\n        cx: \"256\",\n        cy: \"256\",\n        r: circleStroke.value,\n        fill: \"none\",\n        style: _normalizeStyle({ stroke: props.strokeColor, strokeWidth: props.strokeWidth })\n      }, null, 12, _hoisted_15)\n    ])\n  ], 8, _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_createStaticVNode","_hoisted_14","_hoisted_15","_sfc_main","_defineComponent","__props","props","svgSize","computed","viewBoxOrigin","circleStroke","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_normalizeStyle"],"mappings":"uGAGMA,EAAa,CAAC,SAAS,EACvBC,EAA8CC,EAAAA,mBAAA,OAAQ,CAAE,GAAI,wCAA0C,sBACzE,SAAU,CACzC,GAAI,MACJ,GAAI,MACJ,EAAG,MACH,KAAM,MAAA,CACP,CACH,EAAG,EAAE,EACCC,EAAa,CAAE,KAAM,8CACrBC,EAAa,CAAE,IAAK,GACpBC,EAA6CC,EAAA,kBAAA,0kDAA6nD,CAAC,EAC3qDC,EAAc,CAAE,KAAM,QACtBC,EAAc,CAAC,GAAG,EAKIC,EAAiBC,kBAAA,CAC3C,OAAQ,KACR,MAAO,CACL,SAAU,CAAC,EACX,YAAa,CAAE,QAAS,MAAO,EAC/B,YAAa,CAAE,QAAS,CAAE,CAC5B,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAINE,EAAUC,WAAS,IAAM,IAAM,EAAIF,EAAM,WAAW,EACxDG,EAAgBD,EAAA,SAAS,IAAM,CAACF,EAAM,WAAW,EACjDI,EAAeF,WAAS,IAAM,IAAMF,EAAM,YAAc,CAAC,EAEtD,MAAA,CAACK,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAO,6BACP,MAAO,mBACP,QAAS,GAAGL,EAAc,SAASA,EAAc,SAASF,EAAQ,SAASA,EAAQ,OAAA,EAClF,CACDZ,EACAC,EAAA,mBAAoB,IAAKC,EAAY,CAClCS,EAAM,UACFO,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,QAAShB,EAAYiB,EAAAA,gBAAiBT,EAAM,QAAQ,EAAG,CAAC,GAC3FU,EAAAA,mBAAoB,GAAI,EAAI,EAChCjB,CAAA,CACD,EACDH,EAAA,mBAAoB,IAAKK,EAAa,CACpCL,EAAAA,mBAAoB,SAAU,CAC5B,GAAI,MACJ,GAAI,MACJ,EAAGc,EAAa,MAChB,KAAM,OACN,MAAOO,EAAAA,eAAgB,CAAE,OAAQX,EAAM,YAAa,YAAaA,EAAM,YAAa,CAAA,EACnF,KAAM,GAAIJ,CAAW,CAAA,CACzB,CAAA,EACA,EAAGR,CAAU,EAElB,CAEA,CAAC"}