@cyberalien/svg-utils 0.1.0 → 0.1.2

package/lib/{svg-css/factory/components/vue.js → components/vue-func.js}

@@ -1,18 +1,19 @@
-import { makeSquareViewBox } from "../../../svg/viewbox/square.js";
-import { getIconViewBox } from "../../../svg/viewbox/value.js";
-import { getComponentSizeValues } from "../content/size.js";
-import { stringifyFactoryIconContent } from "../content/stringify.js";
-import { createFactoryImports } from "../imports/create.js";
-import { generateCSSFilesForComponent } from "../css/generate.js";
-import { stringifyFactoryImports } from "../imports/stringify.js";
-import { addVueComponentTypes } from "./vue/types.js";
-import { addSizeFunctionAsset } from "./shared/size.js";
-import { stringifyFactoryPropsAsJSON } from "../props/object.js";
+import { getComponentSizeValues } from "./helpers/content/size.js";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
+import { getIconViewBox } from "../svg/viewbox/value.js";
+import { createFactoryImports } from "./helpers/imports/create.js";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
+import { getUsedFactoryProps } from "./helpers/props/ts.js";
+import { addVueComponentTypes } from "./helpers/vue/types.js";
+import { addSizeFunctionAsset } from "./helpers/functions/size.js";
+import { stringifyFactoryPropsAsJSON } from "./helpers/props/object.js";
+import { makeSquareViewBox } from "../svg/viewbox/square.js";
 
 /**
-* Create Vue component code
+* Create functional Vue component code
 */
-function createVueComponent(data, options) {
+function createVueFunctionalComponent(data, options) {
 	const assets = [];
 	const imports = createFactoryImports();
 	const hasFallback = !!data.fallback;
@@ -24,45 +25,38 @@ function createVueComponent(data, options) {
 	const sizeProps = getComponentSizeValues(options, data.viewBox);
 	const props = {};
 	if (!hasFallback) props.xmlns = "http://www.w3.org/2000/svg";
-	const usedProps = [];
 	const viewBox = data.viewBox;
 	const isDynanicViewBox = !sizeProps && options.square && viewBox.width !== viewBox.height;
 	if (sizeProps) {
 		props.width = sizeProps.width;
 		props.height = sizeProps.height;
+	} else if (hasFallback) {
+		props.width = {
+			type: "string",
+			value: "width",
+			template: "width: props.width,"
+		};
+		props.height = {
+			type: "string",
+			value: "height",
+			template: "height: props.height,"
+		};
 	} else {
-		usedProps.push("width", "height");
-		if (hasFallback) {
-			props.width = {
-				type: "string",
-				value: "width",
-				template: "width: props.width,"
-			};
-			props.height = {
-				type: "string",
-				value: "height",
-				template: "height: props.height,"
-			};
-		} else {
-			const getSizeProps = addSizeFunctionAsset(imports, assets, options);
-			componentCode.push(`const size = computed(() => ${getSizeProps}(props.width, props.height, viewBox${isDynanicViewBox ? ".value" : ""}));`);
-			vueNamedImports.add("computed");
-			props.width = {
-				type: "string",
-				value: "width",
-				template: "...size.value,"
-			};
-			props.height = {
-				type: "string",
-				value: "height",
-				template: ""
-			};
-		}
-	}
-	if (options.square) {
-		usedProps.push("square");
-		props.square = { type: "boolean" };
+		const getSizeProps = addSizeFunctionAsset(imports, assets, options);
+		componentCode.push(`const size = computed(() => ${getSizeProps}(props.width, props.height, viewBox${isDynanicViewBox ? ".value" : ""}));`);
+		vueNamedImports.add("computed");
+		props.width = {
+			type: "string",
+			value: "width",
+			template: "...size.value,"
+		};
+		props.height = {
+			type: "string",
+			value: "height",
+			template: ""
+		};
 	}
+	if (options.square) props.square = { type: "boolean" };
 	const getViewBox = (viewBox$1) => hasFallback ? JSON.stringify(viewBox$1) : `'${getIconViewBox(viewBox$1)}'`;
 	const viewBoxValue = getViewBox(viewBox);
 	if (isDynanicViewBox) {
@@ -80,10 +74,11 @@ function createVueComponent(data, options) {
 	}
 	props[hasFallback ? "content" : "innerHTML"] = { value: stringifyFactoryIconContent(data.icon, options) };
 	if (data.fallback) props.fallback = data.fallback;
-	addVueComponentTypes(data, options, assets, props);
+	const types = addVueComponentTypes(data, options, assets, props);
 	componentCode.push(`return () => h(${hasFallback ? "Icon" : "'svg'"}, { 
 			${stringifyFactoryPropsAsJSON(props, "\n			")}
 		});`);
+	const usedProps = getUsedFactoryProps(props);
 	const componentFunction = `const Component = defineComponent(
 	(${usedProps.length ? "props" : ""}) => {
 		${componentCode.join("\n		")}
@@ -96,8 +91,9 @@ function createVueComponent(data, options) {
 	const content = `${stringifyFactoryImports(imports)}\n${componentFunction}\nexport default Component;\n`;
 	return {
 		assets,
-		content
+		content,
+		types
 	};
 }
 
-export { createVueComponent };
+export { createVueFunctionalComponent };

package/lib/components/vue.d.ts

@@ -0,0 +1,11 @@
+import { FactoryGeneratedComponent } from "./types/component.js";
+import { FactoryIconData } from "./types/data.js";
+import { ComponentFactoryOptions } from "./types/options.js";
+interface VueOptions extends ComponentFactoryOptions {
+  ts?: boolean;
+}
+/**
+ * Create Vue component code
+ */
+declare function createVueComponent(data: FactoryIconData, options: VueOptions): FactoryGeneratedComponent;
+export { createVueComponent };

package/lib/components/vue.js

@@ -0,0 +1,96 @@
+import { getComponentSizeValues } from "./helpers/content/size.js";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
+import { getIconViewBox } from "../svg/viewbox/value.js";
+import { createFactoryImports } from "./helpers/imports/create.js";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
+import { stringifyFactoryProps } from "./helpers/props/stringify.js";
+import { getUsedFactoryProps, stringifyFactoryPropTypes } from "./helpers/props/ts.js";
+import { addVueComponentTypes } from "./helpers/vue/types.js";
+import { addSizeFunctionAsset } from "./helpers/functions/size.js";
+import { makeSquareViewBox } from "../svg/viewbox/square.js";
+
+/**
+* Create Vue component code
+*/
+function createVueComponent(data, options) {
+	const useTS = options.ts ?? false;
+	const assets = [];
+	const imports = createFactoryImports();
+	const hasFallback = !!data.fallback;
+	if (hasFallback) imports.named["@iconify/css-vue"] = new Set(["Icon"]);
+	const vueNamedImports = /* @__PURE__ */ new Set();
+	imports.named["vue"] = vueNamedImports;
+	generateCSSFilesForComponent(data.icon, imports, assets, options);
+	const componentCode = [];
+	const sizeProps = getComponentSizeValues(options, data.viewBox);
+	const props = {};
+	if (!hasFallback) props.xmlns = "http://www.w3.org/2000/svg";
+	const viewBox = data.viewBox;
+	const isDynanicViewBox = !sizeProps && options.square && viewBox.width !== viewBox.height;
+	if (sizeProps) {
+		props.width = sizeProps.width;
+		props.height = sizeProps.height;
+	} else if (hasFallback) {
+		props.width = {
+			type: "string",
+			value: "width",
+			template: ":width"
+		};
+		props.height = {
+			type: "string",
+			value: "height",
+			template: ":height"
+		};
+	} else {
+		const getSizeProps = addSizeFunctionAsset(imports, assets, options);
+		componentCode.push(`const size = computed(() => ${getSizeProps}(props.width, props.height, viewBox${isDynanicViewBox ? ".value" : ""}));`);
+		vueNamedImports.add("computed");
+		props.width = {
+			type: "string",
+			value: "width",
+			template: "v-bind=\"size\""
+		};
+		props.height = {
+			type: "string",
+			value: "height",
+			template: ""
+		};
+	}
+	if (options.square) props.square = { type: "boolean" };
+	const getViewBox = (viewBox$1) => hasFallback ? JSON.stringify(viewBox$1) : `'${getIconViewBox(viewBox$1)}'`;
+	const viewBoxValue = getViewBox(viewBox);
+	if (isDynanicViewBox) componentCode.unshift(`const baseViewBox = ${viewBoxValue};`, `const squareViewBox = ${getViewBox(makeSquareViewBox(viewBox))};`, `const viewBox = computed(() => props.square ? squareViewBox : baseViewBox);`);
+	else componentCode.unshift(`const viewBox = ${viewBoxValue};`);
+	props.viewBox = {
+		value: "viewBox",
+		template: ":viewBox=\"viewBox\""
+	};
+	componentCode.push(`const content = ${stringifyFactoryIconContent(data.icon, options)};`);
+	props.content = {
+		value: "content",
+		template: hasFallback ? `:content fallback="${data.fallback}"` : "v-html=\"content\""
+	};
+	const usedProps = getUsedFactoryProps(props);
+	if (usedProps.length) {
+		const tsCode = useTS ? `<{
+${stringifyFactoryPropTypes(props)}
+}>` : "";
+		componentCode.unshift(`const props = defineProps${tsCode}(${JSON.stringify(usedProps)});\n`);
+	}
+	const template = `<template><${hasFallback ? "Icon" : "svg"} ${stringifyFactoryProps(props, ":{prop}=\"{value}\"")} /></template>`;
+	const content = `<script setup${useTS ? " lang=\"ts\"" : ""}>
+${stringifyFactoryImports(imports)}
+${componentCode.join("\n")}
+<\/script>
+${template}
+`;
+	const types = addVueComponentTypes(data, options, assets, props);
+	return {
+		assets,
+		content,
+		types
+	};
+}
+
+export { createVueComponent };

package/lib/index.d.ts

@@ -1,5 +1,7 @@
 import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
+import { ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions } from "./xml/types.js";
+import { ConvertSVGContentOptions, ConvertedSVGContent } from "./svg-css/types.js";
 import { createCSSClassName } from "./css/hash.js";
 import { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
 import { hashString } from "./helpers/hash/hash.js";
@@ -9,7 +11,6 @@ import { getUniqueHash } from "./helpers/hash/unique.js";
 import { cloneObject } from "./helpers/misc/clone.js";
 import { compareSets, compareValues } from "./helpers/misc/compare.js";
 import { sortObject } from "./helpers/misc/sort-object.js";
-import { ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions } from "./xml/types.js";
 import { iterateXMLContent } from "./xml/iterate.js";
 import { parseXMLContent } from "./xml/parse.js";
 import { stringifyXMLContent } from "./xml/stringify.js";
@@ -19,9 +20,6 @@ import { removeDuplicateIDs } from "./svg/ids/duplicate.js";
 import { removeUnusedIDs } from "./svg/ids/unused.js";
 import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
-import { ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType } from "./svg-css/types.js";
-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, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+import { convertSVGRootToCSS } from "./svg-css/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/content.js";
+export { ChangeIDResult, ClassProp, ConvertSVGContentOptions, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/index.js

@@ -16,9 +16,7 @@ import { removeDuplicateIDs } from "./svg/ids/duplicate.js";
 import { removeUnusedIDs } from "./svg/ids/unused.js";
 import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
-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";
+import { convertSVGRootToCSS } from "./svg-css/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/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, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };

package/lib/svg-css/animations/tags.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Tags for animating one attribute in SVG
+ */
+declare const svgSimpleAnimationTags: string[];
+/**
+ * Tag for animating transformations in SVG
+ */
+declare const svgAnimateTransformTag = "animateTransform";
+/**
+ * Tag for animating motion in SVG
+ */
+declare const svgAnimateMotionTag = "animateMotion";
+/**
+ * All tags for animating SVG
+ */
+declare const svgAnimationTags: string[];
+export { svgAnimateMotionTag, svgAnimateTransformTag, svgAnimationTags, svgSimpleAnimationTags };

package/lib/svg-css/animations/tags.js

@@ -0,0 +1,26 @@
+/**
+* Tags for animating one attribute in SVG
+*/
+const svgSimpleAnimationTags = [
+	"animate",
+	"set",
+	"discard"
+];
+/**
+* Tag for animating transformations in SVG
+*/
+const svgAnimateTransformTag = "animateTransform";
+/**
+* Tag for animating motion in SVG
+*/
+const svgAnimateMotionTag = "animateMotion";
+/**
+* All tags for animating SVG
+*/
+const svgAnimationTags = [
+	...svgSimpleAnimationTags,
+	svgAnimateTransformTag,
+	svgAnimateMotionTag
+];
+
+export { svgAnimateMotionTag, svgAnimateTransformTag, svgAnimationTags, svgSimpleAnimationTags };

package/lib/svg-css/{convert/content.d.ts → content.d.ts}

@@ -1,5 +1,4 @@
-import { ConvertedSVGContent } from "../types.js";
-import { ConvertSVGContentOptions } from "./types.js";
+import { ConvertSVGContentOptions, ConvertedSVGContent } from "./types.js";
 /**
  * Convert SVG content string to SVG+CSS
  */

package/lib/svg-css/{convert/content.js → content.js}

@@ -1,5 +1,5 @@
-import { parseXMLContent } from "../../xml/parse.js";
-import { stringifyXMLContent } from "../../xml/stringify.js";
+import { parseXMLContent } from "../xml/parse.js";
+import { stringifyXMLContent } from "../xml/stringify.js";
 import { convertSVGRootToCSS } from "./root.js";
 
 /**

package/lib/svg-css/props/prop.js

@@ -1,8 +1,14 @@
+/**
+* SVG property types
+*/
 const propTypes = [
 	"path",
 	"px",
 	"raw"
 ];
+/**
+* Props shared between multiple shapes
+*/
 const commonShapes = { px: [
 	"width",
 	"height",
@@ -14,6 +20,9 @@ const commonShapes = { px: [
 	"rx",
 	"ry"
 ] };
+/**
+* Shape specific properties that can be converted to CSS
+*/
 const props = {
 	"*": {
 		px: ["stroke-width"],

package/lib/svg-css/props/props.d.ts

@@ -1,5 +1,5 @@
 import { ParsedXMLTagElement } from "../../xml/types.js";
-import { SVGConvertedToCSSProperties } from "../types.js";
+import { SVGConvertedToCSSProperties } from "./types.js";
 /**
  * Extract SVG tag properties that can be converted to CSS
  *

package/lib/svg-css/props/props.js

@@ -1,11 +1,7 @@
 import { iterateXMLContent } from "../../xml/iterate.js";
 import { convertSVGPropertyToCSS } from "./prop.js";
+import { svgAnimateTransformTag, svgSimpleAnimationTags } from "../animations/tags.js";
 
-const animationTags = [
-	"animate",
-	"set",
-	"discard"
-];
 /**
 * Extract SVG tag properties that can be converted to CSS
 *
@@ -19,11 +15,11 @@ function extractSVGTagPropertiesForCSS(tag) {
 	const animatedProps = /* @__PURE__ */ new Set();
 	iterateXMLContent(tag.children, (node) => {
 		if (node.type === "tag") {
-			if (animationTags.includes(node.tag)) {
+			if (svgSimpleAnimationTags.includes(node.tag)) {
 				const prop = node.attribs.attributeName;
 				if (typeof prop === "string") animatedProps.add(prop);
 			}
-			if (node.tag === "animateTransform") animatedProps.add("transform");
+			if (node.tag === svgAnimateTransformTag) animatedProps.add("transform");
 		}
 	});
 	for (const prop in tag.attribs) if (!animatedProps.has(prop)) {

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

@@ -0,0 +1,9 @@
+import { CSSRules } from "../../css/types.js";
+/**
+ * Result of converting SVG properties to CSS
+ */
+interface SVGConvertedToCSSProperties {
+  props: string[];
+  rules: CSSRules;
+}
+export { SVGConvertedToCSSProperties };

package/lib/svg-css/{convert/root.d.ts → root.d.ts}

@@ -1,5 +1,5 @@
-import { CSSRules } from "../../css/types.js";
-import { ParsedXMLTagElement } from "../../xml/types.js";
+import { CSSRules } from "../css/types.js";
+import { ParsedXMLTagElement } from "../xml/types.js";
 /**
  * Convert SVG tags tree to SVG+CSS
  *

package/lib/svg-css/{convert/root.js → root.js}

@@ -1,7 +1,7 @@
-import { iterateXMLContent } from "../../xml/iterate.js";
-import { createCSSClassName } from "../../css/hash.js";
-import { toggleClassName } from "../../classname/toggle.js";
-import { extractSVGTagPropertiesForCSS } from "../props/props.js";
+import { iterateXMLContent } from "../xml/iterate.js";
+import { createCSSClassName } from "../css/hash.js";
+import { toggleClassName } from "../classname/toggle.js";
+import { extractSVGTagPropertiesForCSS } from "./props/props.js";
 
 /**
 * Convert SVG tags tree to SVG+CSS

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

@@ -1,14 +1,10 @@
 import { CSSKeyframes, CSSRules } from "../css/types.js";
+import { StringifyXMLOptions } from "../xml/types.js";
 /**
- * SVG property types
+ * Options for converting SVG content to SVG+CSS
  */
-type SVGPropertyType = 'path' | 'px' | 'raw';
-/**
- * Result of converting SVG properties to CSS
- */
-interface SVGConvertedToCSSProperties {
-  props: string[];
-  rules: CSSRules;
+interface ConvertSVGContentOptions extends StringifyXMLOptions {
+  classNamePrefix?: string;
 }
 /**
  * Result of converting SVG content to SVG+CSS
@@ -18,4 +14,4 @@ interface ConvertedSVGContent {
   classes?: Record<string, CSSRules>;
   keyframes?: Record<string, CSSKeyframes>;
 }
-export { ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType };
+export { ConvertSVGContentOptions, ConvertedSVGContent };

package/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "description": "Common functions for working with SVG used by various packages.",
   "author": "Vjacheslav Trushkin",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",

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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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/template.d.ts

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

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

@@ -1,15 +0,0 @@
-/**
-* 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

@@ -1,8 +0,0 @@
-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 };

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

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

package/lib/svg-css/factory/filenames/asset.d.ts

@@ -1,11 +0,0 @@
-import { GeneratedAssetPath } from "../types/asset.js";
-import { ComponentFactoryFileSystemOptions } from "../types/options.js";
-/**
- * Generate asset filename based on options
- *
- * @param filename - Filename without path
- * @param options - Options to generate path
- * @returns Asset path
- */
-declare function getGeneratedAssetFilename(filename: string, options: Pick<ComponentFactoryFileSystemOptions, 'chunksPath'>): GeneratedAssetPath;
-export { getGeneratedAssetFilename };

package/lib/svg-css/factory/filenames/asset.js

@@ -1,16 +0,0 @@
-/**
-* Generate asset filename based on options
-*
-* @param filename - Filename without path
-* @param options - Options to generate path
-* @returns Asset path
-*/
-function getGeneratedAssetFilename(filename, options) {
-	const { chunksPath } = options;
-	return {
-		import: `${chunksPath.import}/${filename}`,
-		filename: `${chunksPath.filename}/${filename}`
-	};
-}
-
-export { getGeneratedAssetFilename };

package/lib/svg-css/factory/filenames/path.d.ts

@@ -1,11 +0,0 @@
-import { GeneratedAssetPath } from "../types/asset.js";
-import { ComponentFactoryFileSystemOptions } from "../types/options.js";
-/**
- * Get relative path to asset from component
- *
- * @param path Path to asset, without trailing slash
- * @param options Factory options
- * @returns Asset path
- */
-declare function getFactoryRelativeAssetPath(path: string, options: Pick<ComponentFactoryFileSystemOptions, 'doubleDirsForComponents' | 'prefixDirsForComponents'>): GeneratedAssetPath;
-export { getFactoryRelativeAssetPath };

package/lib/svg-css/factory/filenames/path.js

@@ -1,15 +0,0 @@
-/**
-* Get relative path to asset from component
-*
-* @param path Path to asset, without trailing slash
-* @param options Factory options
-* @returns Asset path
-*/
-function getFactoryRelativeAssetPath(path, options) {
-	return {
-		import: `../${options.prefixDirsForComponents ? "../" : ""}${options.doubleDirsForComponents ? "../" : ""}${path}`,
-		filename: path
-	};
-}
-
-export { getFactoryRelativeAssetPath };

package/lib/svg-css/factory/props/types.d.ts

@@ -1,6 +0,0 @@
-import { FactoryComponentProps } from "../types/props.js";
-/**
- * Stringify properties for component
- */
-declare function stringifyFactoryPropTypes(props: FactoryComponentProps): string;
-export { stringifyFactoryPropTypes };

package/lib/svg-css/factory/props/types.js

@@ -1,16 +0,0 @@
-/**
-* Stringify properties for component
-*/
-function stringifyFactoryPropTypes(props) {
-	const result = [];
-	for (const key in props) {
-		const value = props[key];
-		if (typeof value !== "string") {
-			const type = value.type;
-			if (type) result.push(`\t${key}${value.required ? "" : "?"}: ${type};`);
-		}
-	}
-	return result.join("\n");
-}
-
-export { stringifyFactoryPropTypes };