@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Samples/SVGDefs/Pattern/circle_hd_2.js

@@ -0,0 +1,47 @@
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { SVGPatterns } from "../SVGPatterns.const.js";
+import { MathUtils } from "@thewaver/ss-utils";
+import { effect, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/circle_hd_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><circle><animate attributeName=r repeatCount=indefinite></svg>`, false, true, false);
+var circle_hd_2 = { computeSVGDefs: (id, __, defs) => {
+	const splitValuesCache = {};
+	const cellSize = defs.cellSize;
+	const cellCount = {
+		rows: 8,
+		cols: 8
+	};
+	const r = Math.min(cellSize.width, cellSize.height) * .5;
+	return [{ gradientOrPattern: {
+		id: `pattern1-${id}`,
+		renderDefsElement: () => SVGPatterns.computeHalfDropPattern(`pattern1-${id}`, cellCount, cellSize, (cellId, index, cellCount, isSplit) => {
+			const isEven = MathUtils.isEven(index.col + index.row);
+			const values = SVGDefsUtils.getRandomValuesWithSplitControl(splitValuesCache, index, cellCount, isSplit);
+			return (() => {
+				var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+				setAttribute(_el$, "id", cellId);
+				setAttribute(_el$, "r", r);
+				effect((_p$) => {
+					var _v$ = cellSize.width * .5, _v$2 = cellSize.height * .5, _v$3 = SVGDefsUtils.DEBUG_SEAMS && isSplit ? defs.colors.tertiary : isEven ? defs.colors.primary : defs.colors.secondary, _v$4 = values.split(";").map((v) => `${Number(v) * r}`).join(";"), _v$5 = `${defs.animationDurationMs * 4}ms`;
+					_v$ !== _p$.e && setAttribute(_el$, "cx", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$, "cy", _p$.t = _v$2);
+					_v$3 !== _p$.a && setAttribute(_el$, "fill", _p$.a = _v$3);
+					_v$4 !== _p$.o && setAttribute(_el$2, "values", _p$.o = _v$4);
+					_v$5 !== _p$.i && setAttribute(_el$2, "dur", _p$.i = _v$5);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0
+				});
+				return _el$;
+			})();
+		})
+	} }];
+} };
+//#endregion
+export { circle_hd_2 };
+
+//# sourceMappingURL=circle_hd_2.js.map

package/dist/Samples/SVGDefs/Pattern/circle_hd_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle_hd_2.js","names":["MathUtils","PatternConfig","SVGDefsUtils","SVGPatterns","circle_hd_2","computeSVGDefs","id","__","defs","splitValuesCache","Record","cellSize","cellCount","rows","cols","r","Math","min","width","height","gradientOrPattern","renderDefsElement","computeHalfDropPattern","cellId","index","isSplit","isEven","col","row","values","getRandomValuesWithSplitControl","_el$","_tmpl$","_el$2","firstChild","_$setAttribute","_$effect","_p$","_v$","_v$2","_v$3","DEBUG_SEAMS","colors","tertiary","primary","secondary","_v$4","split","map","v","Number","join","_v$5","animationDurationMs","e","t","a","o","i","undefined"],"sources":["../../../../src/Samples/SVGDefs/Pattern/circle_hd_2.tsx"],"sourcesContent":["import { MathUtils } from \"@thewaver/ss-utils\";\n\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\nimport { SVGPatterns } from \"../SVGPatterns.const\";\n\nexport const circle_hd_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => {\n        const splitValuesCache: Record<string, string> = {};\n        const cellSize = defs.cellSize;\n        const cellCount = { rows: 8, cols: 8 };\n        const r = Math.min(cellSize.width, cellSize.height) * 0.5;\n\n        return [\n            {\n                gradientOrPattern: {\n                    id: `pattern1-${id}`,\n                    renderDefsElement: () =>\n                        SVGPatterns.computeHalfDropPattern(\n                            `pattern1-${id}`,\n                            cellCount,\n                            cellSize,\n                            (cellId, index, cellCount, isSplit) => {\n                                const isEven = MathUtils.isEven(index.col + index.row);\n                                const values = SVGDefsUtils.getRandomValuesWithSplitControl(\n                                    splitValuesCache,\n                                    index,\n                                    cellCount,\n                                    isSplit,\n                                );\n\n                                return (\n                                    <circle\n                                        id={cellId}\n                                        r={r}\n                                        cx={cellSize.width * 0.5}\n                                        cy={cellSize.height * 0.5}\n                                        fill={\n                                            SVGDefsUtils.DEBUG_SEAMS && isSplit\n                                                ? defs.colors.tertiary\n                                                : isEven\n                                                  ? defs.colors.primary\n                                                  : defs.colors.secondary\n                                        }\n                                    >\n                                        <animate\n                                            attributeName=\"r\"\n                                            values={values\n                                                .split(\";\")\n                                                .map((v) => `${Number(v) * r}`)\n                                                .join(\";\")}\n                                            dur={`${defs.animationDurationMs * 4}ms`}\n                                            repeatCount=\"indefinite\"\n                                        />\n                                    </circle>\n                                );\n                            },\n                        ),\n                },\n            },\n        ];\n    },\n};\n"],"mappings":";;;;;;AAMA,IAAaI,cAA6B,EACtCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,MAAMC,mBAA2C,CAAC;CAClD,MAAME,WAAWH,KAAKG;CACtB,MAAMC,YAAY;EAAEC,MAAM;EAAGC,MAAM;CAAE;CACrC,MAAMC,IAAIC,KAAKC,IAAIN,SAASO,OAAOP,SAASQ,MAAM,IAAI;CAEtD,OAAO,CACH,EACIC,mBAAmB;EACfd,IAAI,YAAYA;EAChBe,yBACIlB,YAAYmB,uBACR,YAAYhB,MACZM,WACAD,WACCY,QAAQC,OAAOZ,WAAWa,YAAY;GACnC,MAAMC,SAAS1B,UAAU0B,OAAOF,MAAMG,MAAMH,MAAMI,GAAG;GACrD,MAAMC,SAAS3B,aAAa4B,gCACxBrB,kBACAe,OACAZ,WACAa,OACJ;GAEA,cAAA;IAAA,IAAAM,OAAAC,OAAA,GAAAC,QAAAF,KAAAG;IAAAC,aAAAJ,MAAA,MAEYR,MAAM;IAAAY,aAAAJ,MAAA,KACPhB,CAAC;IAAAqB,QAAAC,QAAA;KAAA,IAAAC,MACA3B,SAASO,QAAQ,IAAGqB,OACpB5B,SAASQ,SAAS,IAAGqB,OAErBtC,aAAauC,eAAehB,UACtBjB,KAAKkC,OAAOC,WACZjB,SACElB,KAAKkC,OAAOE,UACZpC,KAAKkC,OAAOG,WAASC,OAKrBjB,OACHkB,MAAM,GAAG,CAAC,CACVC,KAAKC,MAAM,GAAGC,OAAOD,CAAC,IAAIlC,GAAG,CAAC,CAC9BoC,KAAK,GAAG,GAACC,OACT,GAAG5C,KAAK6C,sBAAsB,EAAC;KAAIf,QAAAD,IAAAiB,KAAAnB,aAAAJ,MAAA,MAAAM,IAAAiB,IAAAhB,GAAA;KAAAC,SAAAF,IAAAkB,KAAApB,aAAAJ,MAAA,MAAAM,IAAAkB,IAAAhB,IAAA;KAAAC,SAAAH,IAAAmB,KAAArB,aAAAJ,MAAA,QAAAM,IAAAmB,IAAAhB,IAAA;KAAAM,SAAAT,IAAAoB,KAAAtB,aAAAF,OAAA,UAAAI,IAAAoB,IAAAX,IAAA;KAAAM,SAAAf,IAAAqB,KAAAvB,aAAAF,OAAA,OAAAI,IAAAqB,IAAAN,IAAA;KAAA,OAAAf;IAAA,GAAA;KAAAiB,GAAAK,KAAAA;KAAAJ,GAAAI,KAAAA;KAAAH,GAAAG,KAAAA;KAAAF,GAAAE,KAAAA;KAAAD,GAAAC,KAAAA;IAAA,CAAA;IAAA,OAAA5B;GAAA,EAAA,CAAA;EAKxD,CACJ;CACR,EACJ,CAAC;AAET,EACJ"}

package/dist/Samples/SVGDefs/Pattern/circle_hs_2.js

@@ -0,0 +1,47 @@
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { SVGPatterns } from "../SVGPatterns.const.js";
+import { MathUtils } from "@thewaver/ss-utils";
+import { effect, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/circle_hs_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><circle><animate attributeName=r repeatCount=indefinite></svg>`, false, true, false);
+var circle_hs_2 = { computeSVGDefs: (id, __, defs) => {
+	const splitValuesCache = {};
+	const cellSize = defs.cellSize;
+	const cellCount = {
+		rows: 8,
+		cols: 8
+	};
+	const r = Math.min(cellSize.width, cellSize.height) * .5;
+	return [{ gradientOrPattern: {
+		id: `pattern1-${id}`,
+		renderDefsElement: () => SVGPatterns.computeHalfShiftPattern(`pattern1-${id}`, cellCount, cellSize, (cellId, index, cellCount, isSplit) => {
+			const isEven = MathUtils.isEven(index.col + index.row);
+			const values = SVGDefsUtils.getRandomValuesWithSplitControl(splitValuesCache, index, cellCount, isSplit);
+			return (() => {
+				var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+				setAttribute(_el$, "id", cellId);
+				setAttribute(_el$, "r", r);
+				effect((_p$) => {
+					var _v$ = cellSize.width * .5, _v$2 = cellSize.height * .5, _v$3 = SVGDefsUtils.DEBUG_SEAMS && isSplit ? defs.colors.tertiary : isEven ? defs.colors.primary : defs.colors.secondary, _v$4 = values.split(";").map((v) => `${Number(v) * r}`).join(";"), _v$5 = `${defs.animationDurationMs * 4}ms`;
+					_v$ !== _p$.e && setAttribute(_el$, "cx", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$, "cy", _p$.t = _v$2);
+					_v$3 !== _p$.a && setAttribute(_el$, "fill", _p$.a = _v$3);
+					_v$4 !== _p$.o && setAttribute(_el$2, "values", _p$.o = _v$4);
+					_v$5 !== _p$.i && setAttribute(_el$2, "dur", _p$.i = _v$5);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0
+				});
+				return _el$;
+			})();
+		})
+	} }];
+} };
+//#endregion
+export { circle_hs_2 };
+
+//# sourceMappingURL=circle_hs_2.js.map

package/dist/Samples/SVGDefs/Pattern/circle_hs_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle_hs_2.js","names":["MathUtils","PatternConfig","SVGDefsUtils","SVGPatterns","circle_hs_2","computeSVGDefs","id","__","defs","splitValuesCache","Record","cellSize","cellCount","rows","cols","r","Math","min","width","height","gradientOrPattern","renderDefsElement","computeHalfShiftPattern","cellId","index","isSplit","isEven","col","row","values","getRandomValuesWithSplitControl","_el$","_tmpl$","_el$2","firstChild","_$setAttribute","_$effect","_p$","_v$","_v$2","_v$3","DEBUG_SEAMS","colors","tertiary","primary","secondary","_v$4","split","map","v","Number","join","_v$5","animationDurationMs","e","t","a","o","i","undefined"],"sources":["../../../../src/Samples/SVGDefs/Pattern/circle_hs_2.tsx"],"sourcesContent":["import { MathUtils } from \"@thewaver/ss-utils\";\n\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\nimport { SVGPatterns } from \"../SVGPatterns.const\";\n\nexport const circle_hs_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => {\n        const splitValuesCache: Record<string, string> = {};\n        const cellSize = defs.cellSize;\n        const cellCount = { rows: 8, cols: 8 };\n        const r = Math.min(cellSize.width, cellSize.height) * 0.5;\n\n        return [\n            {\n                gradientOrPattern: {\n                    id: `pattern1-${id}`,\n                    renderDefsElement: () =>\n                        SVGPatterns.computeHalfShiftPattern(\n                            `pattern1-${id}`,\n                            cellCount,\n                            cellSize,\n                            (cellId, index, cellCount, isSplit) => {\n                                const isEven = MathUtils.isEven(index.col + index.row);\n                                const values = SVGDefsUtils.getRandomValuesWithSplitControl(\n                                    splitValuesCache,\n                                    index,\n                                    cellCount,\n                                    isSplit,\n                                );\n\n                                return (\n                                    <circle\n                                        id={cellId}\n                                        r={r}\n                                        cx={cellSize.width * 0.5}\n                                        cy={cellSize.height * 0.5}\n                                        fill={\n                                            SVGDefsUtils.DEBUG_SEAMS && isSplit\n                                                ? defs.colors.tertiary\n                                                : isEven\n                                                  ? defs.colors.primary\n                                                  : defs.colors.secondary\n                                        }\n                                    >\n                                        <animate\n                                            attributeName=\"r\"\n                                            values={values\n                                                .split(\";\")\n                                                .map((v) => `${Number(v) * r}`)\n                                                .join(\";\")}\n                                            dur={`${defs.animationDurationMs * 4}ms`}\n                                            repeatCount=\"indefinite\"\n                                        />\n                                    </circle>\n                                );\n                            },\n                        ),\n                },\n            },\n        ];\n    },\n};\n"],"mappings":";;;;;;AAMA,IAAaI,cAA6B,EACtCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,MAAMC,mBAA2C,CAAC;CAClD,MAAME,WAAWH,KAAKG;CACtB,MAAMC,YAAY;EAAEC,MAAM;EAAGC,MAAM;CAAE;CACrC,MAAMC,IAAIC,KAAKC,IAAIN,SAASO,OAAOP,SAASQ,MAAM,IAAI;CAEtD,OAAO,CACH,EACIC,mBAAmB;EACfd,IAAI,YAAYA;EAChBe,yBACIlB,YAAYmB,wBACR,YAAYhB,MACZM,WACAD,WACCY,QAAQC,OAAOZ,WAAWa,YAAY;GACnC,MAAMC,SAAS1B,UAAU0B,OAAOF,MAAMG,MAAMH,MAAMI,GAAG;GACrD,MAAMC,SAAS3B,aAAa4B,gCACxBrB,kBACAe,OACAZ,WACAa,OACJ;GAEA,cAAA;IAAA,IAAAM,OAAAC,OAAA,GAAAC,QAAAF,KAAAG;IAAAC,aAAAJ,MAAA,MAEYR,MAAM;IAAAY,aAAAJ,MAAA,KACPhB,CAAC;IAAAqB,QAAAC,QAAA;KAAA,IAAAC,MACA3B,SAASO,QAAQ,IAAGqB,OACpB5B,SAASQ,SAAS,IAAGqB,OAErBtC,aAAauC,eAAehB,UACtBjB,KAAKkC,OAAOC,WACZjB,SACElB,KAAKkC,OAAOE,UACZpC,KAAKkC,OAAOG,WAASC,OAKrBjB,OACHkB,MAAM,GAAG,CAAC,CACVC,KAAKC,MAAM,GAAGC,OAAOD,CAAC,IAAIlC,GAAG,CAAC,CAC9BoC,KAAK,GAAG,GAACC,OACT,GAAG5C,KAAK6C,sBAAsB,EAAC;KAAIf,QAAAD,IAAAiB,KAAAnB,aAAAJ,MAAA,MAAAM,IAAAiB,IAAAhB,GAAA;KAAAC,SAAAF,IAAAkB,KAAApB,aAAAJ,MAAA,MAAAM,IAAAkB,IAAAhB,IAAA;KAAAC,SAAAH,IAAAmB,KAAArB,aAAAJ,MAAA,QAAAM,IAAAmB,IAAAhB,IAAA;KAAAM,SAAAT,IAAAoB,KAAAtB,aAAAF,OAAA,UAAAI,IAAAoB,IAAAX,IAAA;KAAAM,SAAAf,IAAAqB,KAAAvB,aAAAF,OAAA,OAAAI,IAAAqB,IAAAN,IAAA;KAAA,OAAAf;IAAA,GAAA;KAAAiB,GAAAK,KAAAA;KAAAJ,GAAAI,KAAAA;KAAAH,GAAAG,KAAAA;KAAAF,GAAAE,KAAAA;KAAAD,GAAAC,KAAAA;IAAA,CAAA;IAAA,OAAA5B;GAAA,EAAA,CAAA;EAKxD,CACJ;CACR,EACJ,CAAC;AAET,EACJ"}

package/dist/Samples/SVGDefs/Pattern/hexagon_ft_2.js

@@ -0,0 +1,48 @@
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { SVGPatterns } from "../SVGPatterns.const.js";
+import { MathUtils, ShapeConst, ShapeUtils } from "@thewaver/ss-utils";
+import { effect, memo, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/hexagon_ft_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><path></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><use><animate attributeName=fill-opacity repeatCount=indefinite></svg>`, false, true, false);
+var hexagon_ft_2 = { computeSVGDefs: (id, __, defs) => {
+	const splitValuesCache = {};
+	const cellSize = defs.cellSize;
+	const cellCount = {
+		rows: 8,
+		cols: 8
+	};
+	const shape = (() => {
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "id", `${id}-hexagon`);
+		effect(() => setAttribute(_el$, "d", ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints("hexagon-flat-top", cellSize))));
+		return _el$;
+	})();
+	return [{ gradientOrPattern: {
+		id: `pattern1-${id}`,
+		renderDefsElement: () => [shape, memo(() => SVGPatterns.computeHexFlatTopPattern(`pattern1-${id}`, cellCount, cellSize, (cellId, index, cellCount, isSplit) => {
+			const isEven = MathUtils.isEven(index.row);
+			const values = SVGDefsUtils.getRandomValuesWithSplitControl(splitValuesCache, index, cellCount, isSplit);
+			return (() => {
+				var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+				setAttribute(_el$2, "id", cellId);
+				setAttribute(_el$2, "href", `#${id}-hexagon`);
+				setAttribute(_el$3, "values", values);
+				effect((_p$) => {
+					var _v$ = SVGDefsUtils.DEBUG_SEAMS && isSplit ? defs.colors.tertiary : isEven ? defs.colors.primary : defs.colors.secondary, _v$2 = `${defs.animationDurationMs * 4}ms`;
+					_v$ !== _p$.e && setAttribute(_el$2, "fill", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$3, "dur", _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$2;
+			})();
+		}))]
+	} }];
+} };
+//#endregion
+export { hexagon_ft_2 };
+
+//# sourceMappingURL=hexagon_ft_2.js.map

package/dist/Samples/SVGDefs/Pattern/hexagon_ft_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexagon_ft_2.js","names":["MathUtils","ShapeConst","ShapeUtils","PatternConfig","SVGDefsUtils","SVGPatterns","hexagon_ft_2","computeSVGDefs","id","__","defs","splitValuesCache","Record","cellSize","cellCount","rows","cols","shape","_el$","_tmpl$","_$setAttribute","_$effect","pointsToPath","getDefaultShapePoints","gradientOrPattern","renderDefsElement","_$memo","computeHexFlatTopPattern","cellId","index","isSplit","isEven","row","values","getRandomValuesWithSplitControl","_el$2","_tmpl$2","_el$3","firstChild","_p$","_v$","DEBUG_SEAMS","colors","tertiary","primary","secondary","_v$2","animationDurationMs","e","t","undefined"],"sources":["../../../../src/Samples/SVGDefs/Pattern/hexagon_ft_2.tsx"],"sourcesContent":["import { MathUtils, ShapeConst, ShapeUtils } from \"@thewaver/ss-utils\";\n\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\nimport { SVGPatterns } from \"../SVGPatterns.const\";\n\nexport const hexagon_ft_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => {\n        const splitValuesCache: Record<string, string> = {};\n        const cellSize = defs.cellSize;\n        const cellCount = { rows: 8, cols: 8 };\n\n        const shape = (\n            <path\n                id={`${id}-hexagon`}\n                d={ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints(\"hexagon-flat-top\", cellSize))}\n            />\n        );\n\n        return [\n            {\n                gradientOrPattern: {\n                    id: `pattern1-${id}`,\n                    renderDefsElement: () => (\n                        <>\n                            {shape}\n                            {SVGPatterns.computeHexFlatTopPattern(\n                                `pattern1-${id}`,\n                                cellCount,\n                                cellSize,\n                                (cellId, index, cellCount, isSplit) => {\n                                    const isEven = MathUtils.isEven(index.row);\n                                    const values = SVGDefsUtils.getRandomValuesWithSplitControl(\n                                        splitValuesCache,\n                                        index,\n                                        cellCount,\n                                        isSplit,\n                                    );\n\n                                    return (\n                                        <use\n                                            id={cellId}\n                                            href={`#${id}-hexagon`}\n                                            fill={\n                                                SVGDefsUtils.DEBUG_SEAMS && isSplit\n                                                    ? defs.colors.tertiary\n                                                    : isEven\n                                                      ? defs.colors.primary\n                                                      : defs.colors.secondary\n                                            }\n                                        >\n                                            <animate\n                                                attributeName=\"fill-opacity\"\n                                                values={values}\n                                                dur={`${defs.animationDurationMs * 4}ms`}\n                                                repeatCount=\"indefinite\"\n                                            />\n                                        </use>\n                                    );\n                                },\n                            )}\n                        </>\n                    ),\n                },\n            },\n        ];\n    },\n};\n"],"mappings":";;;;;;;AAMA,IAAaM,eAA8B,EACvCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,MAAMC,mBAA2C,CAAC;CAClD,MAAME,WAAWH,KAAKG;CACtB,MAAMC,YAAY;EAAEC,MAAM;EAAGC,MAAM;CAAE;CAErC,MAAMC,eAAK;EAAA,IAAAC,OAAAC,OAAA;EAAAC,aAAAF,MAAA,MAEC,GAAGV,GAAE,SAAU;EAAAa,aAAAD,aAAAF,MAAA,KAChBhB,WAAWoB,aAAarB,WAAWsB,sBAAsB,oBAAoBV,QAAQ,CAAC,CAAC,CAAA;EAAA,OAAAK;CAAA,EAAA,CAAA;CAIlG,OAAO,CACH,EACIM,mBAAmB;EACfhB,IAAI,YAAYA;EAChBiB,yBAAmB,CAEVR,OAAKS,WACLrB,YAAYsB,yBACT,YAAYnB,MACZM,WACAD,WACCe,QAAQC,OAAOf,WAAWgB,YAAY;GACnC,MAAMC,SAAS/B,UAAU+B,OAAOF,MAAMG,GAAG;GACzC,MAAMC,SAAS7B,aAAa8B,gCACxBvB,kBACAkB,OACAf,WACAgB,OACJ;GAEA,cAAA;IAAA,IAAAK,QAAAC,QAAA,GAAAC,QAAAF,MAAAG;IAAAlB,aAAAe,OAAA,MAEYP,MAAM;IAAAR,aAAAe,OAAA,QACJ,IAAI3B,GAAE,SAAU;IAAAY,aAAAiB,OAAA,UAWVJ,MAAM;IAAAZ,QAAAkB,QAAA;KAAA,IAAAC,MATdpC,aAAaqC,eAAeX,UACtBpB,KAAKgC,OAAOC,WACZZ,SACErB,KAAKgC,OAAOE,UACZlC,KAAKgC,OAAOG,WAASC,OAMxB,GAAGpC,KAAKqC,sBAAsB,EAAC;KAAIP,QAAAD,IAAAS,KAAA5B,aAAAe,OAAA,QAAAI,IAAAS,IAAAR,GAAA;KAAAM,SAAAP,IAAAU,KAAA7B,aAAAiB,OAAA,OAAAE,IAAAU,IAAAH,IAAA;KAAA,OAAAP;IAAA,GAAA;KAAAS,GAAAE,KAAAA;KAAAD,GAAAC,KAAAA;IAAA,CAAA;IAAA,OAAAf;GAAA,EAAA,CAAA;EAKxD,CACJ,CAAC,CAAA;CAGb,EACJ,CAAC;AAET,EACJ"}

package/dist/Samples/SVGDefs/Pattern/hexagon_pt_2.js

@@ -0,0 +1,48 @@
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { SVGPatterns } from "../SVGPatterns.const.js";
+import { MathUtils, ShapeConst, ShapeUtils } from "@thewaver/ss-utils";
+import { effect, memo, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/hexagon_pt_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><path></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><use><animate attributeName=fill-opacity repeatCount=indefinite></svg>`, false, true, false);
+var hexagon_pt_2 = { computeSVGDefs: (id, __, defs) => {
+	const splitValuesCache = {};
+	const cellSize = defs.cellSize;
+	const cellCount = {
+		rows: 8,
+		cols: 8
+	};
+	const shape = (() => {
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "id", `${id}-hexagon`);
+		effect(() => setAttribute(_el$, "d", ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints("hexagon-pointy-top", cellSize))));
+		return _el$;
+	})();
+	return [{ gradientOrPattern: {
+		id: `pattern1-${id}`,
+		renderDefsElement: () => [shape, memo(() => SVGPatterns.computeHexPointyTopPattern(`pattern1-${id}`, cellCount, cellSize, (cellId, index, cellCount, isSplit) => {
+			const isEven = MathUtils.isEven(index.row);
+			const values = SVGDefsUtils.getRandomValuesWithSplitControl(splitValuesCache, index, cellCount, isSplit);
+			return (() => {
+				var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+				setAttribute(_el$2, "id", cellId);
+				setAttribute(_el$2, "href", `#${id}-hexagon`);
+				setAttribute(_el$3, "values", values);
+				effect((_p$) => {
+					var _v$ = SVGDefsUtils.DEBUG_SEAMS && isSplit ? defs.colors.tertiary : isEven ? defs.colors.primary : defs.colors.secondary, _v$2 = `${defs.animationDurationMs * 4}ms`;
+					_v$ !== _p$.e && setAttribute(_el$2, "fill", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$3, "dur", _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$2;
+			})();
+		}))]
+	} }];
+} };
+//#endregion
+export { hexagon_pt_2 };
+
+//# sourceMappingURL=hexagon_pt_2.js.map

package/dist/Samples/SVGDefs/Pattern/hexagon_pt_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexagon_pt_2.js","names":["MathUtils","ShapeConst","ShapeUtils","PatternConfig","SVGDefsUtils","SVGPatterns","hexagon_pt_2","computeSVGDefs","id","__","defs","splitValuesCache","Record","cellSize","cellCount","rows","cols","shape","_el$","_tmpl$","_$setAttribute","_$effect","pointsToPath","getDefaultShapePoints","gradientOrPattern","renderDefsElement","_$memo","computeHexPointyTopPattern","cellId","index","isSplit","isEven","row","values","getRandomValuesWithSplitControl","_el$2","_tmpl$2","_el$3","firstChild","_p$","_v$","DEBUG_SEAMS","colors","tertiary","primary","secondary","_v$2","animationDurationMs","e","t","undefined"],"sources":["../../../../src/Samples/SVGDefs/Pattern/hexagon_pt_2.tsx"],"sourcesContent":["import { MathUtils, ShapeConst, ShapeUtils } from \"@thewaver/ss-utils\";\n\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\nimport { SVGPatterns } from \"../SVGPatterns.const\";\n\nexport const hexagon_pt_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => {\n        const splitValuesCache: Record<string, string> = {};\n        const cellSize = defs.cellSize;\n        const cellCount = { rows: 8, cols: 8 };\n\n        const shape = (\n            <path\n                id={`${id}-hexagon`}\n                d={ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints(\"hexagon-pointy-top\", cellSize))}\n            />\n        );\n\n        return [\n            {\n                gradientOrPattern: {\n                    id: `pattern1-${id}`,\n                    renderDefsElement: () => (\n                        <>\n                            {shape}\n                            {SVGPatterns.computeHexPointyTopPattern(\n                                `pattern1-${id}`,\n                                cellCount,\n                                cellSize,\n                                (cellId, index, cellCount, isSplit) => {\n                                    const isEven = MathUtils.isEven(index.row);\n                                    const values = SVGDefsUtils.getRandomValuesWithSplitControl(\n                                        splitValuesCache,\n                                        index,\n                                        cellCount,\n                                        isSplit,\n                                    );\n\n                                    return (\n                                        <use\n                                            id={cellId}\n                                            href={`#${id}-hexagon`}\n                                            fill={\n                                                SVGDefsUtils.DEBUG_SEAMS && isSplit\n                                                    ? defs.colors.tertiary\n                                                    : isEven\n                                                      ? defs.colors.primary\n                                                      : defs.colors.secondary\n                                            }\n                                        >\n                                            <animate\n                                                attributeName=\"fill-opacity\"\n                                                values={values}\n                                                dur={`${defs.animationDurationMs * 4}ms`}\n                                                repeatCount=\"indefinite\"\n                                            />\n                                        </use>\n                                    );\n                                },\n                            )}\n                        </>\n                    ),\n                },\n            },\n        ];\n    },\n};\n"],"mappings":";;;;;;;AAMA,IAAaM,eAA8B,EACvCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,MAAMC,mBAA2C,CAAC;CAClD,MAAME,WAAWH,KAAKG;CACtB,MAAMC,YAAY;EAAEC,MAAM;EAAGC,MAAM;CAAE;CAErC,MAAMC,eAAK;EAAA,IAAAC,OAAAC,OAAA;EAAAC,aAAAF,MAAA,MAEC,GAAGV,GAAE,SAAU;EAAAa,aAAAD,aAAAF,MAAA,KAChBhB,WAAWoB,aAAarB,WAAWsB,sBAAsB,sBAAsBV,QAAQ,CAAC,CAAC,CAAA;EAAA,OAAAK;CAAA,EAAA,CAAA;CAIpG,OAAO,CACH,EACIM,mBAAmB;EACfhB,IAAI,YAAYA;EAChBiB,yBAAmB,CAEVR,OAAKS,WACLrB,YAAYsB,2BACT,YAAYnB,MACZM,WACAD,WACCe,QAAQC,OAAOf,WAAWgB,YAAY;GACnC,MAAMC,SAAS/B,UAAU+B,OAAOF,MAAMG,GAAG;GACzC,MAAMC,SAAS7B,aAAa8B,gCACxBvB,kBACAkB,OACAf,WACAgB,OACJ;GAEA,cAAA;IAAA,IAAAK,QAAAC,QAAA,GAAAC,QAAAF,MAAAG;IAAAlB,aAAAe,OAAA,MAEYP,MAAM;IAAAR,aAAAe,OAAA,QACJ,IAAI3B,GAAE,SAAU;IAAAY,aAAAiB,OAAA,UAWVJ,MAAM;IAAAZ,QAAAkB,QAAA;KAAA,IAAAC,MATdpC,aAAaqC,eAAeX,UACtBpB,KAAKgC,OAAOC,WACZZ,SACErB,KAAKgC,OAAOE,UACZlC,KAAKgC,OAAOG,WAASC,OAMxB,GAAGpC,KAAKqC,sBAAsB,EAAC;KAAIP,QAAAD,IAAAS,KAAA5B,aAAAe,OAAA,QAAAI,IAAAS,IAAAR,GAAA;KAAAM,SAAAP,IAAAU,KAAA7B,aAAAiB,OAAA,OAAAE,IAAAU,IAAAH,IAAA;KAAA,OAAAP;IAAA,GAAA;KAAAS,GAAAE,KAAAA;KAAAD,GAAAC,KAAAA;IAAA,CAAA;IAAA,OAAAf;GAAA,EAAA,CAAA;EAKxD,CACJ,CAAC,CAAA;CAGb,EACJ,CAAC;AAET,EACJ"}

package/dist/Samples/SVGDefs/Pattern/lozenge_d_2.js

@@ -0,0 +1,48 @@
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { SVGPatterns } from "../SVGPatterns.const.js";
+import { MathUtils, ShapeConst, ShapeUtils } from "@thewaver/ss-utils";
+import { effect, memo, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/lozenge_d_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><path></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><use><animate attributeName=fill-opacity repeatCount=indefinite></svg>`, false, true, false);
+var lozenge_d_2 = { computeSVGDefs: (id, __, defs) => {
+	const splitValuesCache = {};
+	const cellSize = defs.cellSize;
+	const cellCount = {
+		rows: 8,
+		cols: 8
+	};
+	const shape = (() => {
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "id", `${id}-lozenge`);
+		effect(() => setAttribute(_el$, "d", ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints("lozenge", cellSize))));
+		return _el$;
+	})();
+	return [{ gradientOrPattern: {
+		id: `pattern1-${id}`,
+		renderDefsElement: () => [shape, memo(() => SVGPatterns.computeDiagonalPattern(`pattern1-${id}`, cellCount, cellSize, (cellId, index, cellCount, isSplit) => {
+			const isEven = MathUtils.isEven(index.row);
+			const values = SVGDefsUtils.getRandomValuesWithSplitControl(splitValuesCache, index, cellCount, isSplit);
+			return (() => {
+				var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+				setAttribute(_el$2, "id", cellId);
+				setAttribute(_el$2, "href", `#${id}-lozenge`);
+				setAttribute(_el$3, "values", values);
+				effect((_p$) => {
+					var _v$ = SVGDefsUtils.DEBUG_SEAMS && isSplit ? defs.colors.tertiary : isEven ? defs.colors.primary : defs.colors.secondary, _v$2 = `${defs.animationDurationMs * 4}ms`;
+					_v$ !== _p$.e && setAttribute(_el$2, "fill", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$3, "dur", _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$2;
+			})();
+		}))]
+	} }];
+} };
+//#endregion
+export { lozenge_d_2 };
+
+//# sourceMappingURL=lozenge_d_2.js.map

package/dist/Samples/SVGDefs/Pattern/lozenge_d_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lozenge_d_2.js","names":["MathUtils","ShapeConst","ShapeUtils","PatternConfig","SVGDefsUtils","SVGPatterns","lozenge_d_2","computeSVGDefs","id","__","defs","splitValuesCache","Record","cellSize","cellCount","rows","cols","shape","_el$","_tmpl$","_$setAttribute","_$effect","pointsToPath","getDefaultShapePoints","gradientOrPattern","renderDefsElement","_$memo","computeDiagonalPattern","cellId","index","isSplit","isEven","row","values","getRandomValuesWithSplitControl","_el$2","_tmpl$2","_el$3","firstChild","_p$","_v$","DEBUG_SEAMS","colors","tertiary","primary","secondary","_v$2","animationDurationMs","e","t","undefined"],"sources":["../../../../src/Samples/SVGDefs/Pattern/lozenge_d_2.tsx"],"sourcesContent":["import { MathUtils, ShapeConst, ShapeUtils } from \"@thewaver/ss-utils\";\n\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\nimport { SVGPatterns } from \"../SVGPatterns.const\";\n\nexport const lozenge_d_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => {\n        const splitValuesCache: Record<string, string> = {};\n        const cellSize = defs.cellSize;\n        const cellCount = { rows: 8, cols: 8 };\n\n        const shape = (\n            <path\n                id={`${id}-lozenge`}\n                d={ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints(\"lozenge\", cellSize))}\n            />\n        );\n\n        return [\n            {\n                gradientOrPattern: {\n                    id: `pattern1-${id}`,\n                    renderDefsElement: () => (\n                        <>\n                            {shape}\n                            {SVGPatterns.computeDiagonalPattern(\n                                `pattern1-${id}`,\n                                cellCount,\n                                cellSize,\n                                (cellId, index, cellCount, isSplit) => {\n                                    const isEven = MathUtils.isEven(index.row);\n                                    const values = SVGDefsUtils.getRandomValuesWithSplitControl(\n                                        splitValuesCache,\n                                        index,\n                                        cellCount,\n                                        isSplit,\n                                    );\n\n                                    return (\n                                        <use\n                                            id={cellId}\n                                            href={`#${id}-lozenge`}\n                                            fill={\n                                                SVGDefsUtils.DEBUG_SEAMS && isSplit\n                                                    ? defs.colors.tertiary\n                                                    : isEven\n                                                      ? defs.colors.primary\n                                                      : defs.colors.secondary\n                                            }\n                                        >\n                                            <animate\n                                                attributeName=\"fill-opacity\"\n                                                values={values}\n                                                dur={`${defs.animationDurationMs * 4}ms`}\n                                                repeatCount=\"indefinite\"\n                                            />\n                                        </use>\n                                    );\n                                },\n                            )}\n                        </>\n                    ),\n                },\n            },\n        ];\n    },\n};\n"],"mappings":";;;;;;;AAMA,IAAaM,cAA6B,EACtCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,MAAMC,mBAA2C,CAAC;CAClD,MAAME,WAAWH,KAAKG;CACtB,MAAMC,YAAY;EAAEC,MAAM;EAAGC,MAAM;CAAE;CAErC,MAAMC,eAAK;EAAA,IAAAC,OAAAC,OAAA;EAAAC,aAAAF,MAAA,MAEC,GAAGV,GAAE,SAAU;EAAAa,aAAAD,aAAAF,MAAA,KAChBhB,WAAWoB,aAAarB,WAAWsB,sBAAsB,WAAWV,QAAQ,CAAC,CAAC,CAAA;EAAA,OAAAK;CAAA,EAAA,CAAA;CAIzF,OAAO,CACH,EACIM,mBAAmB;EACfhB,IAAI,YAAYA;EAChBiB,yBAAmB,CAEVR,OAAKS,WACLrB,YAAYsB,uBACT,YAAYnB,MACZM,WACAD,WACCe,QAAQC,OAAOf,WAAWgB,YAAY;GACnC,MAAMC,SAAS/B,UAAU+B,OAAOF,MAAMG,GAAG;GACzC,MAAMC,SAAS7B,aAAa8B,gCACxBvB,kBACAkB,OACAf,WACAgB,OACJ;GAEA,cAAA;IAAA,IAAAK,QAAAC,QAAA,GAAAC,QAAAF,MAAAG;IAAAlB,aAAAe,OAAA,MAEYP,MAAM;IAAAR,aAAAe,OAAA,QACJ,IAAI3B,GAAE,SAAU;IAAAY,aAAAiB,OAAA,UAWVJ,MAAM;IAAAZ,QAAAkB,QAAA;KAAA,IAAAC,MATdpC,aAAaqC,eAAeX,UACtBpB,KAAKgC,OAAOC,WACZZ,SACErB,KAAKgC,OAAOE,UACZlC,KAAKgC,OAAOG,WAASC,OAMxB,GAAGpC,KAAKqC,sBAAsB,EAAC;KAAIP,QAAAD,IAAAS,KAAA5B,aAAAe,OAAA,QAAAI,IAAAS,IAAAR,GAAA;KAAAM,SAAAP,IAAAU,KAAA7B,aAAAiB,OAAA,OAAAE,IAAAU,IAAAH,IAAA;KAAA,OAAAP;IAAA,GAAA;KAAAS,GAAAE,KAAAA;KAAAD,GAAAC,KAAAA;IAAA,CAAA;IAAA,OAAAf;GAAA,EAAA,CAAA;EAKxD,CACJ,CAAC,CAAA;CAGb,EACJ,CAAC;AAET,EACJ"}

package/dist/Samples/SVGDefs/Pattern/plain.js

@@ -0,0 +1,7 @@
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+//#region src/Samples/SVGDefs/Pattern/plain.tsx
+var plain = { computeSVGDefs: (_, __, defs) => [{ color: SVGDefsUtils.getBaseBackgroundColor(defs) }] };
+//#endregion
+export { plain };
+
+//# sourceMappingURL=plain.js.map

package/dist/Samples/SVGDefs/Pattern/plain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plain.js","names":["PatternConfig","SVGDefsUtils","plain","computeSVGDefs","_","__","defs","color","getBaseBackgroundColor"],"sources":["../../../../src/Samples/SVGDefs/Pattern/plain.tsx"],"sourcesContent":["import type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const plain: PatternConfig = {\n    computeSVGDefs: (_, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBackgroundColor(defs),\n        },\n    ],\n};\n"],"mappings":";;AAGA,IAAaE,QAAuB,EAChCC,iBAAiBC,GAAGC,IAAIC,SAAS,CAC7B,EACIC,OAAON,aAAaO,uBAAuBF,IAAI,EACnD,CAAC,EAET"}

package/dist/Samples/SVGDefs/Pattern/triangle_s_2.js

@@ -0,0 +1,59 @@
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { SVGPatterns } from "../SVGPatterns.const.js";
+import { MathUtils, ShapeConst, ShapeUtils } from "@thewaver/ss-utils";
+import { effect, memo, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/triangle_s_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><path></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><use><animate attributeName=fill-opacity repeatCount=indefinite></svg>`, false, true, false);
+var triangle_s_2 = { computeSVGDefs: (id, __, defs) => {
+	const splitValuesCache = {};
+	const cellSize = defs.cellSize;
+	const cellCount = {
+		rows: 8,
+		cols: 8
+	};
+	const rightTriangle = (() => {
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "id", `${id}-triangle-right`);
+		effect(() => setAttribute(_el$, "d", ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints("triangle-right", cellSize))));
+		return _el$;
+	})();
+	const leftTriangle = (() => {
+		var _el$2 = _tmpl$();
+		setAttribute(_el$2, "id", `${id}-triangle-left`);
+		effect(() => setAttribute(_el$2, "d", ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints("triangle-left", cellSize))));
+		return _el$2;
+	})();
+	return [{ gradientOrPattern: {
+		id: `pattern1-${id}`,
+		renderDefsElement: () => [
+			rightTriangle,
+			leftTriangle,
+			memo(() => SVGPatterns.computeTriangleSidewaysPattern(`pattern1-${id}`, cellCount, cellSize, (cellId, index, cellCount, isSplit) => {
+				const isEven = MathUtils.isEven(index.col + index.row);
+				const shapeId = isEven ? `${id}-triangle-right` : `${id}-triangle-left`;
+				const values = SVGDefsUtils.getRandomValuesWithSplitControl(splitValuesCache, index, cellCount, isSplit);
+				return (() => {
+					var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+					setAttribute(_el$3, "id", cellId);
+					setAttribute(_el$3, "href", `#${shapeId}`);
+					setAttribute(_el$4, "values", values);
+					effect((_p$) => {
+						var _v$ = SVGDefsUtils.DEBUG_SEAMS && isSplit ? defs.colors.tertiary : isEven ? defs.colors.primary : defs.colors.secondary, _v$2 = `${defs.animationDurationMs * 4}ms`;
+						_v$ !== _p$.e && setAttribute(_el$3, "fill", _p$.e = _v$);
+						_v$2 !== _p$.t && setAttribute(_el$4, "dur", _p$.t = _v$2);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0
+					});
+					return _el$3;
+				})();
+			}))
+		]
+	} }];
+} };
+//#endregion
+export { triangle_s_2 };
+
+//# sourceMappingURL=triangle_s_2.js.map

package/dist/Samples/SVGDefs/Pattern/triangle_s_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triangle_s_2.js","names":["MathUtils","ShapeConst","ShapeUtils","PatternConfig","SVGDefsUtils","SVGPatterns","triangle_s_2","computeSVGDefs","id","__","defs","splitValuesCache","Record","cellSize","cellCount","rows","cols","rightTriangle","_el$","_tmpl$","_$setAttribute","_$effect","pointsToPath","getDefaultShapePoints","leftTriangle","_el$2","gradientOrPattern","renderDefsElement","_$memo","computeTriangleSidewaysPattern","cellId","index","isSplit","isEven","col","row","shapeId","values","getRandomValuesWithSplitControl","_el$3","_tmpl$2","_el$4","firstChild","_p$","_v$","DEBUG_SEAMS","colors","tertiary","primary","secondary","_v$2","animationDurationMs","e","t","undefined"],"sources":["../../../../src/Samples/SVGDefs/Pattern/triangle_s_2.tsx"],"sourcesContent":["import { MathUtils, ShapeConst, ShapeUtils } from \"@thewaver/ss-utils\";\n\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\nimport { SVGPatterns } from \"../SVGPatterns.const\";\n\nexport const triangle_s_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => {\n        const splitValuesCache: Record<string, string> = {};\n        const cellSize = defs.cellSize;\n        const cellCount = { rows: 8, cols: 8 };\n\n        const rightTriangle = (\n            <path\n                id={`${id}-triangle-right`}\n                d={ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints(\"triangle-right\", cellSize))}\n            />\n        );\n\n        const leftTriangle = (\n            <path\n                id={`${id}-triangle-left`}\n                d={ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints(\"triangle-left\", cellSize))}\n            />\n        );\n\n        return [\n            {\n                gradientOrPattern: {\n                    id: `pattern1-${id}`,\n                    renderDefsElement: () => (\n                        <>\n                            {rightTriangle}\n                            {leftTriangle}\n                            {SVGPatterns.computeTriangleSidewaysPattern(\n                                `pattern1-${id}`,\n                                cellCount,\n                                cellSize,\n                                (cellId, index, cellCount, isSplit) => {\n                                    const isEven = MathUtils.isEven(index.col + index.row);\n                                    const shapeId = isEven ? `${id}-triangle-right` : `${id}-triangle-left`;\n                                    const values = SVGDefsUtils.getRandomValuesWithSplitControl(\n                                        splitValuesCache,\n                                        index,\n                                        cellCount,\n                                        isSplit,\n                                    );\n\n                                    return (\n                                        <use\n                                            id={cellId}\n                                            href={`#${shapeId}`}\n                                            fill={\n                                                SVGDefsUtils.DEBUG_SEAMS && isSplit\n                                                    ? defs.colors.tertiary\n                                                    : isEven\n                                                      ? defs.colors.primary\n                                                      : defs.colors.secondary\n                                            }\n                                        >\n                                            <animate\n                                                attributeName=\"fill-opacity\"\n                                                values={values}\n                                                dur={`${defs.animationDurationMs * 4}ms`}\n                                                repeatCount=\"indefinite\"\n                                            />\n                                        </use>\n                                    );\n                                },\n                            )}\n                        </>\n                    ),\n                },\n            },\n        ];\n    },\n};\n"],"mappings":";;;;;;;AAMA,IAAaM,eAA8B,EACvCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,MAAMC,mBAA2C,CAAC;CAClD,MAAME,WAAWH,KAAKG;CACtB,MAAMC,YAAY;EAAEC,MAAM;EAAGC,MAAM;CAAE;CAErC,MAAMC,uBAAa;EAAA,IAAAC,OAAAC,OAAA;EAAAC,aAAAF,MAAA,MAEP,GAAGV,GAAE,gBAAiB;EAAAa,aAAAD,aAAAF,MAAA,KACvBhB,WAAWoB,aAAarB,WAAWsB,sBAAsB,kBAAkBV,QAAQ,CAAC,CAAC,CAAA;EAAA,OAAAK;CAAA,EAAA,CAAA;CAIhG,MAAMM,sBAAY;EAAA,IAAAC,QAAAN,OAAA;EAAAC,aAAAK,OAAA,MAEN,GAAGjB,GAAE,eAAgB;EAAAa,aAAAD,aAAAK,OAAA,KACtBvB,WAAWoB,aAAarB,WAAWsB,sBAAsB,iBAAiBV,QAAQ,CAAC,CAAC,CAAA;EAAA,OAAAY;CAAA,EAAA,CAAA;CAI/F,OAAO,CACH,EACIC,mBAAmB;EACflB,IAAI,YAAYA;EAChBmB,yBAAmB;GAEVV;GACAO;GAAYI,WACZvB,YAAYwB,+BACT,YAAYrB,MACZM,WACAD,WACCiB,QAAQC,OAAOjB,WAAWkB,YAAY;IACnC,MAAMC,SAASjC,UAAUiC,OAAOF,MAAMG,MAAMH,MAAMI,GAAG;IACrD,MAAMC,UAAUH,SAAS,GAAGzB,GAAE,mBAAoB,GAAGA,GAAE;IACvD,MAAM6B,SAASjC,aAAakC,gCACxB3B,kBACAoB,OACAjB,WACAkB,OACJ;IAEA,cAAA;KAAA,IAAAO,QAAAC,QAAA,GAAAC,QAAAF,MAAAG;KAAAtB,aAAAmB,OAAA,MAEYT,MAAM;KAAAV,aAAAmB,OAAA,QACJ,IAAIH,SAAS;KAAAhB,aAAAqB,OAAA,UAWPJ,MAAM;KAAAhB,QAAAsB,QAAA;MAAA,IAAAC,MATdxC,aAAayC,eAAeb,UACtBtB,KAAKoC,OAAOC,WACZd,SACEvB,KAAKoC,OAAOE,UACZtC,KAAKoC,OAAOG,WAASC,OAMxB,GAAGxC,KAAKyC,sBAAsB,EAAC;MAAIP,QAAAD,IAAAS,KAAAhC,aAAAmB,OAAA,QAAAI,IAAAS,IAAAR,GAAA;MAAAM,SAAAP,IAAAU,KAAAjC,aAAAqB,OAAA,OAAAE,IAAAU,IAAAH,IAAA;MAAA,OAAAP;KAAA,GAAA;MAAAS,GAAAE,KAAAA;MAAAD,GAAAC,KAAAA;KAAA,CAAA;KAAA,OAAAf;IAAA,EAAA,CAAA;GAKxD,CACJ,CAAC;EAAA;CAGb,EACJ,CAAC;AAET,EACJ"}

package/dist/Samples/SVGDefs/Pattern/triangle_t_2.js

@@ -0,0 +1,59 @@
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { SVGPatterns } from "../SVGPatterns.const.js";
+import { MathUtils, ShapeConst, ShapeUtils } from "@thewaver/ss-utils";
+import { effect, memo, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/triangle_t_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><path></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><use><animate attributeName=fill-opacity repeatCount=indefinite></svg>`, false, true, false);
+var triangle_t_2 = { computeSVGDefs: (id, __, defs) => {
+	const splitValuesCache = {};
+	const cellSize = defs.cellSize;
+	const cellCount = {
+		rows: 8,
+		cols: 8
+	};
+	const upTriangle = (() => {
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "id", `${id}-triangle-up`);
+		effect(() => setAttribute(_el$, "d", ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints("triangle-up", cellSize))));
+		return _el$;
+	})();
+	const downTriangle = (() => {
+		var _el$2 = _tmpl$();
+		setAttribute(_el$2, "id", `${id}-triangle-down`);
+		effect(() => setAttribute(_el$2, "d", ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints("triangle-down", cellSize))));
+		return _el$2;
+	})();
+	return [{ gradientOrPattern: {
+		id: `pattern1-${id}`,
+		renderDefsElement: () => [
+			upTriangle,
+			downTriangle,
+			memo(() => SVGPatterns.computeTrianglePattern(`pattern1-${id}`, cellCount, cellSize, (cellId, index, cellCount, isSplit) => {
+				const isEven = MathUtils.isEven(index.col + index.row);
+				const shapeId = isEven ? `${id}-triangle-up` : `${id}-triangle-down`;
+				const values = SVGDefsUtils.getRandomValuesWithSplitControl(splitValuesCache, index, cellCount, isSplit);
+				return (() => {
+					var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+					setAttribute(_el$3, "id", cellId);
+					setAttribute(_el$3, "href", `#${shapeId}`);
+					setAttribute(_el$4, "values", values);
+					effect((_p$) => {
+						var _v$ = SVGDefsUtils.DEBUG_SEAMS && isSplit ? defs.colors.tertiary : isEven ? defs.colors.primary : defs.colors.secondary, _v$2 = `${defs.animationDurationMs * 4}ms`;
+						_v$ !== _p$.e && setAttribute(_el$3, "fill", _p$.e = _v$);
+						_v$2 !== _p$.t && setAttribute(_el$4, "dur", _p$.t = _v$2);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0
+					});
+					return _el$3;
+				})();
+			}))
+		]
+	} }];
+} };
+//#endregion
+export { triangle_t_2 };
+
+//# sourceMappingURL=triangle_t_2.js.map

package/dist/Samples/SVGDefs/Pattern/triangle_t_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triangle_t_2.js","names":["MathUtils","ShapeConst","ShapeUtils","PatternConfig","SVGDefsUtils","SVGPatterns","triangle_t_2","computeSVGDefs","id","__","defs","splitValuesCache","Record","cellSize","cellCount","rows","cols","upTriangle","_el$","_tmpl$","_$setAttribute","_$effect","pointsToPath","getDefaultShapePoints","downTriangle","_el$2","gradientOrPattern","renderDefsElement","_$memo","computeTrianglePattern","cellId","index","isSplit","isEven","col","row","shapeId","values","getRandomValuesWithSplitControl","_el$3","_tmpl$2","_el$4","firstChild","_p$","_v$","DEBUG_SEAMS","colors","tertiary","primary","secondary","_v$2","animationDurationMs","e","t","undefined"],"sources":["../../../../src/Samples/SVGDefs/Pattern/triangle_t_2.tsx"],"sourcesContent":["import { MathUtils, ShapeConst, ShapeUtils } from \"@thewaver/ss-utils\";\n\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\nimport { SVGPatterns } from \"../SVGPatterns.const\";\n\nexport const triangle_t_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => {\n        const splitValuesCache: Record<string, string> = {};\n        const cellSize = defs.cellSize;\n        const cellCount = { rows: 8, cols: 8 };\n\n        const upTriangle = (\n            <path\n                id={`${id}-triangle-up`}\n                d={ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints(\"triangle-up\", cellSize))}\n            />\n        );\n\n        const downTriangle = (\n            <path\n                id={`${id}-triangle-down`}\n                d={ShapeUtils.pointsToPath(ShapeConst.getDefaultShapePoints(\"triangle-down\", cellSize))}\n            />\n        );\n\n        return [\n            {\n                gradientOrPattern: {\n                    id: `pattern1-${id}`,\n                    renderDefsElement: () => (\n                        <>\n                            {upTriangle}\n                            {downTriangle}\n                            {SVGPatterns.computeTrianglePattern(\n                                `pattern1-${id}`,\n                                cellCount,\n                                cellSize,\n                                (cellId, index, cellCount, isSplit) => {\n                                    const isEven = MathUtils.isEven(index.col + index.row);\n                                    const shapeId = isEven ? `${id}-triangle-up` : `${id}-triangle-down`;\n                                    const values = SVGDefsUtils.getRandomValuesWithSplitControl(\n                                        splitValuesCache,\n                                        index,\n                                        cellCount,\n                                        isSplit,\n                                    );\n\n                                    return (\n                                        <use\n                                            id={cellId}\n                                            href={`#${shapeId}`}\n                                            fill={\n                                                SVGDefsUtils.DEBUG_SEAMS && isSplit\n                                                    ? defs.colors.tertiary\n                                                    : isEven\n                                                      ? defs.colors.primary\n                                                      : defs.colors.secondary\n                                            }\n                                        >\n                                            <animate\n                                                attributeName=\"fill-opacity\"\n                                                values={values}\n                                                dur={`${defs.animationDurationMs * 4}ms`}\n                                                repeatCount=\"indefinite\"\n                                            />\n                                        </use>\n                                    );\n                                },\n                            )}\n                        </>\n                    ),\n                },\n            },\n        ];\n    },\n};\n"],"mappings":";;;;;;;AAMA,IAAaM,eAA8B,EACvCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,MAAMC,mBAA2C,CAAC;CAClD,MAAME,WAAWH,KAAKG;CACtB,MAAMC,YAAY;EAAEC,MAAM;EAAGC,MAAM;CAAE;CAErC,MAAMC,oBAAU;EAAA,IAAAC,OAAAC,OAAA;EAAAC,aAAAF,MAAA,MAEJ,GAAGV,GAAE,aAAc;EAAAa,aAAAD,aAAAF,MAAA,KACpBhB,WAAWoB,aAAarB,WAAWsB,sBAAsB,eAAeV,QAAQ,CAAC,CAAC,CAAA;EAAA,OAAAK;CAAA,EAAA,CAAA;CAI7F,MAAMM,sBAAY;EAAA,IAAAC,QAAAN,OAAA;EAAAC,aAAAK,OAAA,MAEN,GAAGjB,GAAE,eAAgB;EAAAa,aAAAD,aAAAK,OAAA,KACtBvB,WAAWoB,aAAarB,WAAWsB,sBAAsB,iBAAiBV,QAAQ,CAAC,CAAC,CAAA;EAAA,OAAAY;CAAA,EAAA,CAAA;CAI/F,OAAO,CACH,EACIC,mBAAmB;EACflB,IAAI,YAAYA;EAChBmB,yBAAmB;GAEVV;GACAO;GAAYI,WACZvB,YAAYwB,uBACT,YAAYrB,MACZM,WACAD,WACCiB,QAAQC,OAAOjB,WAAWkB,YAAY;IACnC,MAAMC,SAASjC,UAAUiC,OAAOF,MAAMG,MAAMH,MAAMI,GAAG;IACrD,MAAMC,UAAUH,SAAS,GAAGzB,GAAE,gBAAiB,GAAGA,GAAE;IACpD,MAAM6B,SAASjC,aAAakC,gCACxB3B,kBACAoB,OACAjB,WACAkB,OACJ;IAEA,cAAA;KAAA,IAAAO,QAAAC,QAAA,GAAAC,QAAAF,MAAAG;KAAAtB,aAAAmB,OAAA,MAEYT,MAAM;KAAAV,aAAAmB,OAAA,QACJ,IAAIH,SAAS;KAAAhB,aAAAqB,OAAA,UAWPJ,MAAM;KAAAhB,QAAAsB,QAAA;MAAA,IAAAC,MATdxC,aAAayC,eAAeb,UACtBtB,KAAKoC,OAAOC,WACZd,SACEvB,KAAKoC,OAAOE,UACZtC,KAAKoC,OAAOG,WAASC,OAMxB,GAAGxC,KAAKyC,sBAAsB,EAAC;MAAIP,QAAAD,IAAAS,KAAAhC,aAAAmB,OAAA,QAAAI,IAAAS,IAAAR,GAAA;MAAAM,SAAAP,IAAAU,KAAAjC,aAAAqB,OAAA,OAAAE,IAAAU,IAAAH,IAAA;MAAA,OAAAP;KAAA,GAAA;MAAAS,GAAAE,KAAAA;MAAAD,GAAAC,KAAAA;KAAA,CAAA;KAAA,OAAAf;IAAA,EAAA,CAAA;GAKxD,CACJ,CAAC;EAAA;CAGb,EACJ,CAAC;AAET,EACJ"}

package/dist/Samples/SVGDefs/Pattern/whirlCurved_2.js

@@ -0,0 +1,37 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils } from "@thewaver/ss-utils";
+import { insert, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/whirlCurved_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var whirlCurved_2 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBackgroundColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeRadialGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: defs.colors.primary },
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.primary }
+			]
+		}, SVGAnimations.Radial.grow([0, 2], {
+			...defs,
+			animationDurationMs: defs.animationDurationMs * .5
+		}))
+	},
+	clipPath: {
+		id: `clip1-${id}`,
+		renderDefsElement: () => (() => {
+			var _el$ = _tmpl$();
+			setAttribute(_el$, "id", `clip1-${id}`);
+			insert(_el$, () => SVGAnimations.Path.rotatingWedges(Math.max(defs.cellSize.width, defs.cellSize.height), .75, -4, MathUtils.getIntermediateValues(0, 360, 12), defs));
+			return _el$;
+		})()
+	}
+}] };
+//#endregion
+export { whirlCurved_2 };
+
+//# sourceMappingURL=whirlCurved_2.js.map

package/dist/Samples/SVGDefs/Pattern/whirlCurved_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whirlCurved_2.js","names":["MathUtils","SVGGradientDefsUtils","SVGAnimations","PatternConfig","SVGDefsUtils","whirlCurved_2","computeSVGDefs","id","__","defs","color","getBaseBackgroundColor","gradientOrPattern","renderDefsElement","computeRadialGradient","colors","value","primary","secondary","Radial","grow","animationDurationMs","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingWedges","Math","max","cellSize","width","height","getIntermediateValues"],"sources":["../../../../src/Samples/SVGDefs/Pattern/whirlCurved_2.tsx"],"sourcesContent":["import { MathUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const whirlCurved_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBackgroundColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeRadialGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: defs.colors.primary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                            ],\n                        },\n                        SVGAnimations.Radial.grow([0, 2], {\n                            ...defs,\n                            animationDurationMs: defs.animationDurationMs * 0.5,\n                        }),\n                    ),\n            },\n            clipPath: {\n                id: `clip1-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip1-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingWedges(\n                            Math.max(defs.cellSize.width, defs.cellSize.height),\n                            0.75,\n                            -4,\n                            MathUtils.getIntermediateValues(0, 360, 12),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaK,gBAA+B,EACxCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,OAAON,aAAaO,uBAAuBF,IAAI,EACnD,GACA;CACIG,mBAAmB;EACfL,IAAI,aAAaA;EACjBM,yBACIZ,qBAAqBa,sBACjB;GACIP,IAAI,aAAaA;GACjBQ,QAAQ;IACJ,EAAEC,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAOP,KAAKM,OAAOG,UAAU;IAC/B,EAAEF,OAAOP,KAAKM,OAAOE,QAAQ;GAAC;EAEtC,GACAf,cAAciB,OAAOC,KAAK,CAAC,GAAG,CAAC,GAAG;GAC9B,GAAGX;GACHY,qBAAqBZ,KAAKY,sBAAsB;EACpD,CAAC,CACL;CACR;CACAC,UAAU;EACNf,IAAI,SAASA;EACbM,gCAAmB;GAAA,IAAAU,OAAAC,OAAA;GAAAC,aAAAF,MAAA,MACD,SAAShB,IAAI;GAAAmB,OAAAH,YACtBrB,cAAcyB,KAAKC,eAChBC,KAAKC,IAAIrB,KAAKsB,SAASC,OAAOvB,KAAKsB,SAASE,MAAM,GAClD,KACA,IACAjC,UAAUkC,sBAAsB,GAAG,KAAK,EAAE,GAC1CzB,IACJ,CAAC;GAAA,OAAAc;EAAA,EAAA,CAAA;CAGb;AACJ,CAAC,EAET"}

package/dist/Samples/SVGDefs/Pattern/whirl_2.js

@@ -0,0 +1,37 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils } from "@thewaver/ss-utils";
+import { insert, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Pattern/whirl_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var whirl_2 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBackgroundColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeRadialGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: defs.colors.primary },
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.primary }
+			]
+		}, SVGAnimations.Radial.grow([0, 2], {
+			...defs,
+			animationDurationMs: defs.animationDurationMs * .5
+		}))
+	},
+	clipPath: {
+		id: `clip1-${id}`,
+		renderDefsElement: () => (() => {
+			var _el$ = _tmpl$();
+			setAttribute(_el$, "id", `clip1-${id}`);
+			insert(_el$, () => SVGAnimations.Path.rotatingWedges(Math.max(defs.cellSize.width, defs.cellSize.height), .75, 0, MathUtils.getIntermediateValues(0, 360, 12), defs));
+			return _el$;
+		})()
+	}
+}] };
+//#endregion
+export { whirl_2 };
+
+//# sourceMappingURL=whirl_2.js.map

package/dist/Samples/SVGDefs/Pattern/whirl_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whirl_2.js","names":["MathUtils","SVGGradientDefsUtils","SVGAnimations","PatternConfig","SVGDefsUtils","whirl_2","computeSVGDefs","id","__","defs","color","getBaseBackgroundColor","gradientOrPattern","renderDefsElement","computeRadialGradient","colors","value","primary","secondary","Radial","grow","animationDurationMs","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingWedges","Math","max","cellSize","width","height","getIntermediateValues"],"sources":["../../../../src/Samples/SVGDefs/Pattern/whirl_2.tsx"],"sourcesContent":["import { MathUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { PatternConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const whirl_2: PatternConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBackgroundColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeRadialGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: defs.colors.primary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                            ],\n                        },\n                        SVGAnimations.Radial.grow([0, 2], {\n                            ...defs,\n                            animationDurationMs: defs.animationDurationMs * 0.5,\n                        }),\n                    ),\n            },\n            clipPath: {\n                id: `clip1-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip1-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingWedges(\n                            Math.max(defs.cellSize.width, defs.cellSize.height),\n                            0.75,\n                            0,\n                            MathUtils.getIntermediateValues(0, 360, 12),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaK,UAAyB,EAClCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,OAAON,aAAaO,uBAAuBF,IAAI,EACnD,GACA;CACIG,mBAAmB;EACfL,IAAI,aAAaA;EACjBM,yBACIZ,qBAAqBa,sBACjB;GACIP,IAAI,aAAaA;GACjBQ,QAAQ;IACJ,EAAEC,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAOP,KAAKM,OAAOG,UAAU;IAC/B,EAAEF,OAAOP,KAAKM,OAAOE,QAAQ;GAAC;EAEtC,GACAf,cAAciB,OAAOC,KAAK,CAAC,GAAG,CAAC,GAAG;GAC9B,GAAGX;GACHY,qBAAqBZ,KAAKY,sBAAsB;EACpD,CAAC,CACL;CACR;CACAC,UAAU;EACNf,IAAI,SAASA;EACbM,gCAAmB;GAAA,IAAAU,OAAAC,OAAA;GAAAC,aAAAF,MAAA,MACD,SAAShB,IAAI;GAAAmB,OAAAH,YACtBrB,cAAcyB,KAAKC,eAChBC,KAAKC,IAAIrB,KAAKsB,SAASC,OAAOvB,KAAKsB,SAASE,MAAM,GAClD,KACA,GACAjC,UAAUkC,sBAAsB,GAAG,KAAK,EAAE,GAC1CzB,IACJ,CAAC;GAAA,OAAAc;EAAA,EAAA,CAAA;CAGb;AACJ,CAAC,EAET"}

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

@@ -0,0 +1,35 @@
+import { SVGUtils } from "@thewaver/ss-utils";
+//#region src/Samples/SVGDefs/SVGAnimationTracks.const.ts
+var DEGREES_TO_RADIANS = Math.PI / 180;
+var SVGAnimationTracks;
+(function(_SVGAnimationTracks) {
+	const V_KEYS = _SVGAnimationTracks.V_KEYS = [
+		"x1",
+		"y1",
+		"x2",
+		"y2"
+	];
+	_SVGAnimationTracks.computeOffsetTrack = (base, offsets) => offsets.map((offset) => base + offset);
+	_SVGAnimationTracks.computeGrowTracks = (from, to, scales) => {
+		const halfDist = Math.abs(to - from) * .5;
+		return {
+			from: scales.map((scale) => from + halfDist - halfDist * scale),
+			to: scales.map((scale) => to - halfDist + halfDist * scale)
+		};
+	};
+	_SVGAnimationTracks.computeDiagonalTracks = (x, y, angle, offsets) => {
+		const diagonalRad = angle * DEGREES_TO_RADIANS;
+		return {
+			x: offsets.map((offset) => x + offset * Math.cos(diagonalRad)),
+			y: offsets.map((offset) => y + offset * Math.sin(diagonalRad))
+		};
+	};
+	_SVGAnimationTracks.computeRotationTracks = (angles) => {
+		const steps = angles.map((angle) => SVGUtils.getLinearCoords({ angle }));
+		return Object.fromEntries(V_KEYS.map((key) => [key, steps.map((step) => step[key])]));
+	};
+})(SVGAnimationTracks || (SVGAnimationTracks = {}));
+//#endregion
+export { SVGAnimationTracks };
+
+//# sourceMappingURL=SVGAnimationTracks.const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVGAnimationTracks.const.js","names":[],"sources":["../../../src/Samples/SVGDefs/SVGAnimationTracks.const.ts"],"sourcesContent":["import { SVGUtils } from \"@thewaver/ss-utils\";\n\nconst DEGREES_TO_RADIANS = Math.PI / 180;\n\nexport namespace SVGAnimationTracks {\n    export const V_KEYS = [\"x1\", \"y1\", \"x2\", \"y2\"] as const;\n\n    export const computeOffsetTrack = (base: number, offsets: number[]) => offsets.map((offset) => base + offset);\n\n    export const computeGrowTracks = (from: number, to: number, scales: number[]) => {\n        const halfDist = Math.abs(to - from) * 0.5;\n\n        return {\n            from: scales.map((scale) => from + halfDist - halfDist * scale),\n            to: scales.map((scale) => to - halfDist + halfDist * scale),\n        };\n    };\n\n    export const computeDiagonalTracks = (x: number, y: number, angle: number, offsets: number[]) => {\n        const diagonalRad = angle * DEGREES_TO_RADIANS;\n\n        return {\n            x: offsets.map((offset) => x + offset * Math.cos(diagonalRad)),\n            y: offsets.map((offset) => y + offset * Math.sin(diagonalRad)),\n        };\n    };\n\n    export const computeRotationTracks = (angles: number[]) => {\n        const steps = angles.map((angle) => SVGUtils.getLinearCoords({ angle }));\n\n        return Object.fromEntries(V_KEYS.map((key) => [key, steps.map((step) => step[key])])) as Record<\n            (typeof V_KEYS)[number],\n            number[]\n        >;\n    };\n}\n"],"mappings":";;AAEA,IAAM,qBAAqB,KAAK,KAAK;AAE9B,IAAU;CAAV,SAAA,qBAAA;CACI,MAAM,SAAA,oBAAA,SAAS;EAAC;EAAM;EAAM;EAAM;CAAI;CAEhC,oBAAA,sBAAsB,MAAc,YAAsB,QAAQ,KAAK,WAAW,OAAO,MAAM;CAE/F,oBAAA,qBAAqB,MAAc,IAAY,WAAqB;EAC7E,MAAM,WAAW,KAAK,IAAI,KAAK,IAAI,IAAI;EAEvC,OAAO;GACH,MAAM,OAAO,KAAK,UAAU,OAAO,WAAW,WAAW,KAAK;GAC9D,IAAI,OAAO,KAAK,UAAU,KAAK,WAAW,WAAW,KAAK;EAC9D;CACJ;CAEa,oBAAA,yBAAyB,GAAW,GAAW,OAAe,YAAsB;EAC7F,MAAM,cAAc,QAAQ;EAE5B,OAAO;GACH,GAAG,QAAQ,KAAK,WAAW,IAAI,SAAS,KAAK,IAAI,WAAW,CAAC;GAC7D,GAAG,QAAQ,KAAK,WAAW,IAAI,SAAS,KAAK,IAAI,WAAW,CAAC;EACjE;CACJ;CAEa,oBAAA,yBAAyB,WAAqB;EACvD,MAAM,QAAQ,OAAO,KAAK,UAAU,SAAS,gBAAgB,EAAE,MAAM,CAAC,CAAC;EAEvE,OAAO,OAAO,YAAY,OAAO,KAAK,QAAQ,CAAC,KAAK,MAAM,KAAK,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;CAIxF;AACH,EAAA,CAAA,uBAAA,qBAAA,CAAA,EAAD"}