{"version":3,"file":"SvgSpriteIcon-DaGdY0VB.js","sources":["../../../frontend/common/components/SvgSpriteIcon/SvgSpriteIcon.vue"],"sourcesContent":["<template>\n  <svg\n    :viewBox=\"icon.viewBox ? `${icon.viewBox}` : rawBox || undefined\"\n    :width=\"width || viewBoxWidth || rawWidth\"\n    :height=\"height || viewBoxHeight || rawHeight\"\n  >\n    <use\n      v-if=\"icon.viewBox\"\n      :xlink:href=\"`#${icon.id}`\"\n    />\n    <g\n      v-else\n      v-html=\"rawIcon\"\n      fill=\"none\"\n    />\n  </svg>\n</template>\n\n<script>\nexport default {\n  name: 'SvgSpriteIcon',\n  props: {\n    icon: {\n      type: [Object, String],\n      default: () => ({}),\n    },\n    width: {\n      type: Number,\n      default: null,\n    },\n    height: {\n      type: Number,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      rawIcon: undefined,\n      rawHeight: undefined,\n      rawWidth: undefined,\n      rawBox: undefined,\n    }\n  },\n  computed: {\n    viewBoxWidth() {\n      return this.icon.viewBox?.split(' ')[2] || this.rawWidth || ''\n    },\n    viewBoxHeight() {\n      return this.icon.viewBox?.split(' ')[3] || this.rawHeight || ''\n    },\n  },\n  created() {\n    if (this.icon.viewBox) return\n    const url = decodeURIComponent(this.icon)\n\n    if (url.startsWith('data:')) {\n      const icon = url.replace('data:image/svg+xml,', '').replace('data:image/svg+xml;base64,', '')\n      return this.processIcon(url.includes('base64') ? atob(icon) : icon)\n    }\n    fetch(this.icon)\n      .then(response => response.text())\n      .then(data => {\n        if (!data) return\n        this.processIcon(data)\n      })\n  },\n  methods: {\n    processIcon(icon) {\n      this.rawBox = icon.match(/viewBox=['\"]([^'\"]*)['\"]/)?.[1] || undefined\n      const boxSizes = this.rawBox?.split(' ') || []\n      this.rawWidth = boxSizes[2] || icon.match(/width=['\"]([^'\"]*)['\"]/)?.[1] || undefined\n      this.rawHeight = boxSizes[3] || icon.match(/height=['\"]([^'\"]*)['\"]/)?.[1] || this.rawWidth || undefined\n      this.rawIcon = icon.match(/<svg[\\s\\S]*?>([\\s\\S]*?)<\\/svg>/)?.[1] || undefined\n      this.rawBox = this.rawBox || `0 0 ${this.rawWidth || '0'} ${this.rawHeight || 0}`\n    }\n  }\n}\n</script>\n"],"names":["_sfc_main","_a","url","icon","response","data","boxSizes","_b","_c","_d","_e"],"mappings":"0DAmBA,MAAAA,EAAA,CACA,KAAA,gBACA,MAAA,CACA,KAAA,CACA,KAAA,CAAA,OAAA,MAAA,EACA,QAAA,KAAA,CAAA,EACA,EACA,MAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,OAAA,CACA,KAAA,OACA,QAAA,IACA,CACA,EACA,MAAA,CACA,MAAA,CACA,QAAA,OACA,UAAA,OACA,SAAA,OACA,OAAA,MACA,CACA,EACA,SAAA,CACA,cAAA,OACA,QAAAC,EAAA,KAAA,KAAA,UAAA,YAAAA,EAAA,MAAA,KAAA,KAAA,KAAA,UAAA,EACA,EACA,eAAA,OACA,QAAAA,EAAA,KAAA,KAAA,UAAA,YAAAA,EAAA,MAAA,KAAA,KAAA,KAAA,WAAA,EACA,CACA,EACA,SAAA,CACA,GAAA,KAAA,KAAA,QAAA,OACA,MAAAC,EAAA,mBAAA,KAAA,IAAA,EAEA,GAAAA,EAAA,WAAA,OAAA,EAAA,CACA,MAAAC,EAAAD,EAAA,QAAA,sBAAA,EAAA,EAAA,QAAA,6BAAA,EAAA,EACA,OAAA,KAAA,YAAAA,EAAA,SAAA,QAAA,EAAA,KAAAC,CAAA,EAAAA,CAAA,CACA,CACA,MAAA,KAAA,IAAA,EACA,KAAAC,GAAAA,EAAA,MAAA,EACA,KAAAC,GAAA,CACAA,GACA,KAAA,YAAAA,CAAA,CACA,CAAA,CACA,EACA,QAAA,CACA,YAAAF,EAAA,eACA,KAAA,SAAAF,EAAAE,EAAA,MAAA,0BAAA,IAAA,YAAAF,EAAA,KAAA,OACA,MAAAK,IAAAC,EAAA,KAAA,SAAA,YAAAA,EAAA,MAAA,OAAA,CAAA,EACA,KAAA,SAAAD,EAAA,CAAA,KAAAE,EAAAL,EAAA,MAAA,wBAAA,IAAA,YAAAK,EAAA,KAAA,OACA,KAAA,UAAAF,EAAA,CAAA,KAAAG,EAAAN,EAAA,MAAA,yBAAA,IAAA,YAAAM,EAAA,KAAA,KAAA,UAAA,OACA,KAAA,UAAAC,EAAAP,EAAA,MAAA,gCAAA,IAAA,YAAAO,EAAA,KAAA,OACA,KAAA,OAAA,KAAA,QAAA,OAAA,KAAA,UAAA,GAAA,IAAA,KAAA,WAAA,CAAA,EACA,CACA,CACA"}