@cyberalien/svg-utils 0.0.17 → 0.1.1

package/lib/css/stringify.d.ts

@@ -1,4 +1,4 @@
-import { CSSRules } from "./types.js";
+import { CSSKeyframes, CSSRules } from "./types.js";
 /**
  * Stringify CSS rules
  */
@@ -7,4 +7,8 @@ declare function stringifyCSSRules(rules: CSSRules, depth?: number): string;
  * Stringify CSS selector with rules
  */
 declare function stringifyCSSSelector(selector: string, rules: string | CSSRules, depth?: number): string;
-export { stringifyCSSRules, stringifyCSSSelector };
+/**
+ * Stringify CSS keyframes
+ */
+declare function stringifyCSSKeyframes(animationName: string, keyframes: CSSKeyframes, depth?: number): string;
+export { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector };

package/lib/css/stringify.js

@@ -22,5 +22,25 @@ function stringifyCSSSelector(selector, rules, depth = 0) {
 	const tab = indent(depth);
 	return `${tab}${selector} {\n${content}${tab}}\n`;
 }
+/**
+* Stringify CSS keyframes
+*/
+function stringifyCSSKeyframes(animationName, keyframes, depth = 0) {
+	const prop = keyframes.prop;
+	const values = /* @__PURE__ */ new Map();
+	keyframes.frames.forEach((frame) => {
+		const css = `${indent(depth + 2)}${prop}: ${frame.value};\n`;
+		const item = values.get(css);
+		if (item) item.push(frame.time);
+		else values.set(css, [frame.time]);
+	});
+	const lines = [];
+	lines.push(`${indent(depth)}@keyframes ${animationName} {\n`);
+	values.forEach((times, css) => {
+		lines.push(`${indent(depth + 1)}${times.map((time) => `${(time * 100).toFixed(2).replace(/\.?0+$/, "")}%`).join(", ")} {\n${css}${indent(depth + 1)}}\n`);
+	});
+	lines.push("}\n");
+	return lines.join("");
+}
 
-export { stringifyCSSRules, stringifyCSSSelector };
+export { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector };

package/lib/css/types.d.ts

@@ -2,4 +2,15 @@
  * CSS rules
  */
 type CSSRules = Record<string, string>;
-export { CSSRules };
+/**
+ * Animation keyframes
+ */
+interface CSSKeyframe {
+  time: number;
+  value: string;
+}
+interface CSSKeyframes {
+  prop: string;
+  frames: CSSKeyframe[];
+}
+export { CSSKeyframe, CSSKeyframes, CSSRules };

package/lib/helpers/misc/strings.js

@@ -15,15 +15,13 @@ function pascalize(str) {
 * Convert camelCase string to kebab-case
 */
 function camelToKebab(key) {
-	const result = key.replace(/:/g, "-").replace(/([A-Z])/g, " $1").trim();
-	return result.split(/\s+/g).join("-").toLowerCase();
+	return key.replace(/:/g, "-").replace(/([A-Z])/g, " $1").trim().split(/\s+/g).join("-").toLowerCase();
 }
 /**
 * Convert camelCase string to snake-case
 */
 function snakelize(str) {
-	const kebab = camelToKebab(str);
-	return kebab.replace(/-/g, "_");
+	return camelToKebab(str).replace(/-/g, "_");
 }
 
 export { camelToKebab, camelize, pascalize, snakelize };

package/lib/iconify/icon/nornalise.d.ts

@@ -0,0 +1,7 @@
+import { ParsedIconifyIcon } from "./types.js";
+import { IconifyIcon } from "@iconify/types";
+/**
+ * Normalise icon: apply transformations
+ */
+declare function normaliseIconifyIcon(data: IconifyIcon): ParsedIconifyIcon;
+export { normaliseIconifyIcon };

package/lib/iconify/icon/nornalise.js

@@ -0,0 +1,63 @@
+import { wrapSVGContent } from "../../svg/content/defs.js";
+
+/**
+* Normalise icon: apply transformations
+*/
+function normaliseIconifyIcon(data) {
+	const viewBox = {
+		left: data.left ?? 0,
+		top: data.top ?? 0,
+		width: data.width ?? 16,
+		height: data.height ?? 16
+	};
+	let body = data.body;
+	const transformations = [];
+	let rotation = data.rotate ?? 0;
+	if (data.hFlip) if (data.vFlip) rotation += 2;
+	else {
+		transformations.push("translate(" + (viewBox.width + viewBox.left).toString() + " " + (0 - viewBox.top).toString() + ")");
+		transformations.push("scale(-1 1)");
+		viewBox.top = viewBox.left = 0;
+	}
+	else if (data.vFlip) {
+		transformations.push("translate(" + (0 - viewBox.left).toString() + " " + (viewBox.height + viewBox.top).toString() + ")");
+		transformations.push("scale(1 -1)");
+		viewBox.top = viewBox.left = 0;
+	}
+	if (rotation < 0) rotation -= Math.floor(rotation / 4) * 4;
+	rotation = rotation % 4;
+	switch (rotation) {
+		case 1: {
+			const value = viewBox.height / 2 + viewBox.top;
+			transformations.unshift(`rotate(90 ${value} ${value})`);
+			break;
+		}
+		case 2:
+			transformations.unshift(`rotate(180 ${viewBox.width / 2 + viewBox.left} ${viewBox.height / 2 + viewBox.top})`);
+			break;
+		case 3: {
+			const value = viewBox.width / 2 + viewBox.left;
+			transformations.unshift(`rotate(-90 ${value} ${value})`);
+			break;
+		}
+	}
+	if (rotation % 2 === 1) {
+		if (viewBox.left !== viewBox.top) {
+			const tempValue = viewBox.left;
+			viewBox.left = viewBox.top;
+			viewBox.top = tempValue;
+		}
+		if (viewBox.width !== viewBox.height) {
+			const tempValue = viewBox.width;
+			viewBox.width = viewBox.height;
+			viewBox.height = tempValue;
+		}
+	}
+	if (transformations.length) body = wrapSVGContent(body, "<g transform=\"" + transformations.join(" ") + "\">", "</g>");
+	return {
+		body,
+		viewBox
+	};
+}
+
+export { normaliseIconifyIcon };

package/lib/iconify/icon/types.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "../../svg/viewbox/types.js";
+interface ParsedIconifyIcon {
+  body: string;
+  viewBox: IconViewBox;
+}
+export { ParsedIconifyIcon };

package/lib/iconify/icon/types.js

@@ -0,0 +1 @@
+export {  };

package/lib/iconify/icon-set/defaults.d.ts

@@ -0,0 +1,6 @@
+import { IconifyJSON } from "@iconify/types";
+/**
+ * Get default properties from icon set
+ */
+declare function getIconifyIconSetDefaults(data: IconifyJSON): Partial<Record<"width" | "height" | "left" | "top", number>>;
+export { getIconifyIconSetDefaults };

package/lib/iconify/icon-set/defaults.js

@@ -0,0 +1,19 @@
+const defaultProps = [
+	"width",
+	"height",
+	"left",
+	"top"
+];
+/**
+* Get default properties from icon set
+*/
+function getIconifyIconSetDefaults(data) {
+	const defaultValues = {};
+	for (const prop of defaultProps) {
+		const defaultValue = data[prop];
+		if (defaultValue) defaultValues[prop] = defaultValue;
+	}
+	return defaultValues;
+}
+
+export { getIconifyIconSetDefaults };

package/lib/iconify/icon-set/icon.d.ts

@@ -0,0 +1,6 @@
+import { IconifyIcon, IconifyJSON } from "@iconify/types";
+/**
+ * Get icon data from Iconify icon set
+ */
+declare function getIconifyIconSetIcon(data: IconifyJSON, name: string): IconifyIcon | null | undefined;
+export { getIconifyIconSetIcon };

package/lib/iconify/icon-set/icon.js

@@ -0,0 +1,24 @@
+import { getIconifyIconSetDefaults } from "./defaults.js";
+
+/**
+* Get icon data from Iconify icon set
+*/
+function getIconifyIconSetIcon(data, name) {
+	if (data.not_found?.includes(name)) return null;
+	const icon = data.icons[name];
+	if (icon) return {
+		...getIconifyIconSetDefaults(data),
+		...icon
+	};
+	const alias = data.aliases?.[name];
+	if (alias) {
+		const parentIcon = data.icons?.[alias.parent];
+		return parentIcon ? {
+			...getIconifyIconSetDefaults(data),
+			...parentIcon,
+			...alias
+		} : null;
+	}
+}
+
+export { getIconifyIconSetIcon };

package/lib/iconify/icon-set/parse.d.ts

@@ -0,0 +1,7 @@
+import { ParseIconifyIconSetCallback } from "./types.js";
+import { IconifyJSON } from "@iconify/types";
+/**
+ * Parse Iconify icon set and call callback for each icon
+ */
+declare function parseIconifyIconSet(data: IconifyJSON, callback: ParseIconifyIconSetCallback): void;
+export { parseIconifyIconSet };

package/lib/iconify/icon-set/parse.js

@@ -0,0 +1,31 @@
+import { getIconifyIconSetDefaults } from "./defaults.js";
+
+/**
+* Parse Iconify icon set and call callback for each icon
+*/
+function parseIconifyIconSet(data, callback) {
+	const defaultValues = getIconifyIconSetDefaults(data);
+	for (const name in data.icons) {
+		const item = data.icons[name];
+		callback(name, {
+			...defaultValues,
+			...item
+		});
+	}
+	if (data.aliases) for (const name in data.aliases) {
+		const item = data.aliases[name];
+		const parentIcon = data.icons[item.parent];
+		if (!parentIcon) {
+			callback(name, null);
+			continue;
+		}
+		callback(name, {
+			...defaultValues,
+			...parentIcon,
+			...item
+		});
+	}
+	if (data.not_found) for (const name of data.not_found) callback(name, null);
+}
+
+export { parseIconifyIconSet };

package/lib/iconify/icon-set/types.d.ts

@@ -0,0 +1,6 @@
+import { IconifyIcon } from "@iconify/types";
+/**
+ * Callback for each icon in icon set
+ */
+type ParseIconifyIconSetCallback = (name: string, data: IconifyIcon | null) => void;
+export { ParseIconifyIconSetCallback };

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
 import { createCSSClassName } from "./css/hash.js";
-import { stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
+import { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
 import { hashString } from "./helpers/hash/hash.js";
 import { hashToString } from "./helpers/hash/stringify.js";
 import { UniqueHashOptions } from "./helpers/hash/types.js";
@@ -24,4 +24,4 @@ import { convertSVGPropertyToCSS } from "./svg-css/props/prop.js";
 import { extractSVGTagPropertiesForCSS } from "./svg-css/props/props.js";
 import { convertSVGRootToCSS } from "./svg-css/convert/root.js";
 import { convertSVGContentToCSSRules } from "./svg-css/convert/content.js";
-export { ChangeIDResult, ClassProp, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGConvertedToCSSProperties, SVGPropertyType, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+export { ChangeIDResult, ClassProp, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGConvertedToCSSProperties, SVGPropertyType, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/index.js

@@ -8,7 +8,7 @@ import { iterateXMLContent } from "./xml/iterate.js";
 import { parseXMLContent } from "./xml/parse.js";
 import { stringifyXMLContent } from "./xml/stringify.js";
 import { createCSSClassName } from "./css/hash.js";
-import { stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
+import { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
 import { classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
 import { changeIDInString } from "./svg/ids/string.js";
@@ -21,4 +21,4 @@ import { extractSVGTagPropertiesForCSS } from "./svg-css/props/props.js";
 import { convertSVGRootToCSS } from "./svg-css/convert/root.js";
 import { convertSVGContentToCSSRules } from "./svg-css/convert/content.js";
 
-export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/svg/content/defs.d.ts

@@ -0,0 +1,20 @@
+interface SplitSVGDefsResult {
+  defs: string;
+  content: string;
+}
+/**
+ * Extract definitions from SVG
+ *
+ * Can be used with other tags, but name kept for backwards compatibility.
+ * Should be used only with tags that cannot be nested, such as masks, clip paths, etc.
+ */
+declare function splitSVGDefs(content: string, tag?: string): SplitSVGDefsResult;
+/**
+ * Merge defs and content
+ */
+declare function mergeDefsAndContent(defs: string, content: string): string;
+/**
+ * Wrap SVG content, without wrapping definitions
+ */
+declare function wrapSVGContent(body: string, start: string, end: string): string;
+export { mergeDefsAndContent, splitSVGDefs, wrapSVGContent };

package/lib/svg/content/defs.js

@@ -0,0 +1,44 @@
+/**
+* Extract definitions from SVG
+*
+* Can be used with other tags, but name kept for backwards compatibility.
+* Should be used only with tags that cannot be nested, such as masks, clip paths, etc.
+*/
+function splitSVGDefs(content, tag = "defs") {
+	let defs = "";
+	let index;
+	while ((index = content.indexOf("<" + tag)) !== -1) {
+		const start = content.indexOf(">", index);
+		if (start === -1) break;
+		const prevContent = content.slice(0, index).trim();
+		if (content[start - 1] === "/") {
+			content = prevContent + content.slice(start + 1);
+			continue;
+		}
+		const end = content.indexOf("</" + tag);
+		if (end === -1) break;
+		const endEnd = content.indexOf(">", end);
+		if (endEnd === -1) break;
+		defs += content.slice(start + 1, end).trim();
+		content = prevContent + content.slice(endEnd + 1);
+	}
+	return {
+		defs,
+		content
+	};
+}
+/**
+* Merge defs and content
+*/
+function mergeDefsAndContent(defs, content) {
+	return defs ? `<defs>${defs}</defs>${content}` : content;
+}
+/**
+* Wrap SVG content, without wrapping definitions
+*/
+function wrapSVGContent(body, start, end) {
+	const split = splitSVGDefs(body);
+	return mergeDefsAndContent(split.defs, start + split.content + end);
+}
+
+export { mergeDefsAndContent, splitSVGDefs, wrapSVGContent };

package/lib/svg/ids/duplicate.js

@@ -5,10 +5,7 @@ import { iterateXMLContent } from "../../xml/iterate.js";
 */
 function removeDuplicateIDs(root, data) {
 	const remove = /* @__PURE__ */ new Set();
-	for (const id in data.map) {
-		const nodes = data.map[id];
-		if (nodes.length > 1) remove.add(id);
-	}
+	for (const id in data.map) if (data.map[id].length > 1) remove.add(id);
 	if (remove.size) {
 		const removing = /* @__PURE__ */ new Set();
 		return iterateXMLContent(root, (node) => {

package/lib/svg/ids/unused.js

@@ -15,8 +15,7 @@ function removeUnusedIDs(root, data) {
 			case "clipPath":
 			case "symbol": return "remove";
 		}
-		const parentNode = stack[stack.length - 1];
-		if (parentNode?.tag === "defs") return "remove";
+		if (stack[stack.length - 1]?.tag === "defs") return "remove";
 		delete node.attribs.id;
 	});
 	return root;

package/lib/svg/props/size.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Calculate second dimension when only 1 dimension is set
+ *
+ * If you are calculating width, ratio should be width/height
+ * If you are calculating height, ratio should be height/width
+ */
+declare function calculateSize<T extends string | number>(size: T, ratio: number, precision?: number): T;
+export { calculateSize };

package/lib/svg/props/size.js

@@ -0,0 +1,34 @@
+/**
+* Regular expressions for calculating dimensions
+*/
+const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
+const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+/**
+* Calculate second dimension when only 1 dimension is set
+*
+* If you are calculating width, ratio should be width/height
+* If you are calculating height, ratio should be height/width
+*/
+function calculateSize(size, ratio, precision) {
+	if (ratio === 1) return size;
+	precision = precision || 100;
+	if (typeof size === "number") return Math.ceil(size * ratio * precision) / precision;
+	if (typeof size !== "string") return size;
+	const oldParts = size.split(unitsSplit);
+	if (oldParts === null || !oldParts.length) return size;
+	const newParts = [];
+	let code = oldParts.shift();
+	let isNumber = unitsTest.test(code);
+	while (true) {
+		if (isNumber) {
+			const num = parseFloat(code);
+			if (isNaN(num)) newParts.push(code);
+			else newParts.push(Math.ceil(num * ratio * precision) / precision);
+		} else newParts.push(code);
+		code = oldParts.shift();
+		if (code === void 0) return newParts.join("");
+		isNumber = !isNumber;
+	}
+}
+
+export { calculateSize };

package/lib/svg/props/stringify.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Stringify properties
+ */
+declare function stringifyProps(props: Record<string, string>): string;
+export { stringifyProps };

package/lib/svg/props/stringify.js

@@ -0,0 +1,8 @@
+/**
+* Stringify properties
+*/
+function stringifyProps(props) {
+	return Object.entries(props).map(([key, value]) => `${key}="${value}"`).join(" ");
+}
+
+export { stringifyProps };

package/lib/svg/viewbox/minify.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "./types.js";
+/**
+ * Minify viewBox by removing default values
+ */
+declare function minifyViewBox(viewBox: IconViewBox): IconViewBox;
+export { minifyViewBox };

package/lib/svg/viewbox/minify.js

@@ -0,0 +1,15 @@
+/**
+* Minify viewBox by removing default values
+*/
+function minifyViewBox(viewBox) {
+	const result = {
+		width: viewBox.width,
+		height: viewBox.height
+	};
+	if (viewBox.left) result.left = viewBox.left;
+	if (viewBox.top) result.top = viewBox.top;
+	if (viewBox.cx && viewBox.cx * 2 !== viewBox.width) result.cx = viewBox.cx;
+	return result;
+}
+
+export { minifyViewBox };

package/lib/svg/viewbox/parse.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "./types.js";
+/**
+ * Parse viewBox string to IconViewBox
+ */
+declare function parseViewBox(value: string): IconViewBox | undefined;
+export { parseViewBox };

package/lib/svg/viewbox/parse.js

@@ -0,0 +1,17 @@
+/**
+* Parse viewBox string to IconViewBox
+*/
+function parseViewBox(value) {
+	const parts = value.split(/[\s,]+/).map((item) => item.trim());
+	if (parts.length !== 4) return;
+	const nums = parts.map((part) => Number(part));
+	if (nums.some((num) => isNaN(num))) return;
+	return {
+		left: nums[0],
+		top: nums[1],
+		width: nums[2],
+		height: nums[3]
+	};
+}
+
+export { parseViewBox };

package/lib/svg/viewbox/square.d.ts

@@ -0,0 +1,6 @@
+import { IconViewBox } from "./types.js";
+/**
+ * Make viewBox square
+ */
+declare function makeSquareViewBox(viewBox: IconViewBox): IconViewBox;
+export { makeSquareViewBox };

package/lib/svg/viewbox/square.js

@@ -0,0 +1,24 @@
+/**
+* Make viewBox square
+*/
+function makeSquareViewBox(viewBox) {
+	const { width, height } = viewBox;
+	if (width === height) return { ...viewBox };
+	if (width >= height) {
+		const diff = (width - height) / 2;
+		return {
+			left: viewBox.left,
+			top: (viewBox.top ?? 0) - diff,
+			width,
+			height: width
+		};
+	}
+	return {
+		left: (viewBox.cx ?? width / 2 + (viewBox.left ?? 0)) - height / 2,
+		top: viewBox.top,
+		width: height,
+		height
+	};
+}
+
+export { makeSquareViewBox };

package/lib/svg-css/convert/content.d.ts

@@ -1,10 +1,7 @@
-import { StringifyXMLOptions } from "../../xml/types.js";
 import { ConvertedSVGContent } from "../types.js";
-interface Options extends StringifyXMLOptions {
-  classNamePrefix?: string;
-}
+import { ConvertSVGContentOptions } from "./types.js";
 /**
  * Convert SVG content string to SVG+CSS
  */
-declare function convertSVGContentToCSSRules(content: string, options?: Options): ConvertedSVGContent;
+declare function convertSVGContentToCSSRules(content: string, options?: ConvertSVGContentOptions): ConvertedSVGContent;
 export { convertSVGContentToCSSRules };

package/lib/svg-css/convert/types.d.ts

@@ -0,0 +1,5 @@
+import { StringifyXMLOptions } from "../../xml/types.js";
+interface ConvertSVGContentOptions extends StringifyXMLOptions {
+  classNamePrefix?: string;
+}
+export { ConvertSVGContentOptions };

package/lib/svg-css/convert/types.js

@@ -0,0 +1 @@
+export {  };

package/lib/svg-css/factory/code/iconify.d.ts

@@ -0,0 +1,11 @@
+import { ConvertSVGContentOptions } from "../../convert/types.js";
+import { FactoryIconData } from "../types/data.js";
+import { IconifyIcon } from "@iconify/types";
+interface Options extends ConvertSVGContentOptions {
+  fallback?: string | boolean;
+}
+/**
+ * Convert IconifyIcon data to FactoryIconData
+ */
+declare function convertIconifyIconToFactoryContent(icon: IconifyIcon, prefix: string, name: string, options?: Options): FactoryIconData;
+export { convertIconifyIconToFactoryContent };

package/lib/svg-css/factory/code/iconify.js

@@ -0,0 +1,20 @@
+import { convertSVGContentToCSSRules } from "../../convert/content.js";
+import { normaliseIconifyIcon } from "../../../iconify/icon/nornalise.js";
+
+/**
+* Convert IconifyIcon data to FactoryIconData
+*/
+function convertIconifyIconToFactoryContent(icon, prefix, name, options) {
+	const { body, viewBox } = normaliseIconifyIcon(icon);
+	const fallbackOption = options?.fallback ?? true;
+	const fallback = typeof fallbackOption === "string" ? fallbackOption : fallbackOption ? `${prefix}:${name}` : void 0;
+	return {
+		prefix,
+		name,
+		viewBox,
+		icon: convertSVGContentToCSSRules(body, options),
+		fallback
+	};
+}
+
+export { convertIconifyIconToFactoryContent };

package/lib/svg-css/factory/code/stringify.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Merge lines into a string with padding
+ */
+declare function stringifyFactoryIconCodeLines(lines: string[], padding?: number): string;
+export { stringifyFactoryIconCodeLines };

package/lib/svg-css/factory/code/stringify.js

@@ -0,0 +1,9 @@
+/**
+* Merge lines into a string with padding
+*/
+function stringifyFactoryIconCodeLines(lines, padding = 0) {
+	const pad = "  ".repeat(padding);
+	return lines.map((line) => pad + line).join("\n");
+}
+
+export { stringifyFactoryIconCodeLines };

package/lib/svg-css/factory/code/template.d.ts

@@ -0,0 +1,6 @@
+import { FactoryComponentTemplate } from "../types/component.js";
+/**
+ * Create empty code object
+ */
+declare function createFactoryCodeTemplate(): FactoryComponentTemplate;
+export { createFactoryCodeTemplate };

package/lib/svg-css/factory/code/template.js

@@ -0,0 +1,15 @@
+/**
+* Create empty code object
+*/
+function createFactoryCodeTemplate() {
+	return {
+		tag: "",
+		hardcoded: Object.create(null),
+		vars: Object.create(null),
+		spread: [],
+		propTypes: Object.create(null),
+		optionalProps: []
+	};
+}
+
+export { createFactoryCodeTemplate };

package/lib/svg-css/factory/components/raw.d.ts

@@ -0,0 +1,8 @@
+import { FactoryIconData } from "../types/data.js";
+import { FactoryGeneratedComponent } from "../types/component.js";
+import { ComponentFactoryOptions } from "../types/options.js";
+/**
+ * Create raw component code
+ */
+declare function createRawComponent(data: FactoryIconData, options: ComponentFactoryOptions): FactoryGeneratedComponent;
+export { createRawComponent };