vue-circle-flags
Version:
A vue component with a collection of 400+ circular SVG country flags. Wrapper of HatScripts/circle-flags
1 lines • 5.02 kB
Source Map (JSON)
{"version":3,"file":"us-ri-7db55c71.cjs","sources":["../src/components/flags/us-ri.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 } from \"vue\"\n\nconst _hoisted_1 = [\"viewBox\"]\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"mask\", { id: \"660125ae-f403-413c-adad-c3d5eb28f059\" }, [\n /*#__PURE__*/_createElementVNode(\"circle\", {\n cx: \"256\",\n cy: \"256\",\n r: \"256\",\n fill: \"#fff\"\n })\n], -1)\nconst _hoisted_3 = { mask: \"url(#660125ae-f403-413c-adad-c3d5eb28f059)\" }\nconst _hoisted_4 = { key: 0 }\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", {\n fill: \"#eee\",\n d: \"M0 0h512v512H0z\"\n}, null, -1)\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"path\", {\n fill: \"#0052b4\",\n d: \"M204 296v16h-40v32h40v-16h104v16h40v-32h-40v-16z\"\n}, null, -1)\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"path\", {\n fill: \"#ffda44\",\n d: \"m236 107 52-38h-64l52 38-20-61zm170 129 37 52v-64l-37 52 61-20zM276 406l-52 37h64l-52-37 20 61zM107 276l-38-52v64l38-52-61 20zm206-159 64-7-55-32 26 59 13-63zm83 196 6 64 32-55-59 26 63 13zm-197 83-64 6 55 32-26-59-13 63zm-82-197-7-64-32 55 59-26-63-13Zm259-35 58 26-32-55-7 64 43-48zm-28 212-26 58 55-32-64-7 48 43zm-211-28-59-26 32 55 6-64-42 48zm27-211 26-59-55 32 64 6-48-42zm92-3a24 24 0 0 0-24 24 24 24 0 0 0 16 23v17h-16v16h16v39c-20-2-30-15-33-18l11-11h-32v32l10-10a68 68 0 0 0 104 0l10 10v-32h-32l11 11c-3 3-13 16-33 18v-39h16v-16h-16v-17a24 24 0 0 0 16-23 24 24 0 0 0-24-24zm0 16a8 8 0 0 1 8 8 8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8z\"\n}, null, -1)\nconst _hoisted_8 = { fill: \"none\" }\nconst _hoisted_9 = [\"r\"]\n\nimport { computed } from 'vue';\r\n\r\n \nexport default /*#__PURE__*/_defineComponent({\n __name: 'us-ri',\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 _hoisted_6,\n _hoisted_7\n ]),\n _createElementVNode(\"g\", _hoisted_8, [\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_9)\n ])\n ], 8, _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_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,uBAA8C,OAAQ,CAC1D,KAAM,OACN,EAAG,iBACL,EAAG,KAAM,EAAE,EACLC,uBAA8C,OAAQ,CAC1D,KAAM,UACN,EAAG,kDACL,EAAG,KAAM,EAAE,EACLC,uBAA8C,OAAQ,CAC1D,KAAM,UACN,EAAG,woBACL,EAAG,KAAM,EAAE,EACLC,EAAa,CAAE,KAAM,QACrBC,EAAa,CAAC,GAAG,EAKKC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,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,CACDb,EACAC,EAAA,mBAAoB,IAAKC,EAAY,CAClCU,EAAM,UACFO,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,QAASjB,EAAYkB,EAAAA,gBAAiBT,EAAM,QAAQ,EAAG,CAAC,GAC3FU,EAAAA,mBAAoB,GAAI,EAAI,EAChClB,EACAC,EACAC,CAAA,CACD,EACDL,EAAA,mBAAoB,IAAKM,EAAY,CACnCN,EAAAA,mBAAoB,SAAU,CAC5B,GAAI,MACJ,GAAI,MACJ,EAAGe,EAAa,MAChB,KAAM,OACN,MAAOO,EAAAA,eAAgB,CAAE,OAAQX,EAAM,YAAa,YAAaA,EAAM,YAAa,CAAA,EACnF,KAAM,GAAIJ,CAAU,CAAA,CACxB,CAAA,EACA,EAAGT,CAAU,EAElB,CAEA,CAAC"}