@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Samples/SVGDefs/SVGAnimations.const.js

@@ -0,0 +1,196 @@
+import { SVGAnimationUtils } from "../../Abstracts/SVG/Defs/Animation/SVGAnimationDefs.utils.js";
+import { SVGAnimationTracks } from "./SVGAnimationTracks.const.js";
+import { For } from "solid-js";
+import { SVGUtils } from "@thewaver/ss-utils";
+import { createComponent, effect, mergeProps, setAttribute, spread, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/SVGAnimations.const.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><animate></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><animate attributeName=r></svg>`, false, true, false);
+var _tmpl$3 = /*#__PURE__*/ template(`<svg><animate attributeName=cx></svg>`, false, true, false);
+var _tmpl$4 = /*#__PURE__*/ template(`<svg><animate attributeName=cy></svg>`, false, true, false);
+var _tmpl$5 = /*#__PURE__*/ template(`<svg><path><animate attributeName=d></svg>`, false, true, false);
+var join = (values) => values.map((value) => `${value}`).join(";");
+var SVGAnimations;
+(function(_SVGAnimations) {
+	let Linear;
+	(function(_Linear) {
+		_Linear.grow = (vName, v1, v2, sArr, defs) => {
+			const tracks = SVGAnimationTracks.computeGrowTracks(v1, v2, sArr);
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return [(() => {
+				var _el$ = _tmpl$();
+				setAttribute(_el$, "attributeName", `${vName}1`);
+				spread(_el$, mergeProps({ get values() {
+					return join(tracks.from);
+				} }, animateDefs), true, false);
+				return _el$;
+			})(), (() => {
+				var _el$2 = _tmpl$();
+				setAttribute(_el$2, "attributeName", `${vName}2`);
+				spread(_el$2, mergeProps({ get values() {
+					return join(tracks.to);
+				} }, animateDefs), true, false);
+				return _el$2;
+			})()];
+		};
+		_Linear.sweepOrthogonal = (vName, v1, v2, oArr, defs) => {
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return [(() => {
+				var _el$3 = _tmpl$();
+				setAttribute(_el$3, "attributeName", `${vName}1`);
+				spread(_el$3, mergeProps({ get values() {
+					return join(SVGAnimationTracks.computeOffsetTrack(v1, oArr));
+				} }, animateDefs), true, false);
+				return _el$3;
+			})(), (() => {
+				var _el$4 = _tmpl$();
+				setAttribute(_el$4, "attributeName", `${vName}2`);
+				spread(_el$4, mergeProps({ get values() {
+					return join(SVGAnimationTracks.computeOffsetTrack(v2, oArr));
+				} }, animateDefs), true, false);
+				return _el$4;
+			})()];
+		};
+		_Linear.sweepDiagonal = (x1, y1, x2, y2, angle, oArr, defs) => {
+			const points = [[x1, y1], [x2, y2]];
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return createComponent(For, {
+				each: points,
+				children: (point, getIndex) => {
+					const tracks = SVGAnimationTracks.computeDiagonalTracks(point[0], point[1], angle, oArr);
+					return [(() => {
+						var _el$5 = _tmpl$();
+						spread(_el$5, mergeProps({
+							get attributeName() {
+								return `x${getIndex() + 1}`;
+							},
+							get values() {
+								return join(tracks.x);
+							}
+						}, animateDefs), true, false);
+						return _el$5;
+					})(), (() => {
+						var _el$6 = _tmpl$();
+						spread(_el$6, mergeProps({
+							get attributeName() {
+								return `y${getIndex() + 1}`;
+							},
+							get values() {
+								return join(tracks.y);
+							}
+						}, animateDefs), true, false);
+						return _el$6;
+					})()];
+				}
+			});
+		};
+		_Linear.rotate = (aArray, defs) => {
+			const tracks = SVGAnimationTracks.computeRotationTracks(aArray);
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return createComponent(For, {
+				get each() {
+					return SVGAnimationTracks.V_KEYS;
+				},
+				children: (vKey) => (() => {
+					var _el$7 = _tmpl$();
+					setAttribute(_el$7, "attributeName", vKey);
+					spread(_el$7, mergeProps({ get values() {
+						return join(tracks[vKey]);
+					} }, animateDefs), true, false);
+					return _el$7;
+				})()
+			});
+		};
+	})(Linear || (Linear = _SVGAnimations.Linear || (_SVGAnimations.Linear = {})));
+	let Radial;
+	(function(_Radial) {
+		_Radial.grow = (rArr, defs) => {
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return (() => {
+				var _el$8 = _tmpl$2();
+				spread(_el$8, mergeProps({ get values() {
+					return rArr.join(";");
+				} }, animateDefs), true, false);
+				return _el$8;
+			})();
+		};
+		_Radial.sweepOrthogonal = (vName, vArr, defs) => {
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return (() => {
+				var _el$9 = _tmpl$();
+				setAttribute(_el$9, "attributeName", vName);
+				spread(_el$9, mergeProps({ get values() {
+					return vArr.join(";");
+				} }, animateDefs), true, false);
+				return _el$9;
+			})();
+		};
+		_Radial.sweepDiagonal = (cx, cy, angle, oArr, defs) => {
+			const tracks = SVGAnimationTracks.computeDiagonalTracks(cx, cy, angle, oArr);
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return [(() => {
+				var _el$0 = _tmpl$3();
+				spread(_el$0, mergeProps({ get values() {
+					return join(tracks.x);
+				} }, animateDefs), true, false);
+				return _el$0;
+			})(), (() => {
+				var _el$1 = _tmpl$4();
+				spread(_el$1, mergeProps({ get values() {
+					return join(tracks.y);
+				} }, animateDefs), true, false);
+				return _el$1;
+			})()];
+		};
+	})(Radial || (Radial = _SVGAnimations.Radial || (_SVGAnimations.Radial = {})));
+	let Path;
+	(function(_Path) {
+		_Path.rotatingArc = (aArray, defs) => {
+			const paths = aArray.map(([rotation, arcSize]) => SVGUtils.getArcPath(arcSize, rotation));
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return (() => {
+				var _el$10 = _tmpl$5(), _el$11 = _el$10.firstChild;
+				spread(_el$11, mergeProps({ get values() {
+					return paths.join(";");
+				} }, animateDefs), true, false);
+				effect(() => setAttribute(_el$10, "d", paths[0]));
+				return _el$10;
+			})();
+		};
+		_Path.rotatingWedges = (wedgeCount, wedgeThickness, curvature, aArray, defs) => {
+			const paths = aArray.map((rotation) => SVGUtils.getWedgesPath(wedgeCount, wedgeThickness, rotation, curvature));
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return (() => {
+				var _el$12 = _tmpl$5(), _el$13 = _el$12.firstChild;
+				spread(_el$13, mergeProps({ get values() {
+					return paths.join(";");
+				} }, animateDefs), true, false);
+				effect(() => setAttribute(_el$12, "d", paths[0]));
+				return _el$12;
+			})();
+		};
+	})(Path || (Path = _SVGAnimations.Path || (_SVGAnimations.Path = {})));
+	let Gradient;
+	(function(_Gradient) {
+		_Gradient.cycleSmoothColors = (gradientId, sArray, defs) => {
+			const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);
+			return createComponent(For, {
+				each: sArray,
+				children: (stop, getIndex) => (() => {
+					var _el$14 = _tmpl$();
+					spread(_el$14, mergeProps(() => ({ href: `#${gradientId}-stop-${getIndex()}` }), {
+						"attributeName": "stop-color",
+						get values() {
+							return stop.join(";");
+						}
+					}, animateDefs), true, false);
+					return _el$14;
+				})()
+			});
+		};
+	})(Gradient || (Gradient = _SVGAnimations.Gradient || (_SVGAnimations.Gradient = {})));
+})(SVGAnimations || (SVGAnimations = {}));
+//#endregion
+export { SVGAnimations };
+
+//# sourceMappingURL=SVGAnimations.const.js.map

package/dist/Samples/SVGDefs/SVGAnimations.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGAnimations.const.js","names":["For","SVGUtils","SVGAnimationDefs","SVGAnimationUtils","SVGAnimationTracks","join","values","map","value","SVGAnimations","Linear","grow","vName","v1","v2","sArr","defs","tracks","computeGrowTracks","animateDefs","createAnimateDefs","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","from","_el$2","to","sweepOrthogonal","oArr","_el$3","computeOffsetTrack","_el$4","sweepDiagonal","x1","y1","x2","y2","angle","points","_$createComponent","each","children","point","getIndex","computeDiagonalTracks","_el$5","attributeName","x","_el$6","y","rotate","aArray","computeRotationTracks","V_KEYS","vKey","_el$7","Radial","rArr","_el$8","_tmpl$2","vArr","_el$9","cx","cy","_el$0","_tmpl$3","_el$1","_tmpl$4","Path","rotatingArc","rotation","arcSize","paths","getArcPath","_el$10","_tmpl$5","_el$11","firstChild","_$effect","rotatingWedges","wedgeCount","wedgeThickness","curvature","getWedgesPath","_el$12","_el$13","Gradient","cycleSmoothColors","gradientId","sArray","stop","_el$14","href"],"sources":["../../../src/Samples/SVGDefs/SVGAnimations.const.tsx"],"sourcesContent":["import { For } from \"solid-js\";\n\nimport { SVGUtils } from \"@thewaver/ss-utils\";\n\nimport type { SVGAnimationDefs } from \"../../Abstracts/SVG/Defs/Animation/SVGAnimationDefs.types\";\nimport { SVGAnimationUtils } from \"../../Abstracts/SVG/Defs/Animation/SVGAnimationDefs.utils\";\nimport { SVGAnimationTracks } from \"./SVGAnimationTracks.const\";\n\nconst join = (values: number[]) => values.map((value) => `${value}`).join(\";\");\n\nexport namespace SVGAnimations {\n    export namespace Linear {\n        export const grow = (vName: \"x\" | \"y\", v1: number, v2: number, sArr: number[], defs: SVGAnimationDefs) => {\n            const tracks = SVGAnimationTracks.computeGrowTracks(v1, v2, sArr);\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return (\n                <>\n                    <animate attributeName={`${vName}1`} values={join(tracks.from)} {...animateDefs()} />\n                    <animate attributeName={`${vName}2`} values={join(tracks.to)} {...animateDefs()} />\n                </>\n            );\n        };\n\n        export const sweepOrthogonal = (\n            vName: \"x\" | \"y\",\n            v1: number,\n            v2: number,\n            oArr: number[],\n            defs: SVGAnimationDefs,\n        ) => {\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return (\n                <>\n                    <animate\n                        attributeName={`${vName}1`}\n                        values={join(SVGAnimationTracks.computeOffsetTrack(v1, oArr))}\n                        {...animateDefs()}\n                    />\n                    <animate\n                        attributeName={`${vName}2`}\n                        values={join(SVGAnimationTracks.computeOffsetTrack(v2, oArr))}\n                        {...animateDefs()}\n                    />\n                </>\n            );\n        };\n\n        export const sweepDiagonal = (\n            x1: number,\n            y1: number,\n            x2: number,\n            y2: number,\n            angle: number,\n            oArr: number[],\n            defs: SVGAnimationDefs,\n        ) => {\n            const points = [\n                [x1, y1],\n                [x2, y2],\n            ];\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return (\n                <For each={points}>\n                    {(point, getIndex) => {\n                        const tracks = SVGAnimationTracks.computeDiagonalTracks(point[0], point[1], angle, oArr);\n\n                        return (\n                            <>\n                                <animate\n                                    attributeName={`x${getIndex() + 1}`}\n                                    values={join(tracks.x)}\n                                    {...animateDefs()}\n                                />\n                                <animate\n                                    attributeName={`y${getIndex() + 1}`}\n                                    values={join(tracks.y)}\n                                    {...animateDefs()}\n                                />\n                            </>\n                        );\n                    }}\n                </For>\n            );\n        };\n\n        export const rotate = (aArray: number[], defs: SVGAnimationDefs) => {\n            const tracks = SVGAnimationTracks.computeRotationTracks(aArray);\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return (\n                <For each={SVGAnimationTracks.V_KEYS}>\n                    {(vKey) => <animate attributeName={vKey} values={join(tracks[vKey])} {...animateDefs()} />}\n                </For>\n            );\n        };\n    }\n\n    export namespace Radial {\n        export const grow = (rArr: number[], defs: SVGAnimationDefs) => {\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return <animate attributeName=\"r\" values={rArr.join(\";\")} {...animateDefs()} />;\n        };\n\n        export const sweepOrthogonal = (vName: \"cx\" | \"cy\", vArr: number[], defs: SVGAnimationDefs) => {\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return <animate attributeName={vName} values={vArr.join(\";\")} {...animateDefs()} />;\n        };\n\n        export const sweepDiagonal = (\n            cx: number,\n            cy: number,\n            angle: number,\n            oArr: number[],\n            defs: SVGAnimationDefs,\n        ) => {\n            const tracks = SVGAnimationTracks.computeDiagonalTracks(cx, cy, angle, oArr);\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return (\n                <>\n                    <animate attributeName=\"cx\" values={join(tracks.x)} {...animateDefs()} />\n                    <animate attributeName=\"cy\" values={join(tracks.y)} {...animateDefs()} />\n                </>\n            );\n        };\n    }\n\n    export namespace Path {\n        export const rotatingArc = (aArray: [rotation: number, arcSize: number][], defs: SVGAnimationDefs) => {\n            const paths = aArray.map(([rotation, arcSize]) => SVGUtils.getArcPath(arcSize, rotation));\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return (\n                <path d={paths[0]}>\n                    <animate attributeName=\"d\" values={paths.join(\";\")} {...animateDefs()} />\n                </path>\n            );\n        };\n\n        export const rotatingWedges = (\n            wedgeCount: number,\n            wedgeThickness: number,\n            curvature: number,\n            aArray: number[],\n            defs: SVGAnimationDefs,\n        ) => {\n            const paths = aArray.map((rotation) =>\n                SVGUtils.getWedgesPath(wedgeCount, wedgeThickness, rotation, curvature),\n            );\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return (\n                <path d={paths[0]}>\n                    <animate attributeName=\"d\" values={paths.join(\";\")} {...animateDefs()} />\n                </path>\n            );\n        };\n    }\n\n    export namespace Gradient {\n        export const cycleSmoothColors = (gradientId: string, sArray: string[][], defs: SVGAnimationDefs) => {\n            const animateDefs = SVGAnimationUtils.createAnimateDefs(defs);\n\n            return (\n                <For each={sArray}>\n                    {(stop, getIndex) => (\n                        <animate\n                            {...{ href: `#${gradientId}-stop-${getIndex()}` }}\n                            attributeName=\"stop-color\"\n                            values={stop.join(\";\")}\n                            {...animateDefs()}\n                        />\n                    )}\n                </For>\n            );\n        };\n    }\n}\n"],"mappings":"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"}

package/dist/Samples/SVGDefs/SVGDefs.const.js

@@ -0,0 +1,133 @@
+import { elastic_circle_3 } from "./Gradient/elastic_circle_3.js";
+import { elastic_drip_3 } from "./Gradient/elastic_drip_3.js";
+import { elastic_inter_semicircle_3 } from "./Gradient/elastic_inter_semicircle_3.js";
+import { elastic_semicircle_3 } from "./Gradient/elastic_semicircle_3.js";
+import { flow_2s } from "./Gradient/flow_2s.js";
+import { flow_3 } from "./Gradient/flow_3.js";
+import { flow_3s } from "./Gradient/flow_3s.js";
+import { flow_diag_2s } from "./Gradient/flow_diag_2s.js";
+import { flow_diag_3 } from "./Gradient/flow_diag_3.js";
+import { flow_diag_3s } from "./Gradient/flow_diag_3s.js";
+import { hue_1 } from "./Gradient/hue_1.js";
+import { hue_diag_inter_2 } from "./Gradient/hue_diag_inter_2.js";
+import { hue_pulse_2 } from "./Gradient/hue_pulse_2.js";
+import { hue_rot_3 } from "./Gradient/hue_rot_3.js";
+import { merge_1v1 } from "./Gradient/merge_1v1.js";
+import { merge_diag_1v1 } from "./Gradient/merge_diag_1v1.js";
+import { merge_diag_async_4 } from "./Gradient/merge_diag_async_4.js";
+import { orbit_1 } from "./Gradient/orbit_1.js";
+import { orbit_1v1 } from "./Gradient/orbit_1v1.js";
+import { orbit_async_2v1 } from "./Gradient/orbit_async_2v1.js";
+import { orbit_async_3 } from "./Gradient/orbit_async_3.js";
+import { plain } from "./Gradient/plain.js";
+import { scan_1 } from "./Gradient/scan_1.js";
+import { scan_1v1 } from "./Gradient/scan_1v1.js";
+import { scan_diag_1 } from "./Gradient/scan_diag_1.js";
+import { scan_diag_1v1 } from "./Gradient/scan_diag_1v1.js";
+import { snake_1 } from "./Gradient/snake_1.js";
+import { snake_1v1 } from "./Gradient/snake_1v1.js";
+import { snake_2 } from "./Gradient/snake_2.js";
+import { snake_4 } from "./Gradient/snake_4.js";
+import { snake_async_3 } from "./Gradient/snake_async_3.js";
+import { snake_inter_2 } from "./Gradient/snake_inter_2.js";
+import { sweep_1 } from "./Gradient/sweep_1.js";
+import { sweep_1v1 } from "./Gradient/sweep_1v1.js";
+import { sweep_diag_1 } from "./Gradient/sweep_diag_1.js";
+import { sweep_diag_1v1 } from "./Gradient/sweep_diag_1v1.js";
+import { sweep_diag_async_4 } from "./Gradient/sweep_diag_async_4.js";
+import { constant } from "./Iteration/constant.js";
+import { repeat1_1 } from "./Iteration/repeat1_1.js";
+import { repeat2_1 } from "./Iteration/repeat2_1.js";
+import { repeat3_3 } from "./Iteration/repeat3_3.js";
+import { circle_g_2 } from "./Pattern/circle_g_2.js";
+import { circle_hd_2 } from "./Pattern/circle_hd_2.js";
+import { circle_hs_2 } from "./Pattern/circle_hs_2.js";
+import { hexagon_ft_2 } from "./Pattern/hexagon_ft_2.js";
+import { hexagon_pt_2 } from "./Pattern/hexagon_pt_2.js";
+import { lozenge_d_2 } from "./Pattern/lozenge_d_2.js";
+import { plain as plain$1 } from "./Pattern/plain.js";
+import { triangle_s_2 } from "./Pattern/triangle_s_2.js";
+import { triangle_t_2 } from "./Pattern/triangle_t_2.js";
+import { whirlCurved_2 } from "./Pattern/whirlCurved_2.js";
+import { whirl_2 } from "./Pattern/whirl_2.js";
+//#region src/Samples/SVGDefs/SVGDefs.const.ts
+var SVGDefsSamples;
+(function(_SVGDefsSamples) {
+	_SVGDefsSamples.SAMPLE_COLORS = {
+		background: "#282420",
+		primary: "#FFFF00",
+		secondary: "#00FFFF",
+		tertiary: "#FF00FF"
+	};
+	let Iteration;
+	(function(_Iteration) {
+		_Iteration.SAMPLE_CONFIGS = {
+			constant,
+			repeat1_1,
+			repeat2_1,
+			repeat3_3
+		};
+	})(Iteration || (Iteration = _SVGDefsSamples.Iteration || (_SVGDefsSamples.Iteration = {})));
+	let Pattern;
+	(function(_Pattern) {
+		_Pattern.SAMPLE_CONFIGS = {
+			circle_g_2,
+			circle_hd_2,
+			circle_hs_2,
+			hexagon_ft_2,
+			hexagon_pt_2,
+			lozenge_d_2,
+			plain: plain$1,
+			triangle_t_2,
+			triangle_s_2,
+			whirlCurved_2,
+			whirl_2
+		};
+	})(Pattern || (Pattern = _SVGDefsSamples.Pattern || (_SVGDefsSamples.Pattern = {})));
+	let Gradient;
+	(function(_Gradient) {
+		_Gradient.SAMPLE_CONFIGS = {
+			elastic_circle_3,
+			elastic_drip_3,
+			elastic_inter_semicircle_3,
+			elastic_semicircle_3,
+			flow_2s,
+			flow_3,
+			flow_3s,
+			flow_diag_2s,
+			flow_diag_3,
+			flow_diag_3s,
+			hue_1,
+			hue_diag_inter_2,
+			hue_pulse_2,
+			hue_rot_3,
+			merge_1v1,
+			merge_diag_1v1,
+			merge_diag_async_4,
+			orbit_1,
+			orbit_1v1,
+			orbit_async_2v1,
+			orbit_async_3,
+			plain,
+			scan_1,
+			scan_1v1,
+			scan_diag_1,
+			scan_diag_1v1,
+			snake_1,
+			snake_1v1,
+			snake_2,
+			snake_4,
+			snake_async_3,
+			snake_inter_2,
+			sweep_1,
+			sweep_1v1,
+			sweep_diag_1,
+			sweep_diag_1v1,
+			sweep_diag_async_4
+		};
+	})(Gradient || (Gradient = _SVGDefsSamples.Gradient || (_SVGDefsSamples.Gradient = {})));
+})(SVGDefsSamples || (SVGDefsSamples = {}));
+//#endregion
+export { SVGDefsSamples };
+
+//# sourceMappingURL=SVGDefs.const.js.map

package/dist/Samples/SVGDefs/SVGDefs.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGDefs.const.js","names":[],"sources":["../../../src/Samples/SVGDefs/SVGDefs.const.ts"],"sourcesContent":["import { elastic_circle_3 } from \"./Gradient/elastic_circle_3\";\nimport { elastic_drip_3 } from \"./Gradient/elastic_drip_3\";\nimport { elastic_inter_semicircle_3 } from \"./Gradient/elastic_inter_semicircle_3\";\nimport { elastic_semicircle_3 } from \"./Gradient/elastic_semicircle_3\";\nimport { flow_2s } from \"./Gradient/flow_2s\";\nimport { flow_3 } from \"./Gradient/flow_3\";\nimport { flow_3s } from \"./Gradient/flow_3s\";\nimport { flow_diag_2s } from \"./Gradient/flow_diag_2s\";\nimport { flow_diag_3 } from \"./Gradient/flow_diag_3\";\nimport { flow_diag_3s } from \"./Gradient/flow_diag_3s\";\nimport { hue_1 } from \"./Gradient/hue_1\";\nimport { hue_diag_inter_2 } from \"./Gradient/hue_diag_inter_2\";\nimport { hue_pulse_2 } from \"./Gradient/hue_pulse_2\";\nimport { hue_rot_3 } from \"./Gradient/hue_rot_3\";\nimport { merge_1v1 } from \"./Gradient/merge_1v1\";\nimport { merge_diag_1v1 } from \"./Gradient/merge_diag_1v1\";\nimport { merge_diag_async_4 } from \"./Gradient/merge_diag_async_4\";\nimport { orbit_1 } from \"./Gradient/orbit_1\";\nimport { orbit_1v1 } from \"./Gradient/orbit_1v1\";\nimport { orbit_async_2v1 } from \"./Gradient/orbit_async_2v1\";\nimport { orbit_async_3 } from \"./Gradient/orbit_async_3\";\nimport { plain as gradientPlain } from \"./Gradient/plain\";\nimport { scan_1 } from \"./Gradient/scan_1\";\nimport { scan_1v1 } from \"./Gradient/scan_1v1\";\nimport { scan_diag_1 } from \"./Gradient/scan_diag_1\";\nimport { scan_diag_1v1 } from \"./Gradient/scan_diag_1v1\";\nimport { snake_1 } from \"./Gradient/snake_1\";\nimport { snake_1v1 } from \"./Gradient/snake_1v1\";\nimport { snake_2 } from \"./Gradient/snake_2\";\nimport { snake_4 } from \"./Gradient/snake_4\";\nimport { snake_async_3 } from \"./Gradient/snake_async_3\";\nimport { snake_inter_2 } from \"./Gradient/snake_inter_2\";\nimport { sweep_1 } from \"./Gradient/sweep_1\";\nimport { sweep_1v1 } from \"./Gradient/sweep_1v1\";\nimport { sweep_diag_1 } from \"./Gradient/sweep_diag_1\";\nimport { sweep_diag_1v1 } from \"./Gradient/sweep_diag_1v1\";\nimport { sweep_diag_async_4 } from \"./Gradient/sweep_diag_async_4\";\nimport { constant } from \"./Iteration/constant\";\nimport { repeat1_1 } from \"./Iteration/repeat1_1\";\nimport { repeat2_1 } from \"./Iteration/repeat2_1\";\nimport { repeat3_3 } from \"./Iteration/repeat3_3\";\nimport { circle_g_2 } from \"./Pattern/circle_g_2\";\nimport { circle_hd_2 } from \"./Pattern/circle_hd_2\";\nimport { circle_hs_2 } from \"./Pattern/circle_hs_2\";\nimport { hexagon_ft_2 } from \"./Pattern/hexagon_ft_2\";\nimport { hexagon_pt_2 } from \"./Pattern/hexagon_pt_2\";\nimport { lozenge_d_2 } from \"./Pattern/lozenge_d_2\";\nimport { plain as patternPlain } from \"./Pattern/plain\";\nimport { triangle_s_2 } from \"./Pattern/triangle_s_2\";\nimport { triangle_t_2 } from \"./Pattern/triangle_t_2\";\nimport { whirlCurved_2 } from \"./Pattern/whirlCurved_2\";\nimport { whirl_2 } from \"./Pattern/whirl_2\";\nimport type { GradientConfig, IterationConfig, PatternConfig, SVGDefsColors } from \"./SVGDefs.types\";\n\nexport namespace SVGDefsSamples {\n    export const SAMPLE_COLORS: SVGDefsColors = {\n        background: \"#282420\",\n        primary: \"#FFFF00\",\n        secondary: \"#00FFFF\",\n        tertiary: \"#FF00FF\",\n    };\n\n    export namespace Iteration {\n        export const SAMPLE_CONFIGS = {\n            constant,\n            repeat1_1,\n            repeat2_1,\n            repeat3_3,\n        } as const satisfies Record<string, IterationConfig>;\n\n        export type SampleKey = keyof typeof SAMPLE_CONFIGS;\n    }\n\n    export namespace Pattern {\n        export const SAMPLE_CONFIGS = {\n            circle_g_2,\n            circle_hd_2,\n            circle_hs_2,\n            hexagon_ft_2,\n            hexagon_pt_2,\n            lozenge_d_2,\n            plain: patternPlain,\n            triangle_t_2,\n            triangle_s_2,\n            whirlCurved_2,\n            whirl_2,\n        } as const satisfies Record<string, PatternConfig>;\n\n        export type SampleKey = keyof typeof SAMPLE_CONFIGS;\n    }\n\n    export namespace Gradient {\n        export const SAMPLE_CONFIGS = {\n            elastic_circle_3,\n            elastic_drip_3,\n            elastic_inter_semicircle_3,\n            elastic_semicircle_3,\n            flow_2s,\n            flow_3,\n            flow_3s,\n            flow_diag_2s,\n            flow_diag_3,\n            flow_diag_3s,\n            hue_1,\n            hue_diag_inter_2,\n            hue_pulse_2,\n            hue_rot_3,\n            merge_1v1,\n            merge_diag_1v1,\n            merge_diag_async_4,\n            orbit_1,\n            orbit_1v1,\n            orbit_async_2v1,\n            orbit_async_3,\n            plain: gradientPlain,\n            scan_1,\n            scan_1v1,\n            scan_diag_1,\n            scan_diag_1v1,\n            snake_1,\n            snake_1v1,\n            snake_2,\n            snake_4,\n            snake_async_3,\n            snake_inter_2,\n            sweep_1,\n            sweep_1v1,\n            sweep_diag_1,\n            sweep_diag_1v1,\n            sweep_diag_async_4,\n        } as const satisfies Record<string, GradientConfig>;\n\n        export type SampleKey = keyof typeof SAMPLE_CONFIGS;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDO,IAAU;CAAV,SAAA,iBAAA;CACU,gBAAA,gBAA+B;EACxC,YAAY;EACZ,SAAS;EACT,WAAW;EACX,UAAU;CACd;CAEO,IAAU;CAAV,CAAA,SAAA,YAAA;EACU,WAAA,iBAAiB;GAC1B;GACA;GACA;GACA;EACJ;CAGH,EAAA,CAAA,cAAA,YAAA,gBAAA,cAAA,gBAAA,YAAA,CAAA,GAAD;CAEO,IAAU;CAAV,CAAA,SAAA,UAAA;EACU,SAAA,iBAAiB;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;GACA;GACA;GACA;EACJ;CAGH,EAAA,CAAA,YAAA,UAAA,gBAAA,YAAA,gBAAA,UAAA,CAAA,GAAD;CAEO,IAAU;CAAV,CAAA,SAAA,WAAA;EACU,UAAA,iBAAiB;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACO;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACJ;CAGH,EAAA,CAAA,aAAA,WAAA,gBAAA,aAAA,gBAAA,WAAA,CAAA,GAAD;AACH,EAAA,CAAA,mBAAA,iBAAA,CAAA,EAAD"}

package/dist/Samples/SVGDefs/SVGDefs.utils.js

@@ -0,0 +1,37 @@
+import { SVGFilterDefsFactory } from "../../Abstracts/SVG/Defs/Filter/SVGFilterDefs.factory.js";
+import { RandomUtils } from "@thewaver/ss-utils";
+//#region src/Samples/SVGDefs/SVGDefs.utils.ts
+var SVGDefsUtils;
+(function(_SVGDefsUtils) {
+	_SVGDefsUtils.DEBUG_SEAMS = false;
+	_SVGDefsUtils.getBaseBlur = (id, defs) => defs.blurWidth ? {
+		id: `border-blur-filter-${id}`,
+		renderDefsElement: () => new SVGFilterDefsFactory(`border-blur-filter-${id}`).addGaussianBlurFilter({ stdDeviation: defs.blurWidth }).computeFilterPrimitives({
+			method: "isolate",
+			elementSize: defs.getSize()
+		})
+	} : void 0;
+	_SVGDefsUtils.getBaseBackgroundColor = (defs) => `hsl(from ${defs.colors.background} h s calc(l * 1.5) / 25%)`;
+	_SVGDefsUtils.getBaseBorderColor = (defs) => `hsl(from ${defs.colors.background} h s calc(l * 1.5) / 50%)`;
+	_SVGDefsUtils.offsetDiagonally = (v, angle) => {
+		const rad = angle * Math.PI / 180;
+		return {
+			x: v * Math.cos(rad),
+			y: v * Math.sin(rad)
+		};
+	};
+	_SVGDefsUtils.getRandomValuesWithSplitControl = (mutableSplitValuesCache, index, cellCount, isSplit) => {
+		let values = RandomUtils.get01ValueString(8);
+		if (isSplit) {
+			if (index.col === cellCount.cols - 1) values = mutableSplitValuesCache[`row${index.row}`] ?? values;
+			if (index.row === cellCount.rows - 1) values = mutableSplitValuesCache[`col${index.col}`] ?? values;
+			if (index.col === 0) mutableSplitValuesCache[`row${index.row}`] = values;
+			if (index.row === 0) mutableSplitValuesCache[`col${index.col}`] = values;
+		}
+		return values;
+	};
+})(SVGDefsUtils || (SVGDefsUtils = {}));
+//#endregion
+export { SVGDefsUtils };
+
+//# sourceMappingURL=SVGDefs.utils.js.map

package/dist/Samples/SVGDefs/SVGDefs.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGDefs.utils.js","names":[],"sources":["../../../src/Samples/SVGDefs/SVGDefs.utils.ts"],"sourcesContent":["import { RandomUtils, type Size2d } from \"@thewaver/ss-utils\";\n\nimport { SVGFilterDefsFactory } from \"../../Abstracts/SVG/Defs/Filter/SVGFilterDefs.factory\";\nimport type { SVGDefsColors } from \"./SVGDefs.types\";\n\nexport namespace SVGDefsUtils {\n    export const DEBUG_SEAMS = false;\n\n    export const getBaseBlur = (\n        id: string,\n        defs: {\n            getSize: () => Size2d;\n            blurWidth?: number;\n        },\n    ) =>\n        defs.blurWidth\n            ? {\n                  id: `border-blur-filter-${id}`,\n                  renderDefsElement: () =>\n                      new SVGFilterDefsFactory(`border-blur-filter-${id}`)\n                          .addGaussianBlurFilter({ stdDeviation: defs.blurWidth! })\n                          .computeFilterPrimitives({ method: \"isolate\", elementSize: defs.getSize() }),\n              }\n            : undefined;\n\n    export const getBaseBackgroundColor = (defs: { colors: SVGDefsColors }) =>\n        `hsl(from ${defs.colors.background} h s calc(l * 1.5) / 25%)`;\n\n    export const getBaseBorderColor = (defs: { colors: SVGDefsColors }) =>\n        `hsl(from ${defs.colors.background} h s calc(l * 1.5) / 50%)`;\n\n    export const offsetDiagonally = (v: number, angle: number) => {\n        const rad = (angle * Math.PI) / 180;\n\n        return { x: v * Math.cos(rad), y: v * Math.sin(rad) };\n    };\n\n    export const getRandomValuesWithSplitControl = (\n        mutableSplitValuesCache: Record<string, string>,\n        index: { row: number; col: number },\n        cellCount: { rows: number; cols: number },\n        isSplit: boolean,\n    ) => {\n        let values = RandomUtils.get01ValueString(8);\n\n        if (isSplit) {\n            if (index.col === cellCount.cols - 1) {\n                values = mutableSplitValuesCache[`row${index.row}`] ?? values;\n            }\n            if (index.row === cellCount.rows - 1) {\n                values = mutableSplitValuesCache[`col${index.col}`] ?? values;\n            }\n            if (index.col === 0) {\n                mutableSplitValuesCache[`row${index.row}`] = values;\n            }\n            if (index.row === 0) {\n                mutableSplitValuesCache[`col${index.col}`] = values;\n            }\n        }\n\n        return values;\n    };\n}\n"],"mappings":";;;AAKO,IAAU;CAAV,SAAA,eAAA;CACU,cAAA,cAAc;CAEd,cAAA,eACT,IACA,SAKA,KAAK,YACC;EACI,IAAI,sBAAsB;EAC1B,yBACI,IAAI,qBAAqB,sBAAsB,IAAI,CAAC,CAC/C,sBAAsB,EAAE,cAAc,KAAK,UAAW,CAAC,CAAC,CACxD,wBAAwB;GAAE,QAAQ;GAAW,aAAa,KAAK,QAAQ;EAAE,CAAC;CACvF,IACA,KAAA;CAEG,cAAA,0BAA0B,SACnC,YAAY,KAAK,OAAO,WAAW;CAE1B,cAAA,sBAAsB,SAC/B,YAAY,KAAK,OAAO,WAAW;CAE1B,cAAA,oBAAoB,GAAW,UAAkB;EAC1D,MAAM,MAAO,QAAQ,KAAK,KAAM;EAEhC,OAAO;GAAE,GAAG,IAAI,KAAK,IAAI,GAAG;GAAG,GAAG,IAAI,KAAK,IAAI,GAAG;EAAE;CACxD;CAEa,cAAA,mCACT,yBACA,OACA,WACA,YACC;EACD,IAAI,SAAS,YAAY,iBAAiB,CAAC;EAE3C,IAAI,SAAS;GACT,IAAI,MAAM,QAAQ,UAAU,OAAO,GAC/B,SAAS,wBAAwB,MAAM,MAAM,UAAU;GAE3D,IAAI,MAAM,QAAQ,UAAU,OAAO,GAC/B,SAAS,wBAAwB,MAAM,MAAM,UAAU;GAE3D,IAAI,MAAM,QAAQ,GACd,wBAAwB,MAAM,MAAM,SAAS;GAEjD,IAAI,MAAM,QAAQ,GACd,wBAAwB,MAAM,MAAM,SAAS;EAErD;EAEA,OAAO;CACX;AACH,EAAA,CAAA,iBAAA,eAAA,CAAA,EAAD"}

package/dist/Samples/SVGDefs/SVGPatternLayouts.const.js

@@ -0,0 +1,132 @@
+import { MathUtils } from "@thewaver/ss-utils";
+//#region src/Samples/SVGDefs/SVGPatternLayouts.const.ts
+var toOdd = (value) => value + (MathUtils.isOdd(value) ? 0 : 1);
+var toEven = (value) => value + (MathUtils.isEven(value) ? 0 : 1);
+var isFirstOrLastCol = (index, cellCount) => index.col === 0 || index.col === cellCount.cols - 1;
+var isFirstOrLastRow = (index, cellCount) => index.row === 0 || index.row === cellCount.rows - 1;
+var SVGPatternLayouts;
+(function(_SVGPatternLayouts) {
+	_SVGPatternLayouts.ALL = {
+		grid: {
+			computeCellCount: (requested) => requested,
+			computePatternSize: (cellCount, cellSize) => ({
+				width: cellSize.width * cellCount.cols,
+				height: cellSize.height * cellCount.rows
+			}),
+			computeCellPos: (index, cellSize) => ({
+				x: index.col * cellSize.width,
+				y: index.row * cellSize.height
+			}),
+			computeIsSplit: () => false
+		},
+		diagonal: {
+			computeCellCount: (requested) => ({
+				rows: toOdd(requested.rows),
+				cols: toOdd(requested.cols)
+			}),
+			computePatternSize: (cellCount, cellSize) => ({
+				width: cellSize.width * (cellCount.cols - 1),
+				height: cellSize.height * (cellCount.rows * .5 - .5)
+			}),
+			computeCellPos: (index, cellSize) => ({
+				x: cellSize.width * index.col - (MathUtils.isEven(index.row) ? cellSize.width * .5 : 0),
+				y: cellSize.height * (index.row - 1) * .5
+			}),
+			computeIsSplit: (index, cellCount) => MathUtils.isEven(index.row) && isFirstOrLastCol(index, cellCount) || isFirstOrLastRow(index, cellCount)
+		},
+		halfShift: {
+			computeCellCount: (requested) => ({
+				rows: toEven(requested.rows),
+				cols: toOdd(requested.cols)
+			}),
+			computePatternSize: (cellCount, cellSize) => ({
+				width: cellSize.width * (cellCount.cols - 1),
+				height: cellSize.height * cellCount.rows
+			}),
+			computeCellPos: (index, cellSize) => ({
+				x: index.col * cellSize.width - (MathUtils.isEven(index.row) ? cellSize.width * .5 : 0),
+				y: index.row * cellSize.height
+			}),
+			computeIsSplit: (index, cellCount) => isFirstOrLastCol(index, cellCount) && MathUtils.isEven(index.row)
+		},
+		halfDrop: {
+			computeCellCount: (requested) => ({
+				rows: toOdd(requested.rows),
+				cols: toEven(requested.cols)
+			}),
+			computePatternSize: (cellCount, cellSize) => ({
+				width: cellSize.width * cellCount.cols,
+				height: cellSize.height * (cellCount.rows - 1)
+			}),
+			computeCellPos: (index, cellSize) => ({
+				x: index.col * cellSize.width,
+				y: index.row * cellSize.height - (MathUtils.isEven(index.col) ? cellSize.height * .5 : 0)
+			}),
+			computeIsSplit: (index, cellCount) => MathUtils.isEven(index.col) && isFirstOrLastRow(index, cellCount)
+		},
+		triangle: {
+			computeCellCount: (requested) => ({
+				rows: toEven(requested.rows),
+				cols: toOdd(requested.cols)
+			}),
+			computePatternSize: (cellCount, cellSize) => ({
+				width: cellSize.width * Math.round((cellCount.cols - 1) * .5),
+				height: cellSize.height * cellCount.rows
+			}),
+			computeCellPos: (index, cellSize) => ({
+				x: (index.col - 1) * cellSize.width * .5,
+				y: index.row * cellSize.height
+			}),
+			computeIsSplit: (index, cellCount) => isFirstOrLastCol(index, cellCount)
+		},
+		triangleSideways: {
+			computeCellCount: (requested) => ({
+				rows: toOdd(requested.rows),
+				cols: toEven(requested.cols)
+			}),
+			computePatternSize: (cellCount, cellSize) => ({
+				width: cellSize.width * cellCount.cols,
+				height: cellSize.height * Math.round((cellCount.rows - 1) * .5)
+			}),
+			computeCellPos: (index, cellSize) => ({
+				x: index.col * cellSize.width,
+				y: (index.row - 1) * cellSize.height * .5
+			}),
+			computeIsSplit: (index, cellCount) => isFirstOrLastRow(index, cellCount)
+		},
+		hexPointyTop: {
+			computeCellCount: (requested) => ({
+				rows: toOdd(requested.rows),
+				cols: toOdd(requested.cols)
+			}),
+			computePatternSize: (cellCount, cellSize) => ({
+				width: cellSize.width * (cellCount.cols - 1),
+				height: cellSize.height * (cellCount.rows - 1) * .75
+			}),
+			computeCellPos: (index, cellSize) => ({
+				x: index.col * cellSize.width - (MathUtils.isEven(index.row) ? cellSize.width * .5 : 0),
+				y: index.row * cellSize.height * .75 - cellSize.height * .5
+			}),
+			computeIsSplit: (index, cellCount) => MathUtils.isEven(index.row) && isFirstOrLastCol(index, cellCount) || isFirstOrLastRow(index, cellCount)
+		},
+		hexFlatTop: {
+			computeCellCount: (requested) => ({
+				rows: toOdd(requested.rows),
+				cols: toOdd(requested.cols)
+			}),
+			computePatternSize: (cellCount, cellSize) => ({
+				width: cellSize.width * (cellCount.cols - 1) * .75,
+				height: cellSize.height * (cellCount.rows - 1)
+			}),
+			computeCellPos: (index, cellSize) => ({
+				x: index.col * cellSize.width * .75 - cellSize.width * .5,
+				y: index.row * cellSize.height - (MathUtils.isEven(index.col) ? cellSize.height * .5 : 0)
+			}),
+			computeIsSplit: (index, cellCount) => MathUtils.isEven(index.col) && isFirstOrLastRow(index, cellCount) || isFirstOrLastCol(index, cellCount)
+		}
+	};
+})(SVGPatternLayouts || (SVGPatternLayouts = {}));
+//#endregion
+export { SVGPatternLayouts };
+
+//# sourceMappingURL=SVGPatternLayouts.const.js.map

package/dist/Samples/SVGDefs/SVGPatternLayouts.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGPatternLayouts.const.js","names":[],"sources":["../../../src/Samples/SVGDefs/SVGPatternLayouts.const.ts"],"sourcesContent":["import { MathUtils, type Point2d, type Size2d } from \"@thewaver/ss-utils\";\n\nexport type SVGPatternCellCount = { rows: number; cols: number };\n\nexport type SVGPatternCellIndex = { row: number; col: number };\n\nexport type SVGPatternLayout = {\n    computeCellCount: (requested: SVGPatternCellCount) => SVGPatternCellCount;\n    computePatternSize: (cellCount: SVGPatternCellCount, cellSize: Size2d) => Size2d;\n    computeCellPos: (index: SVGPatternCellIndex, cellSize: Size2d) => Point2d;\n    computeIsSplit: (index: SVGPatternCellIndex, cellCount: SVGPatternCellCount) => boolean;\n};\n\nexport type SVGPatternKind =\n    \"grid\" | \"diagonal\" | \"halfShift\" | \"halfDrop\" | \"triangle\" | \"triangleSideways\" | \"hexPointyTop\" | \"hexFlatTop\";\n\nconst toOdd = (value: number) => value + (MathUtils.isOdd(value) ? 0 : 1);\n\nconst toEven = (value: number) => value + (MathUtils.isEven(value) ? 0 : 1);\n\nconst isFirstOrLastCol = (index: SVGPatternCellIndex, cellCount: SVGPatternCellCount) =>\n    index.col === 0 || index.col === cellCount.cols - 1;\n\nconst isFirstOrLastRow = (index: SVGPatternCellIndex, cellCount: SVGPatternCellCount) =>\n    index.row === 0 || index.row === cellCount.rows - 1;\n\nexport namespace SVGPatternLayouts {\n    export const ALL: Record<SVGPatternKind, SVGPatternLayout> = {\n        grid: {\n            computeCellCount: (requested) => requested,\n            computePatternSize: (cellCount, cellSize) => ({\n                width: cellSize.width * cellCount.cols,\n                height: cellSize.height * cellCount.rows,\n            }),\n            computeCellPos: (index, cellSize) => ({\n                x: index.col * cellSize.width,\n                y: index.row * cellSize.height,\n            }),\n            computeIsSplit: () => false,\n        },\n        diagonal: {\n            computeCellCount: (requested) => ({ rows: toOdd(requested.rows), cols: toOdd(requested.cols) }),\n            computePatternSize: (cellCount, cellSize) => ({\n                width: cellSize.width * (cellCount.cols - 1),\n                height: cellSize.height * (cellCount.rows * 0.5 - 0.5),\n            }),\n            computeCellPos: (index, cellSize) => ({\n                x: cellSize.width * index.col - (MathUtils.isEven(index.row) ? cellSize.width * 0.5 : 0),\n                y: cellSize.height * (index.row - 1) * 0.5,\n            }),\n            computeIsSplit: (index, cellCount) =>\n                (MathUtils.isEven(index.row) && isFirstOrLastCol(index, cellCount)) ||\n                isFirstOrLastRow(index, cellCount),\n        },\n        halfShift: {\n            computeCellCount: (requested) => ({ rows: toEven(requested.rows), cols: toOdd(requested.cols) }),\n            computePatternSize: (cellCount, cellSize) => ({\n                width: cellSize.width * (cellCount.cols - 1),\n                height: cellSize.height * cellCount.rows,\n            }),\n            computeCellPos: (index, cellSize) => ({\n                x: index.col * cellSize.width - (MathUtils.isEven(index.row) ? cellSize.width * 0.5 : 0),\n                y: index.row * cellSize.height,\n            }),\n            computeIsSplit: (index, cellCount) => isFirstOrLastCol(index, cellCount) && MathUtils.isEven(index.row),\n        },\n        halfDrop: {\n            computeCellCount: (requested) => ({ rows: toOdd(requested.rows), cols: toEven(requested.cols) }),\n            computePatternSize: (cellCount, cellSize) => ({\n                width: cellSize.width * cellCount.cols,\n                height: cellSize.height * (cellCount.rows - 1),\n            }),\n            computeCellPos: (index, cellSize) => ({\n                x: index.col * cellSize.width,\n                y: index.row * cellSize.height - (MathUtils.isEven(index.col) ? cellSize.height * 0.5 : 0),\n            }),\n            computeIsSplit: (index, cellCount) => MathUtils.isEven(index.col) && isFirstOrLastRow(index, cellCount),\n        },\n        triangle: {\n            computeCellCount: (requested) => ({ rows: toEven(requested.rows), cols: toOdd(requested.cols) }),\n            computePatternSize: (cellCount, cellSize) => ({\n                width: cellSize.width * Math.round((cellCount.cols - 1) * 0.5),\n                height: cellSize.height * cellCount.rows,\n            }),\n            computeCellPos: (index, cellSize) => ({\n                x: (index.col - 1) * cellSize.width * 0.5,\n                y: index.row * cellSize.height,\n            }),\n            computeIsSplit: (index, cellCount) => isFirstOrLastCol(index, cellCount),\n        },\n        triangleSideways: {\n            computeCellCount: (requested) => ({ rows: toOdd(requested.rows), cols: toEven(requested.cols) }),\n            computePatternSize: (cellCount, cellSize) => ({\n                width: cellSize.width * cellCount.cols,\n                height: cellSize.height * Math.round((cellCount.rows - 1) * 0.5),\n            }),\n            computeCellPos: (index, cellSize) => ({\n                x: index.col * cellSize.width,\n                y: (index.row - 1) * cellSize.height * 0.5,\n            }),\n            computeIsSplit: (index, cellCount) => isFirstOrLastRow(index, cellCount),\n        },\n        hexPointyTop: {\n            computeCellCount: (requested) => ({ rows: toOdd(requested.rows), cols: toOdd(requested.cols) }),\n            computePatternSize: (cellCount, cellSize) => ({\n                width: cellSize.width * (cellCount.cols - 1),\n                height: cellSize.height * (cellCount.rows - 1) * 0.75,\n            }),\n            computeCellPos: (index, cellSize) => ({\n                x: index.col * cellSize.width - (MathUtils.isEven(index.row) ? cellSize.width * 0.5 : 0),\n                y: index.row * cellSize.height * 0.75 - cellSize.height * 0.5,\n            }),\n            computeIsSplit: (index, cellCount) =>\n                (MathUtils.isEven(index.row) && isFirstOrLastCol(index, cellCount)) ||\n                isFirstOrLastRow(index, cellCount),\n        },\n        hexFlatTop: {\n            computeCellCount: (requested) => ({ rows: toOdd(requested.rows), cols: toOdd(requested.cols) }),\n            computePatternSize: (cellCount, cellSize) => ({\n                width: cellSize.width * (cellCount.cols - 1) * 0.75,\n                height: cellSize.height * (cellCount.rows - 1),\n            }),\n            computeCellPos: (index, cellSize) => ({\n                x: index.col * cellSize.width * 0.75 - cellSize.width * 0.5,\n                y: index.row * cellSize.height - (MathUtils.isEven(index.col) ? cellSize.height * 0.5 : 0),\n            }),\n            computeIsSplit: (index, cellCount) =>\n                (MathUtils.isEven(index.col) && isFirstOrLastRow(index, cellCount)) ||\n                isFirstOrLastCol(index, cellCount),\n        },\n    };\n}\n"],"mappings":"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"}

package/dist/Samples/SVGDefs/SVGPatterns.const.js

@@ -0,0 +1,23 @@
+import { SVGPatternDefsUtils } from "../../Abstracts/SVG/Defs/Pattern/SVGPatternDefs.utils.js";
+import { SVGPatternLayouts } from "./SVGPatternLayouts.const.js";
+//#region src/Samples/SVGDefs/SVGPatterns.const.tsx
+var SVGPatterns;
+(function(_SVGPatterns) {
+	const computeLayoutPattern = _SVGPatterns.computeLayoutPattern = (kind, id, requestedCellCount, cellSize, renderCell) => {
+		const layout = SVGPatternLayouts.ALL[kind];
+		const cellCount = layout.computeCellCount(requestedCellCount);
+		return SVGPatternDefsUtils.computePattern(id, cellCount, layout.computePatternSize(cellCount, cellSize), (index) => layout.computeCellPos(index, cellSize), (cellId, index, count) => renderCell(cellId, index, count, layout.computeIsSplit(index, count)));
+	};
+	_SVGPatterns.computeGridPattern = (id, cellCount, cellSize, renderCell) => computeLayoutPattern("grid", id, cellCount, cellSize, renderCell);
+	_SVGPatterns.computeDiagonalPattern = (id, cellCount, cellSize, renderCell) => computeLayoutPattern("diagonal", id, cellCount, cellSize, renderCell);
+	_SVGPatterns.computeHalfShiftPattern = (id, cellCount, cellSize, renderCell) => computeLayoutPattern("halfShift", id, cellCount, cellSize, renderCell);
+	_SVGPatterns.computeHalfDropPattern = (id, cellCount, cellSize, renderCell) => computeLayoutPattern("halfDrop", id, cellCount, cellSize, renderCell);
+	_SVGPatterns.computeTrianglePattern = (id, cellCount, cellSize, renderCell) => computeLayoutPattern("triangle", id, cellCount, cellSize, renderCell);
+	_SVGPatterns.computeTriangleSidewaysPattern = (id, cellCount, cellSize, renderCell) => computeLayoutPattern("triangleSideways", id, cellCount, cellSize, renderCell);
+	_SVGPatterns.computeHexPointyTopPattern = (id, cellCount, cellSize, renderCell) => computeLayoutPattern("hexPointyTop", id, cellCount, cellSize, renderCell);
+	_SVGPatterns.computeHexFlatTopPattern = (id, cellCount, cellSize, renderCell) => computeLayoutPattern("hexFlatTop", id, cellCount, cellSize, renderCell);
+})(SVGPatterns || (SVGPatterns = {}));
+//#endregion
+export { SVGPatterns };
+
+//# sourceMappingURL=SVGPatterns.const.js.map

package/dist/Samples/SVGDefs/SVGPatterns.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGPatterns.const.js","names":["JSX","Size2d","SVGPatternDefsUtils","SVGPatternLayouts","SVGPatternCellCount","SVGPatternCellIndex","SVGPatternKind","SVGPatternCellRenderer","id","index","cellCount","isSplit","Element","SVGPatterns","computeLayoutPattern","kind","requestedCellCount","cellSize","renderCell","layout","ALL","computeCellCount","computePattern","computePatternSize","computeCellPos","cellId","count","computeIsSplit","computeGridPattern","computeDiagonalPattern","computeHalfShiftPattern","computeHalfDropPattern","computeTrianglePattern","computeTriangleSidewaysPattern","computeHexPointyTopPattern","computeHexFlatTopPattern"],"sources":["../../../src/Samples/SVGDefs/SVGPatterns.const.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nimport type { Size2d } from \"@thewaver/ss-utils\";\n\nimport { SVGPatternDefsUtils } from \"../../Abstracts/SVG/Defs/Pattern/SVGPatternDefs.utils\";\nimport { SVGPatternLayouts } from \"./SVGPatternLayouts.const\";\nimport type { SVGPatternCellCount, SVGPatternCellIndex, SVGPatternKind } from \"./SVGPatternLayouts.const\";\n\nexport type SVGPatternCellRenderer = (\n    id: string,\n    index: SVGPatternCellIndex,\n    cellCount: SVGPatternCellCount,\n    isSplit: boolean,\n) => JSX.Element;\n\nexport namespace SVGPatterns {\n    export const computeLayoutPattern = (\n        kind: SVGPatternKind,\n        id: string,\n        requestedCellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => {\n        const layout = SVGPatternLayouts.ALL[kind];\n        const cellCount = layout.computeCellCount(requestedCellCount);\n\n        return SVGPatternDefsUtils.computePattern(\n            id,\n            cellCount,\n            layout.computePatternSize(cellCount, cellSize),\n            (index) => layout.computeCellPos(index, cellSize),\n            (cellId, index, count) => renderCell(cellId, index, count, layout.computeIsSplit(index, count)),\n        );\n    };\n\n    export const computeGridPattern = (\n        id: string,\n        cellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => computeLayoutPattern(\"grid\", id, cellCount, cellSize, renderCell);\n\n    export const computeDiagonalPattern = (\n        id: string,\n        cellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => computeLayoutPattern(\"diagonal\", id, cellCount, cellSize, renderCell);\n\n    export const computeHalfShiftPattern = (\n        id: string,\n        cellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => computeLayoutPattern(\"halfShift\", id, cellCount, cellSize, renderCell);\n\n    export const computeHalfDropPattern = (\n        id: string,\n        cellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => computeLayoutPattern(\"halfDrop\", id, cellCount, cellSize, renderCell);\n\n    export const computeTrianglePattern = (\n        id: string,\n        cellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => computeLayoutPattern(\"triangle\", id, cellCount, cellSize, renderCell);\n\n    export const computeTriangleSidewaysPattern = (\n        id: string,\n        cellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => computeLayoutPattern(\"triangleSideways\", id, cellCount, cellSize, renderCell);\n\n    export const computeHexPointyTopPattern = (\n        id: string,\n        cellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => computeLayoutPattern(\"hexPointyTop\", id, cellCount, cellSize, renderCell);\n\n    export const computeHexFlatTopPattern = (\n        id: string,\n        cellCount: SVGPatternCellCount,\n        cellSize: Size2d,\n        renderCell: SVGPatternCellRenderer,\n    ) => computeLayoutPattern(\"hexFlatTop\", id, cellCount, cellSize, renderCell);\n}\n"],"mappings":";;;AAeO,IAAUa;CAAV,SAAA,cAAA;CACI,MAAMC,uBAAAA,aAAAA,wBACTC,MACAP,IACAQ,oBACAC,UACAC,eACC;EACD,MAAMC,SAAShB,kBAAkBiB,IAAIL;EACrC,MAAML,YAAYS,OAAOE,iBAAiBL,kBAAkB;EAE5D,OAAOd,oBAAoBoB,eACvBd,IACAE,WACAS,OAAOI,mBAAmBb,WAAWO,QAAQ,IAC5CR,UAAUU,OAAOK,eAAef,OAAOQ,QAAQ,IAC/CQ,QAAQhB,OAAOiB,UAAUR,WAAWO,QAAQhB,OAAOiB,OAAOP,OAAOQ,eAAelB,OAAOiB,KAAK,CAAC,CAClG;CACJ;CAEaE,aAAAA,sBACTpB,IACAE,WACAO,UACAC,eACCJ,qBAAqB,QAAQN,IAAIE,WAAWO,UAAUC,UAAU;CAExDW,aAAAA,0BACTrB,IACAE,WACAO,UACAC,eACCJ,qBAAqB,YAAYN,IAAIE,WAAWO,UAAUC,UAAU;CAE5DY,aAAAA,2BACTtB,IACAE,WACAO,UACAC,eACCJ,qBAAqB,aAAaN,IAAIE,WAAWO,UAAUC,UAAU;CAE7Da,aAAAA,0BACTvB,IACAE,WACAO,UACAC,eACCJ,qBAAqB,YAAYN,IAAIE,WAAWO,UAAUC,UAAU;CAE5Dc,aAAAA,0BACTxB,IACAE,WACAO,UACAC,eACCJ,qBAAqB,YAAYN,IAAIE,WAAWO,UAAUC,UAAU;CAE5De,aAAAA,kCACTzB,IACAE,WACAO,UACAC,eACCJ,qBAAqB,oBAAoBN,IAAIE,WAAWO,UAAUC,UAAU;CAEpEgB,aAAAA,8BACT1B,IACAE,WACAO,UACAC,eACCJ,qBAAqB,gBAAgBN,IAAIE,WAAWO,UAAUC,UAAU;CAEhEiB,aAAAA,4BACT3B,IACAE,WACAO,UACAC,eACCJ,qBAAqB,cAAcN,IAAIE,WAAWO,UAAUC,UAAU;AAC/E,EAAA,CAAA,gBAAA,cAAA,CAAA,EAAA"}