@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Samples/SVGDefs/Gradient/scan_1v1.js

@@ -0,0 +1,56 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+//#region src/Samples/SVGDefs/Gradient/scan_1v1.tsx
+var scan_1v1 = { computeSVGDefs: (id, __, defs) => [
+	{ color: SVGDefsUtils.getBaseBorderColor(defs) },
+	{
+		gradientOrPattern: {
+			id: `gradient1-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient1-${id}`,
+				colors: [
+					{ value: `rgb(from ${defs.colors.primary} r g b / 0)` },
+					{ value: defs.colors.primary },
+					{ value: `rgb(from ${defs.colors.primary} r g b / 0)` }
+				],
+				offset: {
+					x: -1,
+					y: 0
+				}
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal("x", x1, x2, [
+				0,
+				2,
+				0
+			], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient2-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient2-${id}`,
+				colors: [
+					{ value: `rgb(from ${defs.colors.secondary} r g b / 0)` },
+					{ value: defs.colors.secondary },
+					{ value: `rgb(from ${defs.colors.secondary} r g b / 0)` }
+				],
+				angle: 90,
+				offset: {
+					x: 0,
+					y: -1
+				}
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal("y", y1, y2, [
+				0,
+				2,
+				0
+			], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	}
+] };
+//#endregion
+export { scan_1v1 };
+
+//# sourceMappingURL=scan_1v1.js.map

package/dist/Samples/SVGDefs/Gradient/scan_1v1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan_1v1.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","scan_1v1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","offset","x","y","x1","y1","x2","y2","Linear","sweepOrthogonal","filter","getBaseBlur","secondary","angle"],"sources":["../../../../src/Samples/SVGDefs/Gradient/scan_1v1.tsx"],"sourcesContent":["import { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const scan_1v1: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBorderColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                            ],\n                            offset: { x: -1, y: 0 },\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal(\"x\", x1, x2, [0, 2, 0], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient2-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient2-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                                { value: defs.colors.secondary },\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                            ],\n                            angle: 90,\n                            offset: { x: 0, y: -1 },\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal(\"y\", y1, y2, [0, 2, 0], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,WAA2B,EACpCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C;CACA;EACIG,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ;KACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc;KACtD,EAAED,OAAOP,KAAKM,OAAOE,QAAQ;KAC7B,EAAED,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc;IAAC;IAE3DC,QAAQ;KAAEC,GAAG;KAAIC,GAAG;IAAE;GAC1B,IACCC,IAAIC,IAAIC,IAAIC,OAAOtB,cAAcuB,OAAOC,gBAAgB,KAAKL,IAAIE,IAAI;IAAC;IAAG;IAAG;GAAC,GAAGd,IAAI,CACzF;EACR;EACAkB,QAAQvB,aAAawB,YAAYrB,IAAIE,IAAI;CAC7C;CACA;EACIG,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ;KACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOc,UAAS,aAAc;KACxD,EAAEb,OAAOP,KAAKM,OAAOc,UAAU;KAC/B,EAAEb,OAAO,YAAYP,KAAKM,OAAOc,UAAS,aAAc;IAAC;IAE7DC,OAAO;IACPZ,QAAQ;KAAEC,GAAG;KAAGC,GAAG;IAAG;GAC1B,IACCC,IAAIC,IAAIC,IAAIC,OAAOtB,cAAcuB,OAAOC,gBAAgB,KAAKJ,IAAIE,IAAI;IAAC;IAAG;IAAG;GAAC,GAAGf,IAAI,CACzF;EACR;EACAkB,QAAQvB,aAAawB,YAAYrB,IAAIE,IAAI;CAC7C;AAAC,EAET"}

package/dist/Samples/SVGDefs/Gradient/scan_diag_1.js

@@ -0,0 +1,28 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+//#region src/Samples/SVGDefs/Gradient/scan_diag_1.tsx
+var scan_diag_1 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBorderColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: `rgb(from ${defs.colors.primary} r g b / 0)` },
+				{ value: defs.colors.primary },
+				{ value: `rgb(from ${defs.colors.primary} r g b / 0)` }
+			],
+			angle: 45,
+			offset: SVGDefsUtils.offsetDiagonally(-1.25, 45)
+		}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 45, [
+			0,
+			2.5,
+			0
+		], defs))
+	},
+	filter: SVGDefsUtils.getBaseBlur(id, defs)
+}] };
+//#endregion
+export { scan_diag_1 };
+
+//# sourceMappingURL=scan_diag_1.js.map

package/dist/Samples/SVGDefs/Gradient/scan_diag_1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan_diag_1.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","scan_diag_1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","angle","offset","offsetDiagonally","x1","y1","x2","y2","Linear","sweepDiagonal","filter","getBaseBlur"],"sources":["../../../../src/Samples/SVGDefs/Gradient/scan_diag_1.tsx"],"sourcesContent":["import { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const scan_diag_1: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBorderColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                            ],\n                            angle: 45,\n                            offset: SVGDefsUtils.offsetDiagonally(-1.25, 45),\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 45, [0, 2.5, 0], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,cAA8B,EACvCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C,GACA;CACIG,mBAAmB;EACfL,IAAI,aAAaA;EACjBM,yBACIZ,qBAAqBa,sBACjB;GACIP,IAAI,aAAaA;GACjBQ,QAAQ;IACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc;IACtD,EAAED,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc;GAAC;GAE3DC,OAAO;GACPC,QAAQf,aAAagB,iBAAiB,OAAO,EAAE;EACnD,IACCC,IAAIC,IAAIC,IAAIC,OAAOtB,cAAcuB,OAAOC,cAAcL,IAAIC,IAAIC,IAAIC,IAAI,IAAI;GAAC;GAAG;GAAK;EAAC,GAAGf,IAAI,CAChG;CACR;CACAkB,QAAQvB,aAAawB,YAAYrB,IAAIE,IAAI;AAC7C,CAAC,EAET"}

package/dist/Samples/SVGDefs/Gradient/scan_diag_1v1.js

@@ -0,0 +1,51 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+//#region src/Samples/SVGDefs/Gradient/scan_diag_1v1.tsx
+var scan_diag_1v1 = { computeSVGDefs: (id, __, defs) => [
+	{ color: SVGDefsUtils.getBaseBorderColor(defs) },
+	{
+		gradientOrPattern: {
+			id: `gradient1-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient1-${id}`,
+				colors: [
+					{ value: `rgb(from ${defs.colors.primary} r g b / 0)` },
+					{ value: defs.colors.primary },
+					{ value: `rgb(from ${defs.colors.primary} r g b / 0)` }
+				],
+				angle: 45,
+				offset: SVGDefsUtils.offsetDiagonally(-1.25, 45)
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 45, [
+				0,
+				2.5,
+				0
+			], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient2-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient2-${id}`,
+				colors: [
+					{ value: `rgb(from ${defs.colors.secondary} r g b / 0)` },
+					{ value: defs.colors.secondary },
+					{ value: `rgb(from ${defs.colors.secondary} r g b / 0)` }
+				],
+				angle: 135,
+				offset: SVGDefsUtils.offsetDiagonally(-1.25, 135)
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 135, [
+				0,
+				2.5,
+				0
+			], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	}
+] };
+//#endregion
+export { scan_diag_1v1 };
+
+//# sourceMappingURL=scan_diag_1v1.js.map

package/dist/Samples/SVGDefs/Gradient/scan_diag_1v1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scan_diag_1v1.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","scan_diag_1v1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","angle","offset","offsetDiagonally","x1","y1","x2","y2","Linear","sweepDiagonal","filter","getBaseBlur","secondary"],"sources":["../../../../src/Samples/SVGDefs/Gradient/scan_diag_1v1.tsx"],"sourcesContent":["import { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const scan_diag_1v1: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBorderColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                            ],\n                            angle: 45,\n                            offset: SVGDefsUtils.offsetDiagonally(-1.25, 45),\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 45, [0, 2.5, 0], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient2-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient2-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                                { value: defs.colors.secondary },\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                            ],\n                            angle: 135,\n                            offset: SVGDefsUtils.offsetDiagonally(-1.25, 135),\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 135, [0, 2.5, 0], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,gBAAgC,EACzCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C;CACA;EACIG,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ;KACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc;KACtD,EAAED,OAAOP,KAAKM,OAAOE,QAAQ;KAC7B,EAAED,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc;IAAC;IAE3DC,OAAO;IACPC,QAAQf,aAAagB,iBAAiB,OAAO,EAAE;GACnD,IACCC,IAAIC,IAAIC,IAAIC,OAAOtB,cAAcuB,OAAOC,cAAcL,IAAIC,IAAIC,IAAIC,IAAI,IAAI;IAAC;IAAG;IAAK;GAAC,GAAGf,IAAI,CAChG;EACR;EACAkB,QAAQvB,aAAawB,YAAYrB,IAAIE,IAAI;CAC7C;CACA;EACIG,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ;KACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOc,UAAS,aAAc;KACxD,EAAEb,OAAOP,KAAKM,OAAOc,UAAU;KAC/B,EAAEb,OAAO,YAAYP,KAAKM,OAAOc,UAAS,aAAc;IAAC;IAE7DX,OAAO;IACPC,QAAQf,aAAagB,iBAAiB,OAAO,GAAG;GACpD,IACCC,IAAIC,IAAIC,IAAIC,OAAOtB,cAAcuB,OAAOC,cAAcL,IAAIC,IAAIC,IAAIC,IAAI,KAAK;IAAC;IAAG;IAAK;GAAC,GAAGf,IAAI,CACjG;EACR;EACAkB,QAAQvB,aAAawB,YAAYrB,IAAIE,IAAI;CAC7C;AAAC,EAET"}

package/dist/Samples/SVGDefs/Gradient/snake_1.js

@@ -0,0 +1,30 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils, ObjectUtils } from "@thewaver/ss-utils";
+import { insert, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Gradient/snake_1.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var snake_1 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBorderColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [{ value: `rgb(from ${defs.colors.primary} r g b / 0)` }, { value: defs.colors.primary }],
+			angle: 90
+		}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs))
+	},
+	clipPath: {
+		id: `clip1-${id}`,
+		renderDefsElement: () => (() => {
+			var _el$ = _tmpl$();
+			setAttribute(_el$, "id", `clip1-${id}`);
+			insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(90, 450, 12), [180]), defs));
+			return _el$;
+		})()
+	}
+}] };
+//#endregion
+export { snake_1 };
+
+//# sourceMappingURL=snake_1.js.map

package/dist/Samples/SVGDefs/Gradient/snake_1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snake_1.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","snake_1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","angle","Linear","rotate","getIntermediateValues","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray"],"sources":["../../../../src/Samples/SVGDefs/Gradient/snake_1.tsx"],"sourcesContent":["import { MathUtils, ObjectUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const snake_1: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBorderColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary },\n                            ],\n                            angle: 90,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip1-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip1-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(90, 450, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaM,UAA0B,EACnCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C,GACA;CACIG,mBAAmB;EACfL,IAAI,aAAaA;EACjBM,yBACIZ,qBAAqBa,sBACjB;GACIP,IAAI,aAAaA;GACjBQ,QAAQ,CACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc,GACtD,EAAED,OAAOP,KAAKM,OAAOE,QAAQ,CAAC;GAElCC,OAAO;EACX,GACAhB,cAAciB,OAAOC,OAAOrB,UAAUsB,sBAAsB,IAAI,KAAK,EAAE,GAAGZ,IAAI,CAClF;CACR;CACAa,UAAU;EACNf,IAAI,SAASA;EACbM,gCAAmB;GAAA,IAAAU,OAAAC,OAAA;GAAAC,aAAAF,MAAA,MACD,SAAShB,IAAI;GAAAmB,OAAAH,YACtBrB,cAAcyB,KAAKC,YAChB5B,YAAY6B,SAAS,WAAW9B,UAAUsB,sBAAsB,IAAI,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GACnFZ,IACJ,CAAC;GAAA,OAAAc;EAAA,EAAA,CAAA;CAGb;AACJ,CAAC,EAET"}

package/dist/Samples/SVGDefs/Gradient/snake_1v1.js

@@ -0,0 +1,52 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils, ObjectUtils } from "@thewaver/ss-utils";
+import { insert, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Gradient/snake_1v1.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var snake_1v1 = { computeSVGDefs: (id, __, defs) => [
+	{ color: SVGDefsUtils.getBaseBorderColor(defs) },
+	{
+		gradientOrPattern: {
+			id: `gradient1-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient1-${id}`,
+				colors: [{ value: `rgb(from ${defs.colors.primary} r g b / 0)` }, { value: defs.colors.primary }],
+				angle: 90
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs))
+		},
+		clipPath: {
+			id: `clip1-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$ = _tmpl$();
+				setAttribute(_el$, "id", `clip1-${id}`);
+				insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(90, 450, 12), [180]), defs));
+				return _el$;
+			})()
+		}
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient2-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient2-${id}`,
+				colors: [{ value: defs.colors.secondary }, { value: `rgb(from ${defs.colors.secondary} r g b / 0)` }],
+				angle: 630
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(630, 270, 12), defs))
+		},
+		clipPath: {
+			id: `clip2-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$2 = _tmpl$();
+				setAttribute(_el$2, "id", `clip2-${id}`);
+				insert(_el$2, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(630, 270, 12), [180]), defs));
+				return _el$2;
+			})()
+		}
+	}
+] };
+//#endregion
+export { snake_1v1 };
+
+//# sourceMappingURL=snake_1v1.js.map

package/dist/Samples/SVGDefs/Gradient/snake_1v1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snake_1v1.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","snake_1v1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","angle","Linear","rotate","getIntermediateValues","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray","secondary","_el$2"],"sources":["../../../../src/Samples/SVGDefs/Gradient/snake_1v1.tsx"],"sourcesContent":["import { MathUtils, ObjectUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const snake_1v1: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBorderColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary },\n                            ],\n                            angle: 90,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip1-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip1-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(90, 450, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient2-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient2-${id}`,\n                            colors: [\n                                { value: defs.colors.secondary },\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                            ],\n                            angle: 630,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(630, 270, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip2-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip2-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(630, 270, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaM,YAA4B,EACrCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C;CACA;EACIG,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ,CACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc,GACtD,EAAED,OAAOP,KAAKM,OAAOE,QAAQ,CAAC;IAElCC,OAAO;GACX,GACAhB,cAAciB,OAAOC,OAAOrB,UAAUsB,sBAAsB,IAAI,KAAK,EAAE,GAAGZ,IAAI,CAClF;EACR;EACAa,UAAU;GACNf,IAAI,SAASA;GACbM,gCAAmB;IAAA,IAAAU,OAAAC,OAAA;IAAAC,aAAAF,MAAA,MACD,SAAShB,IAAI;IAAAmB,OAAAH,YACtBrB,cAAcyB,KAAKC,YAChB5B,YAAY6B,SAAS,WAAW9B,UAAUsB,sBAAsB,IAAI,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GACnFZ,IACJ,CAAC;IAAA,OAAAc;GAAA,EAAA,CAAA;EAGb;CACJ;CACA;EACIX,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ,CACJ,EAAEC,OAAOP,KAAKM,OAAOe,UAAU,GAC/B,EAAEd,OAAO,YAAYP,KAAKM,OAAOe,UAAS,aAAc,CAAC;IAE7DZ,OAAO;GACX,GACAhB,cAAciB,OAAOC,OAAOrB,UAAUsB,sBAAsB,KAAK,KAAK,EAAE,GAAGZ,IAAI,CACnF;EACR;EACAa,UAAU;GACNf,IAAI,SAASA;GACbM,gCAAmB;IAAA,IAAAkB,QAAAP,OAAA;IAAAC,aAAAM,OAAA,MACD,SAASxB,IAAI;IAAAmB,OAAAK,aACtB7B,cAAcyB,KAAKC,YAChB5B,YAAY6B,SAAS,WAAW9B,UAAUsB,sBAAsB,KAAK,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GACpFZ,IACJ,CAAC;IAAA,OAAAsB;GAAA,EAAA,CAAA;EAGb;CACJ;AAAC,EAET"}

package/dist/Samples/SVGDefs/Gradient/snake_2.js

@@ -0,0 +1,52 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils, ObjectUtils } from "@thewaver/ss-utils";
+import { insert, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Gradient/snake_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var snake_2 = { computeSVGDefs: (id, __, defs) => [
+	{ color: SVGDefsUtils.getBaseBorderColor(defs) },
+	{
+		gradientOrPattern: {
+			id: `gradient1-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient1-${id}`,
+				colors: [{ value: `rgb(from ${defs.colors.primary} r g b / 0)` }, { value: defs.colors.primary }],
+				angle: 90
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs))
+		},
+		clipPath: {
+			id: `clip1-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$ = _tmpl$();
+				setAttribute(_el$, "id", `clip1-${id}`);
+				insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(90, 450, 12), [180]), defs));
+				return _el$;
+			})()
+		}
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient2-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient2-${id}`,
+				colors: [{ value: `rgb(from ${defs.colors.secondary} r g b / 0)` }, { value: defs.colors.secondary }],
+				angle: 270
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(270, 630, 12), defs))
+		},
+		clipPath: {
+			id: `clip2-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$2 = _tmpl$();
+				setAttribute(_el$2, "id", `clip2-${id}`);
+				insert(_el$2, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(270, 630, 12), [180]), defs));
+				return _el$2;
+			})()
+		}
+	}
+] };
+//#endregion
+export { snake_2 };
+
+//# sourceMappingURL=snake_2.js.map

package/dist/Samples/SVGDefs/Gradient/snake_2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snake_2.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","snake_2","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","angle","Linear","rotate","getIntermediateValues","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray","secondary","_el$2"],"sources":["../../../../src/Samples/SVGDefs/Gradient/snake_2.tsx"],"sourcesContent":["import { MathUtils, ObjectUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const snake_2: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBorderColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary },\n                            ],\n                            angle: 90,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip1-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip1-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(90, 450, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient2-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient2-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                                { value: defs.colors.secondary },\n                            ],\n                            angle: 270,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(270, 630, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip2-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip2-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(270, 630, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaM,UAA0B,EACnCC,iBAAiBC,IAAIC,IAAIC,SAAS;CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C;CACA;EACIG,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ,CACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc,GACtD,EAAED,OAAOP,KAAKM,OAAOE,QAAQ,CAAC;IAElCC,OAAO;GACX,GACAhB,cAAciB,OAAOC,OAAOrB,UAAUsB,sBAAsB,IAAI,KAAK,EAAE,GAAGZ,IAAI,CAClF;EACR;EACAa,UAAU;GACNf,IAAI,SAASA;GACbM,gCAAmB;IAAA,IAAAU,OAAAC,OAAA;IAAAC,aAAAF,MAAA,MACD,SAAShB,IAAI;IAAAmB,OAAAH,YACtBrB,cAAcyB,KAAKC,YAChB5B,YAAY6B,SAAS,WAAW9B,UAAUsB,sBAAsB,IAAI,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GACnFZ,IACJ,CAAC;IAAA,OAAAc;GAAA,EAAA,CAAA;EAGb;CACJ;CACA;EACIX,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ,CACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOe,UAAS,aAAc,GACxD,EAAEd,OAAOP,KAAKM,OAAOe,UAAU,CAAC;IAEpCZ,OAAO;GACX,GACAhB,cAAciB,OAAOC,OAAOrB,UAAUsB,sBAAsB,KAAK,KAAK,EAAE,GAAGZ,IAAI,CACnF;EACR;EACAa,UAAU;GACNf,IAAI,SAASA;GACbM,gCAAmB;IAAA,IAAAkB,QAAAP,OAAA;IAAAC,aAAAM,OAAA,MACD,SAASxB,IAAI;IAAAmB,OAAAK,aACtB7B,cAAcyB,KAAKC,YAChB5B,YAAY6B,SAAS,WAAW9B,UAAUsB,sBAAsB,KAAK,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GACpFZ,IACJ,CAAC;IAAA,OAAAsB;GAAA,EAAA,CAAA;EAGb;CACJ;AAAC,EAET"}

package/dist/Samples/SVGDefs/Gradient/snake_4.js

@@ -0,0 +1,129 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils, ObjectUtils } from "@thewaver/ss-utils";
+import { insert, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Gradient/snake_4.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var snake_4 = { computeSVGDefs: (id, __, defs) => [
+	{ color: SVGDefsUtils.getBaseBorderColor(defs) },
+	{
+		gradientOrPattern: {
+			id: `gradient1-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient1-${id}`,
+				colors: [
+					{ value: `rgb(from ${defs.colors.secondary} r g b / 0)` },
+					{
+						value: defs.colors.secondary,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.secondary} r g b / 0)`,
+						stop: 50
+					}
+				]
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(0, 360, 12), defs))
+		},
+		clipPath: {
+			id: `clip1-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$ = _tmpl$();
+				setAttribute(_el$, "id", `clip1-${id}`);
+				insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(0, 360, 12), [180]), defs));
+				return _el$;
+			})()
+		}
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient2-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient2-${id}`,
+				colors: [
+					{ value: `rgb(from ${defs.colors.primary} r g b / 0)` },
+					{
+						value: defs.colors.primary,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.primary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				angle: 90
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs))
+		},
+		clipPath: {
+			id: `clip2-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$2 = _tmpl$();
+				setAttribute(_el$2, "id", `clip2-${id}`);
+				insert(_el$2, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(90, 450, 12), [180]), defs));
+				return _el$2;
+			})()
+		}
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient3-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient3-${id}`,
+				colors: [
+					{ value: `rgb(from ${defs.colors.secondary} r g b / 0)` },
+					{
+						value: defs.colors.secondary,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.secondary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				angle: 180
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(180, 540, 12), defs))
+		},
+		clipPath: {
+			id: `clip3-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$3 = _tmpl$();
+				setAttribute(_el$3, "id", `clip3-${id}`);
+				insert(_el$3, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(180, 540, 12), [180]), defs));
+				return _el$3;
+			})()
+		}
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient4-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient4-${id}`,
+				colors: [
+					{ value: `rgb(from ${defs.colors.primary} r g b / 0)` },
+					{
+						value: defs.colors.primary,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.primary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				angle: 270
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(270, 630, 12), defs))
+		},
+		clipPath: {
+			id: `clip4-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$4 = _tmpl$();
+				setAttribute(_el$4, "id", `clip4-${id}`);
+				insert(_el$4, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(270, 630, 12), [180]), defs));
+				return _el$4;
+			})()
+		}
+	}
+] };
+//#endregion
+export { snake_4 };
+
+//# sourceMappingURL=snake_4.js.map

package/dist/Samples/SVGDefs/Gradient/snake_4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snake_4.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","snake_4","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","secondary","stop","Linear","rotate","getIntermediateValues","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray","primary","angle","_el$2","_el$3","_el$4"],"sources":["../../../../src/Samples/SVGDefs/Gradient/snake_4.tsx"],"sourcesContent":["import { MathUtils, ObjectUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const snake_4: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBorderColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                                { value: defs.colors.secondary, stop: 50 },\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)`, stop: 50 },\n                            ],\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(0, 360, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip1-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip1-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(0, 360, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient2-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient2-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary, stop: 50 },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)`, stop: 50 },\n                            ],\n                            angle: 90,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip2-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip2-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(90, 450, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient3-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient3-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                                { value: defs.colors.secondary, stop: 50 },\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)`, stop: 50 },\n                            ],\n                            angle: 180,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(180, 540, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip3-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip3-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(180, 540, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient4-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient4-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary, stop: 50 },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)`, stop: 50 },\n                            ],\n                            angle: 270,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(270, 630, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip4-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip4-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(270, 630, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":"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"}

package/dist/Samples/SVGDefs/Gradient/snake_async_3.js

@@ -0,0 +1,79 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils, ObjectUtils } from "@thewaver/ss-utils";
+import { insert, setAttribute, template } from "solid-js/web";
+//#region src/Samples/SVGDefs/Gradient/snake_async_3.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var snake_async_3 = { computeSVGDefs: (id, __, defs) => [
+	{ color: SVGDefsUtils.getBaseBorderColor(defs) },
+	{
+		gradientOrPattern: {
+			id: `gradient1-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient1-${id}`,
+				colors: [{ value: `rgb(from ${defs.colors.primary} r g b / 0)` }, { value: defs.colors.primary }],
+				angle: 90
+			}, SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs))
+		},
+		clipPath: {
+			id: `clip1-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$ = _tmpl$();
+				setAttribute(_el$, "id", `clip1-${id}`);
+				insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", MathUtils.getIntermediateValues(90, 450, 12), [180]), defs));
+				return _el$;
+			})()
+		}
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient2-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient2-${id}`,
+				colors: [{ value: `rgb(from ${defs.colors.secondary} r g b / 0)` }, { value: defs.colors.secondary }],
+				angle: 90
+			}, SVGAnimations.Linear.rotate([...MathUtils.getIntermediateValues(90, 450, 12), ...MathUtils.getIntermediateValues(90, 450, 12)], defs))
+		},
+		clipPath: {
+			id: `clip2-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$2 = _tmpl$();
+				setAttribute(_el$2, "id", `clip2-${id}`);
+				insert(_el$2, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", [...MathUtils.getIntermediateValues(90, 450, 12), ...MathUtils.getIntermediateValues(90, 450, 12)], [180]), defs));
+				return _el$2;
+			})()
+		}
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient3-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient3-${id}`,
+				colors: [{ value: `rgb(from ${defs.colors.tertiary} r g b / 0)` }, { value: defs.colors.tertiary }],
+				angle: 90
+			}, SVGAnimations.Linear.rotate([
+				...MathUtils.getIntermediateValues(90, 450, 12),
+				...MathUtils.getIntermediateValues(90, 450, 12),
+				...MathUtils.getIntermediateValues(90, 450, 12)
+			], defs))
+		},
+		clipPath: {
+			id: `clip3-${id}`,
+			renderDefsElement: () => (() => {
+				var _el$3 = _tmpl$();
+				setAttribute(_el$3, "id", `clip3-${id}`);
+				insert(_el$3, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", [
+					...MathUtils.getIntermediateValues(90, 450, 12),
+					...MathUtils.getIntermediateValues(90, 450, 12),
+					...MathUtils.getIntermediateValues(90, 450, 12)
+				], [180]), defs));
+				return _el$3;
+			})()
+		}
+	}
+] };
+//#endregion
+export { snake_async_3 };
+
+//# sourceMappingURL=snake_async_3.js.map

package/dist/Samples/SVGDefs/Gradient/snake_async_3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snake_async_3.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","snake_async_3","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","angle","Linear","rotate","getIntermediateValues","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray","secondary","_el$2","tertiary","_el$3"],"sources":["../../../../src/Samples/SVGDefs/Gradient/snake_async_3.tsx"],"sourcesContent":["import { MathUtils, ObjectUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const snake_async_3: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            color: SVGDefsUtils.getBaseBorderColor(defs),\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)` },\n                                { value: defs.colors.primary },\n                            ],\n                            angle: 90,\n                        },\n                        SVGAnimations.Linear.rotate(MathUtils.getIntermediateValues(90, 450, 12), defs),\n                    ),\n            },\n            clipPath: {\n                id: `clip1-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip1-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\"stretch\", MathUtils.getIntermediateValues(90, 450, 12), [180]),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient2-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient2-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)` },\n                                { value: defs.colors.secondary },\n                            ],\n                            angle: 90,\n                        },\n                        SVGAnimations.Linear.rotate(\n                            [\n                                ...MathUtils.getIntermediateValues(90, 450, 12),\n                                ...MathUtils.getIntermediateValues(90, 450, 12),\n                            ],\n                            defs,\n                        ),\n                    ),\n            },\n            clipPath: {\n                id: `clip2-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip2-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\n                                \"stretch\",\n                                [\n                                    ...MathUtils.getIntermediateValues(90, 450, 12),\n                                    ...MathUtils.getIntermediateValues(90, 450, 12),\n                                ],\n                                [180],\n                            ),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n        {\n            gradientOrPattern: {\n                id: `gradient3-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient3-${id}`,\n                            colors: [\n                                { value: `rgb(from ${defs.colors.tertiary} r g b / 0)` },\n                                { value: defs.colors.tertiary },\n                            ],\n                            angle: 90,\n                        },\n                        SVGAnimations.Linear.rotate(\n                            [\n                                ...MathUtils.getIntermediateValues(90, 450, 12),\n                                ...MathUtils.getIntermediateValues(90, 450, 12),\n                                ...MathUtils.getIntermediateValues(90, 450, 12),\n                            ],\n                            defs,\n                        ),\n                    ),\n            },\n            clipPath: {\n                id: `clip3-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip3-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\n                                \"stretch\",\n                                [\n                                    ...MathUtils.getIntermediateValues(90, 450, 12),\n                                    ...MathUtils.getIntermediateValues(90, 450, 12),\n                                    ...MathUtils.getIntermediateValues(90, 450, 12),\n                                ],\n                                [180],\n                            ),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":"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"}