vite-awesome-svg-loader 3.0.2 → 4.0.0

package/README.md

@@ -13,11 +13,16 @@ A Vite plugin that:
 1. Will automatically minimize your SVGs using [SVGO](https://github.com/svg/svgo).
 1. Allows you to create SVG sprites using provided integrations.
 
-`vite-awesome-svg-loader` is framework-agnostic. All integrations are done as subpath imports
-(for example, `vite-awesome-svg-loader/vue-integration`). This means that you'll get only what you need in your
-app bundle. This also means that you can
-[develop your own integration](https://matafokka.github.io/vite-awesome-svg-loader/guides/custom-integrations)
-using `vite-awesome-svg-loader/integration-utils` import.
+`vite-awesome-svg-loader` is framework-agnostic.
+
+However, to create SVG symbols, some boilerplate code in form of components is required. These components are provided
+in the integrations.
+
+All integrations are provided as ES modules in separate subpath imports
+(for example, `vite-awesome-svg-loader/vue-integration`), so your app will contain only required code.
+
+You can integrate `vite-awesome-svg-loader` with [any framework](https://matafokka.github.io/vite-awesome-svg-loader/other-frameworks/quick-start)
+using `vite-awesome-svg-loader/integration-utils` package.
 
 ## Installation
 
@@ -40,4 +45,4 @@ npm i vite-awesome-svg-loader
 - [React](https://matafokka.github.io/vite-awesome-svg-loader/react/quick-start/)
 - [Vue](https://matafokka.github.io/vite-awesome-svg-loader/vue/quick-start/)
 - [Vanilla JS](https://matafokka.github.io/vite-awesome-svg-loader/vanilla-js/quick-start/)
-- [Custom framework](https://matafokka.github.io/vite-awesome-svg-loader/guides/custom-integrations/)
+- [Other frameworks](https://matafokka.github.io/vite-awesome-svg-loader/other-frameworks/quick-start/)

package/chunk.cjs

@@ -0,0 +1,34 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+Object.defineProperty(exports, '__toESM', {
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  }
+});

package/dist.cjs

@@ -0,0 +1,120 @@
+const require_chunk = require('./chunk.cjs');
+let debounce = require("debounce");
+debounce = require_chunk.__toESM(debounce);
+let imurmurhash = require("imurmurhash");
+imurmurhash = require_chunk.__toESM(imurmurhash);
+
+//#region ../integration-utils/dist/index.mjs
+const g = "svg-symbols", m = "svg-", d = "data-count";
+function b(t, e) {
+	if (typeof window > "u" || t === e) return {};
+	let n = document.getElementById(g);
+	if (n || (n = document.createElementNS("http://www.w3.org/2000/svg", "svg"), n.id = g, n.setAttribute("aria-hidden", "true"), n.setAttribute("style", "position:fixed;top:-99999px;left:-99999px;z-index:0;opacity:0;"), document.body.appendChild(n)), t) {
+		const s = m + new imurmurhash.default(t).result();
+		w(document.getElementById(s));
+	}
+	const i = m + new imurmurhash.default(e).result(), u = document.getElementById(i);
+	if (u) return u.setAttribute(d, l(u) + 1 + ""), {
+		id: i,
+		attrs: h(u)
+	};
+	const o = new DOMParser().parseFromString(e, "application/xml").firstElementChild;
+	if (o?.querySelector("parsererror")) return console.error("Provided source code is not a valid SVG: " + e), { id: i };
+	if (!o) return console.error("Missing child in SVG: " + e), { id: i };
+	const r = document.createElementNS("http://www.w3.org/2000/svg", "symbol");
+	for (let s = 0; s < o.attributes.length; s++) {
+		const a = o.attributes[s];
+		r.setAttribute(a.name, a.value);
+	}
+	for (r.id = i, r.setAttribute(d, "1"); o.children.length;) r.appendChild(o.children[0]);
+	return n.appendChild(r), {
+		id: i,
+		attrs: h(r)
+	};
+}
+function x(t) {
+	!t || typeof window > "u" || w(typeof t == "string" ? document.getElementById(t) : t);
+}
+function w(t) {
+	if (!t) return;
+	const e = l(t, 1) - 1;
+	t.setAttribute(d, e + ""), e <= 0 && (c.push(t), v());
+}
+const c = [], v = (0, debounce.default)(() => {
+	for (let t = c.length - 1; t >= 0; t--) {
+		const e = c[t];
+		e.parentElement && l(e) <= 0 && e.parentElement.removeChild(e), c.pop();
+	}
+}, 5e3);
+function l(t, e = 0) {
+	if (!t) return e;
+	const n = parseInt(t.getAttribute(d) || "1");
+	return isNaN(n) ? e : n;
+}
+function h(t) {
+	let e = t.getAttribute("viewBox") || "";
+	if (!e) for (const n of [
+		"x",
+		"y",
+		"width",
+		"height"
+	]) {
+		const i = t.getAttribute(n);
+		e += (i || "0") + " ";
+	}
+	return {
+		viewBox: e,
+		width: "100%",
+		height: "100%"
+	};
+}
+function A(t) {
+	const e = {};
+	if (t.size && t.size !== "unset") for (const n of [
+		"width",
+		"minWidth",
+		"maxWidth",
+		"height",
+		"minHeight",
+		"maxHeight"
+	]) e[n] = t.size;
+	return t.color && (e["--icon-color"] = t.color), e["--icon-transition"] = t.colorTransition || "0.3s linear", e;
+}
+
+//#endregion
+Object.defineProperty(exports, 'A', {
+  enumerable: true,
+  get: function () {
+    return A;
+  }
+});
+Object.defineProperty(exports, 'b', {
+  enumerable: true,
+  get: function () {
+    return b;
+  }
+});
+Object.defineProperty(exports, 'd', {
+  enumerable: true,
+  get: function () {
+    return d;
+  }
+});
+Object.defineProperty(exports, 'g', {
+  enumerable: true,
+  get: function () {
+    return g;
+  }
+});
+Object.defineProperty(exports, 'm', {
+  enumerable: true,
+  get: function () {
+    return m;
+  }
+});
+Object.defineProperty(exports, 'x', {
+  enumerable: true,
+  get: function () {
+    return x;
+  }
+});

package/dist.js

@@ -0,0 +1,82 @@
+import p from "debounce";
+import pe from "imurmurhash";
+
+//#region ../integration-utils/dist/index.mjs
+const g = "svg-symbols", m = "svg-", d = "data-count";
+function b(t, e) {
+	if (typeof window > "u" || t === e) return {};
+	let n = document.getElementById(g);
+	if (n || (n = document.createElementNS("http://www.w3.org/2000/svg", "svg"), n.id = g, n.setAttribute("aria-hidden", "true"), n.setAttribute("style", "position:fixed;top:-99999px;left:-99999px;z-index:0;opacity:0;"), document.body.appendChild(n)), t) {
+		const s = m + new pe(t).result();
+		w(document.getElementById(s));
+	}
+	const i = m + new pe(e).result(), u = document.getElementById(i);
+	if (u) return u.setAttribute(d, l(u) + 1 + ""), {
+		id: i,
+		attrs: h(u)
+	};
+	const o = new DOMParser().parseFromString(e, "application/xml").firstElementChild;
+	if (o?.querySelector("parsererror")) return console.error("Provided source code is not a valid SVG: " + e), { id: i };
+	if (!o) return console.error("Missing child in SVG: " + e), { id: i };
+	const r = document.createElementNS("http://www.w3.org/2000/svg", "symbol");
+	for (let s = 0; s < o.attributes.length; s++) {
+		const a = o.attributes[s];
+		r.setAttribute(a.name, a.value);
+	}
+	for (r.id = i, r.setAttribute(d, "1"); o.children.length;) r.appendChild(o.children[0]);
+	return n.appendChild(r), {
+		id: i,
+		attrs: h(r)
+	};
+}
+function x(t) {
+	!t || typeof window > "u" || w(typeof t == "string" ? document.getElementById(t) : t);
+}
+function w(t) {
+	if (!t) return;
+	const e = l(t, 1) - 1;
+	t.setAttribute(d, e + ""), e <= 0 && (c.push(t), v());
+}
+const c = [], v = p(() => {
+	for (let t = c.length - 1; t >= 0; t--) {
+		const e = c[t];
+		e.parentElement && l(e) <= 0 && e.parentElement.removeChild(e), c.pop();
+	}
+}, 5e3);
+function l(t, e = 0) {
+	if (!t) return e;
+	const n = parseInt(t.getAttribute(d) || "1");
+	return isNaN(n) ? e : n;
+}
+function h(t) {
+	let e = t.getAttribute("viewBox") || "";
+	if (!e) for (const n of [
+		"x",
+		"y",
+		"width",
+		"height"
+	]) {
+		const i = t.getAttribute(n);
+		e += (i || "0") + " ";
+	}
+	return {
+		viewBox: e,
+		width: "100%",
+		height: "100%"
+	};
+}
+function A(t) {
+	const e = {};
+	if (t.size && t.size !== "unset") for (const n of [
+		"width",
+		"minWidth",
+		"maxWidth",
+		"height",
+		"minHeight",
+		"maxHeight"
+	]) e[n] = t.size;
+	return t.color && (e["--icon-color"] = t.color), e["--icon-transition"] = t.colorTransition || "0.3s linear", e;
+}
+
+//#endregion
+export { A, b, d, g, m, x };

package/integration-utils.cjs

@@ -0,0 +1,8 @@
+const require_dist = require('./dist.cjs');
+
+exports.SVG_ID = require_dist.g;
+exports.SYMBOL_ID_PREFIX = require_dist.m;
+exports.USAGES_COUNT_ATTR = require_dist.d;
+exports.getSvgIconStyle = require_dist.A;
+exports.onSrcUpdate = require_dist.b;
+exports.onUnmount = require_dist.x;

package/integration-utils.d.cts

@@ -0,0 +1,20 @@
+import { SvgIconProps, SvgIconStyleProps, SvgImageProps } from "./types.cjs";
+import { SVG_ID, SYMBOL_ID_PREFIX, USAGES_COUNT_ATTR, onSrcUpdate, onUnmount } from "./svg-symbols.cjs";
+
+//#region ../integration-utils/dist/svg-icon.d.ts
+
+/**
+ * Converts `SvgIcon` props into a key-value pairs that should be passed to the element's `style` attribute.
+ *
+ * Keys format:
+ *
+ * 1. CSS variables are in snake case: `--var-name`.
+ * 1. CSS properties are in camel case: `minWidth`.
+ *
+ * @param props `SvgIcon` props
+ * @param options Conversion options
+ * @returns Style map
+ */
+declare function getSvgIconStyle(props: SvgIconStyleProps): Record<string, string>;
+//#endregion
+export { SVG_ID, SYMBOL_ID_PREFIX, SvgIconProps, SvgIconStyleProps, SvgImageProps, USAGES_COUNT_ATTR, getSvgIconStyle, onSrcUpdate, onUnmount };

package/integration-utils.d.ts

@@ -0,0 +1,20 @@
+import { SvgIconProps, SvgIconStyleProps, SvgImageProps } from "./types.js";
+import { SVG_ID, SYMBOL_ID_PREFIX, USAGES_COUNT_ATTR, onSrcUpdate, onUnmount } from "./svg-symbols.js";
+
+//#region ../integration-utils/dist/svg-icon.d.ts
+
+/**
+ * Converts `SvgIcon` props into a key-value pairs that should be passed to the element's `style` attribute.
+ *
+ * Keys format:
+ *
+ * 1. CSS variables are in snake case: `--var-name`.
+ * 1. CSS properties are in camel case: `minWidth`.
+ *
+ * @param props `SvgIcon` props
+ * @param options Conversion options
+ * @returns Style map
+ */
+declare function getSvgIconStyle(props: SvgIconStyleProps): Record<string, string>;
+//#endregion
+export { SVG_ID, SYMBOL_ID_PREFIX, SvgIconProps, SvgIconStyleProps, SvgImageProps, USAGES_COUNT_ATTR, getSvgIconStyle, onSrcUpdate, onUnmount };

package/integration-utils.js

@@ -0,0 +1,3 @@
+import { A, b, d, g, m, x } from "./dist.js";
+
+export { g as SVG_ID, m as SYMBOL_ID_PREFIX, d as USAGES_COUNT_ATTR, A as getSvgIconStyle, b as onSrcUpdate, x as onUnmount };

package/loader.cjs

@@ -0,0 +1,326 @@
+const require_chunk = require('./chunk.cjs');
+let imurmurhash = require("imurmurhash");
+imurmurhash = require_chunk.__toESM(imurmurhash);
+let node_fs_promises = require("node:fs/promises");
+let path = require("path");
+path = require_chunk.__toESM(path);
+let svgo = require("svgo");
+let svgo_lib_xast_js = require("svgo/lib/xast.js");
+let css_tree = require("css-tree");
+css_tree = require_chunk.__toESM(css_tree);
+
+//#region ../loader/dist/index.mjs
+function H(e) {
+	return e = e.replaceAll("\\", "/"), e.endsWith("/") && (e = e.substring(0, e.length - 1)), e;
+}
+function Q(e) {
+	const t = String.fromCodePoint(...new TextEncoder().encode(e));
+	return btoa(t);
+}
+function J(e) {
+	return e.replaceAll("`", "\\`");
+}
+function E(e, t, i) {
+	return Z(t) || $(e, i);
+}
+function Z(e) {
+	return !!e && e.toLowerCase() !== "false";
+}
+function $(e, t) {
+	const a = [path.default.basename(e), e];
+	for (const o of t) {
+		const u = o instanceof RegExp;
+		for (const n of a) if (u ? o.test(n) : n === o) return !0;
+	}
+	return !1;
+}
+function Y(e) {
+	return e.replaceAll(/\s+/g, " ").trim();
+}
+function A(e, t, i) {
+	const a = [];
+	if (i) return a;
+	for (const o of t) {
+		if (typeof o == "string") {
+			a.push(Y(o));
+			continue;
+		}
+		if ($(e, o.files)) for (const u of o.selectors) a.push(Y(u));
+	}
+	return a;
+}
+const ee = svgo_lib_xast_js.matches;
+function W(e, t) {
+	for (const i of t) if (ee(e, i)) return !0;
+	return !1;
+}
+function F(e, t) {
+	return e ? t.replacements[e.toLowerCase()] || t.default || e : t.default || "";
+}
+const me = {
+	circle: !0,
+	ellipse: !0,
+	foreignObject: !0,
+	image: !0,
+	line: !0,
+	path: !0,
+	polygon: !0,
+	polyline: !0,
+	rect: !0,
+	text: !0,
+	textPath: !0,
+	tspan: !0,
+	use: !0
+};
+function he(e, t) {
+	if (!me[e.name]) return;
+	const i = e.attributes["vector-effect"];
+	i && i !== "non-scaling-stroke" ? console.warn(`"${t}": Element "${e.name}" already contains "vector-effect" property. Please remove it, so it can scale correctly. This element will not be transformed.`) : e.attributes["vector-effect"] = "non-scaling-stroke";
+}
+const te = {
+	fill: !0,
+	stroke: !0,
+	"stop-color": !0
+}, M = {
+	none: !0,
+	transparent: !0,
+	currentColor: !0
+}, de = [
+	"url",
+	"source",
+	"source-data-uri",
+	"base64",
+	"base64-data-uri"
+];
+function X(e, t, i, a = !1) {
+	if (!e || typeof e != "string") return "";
+	let o = "stylesheet";
+	a && (e = `{${e}}`, o = "block");
+	const u = !a && i.length;
+	let n = [], f = [], L = !1;
+	const y = css_tree.parse(e, { context: o });
+	return css_tree.walk(y, {
+		visit: u ? void 0 : "Declaration",
+		enter: function(p) {
+			if (p.__SKIP_SVG_LOADER__ || this.rule?.__SKIP_SVG_LOADER__) return;
+			if (u) {
+				if (p.type === "SelectorList") {
+					n = [], f = [], L = !1;
+					return;
+				}
+				if (p.type === "Selector") {
+					const c = css_tree.generate(p);
+					let h = !1;
+					for (const s of i) if (ee(s, c)) {
+						h = !0, p.__ORIG_COLOR__ = !0;
+						break;
+					}
+					(h ? n : f).push(c);
+					return;
+				}
+			}
+			if (p.type !== "Declaration" || !te[p.property]) return;
+			const R = p.value?.children?.first, l = R?.value || R?.name;
+			if (!(!l || M[l])) {
+				if (u && !L && this.rule?.prelude.type === "SelectorList") {
+					const c = css_tree.clone(this.rule);
+					c.__SKIP_SVG_LOADER__ = !0;
+					const h = new css_tree.List(), s = this.rule.prelude.children;
+					s.forEach((m, d) => {
+						m.__ORIG_COLOR__ && (s.remove(d), h.push(m));
+					}), c.prelude.children = h;
+					const O = this.atrule?.block?.children || this.stylesheet?.children;
+					let k;
+					O?.some((m, d) => m === this.rule ? (k = d, !0) : !1), k ? O?.insertData(c, k) : O?.push(c), L = !0;
+				}
+				p.value = css_tree.parse(F(css_tree.generate(p.value), t), { context: "value" });
+			}
+		}
+	}), css_tree.generate(y);
+}
+const _e = {
+	circle: !0,
+	ellipse: !0,
+	path: !0,
+	polygon: !0,
+	polyline: !0,
+	rect: !0,
+	text: !0,
+	textPath: !0,
+	tref: !0,
+	tspan: !0
+}, re = { ...te };
+delete re.fill;
+function Se(e, t, i, a) {
+	if (e.name === "style") {
+		const n = e.children[0], f = X(n?.value, i, a, !1);
+		f && (n.value = f);
+	} else {
+		const n = X(e.attributes.style, i, a, !0);
+		n && (e.attributes.style = n);
+	}
+	const o = e.name === "svg", u = e.attributes.fill;
+	o && u && (t = !0), (o && t || !o && !t && _e[e.name]) && !M[u] && (e.attributes.fill = F(u, i));
+	for (const n in re) {
+		const f = e.attributes[n];
+		f && !M[f] && (e.attributes[n] = F(f, i));
+	}
+	return t;
+}
+const Ce = {
+	tempDir: ".temp",
+	preserveLineWidthList: [],
+	skipPreserveLineWidthList: [],
+	skipPreserveLineWidthSelectors: [],
+	setCurrentColorList: [],
+	skipSetCurrentColorList: [],
+	skipSetCurrentColorSelectors: [],
+	replaceColorsList: [],
+	skipReplaceColorsList: [],
+	skipReplaceColorsSelectors: [],
+	skipTransformsList: [],
+	skipTransformsSelectors: [],
+	skipFilesList: [],
+	defaultImport: "source",
+	urlImportsInLibraryMode: "source-data-uri"
+};
+function ke(e = {}) {
+	const t = {
+		...Ce,
+		...e
+	};
+	if (t.tempDir = t.tempDir.replaceAll("\\", "/"), t.tempDir.startsWith("/") || t.tempDir.startsWith("./") || t.tempDir.indexOf(":/") !== -1) throw new Error(`"tempDir" option must be in format "path/to/temp/dir",i.e. it shouldn't be an absolute path, or start with "./".It'll be resolved to the project's root by the plugin.`);
+	t.tempDir.endsWith("/") && (t.tempDir = t.tempDir.substring(0, t.tempDir.length - 1)), t.tempDir = "/" + t.tempDir;
+	let i = !1, a = !1, o = "", u = "";
+	const n = e.setCurrentColorList || t.replaceColorsList, f = [], L = [], y = {
+		files: [/.*/],
+		replacements: {},
+		default: ""
+	};
+	let p = !1;
+	for (const l of n) {
+		if (typeof l == "string" || l instanceof RegExp) {
+			L.push({
+				files: [l],
+				replacements: {},
+				default: "currentColor"
+			});
+			continue;
+		}
+		if (l.files instanceof Array) {
+			f.push(l);
+			continue;
+		}
+		for (const c in l) p = !0, y.replacements[c] = l[c];
+	}
+	const R = [...f, ...L];
+	return p && R.push(y), {
+		name: "vite-awesome-svg-loader",
+		enforce: "pre",
+		config(l, { command: c }) {
+			i = c === "build";
+		},
+		configResolved(l) {
+			a = !!l.build.lib, o = H(l.root), u = H(l.base);
+		},
+		configureServer(l) {
+			l.httpServer?.on("close", async () => {
+				i || await (0, node_fs_promises.rm)(o + t.tempDir, {
+					force: !0,
+					recursive: !0
+				});
+			});
+		},
+		async load(l) {
+			const h = l.indexOf(".svg");
+			if (h === -1) return null;
+			let s = l.substring(0, h + 4).replaceAll("\\", "/");
+			s.startsWith(o) && (s = s.substring(o.length)), s.startsWith("/") || (s = "/" + s);
+			const k = (l.split("?", 2)[1] || "").split("&"), m = {};
+			for (const r of k) {
+				const [b, D] = r.split("=");
+				m[b.toLowerCase()] = D || "1";
+			}
+			if (E(s, m["skip-awesome-svg-loader"], t.skipFilesList)) return null;
+			const d = E(s, m["skip-transforms"], t.skipTransformsList), I = !d && E(s, m["preserve-line-width"], t.preserveLineWidthList) && !E(s, void 0, t.skipPreserveLineWidthList), G = A(s, t.skipPreserveLineWidthSelectors, !I);
+			let g = !1;
+			const C = {
+				replacements: {},
+				default: void 0
+			};
+			if (!d && !E(s, void 0, e.skipSetCurrentColorList || t.skipReplaceColorsList)) {
+				if (Z(m["set-current-color"])) C.default = "currentColor", g = !0;
+				else for (const r of R) if ($(s, r.files)) {
+					g = !0, C.default === void 0 && r.default !== void 0 && (C.default = r.default);
+					for (const b in r.replacements) C.replacements[b] ||= r.replacements[b];
+				}
+			}
+			C.default ??= "currentColor";
+			const P = A(s, e.skipSetCurrentColorSelectors || t.skipReplaceColorsSelectors, !g), w = A(s, t.skipTransformsSelectors, d), x = [s];
+			for (const r of [
+				G,
+				P,
+				w
+			]) x.push(r.join(","));
+			for (const r of [
+				d,
+				I,
+				g
+			]) x.push(r ? "1" : "0");
+			g && x.push(JSON.stringify(C));
+			const se = new imurmurhash.default(x.join("__")).result(), V = `${path.default.basename(s).split(".")[0]}-${se}`, j = V + ".svg", oe = path.default.dirname(s) + "/" + j, B = o + s;
+			let _ = (await (0, node_fs_promises.readFile)(B)).toString(), q = !1;
+			const z = [], K = V + "__";
+			let U = !1;
+			_ = (0, svgo.optimize)(_, {
+				multipass: !0,
+				plugins: [{
+					name: "prefixIds",
+					params: {
+						prefixIds: !0,
+						prefixClassNames: !0,
+						prefix: K,
+						delim: ""
+					}
+				}, {
+					name: "awesome-svg-loader",
+					fn: () => U ? null : (U = !0, {
+						root: { enter: (r) => {
+							for (const b of [P, w]) for (const D of b) z.push(...(0, svgo_lib_xast_js.querySelectorAll)(r, D));
+						} },
+						element: { enter: (r) => {
+							W(r, w) || (I && !W(r, G) && he(r, B), g && !W(r, P) && (q = Se(r, q, C, z)));
+						} }
+					})
+				}]
+			}).data;
+			let T = t.defaultImport;
+			for (const r of de) m[r] && (T = r);
+			a && T === "url" && t.urlImportsInLibraryMode !== "emit-files" && (T = t.urlImportsInLibraryMode);
+			const v = (r) => [
+				`export const src = ${r};`,
+				`export const prefix = "${K}"`,
+				"export default src"
+			].join(`
+`);
+			switch (T) {
+				case "source": return v("`" + J(_) + "`");
+				case "source-data-uri": return v("`data:image/svg+xml," + encodeURIComponent(_) + "`");
+				case "base64": return v("`" + J(Q(_)) + "`");
+				case "base64-data-uri": return v("`data:image/svg+xml;base64," + encodeURIComponent(Q(_)) + "`");
+			}
+			if (!i) {
+				const r = t.tempDir + oe;
+				return await (0, node_fs_promises.writeFile)(o + r, _), v(`"${u + r}"`);
+			}
+			return v(`"__VITE_ASSET__${this.emitFile({
+				type: "asset",
+				name: j,
+				source: _
+			})}__"`);
+		}
+	};
+}
+
+//#endregion
+exports.viteAwesomeSvgLoader = ke;