@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Samples/Formation/Layouts/FormationLayouts.const.js

@@ -0,0 +1,70 @@
+//#region src/Samples/Formation/Layouts/FormationLayouts.const.ts
+var WHORL_SIZE = 3;
+var QUARTER = .25;
+var toLayout = (insets) => ({
+	insets,
+	heightRatio: insets.reduce((lowest, inset) => Math.max(lowest, inset.top + inset.height * .5), 0)
+});
+var computeWhorl = (itemCount, itemSpacing, whorlSpacing) => Array.from({ length: itemCount }, (_, index) => {
+	const whorlTop = Math.floor(index / WHORL_SIZE) * QUARTER * whorlSpacing;
+	const place = index % WHORL_SIZE;
+	return {
+		top: QUARTER + whorlTop + (place === 0 ? 0 : QUARTER * itemSpacing),
+		left: QUARTER * (place === 0 ? 2 : place === 1 ? 1 : 3),
+		width: QUARTER * 2,
+		height: QUARTER * 2
+	};
+});
+var podium = (itemCount) => toLayout(Array.from({ length: itemCount }, (_, index) => {
+	const whorlTop = Math.floor(index / WHORL_SIZE) * QUARTER * WHORL_SIZE;
+	const place = index % WHORL_SIZE;
+	const top = QUARTER + whorlTop;
+	const left = QUARTER * 1.75;
+	const size = QUARTER * 2;
+	if (place === 1) return {
+		top: top + QUARTER,
+		left: .6875,
+		width: size,
+		height: size
+	};
+	if (place === 2) return {
+		top: top + QUARTER * 1.5,
+		left: left - QUARTER * .5,
+		width: size,
+		height: size
+	};
+	return {
+		top,
+		left,
+		width: size,
+		height: size
+	};
+}));
+var whorlCircle = (itemCount) => toLayout(computeWhorl(itemCount, 1.75, 3.5));
+var whorlHex = (itemCount) => toLayout(computeWhorl(itemCount, 1.5, 3));
+var whorlSquare = (itemCount) => toLayout(computeWhorl(itemCount, 2, 4));
+var zigzag = (itemCount) => {
+	const step = 1 / 3;
+	const peak = 1;
+	return toLayout(Array.from({ length: itemCount }, (_, index) => ({
+		top: step * (index + 1),
+		left: step * (peak - Math.abs(index % 2 - peak) + 1),
+		width: step * 2,
+		height: step * 2
+	})));
+};
+var FormationLayouts;
+(function(_FormationLayouts) {
+	const SAMPLE_LAYOUTS = _FormationLayouts.SAMPLE_LAYOUTS = {
+		podium,
+		whorlCircle,
+		whorlHex,
+		whorlSquare,
+		zigzag
+	};
+	_FormationLayouts.SAMPLE_KEYS = Object.keys(SAMPLE_LAYOUTS);
+})(FormationLayouts || (FormationLayouts = {}));
+//#endregion
+export { FormationLayouts };
+
+//# sourceMappingURL=FormationLayouts.const.js.map

package/dist/Samples/Formation/Layouts/FormationLayouts.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormationLayouts.const.js","names":[],"sources":["../../../../src/Samples/Formation/Layouts/FormationLayouts.const.ts"],"sourcesContent":["import type { FormationInset } from \"../../../Exotics/Formation/Formation.types\";\nimport type { FormationLayoutFn } from \"./FormationLayouts.types\";\n\nconst WHORL_SIZE = 3;\nconst QUARTER = 0.25;\n\nconst toLayout = (insets: FormationInset[]) => ({\n    insets,\n    heightRatio: insets.reduce((lowest, inset) => Math.max(lowest, inset.top + inset.height * 0.5), 0),\n});\n\nconst computeWhorl = (itemCount: number, itemSpacing: number, whorlSpacing: number): FormationInset[] =>\n    Array.from({ length: itemCount }, (_, index) => {\n        const whorlTop = Math.floor(index / WHORL_SIZE) * QUARTER * whorlSpacing;\n        const place = index % WHORL_SIZE;\n\n        return {\n            top: QUARTER + whorlTop + (place === 0 ? 0 : QUARTER * itemSpacing),\n            left: QUARTER * (place === 0 ? 2 : place === 1 ? 1 : 3),\n            width: QUARTER * 2,\n            height: QUARTER * 2,\n        };\n    });\n\nconst podium: FormationLayoutFn = (itemCount) =>\n    toLayout(\n        Array.from({ length: itemCount }, (_, index) => {\n            const whorlTop = Math.floor(index / WHORL_SIZE) * QUARTER * WHORL_SIZE;\n            const place = index % WHORL_SIZE;\n            const top = QUARTER + whorlTop;\n            const left = QUARTER * 1.75;\n            const size = QUARTER * 2;\n\n            if (place === 1) {\n                return { top: top + QUARTER, left: left + QUARTER, width: size, height: size };\n            }\n\n            if (place === 2) {\n                return { top: top + QUARTER * 1.5, left: left - QUARTER * 0.5, width: size, height: size };\n            }\n\n            return { top, left, width: size, height: size };\n        }),\n    );\n\nconst whorlCircle: FormationLayoutFn = (itemCount) => toLayout(computeWhorl(itemCount, 1.75, 3.5));\n\nconst whorlHex: FormationLayoutFn = (itemCount) => toLayout(computeWhorl(itemCount, 1.5, 3));\n\nconst whorlSquare: FormationLayoutFn = (itemCount) => toLayout(computeWhorl(itemCount, 2, 4));\n\nconst ZIGZAG_SEGMENT_LENGTH = 2;\n\nconst zigzag: FormationLayoutFn = (itemCount) => {\n    const step = 1 / (1 + ZIGZAG_SEGMENT_LENGTH);\n    const peak = ZIGZAG_SEGMENT_LENGTH - 1;\n\n    return toLayout(\n        Array.from({ length: itemCount }, (_, index) => ({\n            top: step * (index + 1),\n            left: step * (peak - Math.abs((index % (peak * 2)) - peak) + 1),\n            width: step * 2,\n            height: step * 2,\n        })),\n    );\n};\n\nexport namespace FormationLayouts {\n    export const SAMPLE_LAYOUTS = {\n        podium,\n        whorlCircle,\n        whorlHex,\n        whorlSquare,\n        zigzag,\n    } satisfies Record<string, FormationLayoutFn>;\n\n    export type SampleKey = keyof typeof SAMPLE_LAYOUTS;\n\n    export const SAMPLE_KEYS = Object.keys(SAMPLE_LAYOUTS) as SampleKey[];\n}\n"],"mappings":";AAGA,IAAM,aAAa;AACnB,IAAM,UAAU;AAEhB,IAAM,YAAY,YAA8B;CAC5C;CACA,aAAa,OAAO,QAAQ,QAAQ,UAAU,KAAK,IAAI,QAAQ,MAAM,MAAM,MAAM,SAAS,EAAG,GAAG,CAAC;AACrG;AAEA,IAAM,gBAAgB,WAAmB,aAAqB,iBAC1D,MAAM,KAAK,EAAE,QAAQ,UAAU,IAAI,GAAG,UAAU;CAC5C,MAAM,WAAW,KAAK,MAAM,QAAQ,UAAU,IAAI,UAAU;CAC5D,MAAM,QAAQ,QAAQ;CAEtB,OAAO;EACH,KAAK,UAAU,YAAY,UAAU,IAAI,IAAI,UAAU;EACvD,MAAM,WAAW,UAAU,IAAI,IAAI,UAAU,IAAI,IAAI;EACrD,OAAO,UAAU;EACjB,QAAQ,UAAU;CACtB;AACJ,CAAC;AAEL,IAAM,UAA6B,cAC/B,SACI,MAAM,KAAK,EAAE,QAAQ,UAAU,IAAI,GAAG,UAAU;CAC5C,MAAM,WAAW,KAAK,MAAM,QAAQ,UAAU,IAAI,UAAU;CAC5D,MAAM,QAAQ,QAAQ;CACtB,MAAM,MAAM,UAAU;CACtB,MAAM,OAAO,UAAU;CACvB,MAAM,OAAO,UAAU;CAEvB,IAAI,UAAU,GACV,OAAO;EAAE,KAAK,MAAM;EAAS,MAAM;EAAgB,OAAO;EAAM,QAAQ;CAAK;CAGjF,IAAI,UAAU,GACV,OAAO;EAAE,KAAK,MAAM,UAAU;EAAK,MAAM,OAAO,UAAU;EAAK,OAAO;EAAM,QAAQ;CAAK;CAG7F,OAAO;EAAE;EAAK;EAAM,OAAO;EAAM,QAAQ;CAAK;AAClD,CAAC,CACL;AAEJ,IAAM,eAAkC,cAAc,SAAS,aAAa,WAAW,MAAM,GAAG,CAAC;AAEjG,IAAM,YAA+B,cAAc,SAAS,aAAa,WAAW,KAAK,CAAC,CAAC;AAE3F,IAAM,eAAkC,cAAc,SAAS,aAAa,WAAW,GAAG,CAAC,CAAC;AAI5F,IAAM,UAA6B,cAAc;CAC7C,MAAM,OAAO,IAAK;CAClB,MAAM,OAAO;CAEb,OAAO,SACH,MAAM,KAAK,EAAE,QAAQ,UAAU,IAAI,GAAG,WAAW;EAC7C,KAAK,QAAQ,QAAQ;EACrB,MAAM,QAAQ,OAAO,KAAK,IAAK,QAAS,IAAa,IAAI,IAAI;EAC7D,OAAO,OAAO;EACd,QAAQ,OAAO;CACnB,EAAE,CACN;AACJ;AAEO,IAAU;CAAV,SAAA,mBAAA;CACI,MAAM,iBAAA,kBAAA,iBAAiB;EAC1B;EACA;EACA;EACA;EACA;CACJ;CAIa,kBAAA,cAAc,OAAO,KAAK,cAAc;AACxD,EAAA,CAAA,qBAAA,mBAAA,CAAA,EAAD"}

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

@@ -0,0 +1,34 @@
+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/elastic_circle_3.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var elastic_circle_3 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBorderColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.tertiary }
+			],
+			angle: 90
+		})
+	},
+	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, 450, 12)], [...MathUtils.getIntermediateValues(0, 360, 12), ...MathUtils.getIntermediateValues(360, 0, 12)]), defs));
+			return _el$;
+		})()
+	}
+}] };
+//#endregion
+export { elastic_circle_3 };
+
+//# sourceMappingURL=elastic_circle_3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elastic_circle_3.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","elastic_circle_3","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","tertiary","angle","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray","getIntermediateValues"],"sources":["../../../../src/Samples/SVGDefs/Gradient/elastic_circle_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 elastic_circle_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                        id: `gradient1-${id}`,\n                        colors: [\n                            { value: defs.colors.primary },\n                            { value: defs.colors.secondary },\n                            { value: defs.colors.tertiary },\n                        ],\n                        angle: 90,\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, 450, 12),\n                                ],\n                                [\n                                    ...MathUtils.getIntermediateValues(0, 360, 12),\n                                    ...MathUtils.getIntermediateValues(360, 0, 12),\n                                ],\n                            ),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaM,mBAAmC,EAC5CC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C,GACA;CACIG,mBAAmB;EACfL,IAAI,aAAaA;EACjBM,yBACIZ,qBAAqBa,sBAAsB;GACvCP,IAAI,aAAaA;GACjBQ,QAAQ;IACJ,EAAEC,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAOP,KAAKM,OAAOG,UAAU;IAC/B,EAAEF,OAAOP,KAAKM,OAAOI,SAAS;GAAC;GAEnCC,OAAO;EACX,CAAC;CACT;CACAC,UAAU;EACNd,IAAI,SAASA;EACbM,gCAAmB;GAAA,IAAAS,OAAAC,OAAA;GAAAC,aAAAF,MAAA,MACD,SAASf,IAAI;GAAAkB,OAAAH,YACtBpB,cAAcwB,KAAKC,YAChB3B,YAAY4B,SACR,WACA,CACI,GAAG7B,UAAU8B,sBAAsB,IAAI,IAAI,EAAE,GAC7C,GAAG9B,UAAU8B,sBAAsB,IAAI,KAAK,EAAE,CAAC,GAEnD,CACI,GAAG9B,UAAU8B,sBAAsB,GAAG,KAAK,EAAE,GAC7C,GAAG9B,UAAU8B,sBAAsB,KAAK,GAAG,EAAE,CAAC,CAEtD,GACApB,IACJ,CAAC;GAAA,OAAAa;EAAA,EAAA,CAAA;CAGb;AACJ,CAAC,EAET"}

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

@@ -0,0 +1,34 @@
+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/elastic_drip_3.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var elastic_drip_3 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBorderColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.tertiary }
+			],
+			angle: 90
+		})
+	},
+	clipPath: {
+		id: `clip1-${id}`,
+		renderDefsElement: () => (() => {
+			var _el$ = _tmpl$();
+			setAttribute(_el$, "id", `clip1-${id}`);
+			insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", [...MathUtils.getIntermediateValues(450, 270, 12), ...MathUtils.getIntermediateValues(90, 270, 12)], [...MathUtils.getIntermediateValues(0, 360, 12), ...MathUtils.getIntermediateValues(360, 0, 12)]), defs));
+			return _el$;
+		})()
+	}
+}] };
+//#endregion
+export { elastic_drip_3 };
+
+//# sourceMappingURL=elastic_drip_3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elastic_drip_3.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","elastic_drip_3","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","tertiary","angle","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray","getIntermediateValues"],"sources":["../../../../src/Samples/SVGDefs/Gradient/elastic_drip_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 elastic_drip_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                        id: `gradient1-${id}`,\n                        colors: [\n                            { value: defs.colors.primary },\n                            { value: defs.colors.secondary },\n                            { value: defs.colors.tertiary },\n                        ],\n                        angle: 90,\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(450, 270, 12),\n                                    ...MathUtils.getIntermediateValues(90, 270, 12),\n                                ],\n                                [\n                                    ...MathUtils.getIntermediateValues(0, 360, 12),\n                                    ...MathUtils.getIntermediateValues(360, 0, 12),\n                                ],\n                            ),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaM,iBAAiC,EAC1CC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C,GACA;CACIG,mBAAmB;EACfL,IAAI,aAAaA;EACjBM,yBACIZ,qBAAqBa,sBAAsB;GACvCP,IAAI,aAAaA;GACjBQ,QAAQ;IACJ,EAAEC,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAOP,KAAKM,OAAOG,UAAU;IAC/B,EAAEF,OAAOP,KAAKM,OAAOI,SAAS;GAAC;GAEnCC,OAAO;EACX,CAAC;CACT;CACAC,UAAU;EACNd,IAAI,SAASA;EACbM,gCAAmB;GAAA,IAAAS,OAAAC,OAAA;GAAAC,aAAAF,MAAA,MACD,SAASf,IAAI;GAAAkB,OAAAH,YACtBpB,cAAcwB,KAAKC,YAChB3B,YAAY4B,SACR,WACA,CACI,GAAG7B,UAAU8B,sBAAsB,KAAK,KAAK,EAAE,GAC/C,GAAG9B,UAAU8B,sBAAsB,IAAI,KAAK,EAAE,CAAC,GAEnD,CACI,GAAG9B,UAAU8B,sBAAsB,GAAG,KAAK,EAAE,GAC7C,GAAG9B,UAAU8B,sBAAsB,KAAK,GAAG,EAAE,CAAC,CAEtD,GACApB,IACJ,CAAC;GAAA,OAAAa;EAAA,EAAA,CAAA;CAGb;AACJ,CAAC,EAET"}

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

@@ -0,0 +1,44 @@
+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/elastic_inter_semicircle_3.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var elastic_inter_semicircle_3 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBorderColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.tertiary }
+			],
+			angle: 90
+		})
+	},
+	clipPath: {
+		id: `clip1-${id}`,
+		renderDefsElement: () => (() => {
+			var _el$ = _tmpl$();
+			setAttribute(_el$, "id", `clip1-${id}`);
+			insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", [
+				...MathUtils.getIntermediateValues(0, 0, 12),
+				...MathUtils.getIntermediateValues(0, 180, 12),
+				...MathUtils.getIntermediateValues(180, 180, 12),
+				...MathUtils.getIntermediateValues(180, 360, 12)
+			], [
+				...MathUtils.getIntermediateValues(0, 180, 12),
+				...MathUtils.getIntermediateValues(180, 0, 12),
+				...MathUtils.getIntermediateValues(0, 180, 12),
+				...MathUtils.getIntermediateValues(180, 0, 12)
+			]), defs));
+			return _el$;
+		})()
+	}
+}] };
+//#endregion
+export { elastic_inter_semicircle_3 };
+
+//# sourceMappingURL=elastic_inter_semicircle_3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elastic_inter_semicircle_3.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","elastic_inter_semicircle_3","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","tertiary","angle","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray","getIntermediateValues"],"sources":["../../../../src/Samples/SVGDefs/Gradient/elastic_inter_semicircle_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 elastic_inter_semicircle_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                        id: `gradient1-${id}`,\n                        colors: [\n                            { value: defs.colors.primary },\n                            { value: defs.colors.secondary },\n                            { value: defs.colors.tertiary },\n                        ],\n                        angle: 90,\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(0, 0, 12),\n                                    ...MathUtils.getIntermediateValues(0, 180, 12),\n                                    ...MathUtils.getIntermediateValues(180, 180, 12),\n                                    ...MathUtils.getIntermediateValues(180, 360, 12),\n                                ],\n                                [\n                                    ...MathUtils.getIntermediateValues(0, 180, 12),\n                                    ...MathUtils.getIntermediateValues(180, 0, 12),\n                                    ...MathUtils.getIntermediateValues(0, 180, 12),\n                                    ...MathUtils.getIntermediateValues(180, 0, 12),\n                                ],\n                            ),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaM,6BAA6C,EACtDC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C,GACA;CACIG,mBAAmB;EACfL,IAAI,aAAaA;EACjBM,yBACIZ,qBAAqBa,sBAAsB;GACvCP,IAAI,aAAaA;GACjBQ,QAAQ;IACJ,EAAEC,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAOP,KAAKM,OAAOG,UAAU;IAC/B,EAAEF,OAAOP,KAAKM,OAAOI,SAAS;GAAC;GAEnCC,OAAO;EACX,CAAC;CACT;CACAC,UAAU;EACNd,IAAI,SAASA;EACbM,gCAAmB;GAAA,IAAAS,OAAAC,OAAA;GAAAC,aAAAF,MAAA,MACD,SAASf,IAAI;GAAAkB,OAAAH,YACtBpB,cAAcwB,KAAKC,YAChB3B,YAAY4B,SACR,WACA;IACI,GAAG7B,UAAU8B,sBAAsB,GAAG,GAAG,EAAE;IAC3C,GAAG9B,UAAU8B,sBAAsB,GAAG,KAAK,EAAE;IAC7C,GAAG9B,UAAU8B,sBAAsB,KAAK,KAAK,EAAE;IAC/C,GAAG9B,UAAU8B,sBAAsB,KAAK,KAAK,EAAE;GAAC,GAEpD;IACI,GAAG9B,UAAU8B,sBAAsB,GAAG,KAAK,EAAE;IAC7C,GAAG9B,UAAU8B,sBAAsB,KAAK,GAAG,EAAE;IAC7C,GAAG9B,UAAU8B,sBAAsB,GAAG,KAAK,EAAE;IAC7C,GAAG9B,UAAU8B,sBAAsB,KAAK,GAAG,EAAE;GAAC,CAEtD,GACApB,IACJ,CAAC;GAAA,OAAAa;EAAA,EAAA,CAAA;CAGb;AACJ,CAAC,EAET"}

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

@@ -0,0 +1,35 @@
+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/elastic_semicircle_3.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><clipPath clipPathUnits=objectBoundingBox></svg>`, false, true, false);
+var elastic_semicircle_3 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBorderColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.tertiary }
+			],
+			angle: 90
+		})
+	},
+	clipPath: {
+		id: `clip1-${id}`,
+		renderDefsElement: () => (() => {
+			var _el$ = _tmpl$();
+			setAttribute(_el$, "id", `clip1-${id}`);
+			insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", [...MathUtils.getIntermediateValues(180, 90, 12), ...MathUtils.getIntermediateValues(90, 180, 12)], [...MathUtils.getIntermediateValues(0, 180, 12), ...MathUtils.getIntermediateValues(180, 0, 12)]), defs), null);
+			insert(_el$, () => SVGAnimations.Path.rotatingArc(ObjectUtils.zipArray("stretch", [...MathUtils.getIntermediateValues(360, 270, 12), ...MathUtils.getIntermediateValues(270, 360, 12)], [...MathUtils.getIntermediateValues(0, 180, 12), ...MathUtils.getIntermediateValues(180, 0, 12)]), defs), null);
+			return _el$;
+		})()
+	}
+}] };
+//#endregion
+export { elastic_semicircle_3 };
+
+//# sourceMappingURL=elastic_semicircle_3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elastic_semicircle_3.js","names":["MathUtils","ObjectUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","elastic_semicircle_3","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","tertiary","angle","clipPath","_el$","_tmpl$","_$setAttribute","_$insert","Path","rotatingArc","zipArray","getIntermediateValues"],"sources":["../../../../src/Samples/SVGDefs/Gradient/elastic_semicircle_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 elastic_semicircle_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                        id: `gradient1-${id}`,\n                        colors: [\n                            { value: defs.colors.primary },\n                            { value: defs.colors.secondary },\n                            { value: defs.colors.tertiary },\n                        ],\n                        angle: 90,\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(180, 90, 12),\n                                    ...MathUtils.getIntermediateValues(90, 180, 12),\n                                ],\n                                [\n                                    ...MathUtils.getIntermediateValues(0, 180, 12),\n                                    ...MathUtils.getIntermediateValues(180, 0, 12),\n                                ],\n                            ),\n                            defs,\n                        )}\n                        {SVGAnimations.Path.rotatingArc(\n                            ObjectUtils.zipArray(\n                                \"stretch\",\n                                [\n                                    ...MathUtils.getIntermediateValues(360, 270, 12),\n                                    ...MathUtils.getIntermediateValues(270, 360, 12),\n                                ],\n                                [\n                                    ...MathUtils.getIntermediateValues(0, 180, 12),\n                                    ...MathUtils.getIntermediateValues(180, 0, 12),\n                                ],\n                            ),\n                            defs,\n                        )}\n                    </clipPath>\n                ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;;;AAOA,IAAaM,uBAAuC,EAChDC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,OAAON,aAAaO,mBAAmBF,IAAI,EAC/C,GACA;CACIG,mBAAmB;EACfL,IAAI,aAAaA;EACjBM,yBACIZ,qBAAqBa,sBAAsB;GACvCP,IAAI,aAAaA;GACjBQ,QAAQ;IACJ,EAAEC,OAAOP,KAAKM,OAAOE,QAAQ;IAC7B,EAAED,OAAOP,KAAKM,OAAOG,UAAU;IAC/B,EAAEF,OAAOP,KAAKM,OAAOI,SAAS;GAAC;GAEnCC,OAAO;EACX,CAAC;CACT;CACAC,UAAU;EACNd,IAAI,SAASA;EACbM,gCAAmB;GAAA,IAAAS,OAAAC,OAAA;GAAAC,aAAAF,MAAA,MACD,SAASf,IAAI;GAAAkB,OAAAH,YACtBpB,cAAcwB,KAAKC,YAChB3B,YAAY4B,SACR,WACA,CACI,GAAG7B,UAAU8B,sBAAsB,KAAK,IAAI,EAAE,GAC9C,GAAG9B,UAAU8B,sBAAsB,IAAI,KAAK,EAAE,CAAC,GAEnD,CACI,GAAG9B,UAAU8B,sBAAsB,GAAG,KAAK,EAAE,GAC7C,GAAG9B,UAAU8B,sBAAsB,KAAK,GAAG,EAAE,CAAC,CAEtD,GACApB,IACJ,GAAC,IAAA;GAAAgB,OAAAH,YACApB,cAAcwB,KAAKC,YAChB3B,YAAY4B,SACR,WACA,CACI,GAAG7B,UAAU8B,sBAAsB,KAAK,KAAK,EAAE,GAC/C,GAAG9B,UAAU8B,sBAAsB,KAAK,KAAK,EAAE,CAAC,GAEpD,CACI,GAAG9B,UAAU8B,sBAAsB,GAAG,KAAK,EAAE,GAC7C,GAAG9B,UAAU8B,sBAAsB,KAAK,GAAG,EAAE,CAAC,CAEtD,GACApB,IACJ,GAAC,IAAA;GAAA,OAAAa;EAAA,EAAA,CAAA;CAGb;AACJ,CAAC,EAET"}

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

@@ -0,0 +1,41 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+//#region src/Samples/SVGDefs/Gradient/flow_2s.tsx
+var flow_2s = { computeSVGDefs: (id, __, defs) => [{ gradientOrPattern: {
+	id: `gradient1-${id}`,
+	renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+		id: `gradient1-${id}`,
+		colors: [
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary }
+		],
+		spreadKind: "banded",
+		scale: {
+			width: 2,
+			height: 1
+		},
+		offset: {
+			x: .5,
+			y: 0
+		}
+	}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal("x", x1, x2, [0, -1], defs))
+} }] };
+//#endregion
+export { flow_2s };
+
+//# sourceMappingURL=flow_2s.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow_2s.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","flow_2s","computeSVGDefs","id","__","defs","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","spreadKind","scale","width","height","offset","x","y","x1","y1","x2","y2","Linear","sweepOrthogonal"],"sources":["../../../../src/Samples/SVGDefs/Gradient/flow_2s.tsx"],"sourcesContent":["import { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\n\nexport const flow_2s: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                            ],\n                            spreadKind: \"banded\",\n                            scale: { width: 2, height: 1 },\n                            offset: { x: 0.5, y: 0 },\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal(\"x\", x1, x2, [0, -1], defs),\n                    ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;AAIA,IAAaG,UAA0B,EACnCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,mBAAmB;CACfH,IAAI,aAAaA;CACjBI,yBACIT,qBAAqBU,sBACjB;EACIL,IAAI,aAAaA;EACjBM,QAAQ;GACJ,EAAEC,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;EAAC;EAElCE,YAAY;EACZC,OAAO;GAAEC,OAAO;GAAGC,QAAQ;EAAE;EAC7BC,QAAQ;GAAEC,GAAG;GAAKC,GAAG;EAAE;CAC3B,IACCC,IAAIC,IAAIC,IAAIC,OAAOxB,cAAcyB,OAAOC,gBAAgB,KAAKL,IAAIE,IAAI,CAAC,GAAG,EAAE,GAAGjB,IAAI,CACvF;AACR,EACJ,CAAC,EAET"}

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

@@ -0,0 +1,34 @@
+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/flow_3.tsx
+var flow_3 = { computeSVGDefs: (id, __, defs) => [{
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.tertiary },
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.tertiary },
+				{ value: defs.colors.primary }
+			],
+			scale: {
+				width: 2,
+				height: 1
+			},
+			offset: {
+				x: .5,
+				y: 0
+			}
+		}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal("x", x1, x2, [0, -1], defs))
+	},
+	filter: SVGDefsUtils.getBaseBlur(id, defs)
+}] };
+//#endregion
+export { flow_3 };
+
+//# sourceMappingURL=flow_3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow_3.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","flow_3","computeSVGDefs","id","__","defs","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","tertiary","scale","width","height","offset","x","y","x1","y1","x2","y2","Linear","sweepOrthogonal","filter","getBaseBlur"],"sources":["../../../../src/Samples/SVGDefs/Gradient/flow_3.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 flow_3: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                            ],\n                            scale: { width: 2, height: 1 },\n                            offset: { x: 0.5, y: 0 },\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal(\"x\", x1, x2, [0, -1], defs),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,SAAyB,EAClCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B;CACIC,mBAAmB;EACfH,IAAI,aAAaA;EACjBI,yBACIV,qBAAqBW,sBACjB;GACIL,IAAI,aAAaA;GACjBM,QAAQ;IACJ,EAAEC,OAAOL,KAAKI,OAAOE,QAAQ;IAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;IAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;IAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;IAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;IAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;IAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;GAAC;GAElCG,OAAO;IAAEC,OAAO;IAAGC,QAAQ;GAAE;GAC7BC,QAAQ;IAAEC,GAAG;IAAKC,GAAG;GAAE;EAC3B,IACCC,IAAIC,IAAIC,IAAIC,OAAOzB,cAAc0B,OAAOC,gBAAgB,KAAKL,IAAIE,IAAI,CAAC,GAAG,EAAE,GAAGjB,IAAI,CACvF;CACR;CACAqB,QAAQ1B,aAAa2B,YAAYxB,IAAIE,IAAI;AAC7C,CAAC,EAET"}

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

@@ -0,0 +1,37 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+//#region src/Samples/SVGDefs/Gradient/flow_3s.tsx
+var flow_3s = { computeSVGDefs: (id, __, defs) => [{ gradientOrPattern: {
+	id: `gradient1-${id}`,
+	renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+		id: `gradient1-${id}`,
+		colors: [
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.tertiary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.tertiary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.tertiary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.tertiary },
+			{ value: defs.colors.primary }
+		],
+		spreadKind: "banded",
+		scale: {
+			width: 2,
+			height: 1
+		},
+		offset: {
+			x: .5,
+			y: 0
+		}
+	}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal("x", x1, x2, [0, -1], defs))
+} }] };
+//#endregion
+export { flow_3s };
+
+//# sourceMappingURL=flow_3s.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow_3s.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","flow_3s","computeSVGDefs","id","__","defs","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","tertiary","spreadKind","scale","width","height","offset","x","y","x1","y1","x2","y2","Linear","sweepOrthogonal"],"sources":["../../../../src/Samples/SVGDefs/Gradient/flow_3s.tsx"],"sourcesContent":["import { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\n\nexport const flow_3s: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                            ],\n                            spreadKind: \"banded\",\n                            scale: { width: 2, height: 1 },\n                            offset: { x: 0.5, y: 0 },\n                        },\n                        (x1, y1, x2, y2) => SVGAnimations.Linear.sweepOrthogonal(\"x\", x1, x2, [0, -1], defs),\n                    ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;AAIA,IAAaG,UAA0B,EACnCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,mBAAmB;CACfH,IAAI,aAAaA;CACjBI,yBACIT,qBAAqBU,sBACjB;EACIL,IAAI,aAAaA;EACjBM,QAAQ;GACJ,EAAEC,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;GAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;GAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;GAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;GAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;EAAC;EAElCG,YAAY;EACZC,OAAO;GAAEC,OAAO;GAAGC,QAAQ;EAAE;EAC7BC,QAAQ;GAAEC,GAAG;GAAKC,GAAG;EAAE;CAC3B,IACCC,IAAIC,IAAIC,IAAIC,OAAOzB,cAAc0B,OAAOC,gBAAgB,KAAKL,IAAIE,IAAI,CAAC,GAAG,EAAE,GAAGlB,IAAI,CACvF;AACR,EACJ,CAAC,EAET"}

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

@@ -0,0 +1,41 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils } from "@thewaver/ss-utils";
+//#region src/Samples/SVGDefs/Gradient/flow_diag_2s.tsx
+var flow_diag_2s = { computeSVGDefs: (id, __, defs) => [{ gradientOrPattern: {
+	id: `gradient1-${id}`,
+	renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+		id: `gradient1-${id}`,
+		colors: [
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.primary }
+		],
+		spreadKind: "banded",
+		angle: MathUtils.unwarpAngle(45, defs.getSize()),
+		scale: {
+			width: 2,
+			height: 2
+		},
+		offset: SVGDefsUtils.offsetDiagonally(.25, MathUtils.unwarpAngle(45, defs.getSize()))
+	}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, MathUtils.unwarpAngle(45, defs.getSize()), [0, -.5], defs))
+} }] };
+//#endregion
+export { flow_diag_2s };
+
+//# sourceMappingURL=flow_diag_2s.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow_diag_2s.js","names":["MathUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","flow_diag_2s","computeSVGDefs","id","__","defs","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","spreadKind","angle","unwarpAngle","getSize","scale","width","height","offset","offsetDiagonally","x1","y1","x2","y2","Linear","sweepDiagonal"],"sources":["../../../../src/Samples/SVGDefs/Gradient/flow_diag_2s.tsx"],"sourcesContent":["import { MathUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const flow_diag_2s: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.primary },\n                            ],\n                            spreadKind: \"banded\",\n                            angle: MathUtils.unwarpAngle(45, defs.getSize()),\n                            scale: { width: 2, height: 2 },\n                            offset: SVGDefsUtils.offsetDiagonally(0.25, MathUtils.unwarpAngle(45, defs.getSize())),\n                        },\n                        (x1, y1, x2, y2) =>\n                            SVGAnimations.Linear.sweepDiagonal(\n                                x1,\n                                y1,\n                                x2,\n                                y2,\n                                MathUtils.unwarpAngle(45, defs.getSize()),\n                                [0, -0.5],\n                                defs,\n                            ),\n                    ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;AAOA,IAAaK,eAA+B,EACxCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,mBAAmB;CACfH,IAAI,aAAaA;CACjBI,yBACIV,qBAAqBW,sBACjB;EACIL,IAAI,aAAaA;EACjBM,QAAQ;GACJ,EAAEC,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOE,QAAQ;EAAC;EAElCE,YAAY;EACZC,OAAOlB,UAAUmB,YAAY,IAAIV,KAAKW,QAAQ,CAAC;EAC/CC,OAAO;GAAEC,OAAO;GAAGC,QAAQ;EAAE;EAC7BC,QAAQpB,aAAaqB,iBAAiB,KAAMzB,UAAUmB,YAAY,IAAIV,KAAKW,QAAQ,CAAC,CAAC;CACzF,IACCM,IAAIC,IAAIC,IAAIC,OACT3B,cAAc4B,OAAOC,cACjBL,IACAC,IACAC,IACAC,IACA7B,UAAUmB,YAAY,IAAIV,KAAKW,QAAQ,CAAC,GACxC,CAAC,GAAG,GAAI,GACRX,IACJ,CACR;AACR,EACJ,CAAC,EAET"}

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

@@ -0,0 +1,33 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils } from "@thewaver/ss-utils";
+//#region src/Samples/SVGDefs/Gradient/flow_diag_3.tsx
+var flow_diag_3 = { computeSVGDefs: (id, __, defs) => [{
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.tertiary },
+				{ value: defs.colors.primary },
+				{ value: defs.colors.secondary },
+				{ value: defs.colors.tertiary },
+				{ value: defs.colors.primary }
+			],
+			angle: MathUtils.unwarpAngle(45, defs.getSize()),
+			scale: {
+				width: 2,
+				height: 2
+			},
+			offset: SVGDefsUtils.offsetDiagonally(.5, MathUtils.unwarpAngle(45, defs.getSize()))
+		}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, MathUtils.unwarpAngle(45, defs.getSize()), [0, -1], defs))
+	},
+	filter: SVGDefsUtils.getBaseBlur(id, defs)
+}] };
+//#endregion
+export { flow_diag_3 };
+
+//# sourceMappingURL=flow_diag_3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow_diag_3.js","names":["MathUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","flow_diag_3","computeSVGDefs","id","__","defs","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","tertiary","angle","unwarpAngle","getSize","scale","width","height","offset","offsetDiagonally","x1","y1","x2","y2","Linear","sweepDiagonal","filter","getBaseBlur"],"sources":["../../../../src/Samples/SVGDefs/Gradient/flow_diag_3.tsx"],"sourcesContent":["import { MathUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const flow_diag_3: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                            ],\n                            angle: MathUtils.unwarpAngle(45, defs.getSize()),\n                            scale: { width: 2, height: 2 },\n                            offset: SVGDefsUtils.offsetDiagonally(0.5, MathUtils.unwarpAngle(45, defs.getSize())),\n                        },\n                        (x1, y1, x2, y2) =>\n                            SVGAnimations.Linear.sweepDiagonal(\n                                x1,\n                                y1,\n                                x2,\n                                y2,\n                                MathUtils.unwarpAngle(45, defs.getSize()),\n                                [0, -1],\n                                defs,\n                            ),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;;AAOA,IAAaK,cAA8B,EACvCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B;CACIC,mBAAmB;EACfH,IAAI,aAAaA;EACjBI,yBACIV,qBAAqBW,sBACjB;GACIL,IAAI,aAAaA;GACjBM,QAAQ;IACJ,EAAEC,OAAOL,KAAKI,OAAOE,QAAQ;IAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;IAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;IAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;IAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;IAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;IAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;GAAC;GAElCG,OAAOlB,UAAUmB,YAAY,IAAIV,KAAKW,QAAQ,CAAC;GAC/CC,OAAO;IAAEC,OAAO;IAAGC,QAAQ;GAAE;GAC7BC,QAAQpB,aAAaqB,iBAAiB,IAAKzB,UAAUmB,YAAY,IAAIV,KAAKW,QAAQ,CAAC,CAAC;EACxF,IACCM,IAAIC,IAAIC,IAAIC,OACT3B,cAAc4B,OAAOC,cACjBL,IACAC,IACAC,IACAC,IACA7B,UAAUmB,YAAY,IAAIV,KAAKW,QAAQ,CAAC,GACxC,CAAC,GAAG,EAAE,GACNX,IACJ,CACR;CACR;CACAuB,QAAQ5B,aAAa6B,YAAY1B,IAAIE,IAAI;AAC7C,CAAC,EAET"}

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

@@ -0,0 +1,37 @@
+import { SVGGradientDefsUtils } from "../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils.js";
+import { SVGAnimations } from "../SVGAnimations.const.js";
+import { SVGDefsUtils } from "../SVGDefs.utils.js";
+import { MathUtils } from "@thewaver/ss-utils";
+//#region src/Samples/SVGDefs/Gradient/flow_diag_3s.tsx
+var flow_diag_3s = { computeSVGDefs: (id, __, defs) => [{ gradientOrPattern: {
+	id: `gradient1-${id}`,
+	renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+		id: `gradient1-${id}`,
+		colors: [
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.tertiary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.tertiary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.tertiary },
+			{ value: defs.colors.primary },
+			{ value: defs.colors.secondary },
+			{ value: defs.colors.tertiary },
+			{ value: defs.colors.primary }
+		],
+		spreadKind: "banded",
+		angle: MathUtils.unwarpAngle(45, defs.getSize()),
+		scale: {
+			width: 2,
+			height: 2
+		},
+		offset: SVGDefsUtils.offsetDiagonally(.25, MathUtils.unwarpAngle(45, defs.getSize()))
+	}, (x1, y1, x2, y2) => SVGAnimations.Linear.sweepDiagonal(x1, y1, x2, y2, MathUtils.unwarpAngle(45, defs.getSize()), [0, -.5], defs))
+} }] };
+//#endregion
+export { flow_diag_3s };
+
+//# sourceMappingURL=flow_diag_3s.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow_diag_3s.js","names":["MathUtils","SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","flow_diag_3s","computeSVGDefs","id","__","defs","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","secondary","tertiary","spreadKind","angle","unwarpAngle","getSize","scale","width","height","offset","offsetDiagonally","x1","y1","x2","y2","Linear","sweepDiagonal"],"sources":["../../../../src/Samples/SVGDefs/Gradient/flow_diag_3s.tsx"],"sourcesContent":["import { MathUtils } from \"@thewaver/ss-utils\";\n\nimport { SVGGradientDefsUtils } from \"../../../Abstracts/SVG/Defs/Gradient/SVGGradientDefs.utils\";\nimport { SVGAnimations } from \"../SVGAnimations.const\";\nimport type { GradientConfig } from \"../SVGDefs.types\";\nimport { SVGDefsUtils } from \"../SVGDefs.utils\";\n\nexport const flow_diag_3s: GradientConfig = {\n    computeSVGDefs: (id, __, defs) => [\n        {\n            gradientOrPattern: {\n                id: `gradient1-${id}`,\n                renderDefsElement: () =>\n                    SVGGradientDefsUtils.computeLinearGradient(\n                        {\n                            id: `gradient1-${id}`,\n                            colors: [\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                                { value: defs.colors.secondary },\n                                { value: defs.colors.tertiary },\n                                { value: defs.colors.primary },\n                            ],\n                            spreadKind: \"banded\",\n                            angle: MathUtils.unwarpAngle(45, defs.getSize()),\n                            scale: { width: 2, height: 2 },\n                            offset: SVGDefsUtils.offsetDiagonally(0.25, MathUtils.unwarpAngle(45, defs.getSize())),\n                        },\n                        (x1, y1, x2, y2) =>\n                            SVGAnimations.Linear.sweepDiagonal(\n                                x1,\n                                y1,\n                                x2,\n                                y2,\n                                MathUtils.unwarpAngle(45, defs.getSize()),\n                                [0, -0.5],\n                                defs,\n                            ),\n                    ),\n            },\n        },\n    ],\n};\n"],"mappings":";;;;;AAOA,IAAaK,eAA+B,EACxCC,iBAAiBC,IAAIC,IAAIC,SAAS,CAC9B,EACIC,mBAAmB;CACfH,IAAI,aAAaA;CACjBI,yBACIV,qBAAqBW,sBACjB;EACIL,IAAI,aAAaA;EACjBM,QAAQ;GACJ,EAAEC,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;GAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;GAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;GAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;GAC7B,EAAED,OAAOL,KAAKI,OAAOG,UAAU;GAC/B,EAAEF,OAAOL,KAAKI,OAAOI,SAAS;GAC9B,EAAEH,OAAOL,KAAKI,OAAOE,QAAQ;EAAC;EAElCG,YAAY;EACZC,OAAOnB,UAAUoB,YAAY,IAAIX,KAAKY,QAAQ,CAAC;EAC/CC,OAAO;GAAEC,OAAO;GAAGC,QAAQ;EAAE;EAC7BC,QAAQrB,aAAasB,iBAAiB,KAAM1B,UAAUoB,YAAY,IAAIX,KAAKY,QAAQ,CAAC,CAAC;CACzF,IACCM,IAAIC,IAAIC,IAAIC,OACT5B,cAAc6B,OAAOC,cACjBL,IACAC,IACAC,IACAC,IACA9B,UAAUoB,YAAY,IAAIX,KAAKY,QAAQ,CAAC,GACxC,CAAC,GAAG,GAAI,GACRZ,IACJ,CACR;AACR,EACJ,CAAC,EAET"}

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

@@ -0,0 +1,24 @@
+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/hue_1.tsx
+var hue_1 = { computeSVGDefs: (id, __, defs) => [{ color: SVGDefsUtils.getBaseBorderColor(defs) }, {
+	gradientOrPattern: {
+		id: `gradient1-${id}`,
+		renderDefsElement: () => SVGGradientDefsUtils.computeLinearGradient({
+			id: `gradient1-${id}`,
+			colors: [{ value: defs.colors.primary }],
+			angle: 90
+		}, SVGAnimations.Gradient.cycleSmoothColors(`gradient1-${id}`, [[
+			defs.colors.primary,
+			defs.colors.secondary,
+			defs.colors.tertiary,
+			defs.colors.primary
+		]], defs))
+	},
+	filter: SVGDefsUtils.getBaseBlur(id, defs)
+}] };
+//#endregion
+export { hue_1 };
+
+//# sourceMappingURL=hue_1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hue_1.js","names":["SVGGradientDefsUtils","SVGAnimations","GradientConfig","SVGDefsUtils","hue_1","computeSVGDefs","id","__","defs","color","getBaseBorderColor","gradientOrPattern","renderDefsElement","computeLinearGradient","colors","value","primary","angle","Gradient","cycleSmoothColors","secondary","tertiary","filter","getBaseBlur"],"sources":["../../../../src/Samples/SVGDefs/Gradient/hue_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 hue_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: [{ value: defs.colors.primary }],\n                            angle: 90,\n                        },\n                        SVGAnimations.Gradient.cycleSmoothColors(\n                            `gradient1-${id}`,\n                            [[defs.colors.primary, defs.colors.secondary, defs.colors.tertiary, defs.colors.primary]],\n                            defs,\n                        ),\n                    ),\n            },\n            filter: SVGDefsUtils.getBaseBlur(id, defs),\n        },\n    ],\n};\n"],"mappings":";;;;AAKA,IAAaI,QAAwB,EACjCC,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,CAAC,EAAEC,OAAOP,KAAKM,OAAOE,QAAQ,CAAC;GACvCC,OAAO;EACX,GACAhB,cAAciB,SAASC,kBACnB,aAAab,MACb,CAAC;GAACE,KAAKM,OAAOE;GAASR,KAAKM,OAAOM;GAAWZ,KAAKM,OAAOO;GAAUb,KAAKM,OAAOE;EAAO,CAAC,GACxFR,IACJ,CACJ;CACR;CACAc,QAAQnB,aAAaoB,YAAYjB,IAAIE,IAAI;AAC7C,CAAC,EAET"}