vite-awesome-svg-loader 3.0.3 → 4.1.0

package/README.md

@@ -8,16 +8,21 @@ A Vite plugin that:
    1. Source code [data URI](https://en.wikipedia.org/wiki/Data_URI_scheme).
    1. Source code base64.
    1. Source code base64 [data URI](https://en.wikipedia.org/wiki/Data_URI_scheme).
-1. Can preserve line width, i.e. make icons and line art have same line width when scaling.
+1. Can preserve line width, i.e. make images retain line width regardless of the image size.
 1. Can replace colors with `currentColor` or a custom color via configuration (see `replaceColorsList` option).
 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 f 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 f(t).result();
+		w(document.getElementById(s));
+	}
+	const i = m + new f(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,19 @@
+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
+ * @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,19 @@
+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
+ * @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,353 @@
+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 ../utils/dist/index.mjs
+function a(t) {
+	return Array.isArray(t) ? t : [t];
+}
+
+//#endregion
+//#region ../loader/dist/index.mjs
+function X(e) {
+	return e = e.replaceAll("\\", "/"), e.endsWith("/") && (e = e.substring(0, e.length - 1)), e;
+}
+function Z(e) {
+	const o = String.fromCodePoint(...new TextEncoder().encode(e));
+	return btoa(o);
+}
+function ee(e) {
+	return e.replaceAll("`", "\\`");
+}
+function ge(e) {
+	return se(e.queryValue) || j(e);
+}
+function se(e) {
+	return !!e && e.toLowerCase() !== "false";
+}
+function j(e) {
+	const r = [path.default.basename(e.relativePath), e.relativePath], i = a(e.matchers);
+	return i.length ? i.some((n) => {
+		switch (typeof n) {
+			case "string": return r.some((l) => l === n);
+			case "function": return n({
+				fullPath: e.fullPath,
+				relativePath: e.relativePath
+			});
+		}
+		return r.some((l) => n.test(l));
+	}) : !1;
+}
+function te(e) {
+	return e.replaceAll(/\s+/g, " ").trim();
+}
+function ve(e) {
+	const o = a(e.selectors), r = [];
+	for (const i of o) {
+		if (typeof i == "string") {
+			r.push(te(i));
+			continue;
+		}
+		if (j({
+			...e,
+			matchers: i.files
+		})) for (const n of i.selectors) r.push(te(n));
+	}
+	return r;
+}
+const oe = svgo_lib_xast_js.matches;
+function $(e, o) {
+	for (const r of o) if (oe(e, r)) return !0;
+	return !1;
+}
+function G(e, o) {
+	return e ? o.replacements[e.toLowerCase()] || o.default || e : o.default || "";
+}
+function Se(e) {
+	return Array.isArray(e?.files);
+}
+const Ce = {
+	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 ye(e, o) {
+	if (!Ce[e.name]) return;
+	const r = e.attributes["vector-effect"];
+	r && r !== "non-scaling-stroke" ? console.warn(`"${o}": 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 le = {
+	fill: !0,
+	stroke: !0,
+	"stop-color": !0
+}, V = {
+	none: !0,
+	transparent: !0,
+	currentColor: !0
+}, Le = [
+	"url",
+	"source",
+	"source-data-uri",
+	"base64",
+	"base64-data-uri"
+];
+function re(e, o, r, i = !1) {
+	if (!e || typeof e != "string") return "";
+	let n = "stylesheet";
+	i && (e = `{${e}}`, n = "block");
+	const l = !i && r.length;
+	let c = [], p = [], g = !1;
+	const L = css_tree.parse(e, { context: n });
+	return css_tree.walk(L, {
+		visit: l ? void 0 : "Declaration",
+		enter: function(u) {
+			if (u.__SKIP_SVG_LOADER__ || this.rule?.__SKIP_SVG_LOADER__) return;
+			if (l) {
+				if (u.type === "SelectorList") {
+					c = [], p = [], g = !1;
+					return;
+				}
+				if (u.type === "Selector") {
+					const h = css_tree.generate(u);
+					let s = !1;
+					for (const f of r) if (oe(f, h)) {
+						s = !0, u.__ORIG_COLOR__ = !0;
+						break;
+					}
+					(s ? c : p).push(h);
+					return;
+				}
+			}
+			if (u.type !== "Declaration" || !le[u.property]) return;
+			const b = u.value?.children?.first, x = b?.value || b?.name;
+			if (!(!x || V[x])) {
+				if (l && !g && this.rule?.prelude.type === "SelectorList") {
+					const h = css_tree.clone(this.rule);
+					h.__SKIP_SVG_LOADER__ = !0;
+					const s = new css_tree.List(), f = this.rule.prelude.children;
+					f.forEach((P, R) => {
+						P.__ORIG_COLOR__ && (f.remove(R), s.push(P));
+					}), h.prelude.children = s;
+					const v = this.atrule?.block?.children || this.stylesheet?.children;
+					let a$1;
+					v?.some((P, R) => P === this.rule ? (a$1 = R, !0) : !1), a$1 ? v?.insertData(h, a$1) : v?.push(h), g = !0;
+				}
+				u.value = css_tree.parse(G(css_tree.generate(u.value), o), { context: "value" });
+			}
+		}
+	}), css_tree.generate(L);
+}
+const be = {
+	circle: !0,
+	ellipse: !0,
+	path: !0,
+	polygon: !0,
+	polyline: !0,
+	rect: !0,
+	text: !0,
+	textPath: !0,
+	tref: !0,
+	tspan: !0
+}, ie = { ...le };
+delete ie.fill;
+function Pe(e, o, r, i) {
+	if (e.name === "style") {
+		const c = e.children[0], p = re(c?.value, r, i, !1);
+		p && (c.value = p);
+	} else {
+		const c = re(e.attributes.style, r, i, !0);
+		c && (e.attributes.style = c);
+	}
+	const n = e.name === "svg", l = e.attributes.fill;
+	n && l && (o = !0), (n && o || !n && !o && be[e.name]) && !V[l] && (e.attributes.fill = G(l, r));
+	for (const c in ie) {
+		const p = e.attributes[c];
+		p && !V[p] && (e.attributes[c] = G(p, r));
+	}
+	return o;
+}
+function Ae(e = {}) {
+	const { urlImportsInLibraryMode: o = "source-data-uri" } = e;
+	let r = e.tempDir || ".temp";
+	if (r.startsWith("/") || r.startsWith("./") || r.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.`);
+	r.endsWith("/") && (r = r.substring(0, r.length - 1)), r = "/" + r;
+	let i = !1, n = !1, l = "", c = "";
+	const p = a(e.setCurrentColorList || e.replaceColorsList || []), g = [], L = [], u = {
+		files: /.*/,
+		replacements: {},
+		default: ""
+	};
+	let b = !1;
+	const x = (s) => {
+		switch (typeof s) {
+			case "string":
+			case "function": return !0;
+		}
+		return s instanceof RegExp;
+	};
+	for (const s of p) {
+		if (Se(s)) {
+			g.push(s);
+			continue;
+		}
+		if (x(s)) {
+			L.push({
+				files: s,
+				replacements: {},
+				default: "currentColor"
+			});
+			continue;
+		}
+		for (const f in s) b = !0, u.replacements[f] = s[f];
+	}
+	const h = [...g, ...L];
+	return b && h.push(u), {
+		name: "vite-awesome-svg-loader",
+		enforce: "pre",
+		config(s, { command: f }) {
+			i = f === "build";
+		},
+		configResolved(s) {
+			n = !!s.build.lib, l = X(s.root), c = X(s.base);
+		},
+		configureServer(s) {
+			s.httpServer?.on("close", async () => {
+				i || await (0, node_fs_promises.rm)(l + r, {
+					force: !0,
+					recursive: !0
+				});
+			});
+		},
+		async load(s) {
+			const v = s.indexOf(".svg");
+			if (v === -1) return null;
+			let a$1 = s.substring(0, v + 4).replaceAll("\\", "/");
+			a$1.startsWith(l) && (a$1 = a$1.substring(l.length)), a$1.startsWith("/") || (a$1 = "/" + a$1);
+			const R = (s.split("?", 2)[1] || "").split("&"), O = {};
+			for (const t of R) {
+				const [y, D] = t.split("=");
+				O[y.toLowerCase()] = D || "1";
+			}
+			const A = {
+				fullPath: (l.endsWith("/") ? l.substring(l.length) : l) + a$1,
+				relativePath: a$1
+			}, E = (t) => ge({
+				...A,
+				matchers: t.matchers || [],
+				queryValue: O[t.param]
+			}), I = (t) => ve({
+				...A,
+				selectors: t || []
+			});
+			if (E({
+				param: "skip-awesome-svg-loader",
+				matchers: e.skipFilesList
+			})) return null;
+			const w = E({
+				param: "skip-transforms",
+				matchers: e.skipTransformsList
+			}), W = !w && E({
+				param: "preserve-line-width",
+				matchers: e.preserveLineWidthList
+			}) && !E({ matchers: e.skipPreserveLineWidthList }), B = W ? I(e.skipPreserveLineWidthSelectors) : [];
+			let S = !1;
+			const d = {
+				replacements: {},
+				default: void 0
+			};
+			if (!w && !E({ matchers: e.skipSetCurrentColorList || e.skipReplaceColorsList })) {
+				if (se(O["set-current-color"])) d.default = "currentColor", S = !0;
+				else for (const t of h) if (j({
+					...A,
+					matchers: t.files
+				})) {
+					S = !0, d.default === void 0 && t.default !== void 0 && (d.default = t.default);
+					for (const y in t.replacements) d.replacements[y] ||= t.replacements[y];
+				}
+			}
+			d.default ??= "currentColor";
+			const N = S ? I(e.skipSetCurrentColorSelectors || e.skipReplaceColorsSelectors) : [], F = w ? [] : I(e.skipTransformsSelectors), T = [a$1];
+			for (const t of [
+				B,
+				N,
+				F
+			]) T.push(t.join(","));
+			for (const t of [
+				w,
+				W,
+				S
+			]) T.push(t ? "1" : "0");
+			S && T.push(JSON.stringify(d));
+			const ne = new imurmurhash.default(T.join("__")).result(), z = `${path.default.basename(a$1).split(".")[0]}-${ne}`, K = z + ".svg", ae = path.default.dirname(a$1) + "/" + K, Q = l + a$1;
+			let m = (await (0, node_fs_promises.readFile)(Q)).toString(), U = !1;
+			const H = [], J = z + "__";
+			let Y = !1;
+			m = (0, svgo.optimize)(m, {
+				multipass: !0,
+				plugins: [{
+					name: "prefixIds",
+					params: {
+						prefixIds: !0,
+						prefixClassNames: !0,
+						prefix: J,
+						delim: ""
+					}
+				}, {
+					name: "awesome-svg-loader",
+					fn: () => Y ? null : (Y = !0, {
+						root: { enter: (t) => {
+							for (const y of [N, F]) for (const D of y) H.push(...(0, svgo_lib_xast_js.querySelectorAll)(t, D));
+						} },
+						element: { enter: (t) => {
+							$(t, F) || (W && !$(t, B) && ye(t, Q), S && !$(t, N) && (U = Pe(t, U, d, H)));
+						} }
+					})
+				}]
+			}).data;
+			let k = e.defaultImport || "source";
+			for (const t of Le) O[t] && (k = t);
+			n && k === "url" && o !== "emit-files" && (k = o);
+			const C = (t) => [
+				`export const src = ${t};`,
+				`export const prefix = "${J}"`,
+				"export default src"
+			].join(`
+`);
+			switch (k) {
+				case "source": return C("`" + ee(m) + "`");
+				case "source-data-uri": return C("`data:image/svg+xml," + encodeURIComponent(m) + "`");
+				case "base64": return C("`" + ee(Z(m)) + "`");
+				case "base64-data-uri": return C("`data:image/svg+xml;base64," + encodeURIComponent(Z(m)) + "`");
+			}
+			if (!i) {
+				const t = r + ae;
+				return await (0, node_fs_promises.writeFile)(l + t, m), C(`"${c + t}"`);
+			}
+			return C(`"__VITE_ASSET__${this.emitFile({
+				type: "asset",
+				name: K,
+				source: m
+			})}__"`);
+		}
+	};
+}
+
+//#endregion
+exports.viteAwesomeSvgLoader = Ae;