@thewaver/ss-components 0.0.1 → 0.0.2

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

@@ -0,0 +1,88 @@
+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_inter_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var snake_inter_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, 90, 12),
+				...MathUtils.getIntermediateValues(90, 90, 12),
+				...MathUtils.getIntermediateValues(90, 180, 12),
+				...MathUtils.getIntermediateValues(180, 270, 12),
+				...MathUtils.getIntermediateValues(270, 360, 12),
+				...MathUtils.getIntermediateValues(360, 450, 12),
+				...MathUtils.getIntermediateValues(450, 450, 12),
+				...MathUtils.getIntermediateValues(450, 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, 90, 12),
+					...MathUtils.getIntermediateValues(90, 90, 12),
+					...MathUtils.getIntermediateValues(90, 180, 12),
+					...MathUtils.getIntermediateValues(180, 270, 12),
+					...MathUtils.getIntermediateValues(270, 360, 12),
+					...MathUtils.getIntermediateValues(360, 450, 12),
+					...MathUtils.getIntermediateValues(450, 450, 12),
+					...MathUtils.getIntermediateValues(450, 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(90, 180, 12),
+				...MathUtils.getIntermediateValues(180, 270, 12),
+				...MathUtils.getIntermediateValues(270, 270, 12),
+				...MathUtils.getIntermediateValues(270, 270, 12),
+				...MathUtils.getIntermediateValues(270, 270, 12),
+				...MathUtils.getIntermediateValues(270, 270, 12),
+				...MathUtils.getIntermediateValues(270, 360, 12),
+				...MathUtils.getIntermediateValues(360, 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, 180, 12),
+					...MathUtils.getIntermediateValues(180, 270, 12),
+					...MathUtils.getIntermediateValues(270, 270, 12),
+					...MathUtils.getIntermediateValues(270, 270, 12),
+					...MathUtils.getIntermediateValues(270, 270, 12),
+					...MathUtils.getIntermediateValues(270, 270, 12),
+					...MathUtils.getIntermediateValues(270, 360, 12),
+					...MathUtils.getIntermediateValues(360, 450, 12)
+				], [180]), defs));
+				return _el$2;
+			})()
+		}
+	}
+] };
+//#endregion
+export { snake_inter_2 };
+
+//# sourceMappingURL=snake_inter_2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snake_inter_2.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","snake_inter_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_inter_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_inter_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(\n                            [\n                                ...MathUtils.getIntermediateValues(90, 90, 12),\n                                ...MathUtils.getIntermediateValues(90, 90, 12),\n                                ...MathUtils.getIntermediateValues(90, 180, 12),\n                                ...MathUtils.getIntermediateValues(180, 270, 12),\n                                ...MathUtils.getIntermediateValues(270, 360, 12),\n                                ...MathUtils.getIntermediateValues(360, 450, 12),\n                                ...MathUtils.getIntermediateValues(450, 450, 12),\n                                ...MathUtils.getIntermediateValues(450, 450, 12),\n                            ],\n                            defs,\n                        ),\n                    ),\n            },\n            clipPath: {\n                id: `clip1-${id}`,\n                renderDefsElement: () => (\n                    <clipPath id={`clip1-${id}`} clipPathUnits=\"objectBoundingBox\">\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\n                                \"stretch\",\n                                [\n                                    ...MathUtils.getIntermediateValues(90, 90, 12),\n                                    ...MathUtils.getIntermediateValues(90, 90, 12),\n                                    ...MathUtils.getIntermediateValues(90, 180, 12),\n                                    ...MathUtils.getIntermediateValues(180, 270, 12),\n                                    ...MathUtils.getIntermediateValues(270, 360, 12),\n                                    ...MathUtils.getIntermediateValues(360, 450, 12),\n                                    ...MathUtils.getIntermediateValues(450, 450, 12),\n                                    ...MathUtils.getIntermediateValues(450, 450, 12),\n                                ],\n                                [180],\n                            ),\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(\n                            [\n                                ...MathUtils.getIntermediateValues(90, 180, 12),\n                                ...MathUtils.getIntermediateValues(180, 270, 12),\n                                ...MathUtils.getIntermediateValues(270, 270, 12),\n                                ...MathUtils.getIntermediateValues(270, 270, 12),\n                                ...MathUtils.getIntermediateValues(270, 270, 12),\n                                ...MathUtils.getIntermediateValues(270, 270, 12),\n                                ...MathUtils.getIntermediateValues(270, 360, 12),\n                                ...MathUtils.getIntermediateValues(360, 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, 180, 12),\n                                    ...MathUtils.getIntermediateValues(180, 270, 12),\n                                    ...MathUtils.getIntermediateValues(270, 270, 12),\n                                    ...MathUtils.getIntermediateValues(270, 270, 12),\n                                    ...MathUtils.getIntermediateValues(270, 270, 12),\n                                    ...MathUtils.getIntermediateValues(270, 270, 12),\n                                    ...MathUtils.getIntermediateValues(270, 360, 12),\n                                    ...MathUtils.getIntermediateValues(360, 450, 12),\n                                ],\n                                [180],\n                            ),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+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/sweep_1.tsx
+var sweep_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,
+					stop: 50
+				},
+				{
+					value: `rgb(from ${defs.colors.primary} r g b / 0)`,
+					stop: 50
+				}
+			],
+			offset: {
+				x: -1.25,
+				y: 0
+			}
+		}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal("x", x1, x2, [0, 2.5], defs))
+	},
+	filter: SVGDefsUtils.getBaseBlur(id, defs)
+}] };
+//#endregion
+export { sweep_1 };
+
+//# sourceMappingURL=sweep_1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sweep_1.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","sweep_1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","stop","offset","x","y","x1","y1","x2","y2","Linear","sweepOrthogonal","filter","getBaseBlur"],"sources":["../../../../src/Samples/SVGDefs/Gradient/sweep_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 sweep_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, stop: 50 },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)`, stop: 50 },\n                            ],\n                            offset: { x: -1.25, y: 0 },\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal(\"x\", x1, x2, [0, 2.5], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,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;IACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc;IACtD;KAAED,OAAOP,KAAKM,OAAOE;KAASC,MAAM;IAAG;IACvC;KAAEF,OAAO,YAAYP,KAAKM,OAAOE,QAAO;KAAeC,MAAM;IAAG;GAAC;GAErEC,QAAQ;IAAEC,GAAG;IAAOC,GAAG;GAAE;EAC7B,IACCC,IAAIC,IAAIC,IAAIC,OAAOvB,cAAcwB,OAAOC,gBAAgB,KAAKL,IAAIE,IAAI,CAAC,GAAG,GAAG,GAAGf,IAAI,CACxF;CACR;CACAmB,QAAQxB,aAAayB,YAAYtB,IAAIE,IAAI;AAC7C,CAAC,EAET"}

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

@@ -0,0 +1,60 @@
+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/sweep_1v1.tsx
+var sweep_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,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.primary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				offset: {
+					x: -1.25,
+					y: 0
+				}
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal("x", x1, x2, [0, 2.5], 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,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.secondary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				angle: 180,
+				offset: {
+					x: 1.25,
+					y: 0
+				}
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal("x", x1, x2, [0, -2.5], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	}
+] };
+//#endregion
+export { sweep_1v1 };
+
+//# sourceMappingURL=sweep_1v1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sweep_1v1.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","sweep_1v1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","stop","offset","x","y","x1","y1","x2","y2","Linear","sweepOrthogonal","filter","getBaseBlur","secondary","angle"],"sources":["../../../../src/Samples/SVGDefs/Gradient/sweep_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 sweep_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, stop: 50 },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)`, stop: 50 },\n                            ],\n                            offset: { x: -1.25, y: 0 },\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal(\"x\", x1, x2, [0, 2.5], 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, stop: 50 },\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)`, stop: 50 },\n                            ],\n                            angle: 180,\n                            offset: { x: 1.25, y: 0 },\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal(\"x\", x1, x2, [0, -2.5], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,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;KACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOE,QAAO,aAAc;KACtD;MAAED,OAAOP,KAAKM,OAAOE;MAASC,MAAM;KAAG;KACvC;MAAEF,OAAO,YAAYP,KAAKM,OAAOE,QAAO;MAAeC,MAAM;KAAG;IAAC;IAErEC,QAAQ;KAAEC,GAAG;KAAOC,GAAG;IAAE;GAC7B,IACCC,IAAIC,IAAIC,IAAIC,OAAOvB,cAAcwB,OAAOC,gBAAgB,KAAKL,IAAIE,IAAI,CAAC,GAAG,GAAG,GAAGf,IAAI,CACxF;EACR;EACAmB,QAAQxB,aAAayB,YAAYtB,IAAIE,IAAI;CAC7C;CACA;EACIG,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ;KACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOe,UAAS,aAAc;KACxD;MAAEd,OAAOP,KAAKM,OAAOe;MAAWZ,MAAM;KAAG;KACzC;MAAEF,OAAO,YAAYP,KAAKM,OAAOe,UAAS;MAAeZ,MAAM;KAAG;IAAC;IAEvEa,OAAO;IACPZ,QAAQ;KAAEC,GAAG;KAAMC,GAAG;IAAE;GAC5B,IACCC,IAAIC,IAAIC,IAAIC,OAAOvB,cAAcwB,OAAOC,gBAAgB,KAAKL,IAAIE,IAAI,CAAC,GAAG,IAAI,GAAGf,IAAI,CACzF;EACR;EACAmB,QAAQxB,aAAayB,YAAYtB,IAAIE,IAAI;CAC7C;AAAC,EAET"}

package/dist/Samples/SVGDefs/Gradient/sweep_diag_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";
+//#region src/Samples/SVGDefs/Gradient/sweep_diag_1.tsx
+var sweep_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,
+					stop: 50
+				},
+				{
+					value: `rgb(from ${defs.colors.primary} r g b / 0)`,
+					stop: 50
+				}
+			],
+			angle: 45,
+			offset: SVGDefsUtils.offsetDiagonally(-1.25, 45)
+		}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 45, [0, 2.5], defs))
+	},
+	filter: SVGDefsUtils.getBaseBlur(id, defs)
+}] };
+//#endregion
+export { sweep_diag_1 };
+
+//# sourceMappingURL=sweep_diag_1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sweep_diag_1.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","sweep_diag_1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","stop","angle","offset","offsetDiagonally","x1","y1","x2","y2","Linear","sweepDiagonal","filter","getBaseBlur"],"sources":["../../../../src/Samples/SVGDefs/Gradient/sweep_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 sweep_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, stop: 50 },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)`, stop: 50 },\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], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,eAA+B,EACxCC,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;KAAED,OAAOP,KAAKM,OAAOE;KAASC,MAAM;IAAG;IACvC;KAAEF,OAAO,YAAYP,KAAKM,OAAOE,QAAO;KAAeC,MAAM;IAAG;GAAC;GAErEC,OAAO;GACPC,QAAQhB,aAAaiB,iBAAiB,OAAO,EAAE;EACnD,IACCC,IAAIC,IAAIC,IAAIC,OAAOvB,cAAcwB,OAAOC,cAAcL,IAAIC,IAAIC,IAAIC,IAAI,IAAI,CAAC,GAAG,GAAG,GAAGhB,IAAI,CAC7F;CACR;CACAmB,QAAQxB,aAAayB,YAAYtB,IAAIE,IAAI;AAC7C,CAAC,EAET"}

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

@@ -0,0 +1,55 @@
+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/sweep_diag_1v1.tsx
+var sweep_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,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.primary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				angle: 45,
+				offset: SVGDefsUtils.offsetDiagonally(-1.25, 45)
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 45, [0, 2.5], 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,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.secondary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				angle: 225,
+				offset: SVGDefsUtils.offsetDiagonally(-1.25, 225)
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 225, [0, 2.5], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	}
+] };
+//#endregion
+export { sweep_diag_1v1 };
+
+//# sourceMappingURL=sweep_diag_1v1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sweep_diag_1v1.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","sweep_diag_1v1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","stop","angle","offset","offsetDiagonally","x1","y1","x2","y2","Linear","sweepDiagonal","filter","getBaseBlur","secondary"],"sources":["../../../../src/Samples/SVGDefs/Gradient/sweep_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 sweep_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, stop: 50 },\n                                { value: `rgb(from ${defs.colors.primary} r g b / 0)`, stop: 50 },\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], 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, stop: 50 },\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)`, stop: 50 },\n                            ],\n                            angle: 225,\n                            offset: SVGDefsUtils.offsetDiagonally(-1.25, 225),\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 225, [0, 2.5], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,iBAAiC,EAC1CC,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;MAAED,OAAOP,KAAKM,OAAOE;MAASC,MAAM;KAAG;KACvC;MAAEF,OAAO,YAAYP,KAAKM,OAAOE,QAAO;MAAeC,MAAM;KAAG;IAAC;IAErEC,OAAO;IACPC,QAAQhB,aAAaiB,iBAAiB,OAAO,EAAE;GACnD,IACCC,IAAIC,IAAIC,IAAIC,OAAOvB,cAAcwB,OAAOC,cAAcL,IAAIC,IAAIC,IAAIC,IAAI,IAAI,CAAC,GAAG,GAAG,GAAGhB,IAAI,CAC7F;EACR;EACAmB,QAAQxB,aAAayB,YAAYtB,IAAIE,IAAI;CAC7C;CACA;EACIG,mBAAmB;GACfL,IAAI,aAAaA;GACjBM,yBACIZ,qBAAqBa,sBACjB;IACIP,IAAI,aAAaA;IACjBQ,QAAQ;KACJ,EAAEC,OAAO,YAAYP,KAAKM,OAAOe,UAAS,aAAc;KACxD;MAAEd,OAAOP,KAAKM,OAAOe;MAAWZ,MAAM;KAAG;KACzC;MAAEF,OAAO,YAAYP,KAAKM,OAAOe,UAAS;MAAeZ,MAAM;KAAG;IAAC;IAEvEC,OAAO;IACPC,QAAQhB,aAAaiB,iBAAiB,OAAO,GAAG;GACpD,IACCC,IAAIC,IAAIC,IAAIC,OAAOvB,cAAcwB,OAAOC,cAAcL,IAAIC,IAAIC,IAAIC,IAAI,KAAK,CAAC,GAAG,GAAG,GAAGhB,IAAI,CAC9F;EACR;EACAmB,QAAQxB,aAAayB,YAAYtB,IAAIE,IAAI;CAC7C;AAAC,EAET"}

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

@@ -0,0 +1,139 @@
+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/sweep_diag_async_4.tsx
+var sweep_diag_async_4 = { 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,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.primary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				angle: 45,
+				offset: SVGDefsUtils.offsetDiagonally(-1.25, 45)
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 45, [
+				0,
+				1.25,
+				2.5,
+				2.5,
+				2.5,
+				2.5,
+				2.5,
+				2.5,
+				2.5
+			], 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,
+						stop: 50
+					},
+					{
+						value: `rgb(from ${defs.colors.secondary} r g b / 0)`,
+						stop: 50
+					}
+				],
+				angle: 225,
+				offset: SVGDefsUtils.offsetDiagonally(-1.25, 225)
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 225, [
+				0,
+				0,
+				0,
+				1.25,
+				2.5,
+				2.5,
+				2.5,
+				2.5,
+				2.5
+			], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient3-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient3-${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: 135,
+				offset: SVGDefsUtils.offsetDiagonally(-1.25, 135)
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 135, [
+				0,
+				0,
+				0,
+				0,
+				0,
+				1.25,
+				2.5,
+				2.5,
+				2.5
+			], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	},
+	{
+		gradientOrPattern: {
+			id: `gradient4-${id}`,
+			renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+				id: `gradient4-${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: 315,
+				offset: SVGDefsUtils.offsetDiagonally(-1.25, 315)
+			}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, 315, [
+				0,
+				0,
+				0,
+				0,
+				0,
+				0,
+				0,
+				1.25,
+				2.5
+			], defs))
+		},
+		filter: SVGDefsUtils.getBaseBlur(id, defs)
+	}
+] };
+//#endregion
+export { sweep_diag_async_4 };
+
+//# sourceMappingURL=sweep_diag_async_4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sweep_diag_async_4.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","sweep_diag_async_4","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","stop","angle","offset","offsetDiagonally","x1","y1","x2","y2","Linear","sweepDiagonal","filter","getBaseBlur","secondary"],"sources":["../../../../src/Samples/SVGDefs/Gradient/sweep_diag_async_4.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 sweep_diag_async_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.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: 45,\n                            offset: SVGDefsUtils.offsetDiagonally(-1.25, 45),\n                        },\n                        (x1, y1, x2, y2) =>\n                            SVGAnimations.Linear.sweepDiagonal(\n                                x1,\n                                y1,\n                                x2,\n                                y2,\n                                45,\n                                [0, 1.25, 2.5, 2.5, 2.5, 2.5, 2.5, 2.5, 2.5],\n                                defs,\n                            ),\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, stop: 50 },\n                                { value: `rgb(from ${defs.colors.secondary} r g b / 0)`, stop: 50 },\n                            ],\n                            angle: 225,\n                            offset: SVGDefsUtils.offsetDiagonally(-1.25, 225),\n                        },\n                        (x1, y1, x2, y2) =>\n                            SVGAnimations.Linear.sweepDiagonal(\n                                x1,\n                                y1,\n                                x2,\n                                y2,\n                                225,\n                                [0, 0, 0, 1.25, 2.5, 2.5, 2.5, 2.5, 2.5],\n                                defs,\n                            ),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\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.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: 135,\n                            offset: SVGDefsUtils.offsetDiagonally(-1.25, 135),\n                        },\n                        (x1, y1, x2, y2) =>\n                            SVGAnimations.Linear.sweepDiagonal(\n                                x1,\n                                y1,\n                                x2,\n                                y2,\n                                135,\n                                [0, 0, 0, 0, 0, 1.25, 2.5, 2.5, 2.5],\n                                defs,\n                            ),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\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.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: 315,\n                            offset: SVGDefsUtils.offsetDiagonally(-1.25, 315),\n                        },\n                        (x1, y1, x2, y2) =>\n                            SVGAnimations.Linear.sweepDiagonal(\n                                x1,\n                                y1,\n                                x2,\n                                y2,\n                                315,\n                                [0, 0, 0, 0, 0, 0, 0, 1.25, 2.5],\n                                defs,\n                            ),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":"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"}

package/dist/Samples/SVGDefs/Iteration/constant.js

@@ -0,0 +1,6 @@
+//#region src/Samples/SVGDefs/Iteration/constant.ts
+var constant = { computeDefs: () => ({}) };
+//#endregion
+export { constant };
+
+//# sourceMappingURL=constant.js.map

package/dist/Samples/SVGDefs/Iteration/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","names":[],"sources":["../../../../src/Samples/SVGDefs/Iteration/constant.ts"],"sourcesContent":["import type { IterationConfig } from \"../SVGDefs.types\";\n\nexport const constant: IterationConfig = {\n    computeDefs: () => ({}),\n};\n"],"mappings":";AAEA,IAAa,WAA4B,EACrC,oBAAoB,CAAC,GACzB"}

package/dist/Samples/SVGDefs/Iteration/repeat1_1.js

@@ -0,0 +1,13 @@
+//#region src/Samples/SVGDefs/Iteration/repeat1_1.ts
+var repeat1_1 = { computeDefs: (animationDurationMs) => ({ animationIterationPatterns: [{
+	count: 1,
+	nextIndex: 1
+}, {
+	beginDelayMs: animationDurationMs,
+	count: 1,
+	nextIndex: 1
+}] }) };
+//#endregion
+export { repeat1_1 };
+
+//# sourceMappingURL=repeat1_1.js.map

package/dist/Samples/SVGDefs/Iteration/repeat1_1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeat1_1.js","names":[],"sources":["../../../../src/Samples/SVGDefs/Iteration/repeat1_1.ts"],"sourcesContent":["import type { IterationConfig } from \"../SVGDefs.types\";\n\nexport const repeat1_1: IterationConfig = {\n    computeDefs: (animationDurationMs) => ({\n        animationIterationPatterns: [\n            {\n                count: 1,\n                nextIndex: 1,\n            },\n            {\n                beginDelayMs: animationDurationMs,\n                count: 1,\n                nextIndex: 1,\n            },\n        ],\n    }),\n};\n"],"mappings":";AAEA,IAAa,YAA6B,EACtC,cAAc,yBAAyB,EACnC,4BAA4B,CACxB;CACI,OAAO;CACP,WAAW;AACf,GACA;CACI,cAAc;CACd,OAAO;CACP,WAAW;AACf,CACJ,EACJ,GACJ"}

package/dist/Samples/SVGDefs/Iteration/repeat2_1.js

@@ -0,0 +1,13 @@
+//#region src/Samples/SVGDefs/Iteration/repeat2_1.ts
+var repeat2_1 = { computeDefs: (animationDurationMs) => ({ animationIterationPatterns: [{
+	count: 2,
+	nextIndex: 1
+}, {
+	beginDelayMs: animationDurationMs,
+	count: 2,
+	nextIndex: 1
+}] }) };
+//#endregion
+export { repeat2_1 };
+
+//# sourceMappingURL=repeat2_1.js.map

package/dist/Samples/SVGDefs/Iteration/repeat2_1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeat2_1.js","names":[],"sources":["../../../../src/Samples/SVGDefs/Iteration/repeat2_1.ts"],"sourcesContent":["import type { IterationConfig } from \"../SVGDefs.types\";\n\nexport const repeat2_1: IterationConfig = {\n    computeDefs: (animationDurationMs) => ({\n        animationIterationPatterns: [\n            {\n                count: 2,\n                nextIndex: 1,\n            },\n            {\n                beginDelayMs: animationDurationMs,\n                count: 2,\n                nextIndex: 1,\n            },\n        ],\n    }),\n};\n"],"mappings":";AAEA,IAAa,YAA6B,EACtC,cAAc,yBAAyB,EACnC,4BAA4B,CACxB;CACI,OAAO;CACP,WAAW;AACf,GACA;CACI,cAAc;CACd,OAAO;CACP,WAAW;AACf,CACJ,EACJ,GACJ"}

package/dist/Samples/SVGDefs/Iteration/repeat3_3.js

@@ -0,0 +1,13 @@
+//#region src/Samples/SVGDefs/Iteration/repeat3_3.ts
+var repeat3_3 = { computeDefs: (animationDurationMs) => ({ animationIterationPatterns: [{
+	count: 3,
+	nextIndex: 1
+}, {
+	beginDelayMs: animationDurationMs * 3,
+	count: 3,
+	nextIndex: 1
+}] }) };
+//#endregion
+export { repeat3_3 };
+
+//# sourceMappingURL=repeat3_3.js.map

package/dist/Samples/SVGDefs/Iteration/repeat3_3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeat3_3.js","names":[],"sources":["../../../../src/Samples/SVGDefs/Iteration/repeat3_3.ts"],"sourcesContent":["import type { IterationConfig } from \"../SVGDefs.types\";\n\nexport const repeat3_3: IterationConfig = {\n    computeDefs: (animationDurationMs) => ({\n        animationIterationPatterns: [\n            {\n                count: 3,\n                nextIndex: 1,\n            },\n            {\n                beginDelayMs: animationDurationMs * 3,\n                count: 3,\n                nextIndex: 1,\n            },\n        ],\n    }),\n};\n"],"mappings":";AAEA,IAAa,YAA6B,EACtC,cAAc,yBAAyB,EACnC,4BAA4B,CACxB;CACI,OAAO;CACP,WAAW;AACf,GACA;CACI,cAAc,sBAAsB;CACpC,OAAO;CACP,WAAW;AACf,CACJ,EACJ,GACJ"}

package/dist/Samples/SVGDefs/Pattern/circle_g_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_g_2.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><circle><animate attributeName=r repeatCount=indefinite></svg>`, false, true, false);
+var circle_g_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.computeGridPattern(`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_g_2 };
+
+//# sourceMappingURL=circle_g_2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"circle_g_2.js","names":["MathUtils","PatternConfig","SVGDefsUtils","SVGPatterns","circle_g_2","computeSVGDefs","id","__","defs","splitValuesCache","Record","cellSize","cellCount","rows","cols","r","Math","min","width","height","gradientOrPattern","renderDefsElement","computeGridPattern","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_g_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_g_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.computeGridPattern(\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,aAA4B,EACrCC,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,mBACR,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"}