@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Abstracts/SVG/Defs/Filter/SVGFilterDefs.factory.js

@@ -0,0 +1,260 @@
+import { effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
+//#region src/Abstracts/SVG/Defs/Filter/SVGFilterDefs.factory.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><filter></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><feMerge><feMergeNode in=SourceGraphic></svg>`, false, true, false);
+var _tmpl$3 = /*#__PURE__*/ template(`<svg><feMergeNode></svg>`, false, true, false);
+var _tmpl$4 = /*#__PURE__*/ template(`<svg><feDropShadow></svg>`, false, true, false);
+var _tmpl$5 = /*#__PURE__*/ template(`<svg><feGaussianBlur></svg>`, false, true, false);
+var _tmpl$6 = /*#__PURE__*/ template(`<svg><feTurbulence></svg>`, false, true, false);
+var _tmpl$7 = /*#__PURE__*/ template(`<svg><feDisplacementMap></svg>`, false, true, false);
+var _tmpl$8 = /*#__PURE__*/ template(`<svg><feColorMatrix type=hueRotate></svg>`, false, true, false);
+var _tmpl$9 = /*#__PURE__*/ template(`<svg><feColorMatrix type=saturate></svg>`, false, true, false);
+var _tmpl$0 = /*#__PURE__*/ template(`<svg><feColorMatrix type=matrix></svg>`, false, true, false);
+var SVG_PRIMITIVE_DEFS = { method: "isolate" };
+var FALLBACK_FILTER_REGION = {
+	x: "-50%",
+	y: "-50%",
+	width: "200%",
+	height: "200%"
+};
+var SVGFilterDefsFactory = class {
+	filterId;
+	filterPrimitives = {};
+	dropShadowCount = 0;
+	gaussianBlurCount = 0;
+	turbulenceCount = 0;
+	hueRotationCount = 0;
+	saturationCount = 0;
+	brightnessCount = 0;
+	contrastCount = 0;
+	inversionCount = 0;
+	colorCount = 0;
+	maxOffset = 0;
+	constructor(filterId) {
+		this.filterId = filterId;
+	}
+	computeFilterPrimitives = (defs) => {
+		const _self$ = this;
+		const entries = Object.entries(this.filterPrimitives);
+		if (entries.length < 1) return void 0;
+		const mergedDefs = {
+			...SVG_PRIMITIVE_DEFS,
+			...defs
+		};
+		let currentSourceGraphic = "SourceGraphic";
+		const sizeProps = defs?.elementSize ? {
+			filterUnits: "userSpaceOnUse",
+			x: `${-this.maxOffset}px`,
+			y: `${-this.maxOffset}px`,
+			width: `${defs.elementSize.width + this.maxOffset * 2}px`,
+			height: `${defs.elementSize.height + this.maxOffset * 2}px`
+		} : this.maxOffset > 0 ? FALLBACK_FILTER_REGION : void 0;
+		return (() => {
+			var _el$ = _tmpl$();
+			spread(_el$, mergeProps({ get id() {
+				return _self$.filterId;
+			} }, sizeProps), true, true);
+			insert(_el$, () => entries.map(([, createPrimitive]) => {
+				const result = createPrimitive(currentSourceGraphic);
+				if (mergedDefs.method === "chain") currentSourceGraphic = result.resultGraphic;
+				return result.element;
+			}), null);
+			insert(_el$, (() => {
+				var _c$ = memo(() => mergedDefs.method === "isolate");
+				return () => _c$() && (() => {
+					var _el$2 = _tmpl$2();
+					_el$2.firstChild;
+					insert(_el$2, () => entries.map(([key]) => (() => {
+						var _el$4 = _tmpl$3();
+						setAttribute(_el$4, "in", key);
+						return _el$4;
+					})()), null);
+					return _el$2;
+				})();
+			})(), null);
+			return _el$;
+		})();
+	};
+	addDropShadowFilter = (defs, custom) => {
+		if (defs.stdDeviation <= 0 && defs.dx === 0 && defs.dy === 0) return this;
+		const key = `${this.filterId}_dropShadow_${this.dropShadowCount++}`;
+		const { floodColor, floodOpacity, ...otherDefs } = defs;
+		this.maxOffset = Math.max(this.maxOffset, defs.stdDeviation * 3 + Math.max(Math.abs(defs.dx), Math.abs(defs.dy)));
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: (() => {
+				var _el$5 = _tmpl$4();
+				spread(_el$5, mergeProps({ in: srcIn }, otherDefs, {
+					"result": key,
+					"flood-color": floodColor,
+					"flood-opacity": floodOpacity
+				}), true, true);
+				insert(_el$5, custom);
+				return _el$5;
+			})(),
+			resultGraphic: key
+		});
+		return this;
+	};
+	addGaussianBlurFilter = (defs, custom) => {
+		if (defs.stdDeviation <= 0) return this;
+		const key = `${this.filterId}_gaussianBlur_${this.gaussianBlurCount++}`;
+		this.maxOffset = Math.max(this.maxOffset, defs.stdDeviation * 3);
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: (() => {
+				var _el$6 = _tmpl$5();
+				setAttribute(_el$6, "in", srcIn);
+				spread(_el$6, mergeProps(defs, { "result": key }), true, true);
+				insert(_el$6, custom);
+				return _el$6;
+			})(),
+			resultGraphic: key
+		});
+		return this;
+	};
+	addTurbulenceFilter = (defs, custom) => {
+		if (defs.scale === 0) return this;
+		const key = `${this.filterId}_turbulence_${this.turbulenceCount++}`;
+		const noiseKey = `${key}_noise`;
+		const { baseFrequency, scale, type = "fractalNoise", numOctaves = 1, seed = 0, stitchTiles = "noStitch", xChannelSelector = "R", yChannelSelector = "G" } = defs;
+		this.maxOffset = Math.max(this.maxOffset, Math.abs(scale) / 2);
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: [(() => {
+				var _el$7 = _tmpl$6();
+				setAttribute(_el$7, "type", type);
+				setAttribute(_el$7, "numOctaves", numOctaves);
+				setAttribute(_el$7, "seed", seed);
+				setAttribute(_el$7, "stitchTiles", stitchTiles);
+				setAttribute(_el$7, "result", noiseKey);
+				insert(_el$7, custom);
+				effect(() => setAttribute(_el$7, "baseFrequency", typeof baseFrequency === "number" ? `${baseFrequency}` : `${baseFrequency.x} ${baseFrequency.y}`));
+				return _el$7;
+			})(), (() => {
+				var _el$8 = _tmpl$7();
+				setAttribute(_el$8, "in", srcIn);
+				setAttribute(_el$8, "in2", noiseKey);
+				setAttribute(_el$8, "scale", scale);
+				setAttribute(_el$8, "xChannelSelector", xChannelSelector);
+				setAttribute(_el$8, "yChannelSelector", yChannelSelector);
+				setAttribute(_el$8, "result", key);
+				return _el$8;
+			})()],
+			resultGraphic: key
+		});
+		return this;
+	};
+	addHueRotationFilter = (defs, custom) => {
+		if (defs.deg === 0) return this;
+		const key = `${this.filterId}_hueRotation_${this.hueRotationCount++}`;
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: (() => {
+				var _el$9 = _tmpl$8();
+				setAttribute(_el$9, "in", srcIn);
+				setAttribute(_el$9, "result", key);
+				insert(_el$9, custom);
+				effect(() => setAttribute(_el$9, "values", `${defs.deg}`));
+				return _el$9;
+			})(),
+			resultGraphic: key
+		});
+		return this;
+	};
+	addSaturationFilter = (defs, custom) => {
+		if (defs.amount === 1) return this;
+		const key = `${this.filterId}_saturation_${this.saturationCount++}`;
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: (() => {
+				var _el$0 = _tmpl$9();
+				setAttribute(_el$0, "in", srcIn);
+				setAttribute(_el$0, "result", key);
+				insert(_el$0, custom);
+				effect(() => setAttribute(_el$0, "values", `${defs.amount}`));
+				return _el$0;
+			})(),
+			resultGraphic: key
+		});
+		return this;
+	};
+	addBrightnessFilter = (defs, custom) => {
+		if (defs.amount === 1) return this;
+		const key = `${this.filterId}_brightness_${this.brightnessCount++}`;
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: (() => {
+				var _el$1 = _tmpl$0();
+				setAttribute(_el$1, "in", srcIn);
+				setAttribute(_el$1, "result", key);
+				insert(_el$1, custom);
+				effect(() => setAttribute(_el$1, "values", `${defs.amount} 0 0 0 0
+                        0 ${defs.amount} 0 0 0
+                        0 0 ${defs.amount} 0 0
+                        0 0 0 1 0`));
+				return _el$1;
+			})(),
+			resultGraphic: key
+		});
+		return this;
+	};
+	addContrastFilter = (defs, custom) => {
+		if (defs.amount === 1) return this;
+		const key = `${this.filterId}_contrast_${this.contrastCount++}`;
+		const intercept = .5 * (1 - defs.amount);
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: (() => {
+				var _el$10 = _tmpl$0();
+				setAttribute(_el$10, "in", srcIn);
+				setAttribute(_el$10, "result", key);
+				insert(_el$10, custom);
+				effect(() => setAttribute(_el$10, "values", `${defs.amount} 0 0 0 ${intercept}
+                        0 ${defs.amount} 0 0 ${intercept}
+                        0 0 ${defs.amount} 0 ${intercept}
+                        0 0 0 1 0`));
+				return _el$10;
+			})(),
+			resultGraphic: key
+		});
+		return this;
+	};
+	addInversionFilter = (defs, custom) => {
+		if (defs.amount === 0) return this;
+		const key = `${this.filterId}_inversion_${this.inversionCount++}`;
+		const a = 1 - 2 * defs.amount;
+		const b = defs.amount;
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: (() => {
+				var _el$11 = _tmpl$0();
+				setAttribute(_el$11, "in", srcIn);
+				setAttribute(_el$11, "values", `${a} 0 0 0 ${b}
+                        0 ${a} 0 0 ${b}
+                        0 0 ${a} 0 ${b}
+                        0 0 0 1 0`);
+				setAttribute(_el$11, "result", key);
+				insert(_el$11, custom);
+				return _el$11;
+			})(),
+			resultGraphic: key
+		});
+		return this;
+	};
+	addColorChannelFilter = (defs, custom) => {
+		if (defs.r === 1 && defs.g === 1 && defs.b === 1) return this;
+		const key = `${this.filterId}_color_${this.colorCount++}`;
+		this.filterPrimitives[key] = (srcIn) => ({
+			element: (() => {
+				var _el$12 = _tmpl$0();
+				setAttribute(_el$12, "in", srcIn);
+				setAttribute(_el$12, "result", key);
+				insert(_el$12, custom);
+				effect(() => setAttribute(_el$12, "values", `${defs.r} 0 0 0 0
+                        0 ${defs.g} 0 0 0
+                        0 0 ${defs.b} 0 0
+                        0 0 0 1 0`));
+				return _el$12;
+			})(),
+			resultGraphic: key
+		});
+		return this;
+	};
+};
+//#endregion
+export { SVGFilterDefsFactory };
+
+//# sourceMappingURL=SVGFilterDefs.factory.js.map

package/dist/Abstracts/SVG/Defs/Filter/SVGFilterDefs.factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGFilterDefs.factory.js","names":["JSX","Size2d","SVGBrightnessFilterDefs","SVGColorFilterDefs","SVGContrastFilterDefs","SVGDropShadowFilterDefs","SVGFilterMethod","SVGGaussianBlurFilterDefs","SVGHueRotationFilterDefs","SVGInversionFilterDefs","SVGSaturationFilterDefs","SVGTurbulenceFilterDefs","SVGPrimitiveDefs","method","SVG_PRIMITIVE_DEFS","FALLBACK_FILTER_REGION","FilterSVGAttributes","SVGFilterElement","x","y","width","height","SVGFilterDefsFactory","filterPrimitives","Record","srcIn","element","Element","resultGraphic","dropShadowCount","gaussianBlurCount","turbulenceCount","hueRotationCount","saturationCount","brightnessCount","contrastCount","inversionCount","colorCount","maxOffset","constructor","filterId","computeFilterPrimitives","defs","elementSize","_self$","entries","Object","length","undefined","mergedDefs","currentSourceGraphic","sizeProps","filterUnits","_el$","_tmpl$","_$spread","_$mergeProps","id","_$insert","map","createPrimitive","result","_c$","_$memo","_el$2","_tmpl$2","_el$3","firstChild","key","_el$4","_tmpl$3","_$setAttribute","addDropShadowFilter","custom","stdDeviation","dx","dy","floodColor","floodOpacity","otherDefs","Math","max","abs","_el$5","_tmpl$4","in","addGaussianBlurFilter","_el$6","_tmpl$5","addTurbulenceFilter","scale","noiseKey","baseFrequency","type","numOctaves","seed","stitchTiles","xChannelSelector","yChannelSelector","_el$7","_tmpl$6","_$effect","_el$8","_tmpl$7","addHueRotationFilter","deg","_el$9","_tmpl$8","addSaturationFilter","amount","_el$0","_tmpl$9","addBrightnessFilter","_el$1","_tmpl$0","addContrastFilter","intercept","_el$10","addInversionFilter","a","b","_el$11","addColorChannelFilter","r","g","_el$12"],"sources":["../../../../../src/Abstracts/SVG/Defs/Filter/SVGFilterDefs.factory.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\r\n\r\nimport type { Size2d } from \"@thewaver/ss-utils\";\r\n\r\nimport type {\r\n    SVGBrightnessFilterDefs,\r\n    SVGColorFilterDefs,\r\n    SVGContrastFilterDefs,\r\n    SVGDropShadowFilterDefs,\r\n    SVGFilterMethod,\r\n    SVGGaussianBlurFilterDefs,\r\n    SVGHueRotationFilterDefs,\r\n    SVGInversionFilterDefs,\r\n    SVGSaturationFilterDefs,\r\n    SVGTurbulenceFilterDefs,\r\n} from \"./SVGFilterDefs.types\";\r\n\r\ntype SVGPrimitiveDefs = {\r\n    method?: SVGFilterMethod;\r\n};\r\n\r\nconst SVG_PRIMITIVE_DEFS: SVGPrimitiveDefs = {\r\n    method: \"isolate\",\r\n};\r\n\r\nconst FALLBACK_FILTER_REGION: JSX.FilterSVGAttributes<SVGFilterElement> = {\r\n    x: \"-50%\",\r\n    y: \"-50%\",\r\n    width: \"200%\",\r\n    height: \"200%\",\r\n};\r\n\r\nexport class SVGFilterDefsFactory {\r\n    private filterPrimitives: Record<string, (srcIn: string) => { element: JSX.Element; resultGraphic: string }> = {};\r\n    private dropShadowCount = 0;\r\n    private gaussianBlurCount = 0;\r\n    private turbulenceCount = 0;\r\n    private hueRotationCount = 0;\r\n    private saturationCount = 0;\r\n    private brightnessCount = 0;\r\n    private contrastCount = 0;\r\n    private inversionCount = 0;\r\n    private colorCount = 0;\r\n    private maxOffset = 0;\r\n\r\n    constructor(private readonly filterId: string) {}\r\n\r\n    public computeFilterPrimitives = (defs?: SVGPrimitiveDefs & { elementSize?: Size2d }) => {\r\n        const entries = Object.entries(this.filterPrimitives);\r\n\r\n        if (entries.length < 1) return undefined;\r\n\r\n        const mergedDefs = { ...SVG_PRIMITIVE_DEFS, ...defs };\r\n\r\n        let currentSourceGraphic = \"SourceGraphic\";\r\n\r\n        const sizeProps: JSX.FilterSVGAttributes<SVGFilterElement> | undefined = defs?.elementSize\r\n            ? {\r\n                  filterUnits: \"userSpaceOnUse\",\r\n                  x: `${-this.maxOffset}px`,\r\n                  y: `${-this.maxOffset}px`,\r\n                  width: `${defs.elementSize.width + this.maxOffset * 2}px`,\r\n                  height: `${defs.elementSize.height + this.maxOffset * 2}px`,\r\n              }\r\n            : this.maxOffset > 0\r\n              ? FALLBACK_FILTER_REGION\r\n              : undefined;\r\n\r\n        return (\r\n            <filter id={this.filterId} {...sizeProps}>\r\n                {entries.map(([, createPrimitive]) => {\r\n                    const result = createPrimitive(currentSourceGraphic);\r\n\r\n                    if (mergedDefs.method === \"chain\") {\r\n                        currentSourceGraphic = result.resultGraphic;\r\n                    }\r\n\r\n                    return result.element;\r\n                })}\r\n\r\n                {mergedDefs.method === \"isolate\" && (\r\n                    <feMerge>\r\n                        <feMergeNode in=\"SourceGraphic\" />\r\n                        {entries.map(([key]) => (\r\n                            <feMergeNode in={key} />\r\n                        ))}\r\n                    </feMerge>\r\n                )}\r\n            </filter>\r\n        );\r\n    };\r\n\r\n    public addDropShadowFilter = (defs: SVGDropShadowFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.stdDeviation <= 0 && defs.dx === 0 && defs.dy === 0) return this;\r\n\r\n        const key = `${this.filterId}_dropShadow_${this.dropShadowCount++}`;\r\n        const { floodColor, floodOpacity, ...otherDefs } = defs;\r\n\r\n        this.maxOffset = Math.max(\r\n            this.maxOffset,\r\n            defs.stdDeviation * 3 + Math.max(Math.abs(defs.dx), Math.abs(defs.dy)),\r\n        );\r\n        this.filterPrimitives[key] = (srcIn) => ({\r\n            element: (\r\n                <feDropShadow\r\n                    {...{ in: srcIn }}\r\n                    {...otherDefs}\r\n                    result={key}\r\n                    flood-color={floodColor}\r\n                    flood-opacity={floodOpacity}\r\n                >\r\n                    {custom}\r\n                </feDropShadow>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n    public addGaussianBlurFilter = (defs: SVGGaussianBlurFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.stdDeviation <= 0) return this;\r\n\r\n        const key = `${this.filterId}_gaussianBlur_${this.gaussianBlurCount++}`;\r\n\r\n        this.maxOffset = Math.max(this.maxOffset, defs.stdDeviation * 3);\r\n        this.filterPrimitives[key] = (srcIn: string) => ({\r\n            element: (\r\n                <feGaussianBlur in={srcIn} {...defs} result={key}>\r\n                    {custom}\r\n                </feGaussianBlur>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n    public addTurbulenceFilter = (defs: SVGTurbulenceFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.scale === 0) return this;\r\n\r\n        const key = `${this.filterId}_turbulence_${this.turbulenceCount++}`;\r\n        const noiseKey = `${key}_noise`;\r\n        const {\r\n            baseFrequency,\r\n            scale,\r\n            type = \"fractalNoise\",\r\n            numOctaves = 1,\r\n            seed = 0,\r\n            stitchTiles = \"noStitch\",\r\n            xChannelSelector = \"R\",\r\n            yChannelSelector = \"G\",\r\n        } = defs;\r\n\r\n        this.maxOffset = Math.max(this.maxOffset, Math.abs(scale) / 2);\r\n        this.filterPrimitives[key] = (srcIn: string) => ({\r\n            element: (\r\n                <>\r\n                    <feTurbulence\r\n                        type={type}\r\n                        baseFrequency={\r\n                            typeof baseFrequency === \"number\"\r\n                                ? `${baseFrequency}`\r\n                                : `${baseFrequency.x} ${baseFrequency.y}`\r\n                        }\r\n                        numOctaves={numOctaves}\r\n                        seed={seed}\r\n                        stitchTiles={stitchTiles}\r\n                        result={noiseKey}\r\n                    >\r\n                        {custom}\r\n                    </feTurbulence>\r\n\r\n                    <feDisplacementMap\r\n                        in={srcIn}\r\n                        in2={noiseKey}\r\n                        scale={scale}\r\n                        xChannelSelector={xChannelSelector}\r\n                        yChannelSelector={yChannelSelector}\r\n                        result={key}\r\n                    />\r\n                </>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n    public addHueRotationFilter = (defs: SVGHueRotationFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.deg === 0) return this;\r\n\r\n        const key = `${this.filterId}_hueRotation_${this.hueRotationCount++}`;\r\n\r\n        this.filterPrimitives[key] = (srcIn: string) => ({\r\n            element: (\r\n                <feColorMatrix in={srcIn} type=\"hueRotate\" values={`${defs.deg}`} result={key}>\r\n                    {custom}\r\n                </feColorMatrix>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n    public addSaturationFilter = (defs: SVGSaturationFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.amount === 1) return this;\r\n\r\n        const key = `${this.filterId}_saturation_${this.saturationCount++}`;\r\n\r\n        this.filterPrimitives[key] = (srcIn: string) => ({\r\n            element: (\r\n                <feColorMatrix in={srcIn} type=\"saturate\" values={`${defs.amount}`} result={key}>\r\n                    {custom}\r\n                </feColorMatrix>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n    public addBrightnessFilter = (defs: SVGBrightnessFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.amount === 1) return this;\r\n\r\n        const key = `${this.filterId}_brightness_${this.brightnessCount++}`;\r\n\r\n        this.filterPrimitives[key] = (srcIn: string) => ({\r\n            element: (\r\n                <feColorMatrix\r\n                    in={srcIn}\r\n                    type=\"matrix\"\r\n                    values={`${defs.amount} 0 0 0 0\r\n                        0 ${defs.amount} 0 0 0\r\n                        0 0 ${defs.amount} 0 0\r\n                        0 0 0 1 0`}\r\n                    result={key}\r\n                >\r\n                    {custom}\r\n                </feColorMatrix>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n    public addContrastFilter = (defs: SVGContrastFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.amount === 1) return this;\r\n\r\n        const key = `${this.filterId}_contrast_${this.contrastCount++}`;\r\n        const intercept = 0.5 * (1 - defs.amount);\r\n\r\n        this.filterPrimitives[key] = (srcIn: string) => ({\r\n            element: (\r\n                <feColorMatrix\r\n                    in={srcIn}\r\n                    type=\"matrix\"\r\n                    values={`${defs.amount} 0 0 0 ${intercept}\r\n                        0 ${defs.amount} 0 0 ${intercept}\r\n                        0 0 ${defs.amount} 0 ${intercept}\r\n                        0 0 0 1 0`}\r\n                    result={key}\r\n                >\r\n                    {custom}\r\n                </feColorMatrix>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n    public addInversionFilter = (defs: SVGInversionFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.amount === 0) return this;\r\n\r\n        const key = `${this.filterId}_inversion_${this.inversionCount++}`;\r\n        const a = 1 - 2 * defs.amount;\r\n        const b = defs.amount;\r\n\r\n        this.filterPrimitives[key] = (srcIn: string) => ({\r\n            element: (\r\n                <feColorMatrix\r\n                    in={srcIn}\r\n                    type=\"matrix\"\r\n                    values={`${a} 0 0 0 ${b}\r\n                        0 ${a} 0 0 ${b}\r\n                        0 0 ${a} 0 ${b}\r\n                        0 0 0 1 0`}\r\n                    result={key}\r\n                >\r\n                    {custom}\r\n                </feColorMatrix>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n\r\n    public addColorChannelFilter = (defs: SVGColorFilterDefs, custom?: JSX.Element) => {\r\n        if (defs.r === 1 && defs.g === 1 && defs.b === 1) return this;\r\n\r\n        const key = `${this.filterId}_color_${this.colorCount++}`;\r\n\r\n        this.filterPrimitives[key] = (srcIn: string) => ({\r\n            element: (\r\n                <feColorMatrix\r\n                    in={srcIn}\r\n                    type=\"matrix\"\r\n                    values={`${defs.r} 0 0 0 0\r\n                        0 ${defs.g} 0 0 0\r\n                        0 0 ${defs.b} 0 0\r\n                        0 0 0 1 0`}\r\n                    result={key}\r\n                >\r\n                    {custom}\r\n                </feColorMatrix>\r\n            ),\r\n            resultGraphic: key,\r\n        });\r\n\r\n        return this;\r\n    };\r\n}\r\n"],"mappings":"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"}

package/dist/Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js

@@ -0,0 +1,105 @@
+import { SVGUtils } from "@thewaver/ss-utils";
+import { effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+//#region src/Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><stop></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><stop offset=0%></svg>`, false, true, false);
+var _tmpl$3 = /*#__PURE__*/ template(`<svg><linearGradient></svg>`, false, true, false);
+var _tmpl$4 = /*#__PURE__*/ template(`<svg><radialGradient></svg>`, false, true, false);
+var SVGGradientDefsUtils;
+(function(_SVGGradientDefsUtils) {
+	const resolveStops = (colors) => colors.map((c, i) => {
+		const prevIdx = colors.findLastIndex((x, j) => j <= i && x.stop != null);
+		const nextIdx = colors.findIndex((x, j) => j >= i && x.stop != null);
+		const prevStop = prevIdx >= 0 ? colors[prevIdx].stop : 0;
+		const nextStop = nextIdx >= 0 ? colors[nextIdx].stop : 100;
+		const prev = prevIdx >= 0 ? prevIdx : 0;
+		const next = nextIdx >= 0 ? nextIdx : colors.length - 1;
+		return c.stop ?? (prev === next ? prevStop : prevStop + (nextStop - prevStop) * (i - prev) / (next - prev));
+	});
+	const renderSmoothGradientStops = (colors, id) => resolveStops(colors).map((stop, i) => (() => {
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "id", `${id}-stop-${i}`);
+		setAttribute(_el$, "offset", `${stop}%`);
+		effect(() => setAttribute(_el$, "stop-color", colors[i].value));
+		return _el$;
+	})());
+	const renderBandedGradientStops = (colors, id) => {
+		if (!colors.length) return [];
+		const stops = [];
+		const resolvedStops = resolveStops(colors);
+		stops.push((() => {
+			var _el$2 = _tmpl$2();
+			setAttribute(_el$2, "id", `${id}-stop-0-start`);
+			effect(() => setAttribute(_el$2, "stop-color", colors[0].value));
+			return _el$2;
+		})());
+		for (let i = 1; i < colors.length; i++) {
+			const stop = resolvedStops[i];
+			stops.push((() => {
+				var _el$3 = _tmpl$();
+				setAttribute(_el$3, "id", `${id}-stop-${i - 1}-end`);
+				setAttribute(_el$3, "offset", `${stop}%`);
+				effect(() => setAttribute(_el$3, "stop-color", colors[i - 1].value));
+				return _el$3;
+			})());
+			stops.push((() => {
+				var _el$4 = _tmpl$();
+				setAttribute(_el$4, "id", `${id}-stop-${i}-start`);
+				setAttribute(_el$4, "offset", `${stop}%`);
+				effect(() => setAttribute(_el$4, "stop-color", colors[i].value));
+				return _el$4;
+			})());
+		}
+		return stops;
+	};
+	_SVGGradientDefsUtils.computeLinearGradient = (defs, custom) => {
+		const { id, angle, offset, scale, colors, spreadKind, ...baseProps } = defs;
+		const { x1, y1, x2, y2 } = SVGUtils.getLinearCoords({
+			angle,
+			offset,
+			scale
+		});
+		return (() => {
+			var _el$5 = _tmpl$3();
+			spread(_el$5, mergeProps(baseProps, {
+				"id": id,
+				"x1": x1,
+				"y1": y1,
+				"x2": x2,
+				"y2": y2
+			}), true, true);
+			insert(_el$5, () => typeof custom === "function" ? custom(x1, y1, x2, y2) : custom, null);
+			insert(_el$5, () => spreadKind === "banded" ? renderBandedGradientStops(colors, id) : renderSmoothGradientStops(colors, id), null);
+			return _el$5;
+		})();
+	};
+	const DEFAULT_RADIAL_ORIGIN = {
+		x: .5,
+		y: .5
+	};
+	_SVGGradientDefsUtils.computeRadialGradient = (defs, custom) => {
+		const { id, colors, origin, scale, spreadKind, ...baseProps } = defs;
+		const o = origin ?? DEFAULT_RADIAL_ORIGIN;
+		const r = .5 * (scale ?? 1);
+		return (() => {
+			var _el$6 = _tmpl$4();
+			spread(_el$6, mergeProps(baseProps, {
+				"id": id,
+				get cx() {
+					return o.x;
+				},
+				get cy() {
+					return o.y;
+				},
+				"r": r
+			}), true, true);
+			insert(_el$6, () => typeof custom === "function" ? custom(o.x, o.y, r) : custom, null);
+			insert(_el$6, () => spreadKind === "banded" ? renderBandedGradientStops(colors, id) : renderSmoothGradientStops(colors, id), null);
+			return _el$6;
+		})();
+	};
+})(SVGGradientDefsUtils || (SVGGradientDefsUtils = {}));
+//#endregion
+export { SVGGradientDefsUtils };
+
+//# sourceMappingURL=SVGGradientDefs.utils.js.map

package/dist/Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGGradientDefs.utils.js","names":["JSX","SVGUtils","SVGLinearGradientDefs","SVGRadialGradientDefs","SVGGradientDefsUtils","resolveStops","colors","map","c","i","prevIdx","findLastIndex","x","j","stop","nextIdx","findIndex","prevStop","nextStop","prev","next","length","renderSmoothGradientStops","id","_el$","_tmpl$","_$setAttribute","_$effect","value","renderBandedGradientStops","stops","Element","resolvedStops","push","_el$2","_tmpl$2","_el$3","_el$4","computeLinearGradient","defs","custom","x1","y1","x2","y2","angle","offset","scale","spreadKind","baseProps","getLinearCoords","_el$5","_tmpl$3","_$spread","_$mergeProps","_$insert","DEFAULT_RADIAL_ORIGIN","y","computeRadialGradient","cx","cy","r","origin","o","_el$6","_tmpl$4"],"sources":["../../../../../src/Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nimport { SVGUtils } from \"@thewaver/ss-utils\";\n\nimport type { SVGLinearGradientDefs, SVGRadialGradientDefs } from \"./SVGGradientDefs.types\";\n\nexport namespace SVGGradientDefsUtils {\n    const resolveStops = (colors: (SVGLinearGradientDefs | SVGRadialGradientDefs)[\"colors\"]) =>\n        colors.map((c, i) => {\n            const prevIdx = colors.findLastIndex((x, j) => j <= i && x.stop != null);\n            const nextIdx = colors.findIndex((x, j) => j >= i && x.stop != null);\n\n            const prevStop = prevIdx >= 0 ? colors[prevIdx].stop! : 0;\n            const nextStop = nextIdx >= 0 ? colors[nextIdx].stop! : 100;\n\n            const prev = prevIdx >= 0 ? prevIdx : 0;\n            const next = nextIdx >= 0 ? nextIdx : colors.length - 1;\n\n            return (\n                c.stop ?? (prev === next ? prevStop : prevStop + ((nextStop - prevStop) * (i - prev)) / (next - prev))\n            );\n        });\n\n    const renderSmoothGradientStops = (colors: (SVGLinearGradientDefs | SVGRadialGradientDefs)[\"colors\"], id: string) =>\n        resolveStops(colors).map((stop, i) => (\n            <stop id={`${id}-stop-${i}`} offset={`${stop}%`} stop-color={colors[i].value} />\n        ));\n\n    const renderBandedGradientStops = (\n        colors: (SVGLinearGradientDefs | SVGRadialGradientDefs)[\"colors\"],\n        id: string,\n    ) => {\n        if (!colors.length) return [];\n\n        const stops: JSX.Element[] = [];\n        const resolvedStops = resolveStops(colors);\n\n        stops.push(<stop id={`${id}-stop-0-start`} offset=\"0%\" stop-color={colors[0].value} />);\n\n        for (let i = 1; i < colors.length; i++) {\n            const stop = resolvedStops[i];\n\n            stops.push(<stop id={`${id}-stop-${i - 1}-end`} offset={`${stop}%`} stop-color={colors[i - 1].value} />);\n            stops.push(<stop id={`${id}-stop-${i}-start`} offset={`${stop}%`} stop-color={colors[i].value} />);\n        }\n\n        return stops;\n    };\n\n    export const computeLinearGradient = (\n        defs: SVGLinearGradientDefs,\n        custom?: JSX.Element | ((x1: number, y1: number, x2: number, y2: number) => JSX.Element),\n    ) => {\n        const { id, angle, offset, scale, colors, spreadKind, ...baseProps } = defs;\n        const { x1, y1, x2, y2 } = SVGUtils.getLinearCoords({ angle, offset, scale });\n\n        return (\n            <linearGradient {...baseProps} id={id} x1={x1} y1={y1} x2={x2} y2={y2}>\n                {typeof custom === \"function\" ? custom(x1, y1, x2, y2) : custom}\n                {spreadKind === \"banded\"\n                    ? renderBandedGradientStops(colors, id)\n                    : renderSmoothGradientStops(colors, id)}\n            </linearGradient>\n        );\n    };\n\n    const DEFAULT_RADIAL_ORIGIN = { x: 0.5, y: 0.5 };\n\n    export const computeRadialGradient = (\n        defs: SVGRadialGradientDefs,\n        custom?: JSX.Element | ((cx: number, cy: number, r: number) => JSX.Element),\n    ) => {\n        const { id, colors, origin, scale, spreadKind, ...baseProps } = defs;\n        const o = origin ?? DEFAULT_RADIAL_ORIGIN;\n        const r = 0.5 * (scale ?? 1);\n\n        return (\n            <radialGradient {...baseProps} id={id} cx={o.x} cy={o.y} r={r}>\n                {typeof custom === \"function\" ? custom(o.x, o.y, r) : custom}\n                {spreadKind === \"banded\"\n                    ? renderBandedGradientStops(colors, id)\n                    : renderSmoothGradientStops(colors, id)}\n            </radialGradient>\n        );\n    };\n}\n"],"mappings":"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"}

package/dist/Abstracts/SVG/Defs/Pattern/SVGPatternDefs.utils.js

@@ -0,0 +1,41 @@
+import { effect, insert, setAttribute, template } from "solid-js/web";
+//#region src/Abstracts/SVG/Defs/Pattern/SVGPatternDefs.utils.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><pattern patternUnits=userSpaceOnUse></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><g></svg>`, false, true, false);
+var SVGPatternDefsUtils;
+(function(_SVGPatternDefsUtils) {
+	_SVGPatternDefsUtils.computePattern = (id, cellCount, patternSize, computeCellPos, renderCell) => {
+		return (() => {
+			var _el$ = _tmpl$();
+			setAttribute(_el$, "id", id);
+			insert(_el$, () => Array.from({ length: cellCount.cols }, (_, col) => Array.from({ length: cellCount.rows }, (_, row) => {
+				const index = {
+					row,
+					col
+				};
+				const pos = computeCellPos(index);
+				const cellId = `${id}_X${col}_Y${row}`;
+				return (() => {
+					var _el$2 = _tmpl$2();
+					insert(_el$2, () => renderCell(cellId, index, cellCount));
+					effect(() => setAttribute(_el$2, "transform", `translate(${pos.x},${pos.y})`));
+					return _el$2;
+				})();
+			})));
+			effect((_p$) => {
+				var _v$ = patternSize.width, _v$2 = patternSize.height;
+				_v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
+				_v$2 !== _p$.t && setAttribute(_el$, "height", _p$.t = _v$2);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0
+			});
+			return _el$;
+		})();
+	};
+})(SVGPatternDefsUtils || (SVGPatternDefsUtils = {}));
+//#endregion
+export { SVGPatternDefsUtils };
+
+//# sourceMappingURL=SVGPatternDefs.utils.js.map

package/dist/Abstracts/SVG/Defs/Pattern/SVGPatternDefs.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGPatternDefs.utils.js","names":["JSX","Point2d","Size2d","SVGPatternDefsUtils","computePattern","id","cellCount","rows","cols","patternSize","computeCellPos","index","row","col","renderCell","Element","_el$","_tmpl$","_$setAttribute","_$insert","Array","from","length","_","pos","cellId","_el$2","_tmpl$2","_$effect","x","y","_p$","_v$","width","_v$2","height","e","t","undefined"],"sources":["../../../../../src/Abstracts/SVG/Defs/Pattern/SVGPatternDefs.utils.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nimport type { Point2d, Size2d } from \"@thewaver/ss-utils\";\n\nexport namespace SVGPatternDefsUtils {\n    export const computePattern = (\n        id: string,\n        cellCount: { rows: number; cols: number },\n        patternSize: Size2d,\n        computeCellPos: (index: { row: number; col: number }) => Point2d,\n        renderCell: (\n            id: string,\n            index: { row: number; col: number },\n            cellCount: { rows: number; cols: number },\n        ) => JSX.Element,\n    ) => {\n        return (\n            <pattern id={id} width={patternSize.width} height={patternSize.height} patternUnits=\"userSpaceOnUse\">\n                {Array.from({ length: cellCount.cols }, (_, col) =>\n                    Array.from({ length: cellCount.rows }, (_, row) => {\n                        const index = { row, col };\n                        const pos = computeCellPos(index);\n                        const cellId = `${id}_X${col}_Y${row}`;\n\n                        return <g transform={`translate(${pos.x},${pos.y})`}>{renderCell(cellId, index, cellCount)}</g>;\n                    }),\n                )}\n            </pattern>\n        );\n    };\n}\n"],"mappings":";;;;AAIO,IAAUG;CAAV,SAAA,sBAAA;CACUC,qBAAAA,kBACTC,IACAC,WACAG,aACAC,gBACAI,eAKC;EACD,cAAA;GAAA,IAAAE,OAAAC,OAAA;GAAAC,aAAAF,MAAA,MACiBX,EAAE;GAAAc,OAAAH,YACVI,MAAMC,KAAK,EAAEC,QAAQhB,UAAUE,KAAK,IAAIe,GAAGV,QACxCO,MAAMC,KAAK,EAAEC,QAAQhB,UAAUC,KAAK,IAAIgB,GAAGX,QAAQ;IAC/C,MAAMD,QAAQ;KAAEC;KAAKC;IAAI;IACzB,MAAMW,MAAMd,eAAeC,KAAK;IAChC,MAAMc,SAAS,GAAGpB,GAAE,IAAKQ,IAAG,IAAKD;IAEjC,cAAA;KAAA,IAAAc,QAAAC,QAAA;KAAAR,OAAAO,aAAsDZ,WAAWW,QAAQd,OAAOL,SAAS,CAAC;KAAAsB,aAAAV,aAAAQ,OAAA,aAArE,aAAaF,IAAIK,EAAC,GAAIL,IAAIM,EAAC,EAAG,CAAA;KAAA,OAAAJ;IAAA,EAAA,CAAA;GACvD,CAAC,CACL,CAAC;GAAAE,QAAAG,QAAA;IAAA,IAAAC,MATmBvB,YAAYwB,OAAKC,OAAUzB,YAAY0B;IAAMH,QAAAD,IAAAK,KAAAlB,aAAAF,MAAA,SAAAe,IAAAK,IAAAJ,GAAA;IAAAE,SAAAH,IAAAM,KAAAnB,aAAAF,MAAA,UAAAe,IAAAM,IAAAH,IAAA;IAAA,OAAAH;GAAA,GAAA;IAAAK,GAAAE,KAAAA;IAAAD,GAAAC,KAAAA;GAAA,CAAA;GAAA,OAAAtB;EAAA,EAAA,CAAA;CAY7E;AACJ,EAAA,CAAA,wBAAA,sBAAA,CAAA,EAAA"}

package/dist/Abstracts/SignalMirror/SignalMirror.js

@@ -0,0 +1,35 @@
+import { accessSignal } from "../../Utils/propUtils.js";
+import { createEffect, createSignal, untrack } from "solid-js";
+//#region src/Abstracts/SignalMirror/SignalMirror.ts
+var SignalMirror;
+(function(_SignalMirror) {
+	const createMirror = _SignalMirror.createMirror = (getOuter, setOuter, opts) => {
+		const getIsSame = opts.getIsSame ?? ((a, b) => a === b);
+		const inner = createSignal(opts.toInner(untrack(getOuter)));
+		createEffect(() => {
+			const value = getOuter();
+			if (getIsSame(value, untrack(() => opts.toOuter(inner[0]())))) return;
+			inner[1](() => opts.toInner(value));
+		});
+		createEffect(() => {
+			const value = opts.toOuter(inner[0]());
+			if (getIsSame(untrack(getOuter), value)) return;
+			setOuter(value);
+		});
+		return inner;
+	};
+	_SignalMirror.createOptional = (getSource, initial) => {
+		const fallback = createSignal(initial);
+		return accessSignal(() => getSource() ?? fallback);
+	};
+	_SignalMirror.createPassThrough = (getValue, setValue) => accessSignal(() => [getValue, setValue]);
+	_SignalMirror.createValueMirror = (getOuter, setOuter, getIsSame) => createMirror(getOuter, setOuter, {
+		toInner: (value) => value,
+		toOuter: (value) => value,
+		getIsSame
+	});
+})(SignalMirror || (SignalMirror = {}));
+//#endregion
+export { SignalMirror };
+
+//# sourceMappingURL=SignalMirror.js.map

package/dist/Abstracts/SignalMirror/SignalMirror.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalMirror.js","names":[],"sources":["../../../src/Abstracts/SignalMirror/SignalMirror.ts"],"sourcesContent":["import type { Signal } from \"solid-js\";\r\nimport { createEffect, createSignal, untrack } from \"solid-js\";\r\n\r\nimport { accessSignal } from \"../../Utils/propUtils\";\r\nimport type { SignalSource } from \"../../Utils/typeUtils\";\r\n\r\nexport namespace SignalMirror {\r\n    export const createMirror = <TOuter, TInner>(\r\n        getOuter: () => TOuter,\r\n        setOuter: (value: TOuter) => void,\r\n        opts: {\r\n            toInner: (value: TOuter) => TInner;\r\n            toOuter: (value: TInner) => TOuter;\r\n            getIsSame?: (a: TOuter, b: TOuter) => boolean;\r\n        },\r\n    ): Signal<TInner> => {\r\n        const getIsSame = opts.getIsSame ?? ((a: TOuter, b: TOuter) => a === b);\r\n\r\n        const inner = createSignal(opts.toInner(untrack(getOuter)));\r\n\r\n        createEffect(() => {\r\n            const value = getOuter();\r\n\r\n            if (\r\n                getIsSame(\r\n                    value,\r\n                    untrack(() => opts.toOuter(inner[0]())),\r\n                )\r\n            )\r\n                return;\r\n\r\n            inner[1](() => opts.toInner(value));\r\n        });\r\n\r\n        createEffect(() => {\r\n            const value = opts.toOuter(inner[0]());\r\n\r\n            if (getIsSame(untrack(getOuter), value)) return;\r\n\r\n            setOuter(value);\r\n        });\r\n\r\n        return inner;\r\n    };\r\n\r\n    export const createOptional = <T>(getSource: () => SignalSource<T> | undefined, initial: T): Signal<T> => {\r\n        const fallback = createSignal<T>(initial);\r\n\r\n        return accessSignal(() => getSource() ?? fallback);\r\n    };\r\n\r\n    export const createPassThrough = <T>(getValue: () => T, setValue: (value: T) => void): Signal<T> =>\r\n        accessSignal(() => [getValue, setValue]);\r\n\r\n    export const createValueMirror = <T>(\r\n        getOuter: () => T,\r\n        setOuter: (value: T) => void,\r\n        getIsSame?: (a: T, b: T) => boolean,\r\n    ) => createMirror<T, T>(getOuter, setOuter, { toInner: (value) => value, toOuter: (value) => value, getIsSame });\r\n}\r\n"],"mappings":";;;AAMO,IAAU;CAAV,SAAA,eAAA;CACI,MAAM,eAAA,cAAA,gBACT,UACA,UACA,SAKiB;EACjB,MAAM,YAAY,KAAK,eAAe,GAAW,MAAc,MAAM;EAErE,MAAM,QAAQ,aAAa,KAAK,QAAQ,QAAQ,QAAQ,CAAC,CAAC;EAE1D,mBAAmB;GACf,MAAM,QAAQ,SAAS;GAEvB,IACI,UACI,OACA,cAAc,KAAK,QAAQ,MAAM,EAAE,CAAC,CAAC,CAAC,CAC1C,GAEA;GAEJ,MAAM,EAAE,OAAO,KAAK,QAAQ,KAAK,CAAC;EACtC,CAAC;EAED,mBAAmB;GACf,MAAM,QAAQ,KAAK,QAAQ,MAAM,EAAE,CAAC,CAAC;GAErC,IAAI,UAAU,QAAQ,QAAQ,GAAG,KAAK,GAAG;GAEzC,SAAS,KAAK;EAClB,CAAC;EAED,OAAO;CACX;CAEa,cAAA,kBAAqB,WAA8C,YAA0B;EACtG,MAAM,WAAW,aAAgB,OAAO;EAExC,OAAO,mBAAmB,UAAU,KAAK,QAAQ;CACrD;CAEa,cAAA,qBAAwB,UAAmB,aACpD,mBAAmB,CAAC,UAAU,QAAQ,CAAC;CAE9B,cAAA,qBACT,UACA,UACA,cACC,aAAmB,UAAU,UAAU;EAAE,UAAU,UAAU;EAAO,UAAU,UAAU;EAAO;CAAU,CAAC;AAClH,EAAA,CAAA,iBAAA,eAAA,CAAA,EAAD"}

package/dist/Abstracts/TextSync/TextSync.js

@@ -0,0 +1,53 @@
+import { createRenderEffect, createSignal } from "solid-js";
+//#region src/Abstracts/TextSync/TextSync.ts
+var TextSync;
+(function(_TextSync) {
+	_TextSync.createValueSync = (getRef, getValue, opts) => {
+		const [getIsComposing, setIsComposing] = createSignal(false);
+		const syncElement = (element) => {
+			const value = getValue();
+			if (getIsComposing() || element.value === value) return;
+			const { selectionStart, selectionEnd } = element;
+			element.value = value;
+			if (selectionStart === null || selectionEnd === null) return;
+			element.setSelectionRange(selectionStart, selectionEnd);
+		};
+		const reportValue = (element) => {
+			opts.onInput(element.value);
+			syncElement(element);
+		};
+		createRenderEffect(() => {
+			const element = getRef();
+			if (!element) return;
+			syncElement(element);
+		});
+		const reportMaskedValue = (element, computeMaskedText) => {
+			const hasSelection = element.selectionStart !== null;
+			const { text, caret } = computeMaskedText(getValue(), element.value, element.selectionStart ?? element.value.length);
+			element.value = text;
+			if (hasSelection) element.setSelectionRange(caret, caret);
+			opts.onInput(text);
+		};
+		return {
+			handleInput: (element) => {
+				if (getIsComposing()) return;
+				if (opts.computeMaskedText) {
+					reportMaskedValue(element, opts.computeMaskedText);
+					return;
+				}
+				reportValue(element);
+			},
+			handleCompositionStart: () => {
+				setIsComposing(true);
+			},
+			handleCompositionEnd: (element) => {
+				opts.onInput(element.value);
+				setIsComposing(false);
+			}
+		};
+	};
+})(TextSync || (TextSync = {}));
+//#endregion
+export { TextSync };
+
+//# sourceMappingURL=TextSync.js.map

package/dist/Abstracts/TextSync/TextSync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSync.js","names":[],"sources":["../../../src/Abstracts/TextSync/TextSync.ts"],"sourcesContent":["import { createRenderEffect, createSignal } from \"solid-js\";\n\nimport type { TextSyncMaskResult } from \"./TextSync.utils\";\n\nexport type TextSyncElement = HTMLInputElement | HTMLTextAreaElement;\n\nexport namespace TextSync {\n    export const createValueSync = (\n        getRef: () => TextSyncElement | undefined,\n        getValue: () => string,\n        opts: {\n            onInput: (value: string) => void;\n            computeMaskedText?: (previous: string, next: string, caret: number) => TextSyncMaskResult;\n        },\n    ) => {\n        const [getIsComposing, setIsComposing] = createSignal(false);\n\n        const syncElement = (element: TextSyncElement) => {\n            const value = getValue();\n\n            if (getIsComposing() || element.value === value) return;\n\n            const { selectionStart, selectionEnd } = element;\n\n            element.value = value;\n\n            if (selectionStart === null || selectionEnd === null) return;\n\n            element.setSelectionRange(selectionStart, selectionEnd);\n        };\n\n        const reportValue = (element: TextSyncElement) => {\n            opts.onInput(element.value);\n\n            syncElement(element);\n        };\n\n        createRenderEffect(() => {\n            const element = getRef();\n\n            if (!element) return;\n\n            syncElement(element);\n        });\n\n        const reportMaskedValue = (\n            element: TextSyncElement,\n            computeMaskedText: (previous: string, next: string, caret: number) => TextSyncMaskResult,\n        ) => {\n            const hasSelection = element.selectionStart !== null;\n            const { text, caret } = computeMaskedText(\n                getValue(),\n                element.value,\n                element.selectionStart ?? element.value.length,\n            );\n\n            element.value = text;\n\n            if (hasSelection) element.setSelectionRange(caret, caret);\n\n            opts.onInput(text);\n        };\n\n        return {\n            handleInput: (element: TextSyncElement) => {\n                if (getIsComposing()) return;\n\n                if (opts.computeMaskedText) {\n                    reportMaskedValue(element, opts.computeMaskedText);\n\n                    return;\n                }\n\n                reportValue(element);\n            },\n            handleCompositionStart: () => {\n                setIsComposing(true);\n            },\n            handleCompositionEnd: (element: TextSyncElement) => {\n                opts.onInput(element.value);\n\n                setIsComposing(false);\n            },\n        };\n    };\n}\n"],"mappings":";;AAMO,IAAU;CAAV,SAAA,WAAA;CACU,UAAA,mBACT,QACA,UACA,SAIC;EACD,MAAM,CAAC,gBAAgB,kBAAkB,aAAa,KAAK;EAE3D,MAAM,eAAe,YAA6B;GAC9C,MAAM,QAAQ,SAAS;GAEvB,IAAI,eAAe,KAAK,QAAQ,UAAU,OAAO;GAEjD,MAAM,EAAE,gBAAgB,iBAAiB;GAEzC,QAAQ,QAAQ;GAEhB,IAAI,mBAAmB,QAAQ,iBAAiB,MAAM;GAEtD,QAAQ,kBAAkB,gBAAgB,YAAY;EAC1D;EAEA,MAAM,eAAe,YAA6B;GAC9C,KAAK,QAAQ,QAAQ,KAAK;GAE1B,YAAY,OAAO;EACvB;EAEA,yBAAyB;GACrB,MAAM,UAAU,OAAO;GAEvB,IAAI,CAAC,SAAS;GAEd,YAAY,OAAO;EACvB,CAAC;EAED,MAAM,qBACF,SACA,sBACC;GACD,MAAM,eAAe,QAAQ,mBAAmB;GAChD,MAAM,EAAE,MAAM,UAAU,kBACpB,SAAS,GACT,QAAQ,OACR,QAAQ,kBAAkB,QAAQ,MAAM,MAC5C;GAEA,QAAQ,QAAQ;GAEhB,IAAI,cAAc,QAAQ,kBAAkB,OAAO,KAAK;GAExD,KAAK,QAAQ,IAAI;EACrB;EAEA,OAAO;GACH,cAAc,YAA6B;IACvC,IAAI,eAAe,GAAG;IAEtB,IAAI,KAAK,mBAAmB;KACxB,kBAAkB,SAAS,KAAK,iBAAiB;KAEjD;IACJ;IAEA,YAAY,OAAO;GACvB;GACA,8BAA8B;IAC1B,eAAe,IAAI;GACvB;GACA,uBAAuB,YAA6B;IAChD,KAAK,QAAQ,QAAQ,KAAK;IAE1B,eAAe,KAAK;GACxB;EACJ;CACJ;AACH,EAAA,CAAA,aAAA,WAAA,CAAA,EAAD"}