@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Samples/CellAnimation/Keyframes/Samples/swarmCcw.js

@@ -0,0 +1,96 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swarmCcw.ts
+var swarmCcw = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		translateX: 200,
+		translateY: 200,
+		scaleX: 0,
+		scaleY: 0,
+		rotate: 360
+	},
+	{
+		at: .1,
+		translateX: 200,
+		translateY: -200,
+		scaleX: 5,
+		scaleY: 5,
+		rotate: 360
+	},
+	{
+		at: .2,
+		translateX: -200,
+		translateY: -200,
+		scaleX: 10,
+		scaleY: 10,
+		rotate: 320
+	},
+	{
+		at: .3,
+		translateX: -200,
+		translateY: 200,
+		scaleX: 15,
+		scaleY: 15,
+		rotate: 280
+	},
+	{
+		at: .4,
+		translateX: 100,
+		translateY: 200,
+		scaleX: 20,
+		scaleY: 20,
+		rotate: 240
+	},
+	{
+		at: .5,
+		translateX: 100,
+		translateY: -100,
+		scaleX: 25,
+		scaleY: 25,
+		rotate: 200
+	},
+	{
+		at: .6,
+		translateX: -100,
+		translateY: -100,
+		scaleX: 35,
+		scaleY: 35,
+		rotate: 160
+	},
+	{
+		at: .7,
+		translateX: -100,
+		translateY: 100,
+		scaleX: 45,
+		scaleY: 45,
+		rotate: 120
+	},
+	{
+		at: .8,
+		translateX: 0,
+		translateY: 100,
+		scaleX: 60,
+		scaleY: 60,
+		rotate: 80
+	},
+	{
+		at: .9,
+		translateX: 0,
+		translateY: 0,
+		scaleX: 80,
+		scaleY: 80,
+		rotate: 40
+	},
+	{
+		at: 1,
+		translateX: 0,
+		translateY: 0,
+		scaleX: 100,
+		scaleY: 100,
+		rotate: 0
+	}
+]);
+//#endregion
+export { swarmCcw };
+
+//# sourceMappingURL=swarmCcw.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swarmCcw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swarmCcw.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swarmCcw.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const swarmCcw: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, translateX: 200, translateY: 200, scaleX: 0, scaleY: 0, rotate: 360 },\n    { at: 0.1, translateX: 200, translateY: -200, scaleX: 5, scaleY: 5, rotate: 360 },\n    { at: 0.2, translateX: -200, translateY: -200, scaleX: 10, scaleY: 10, rotate: 320 },\n    { at: 0.3, translateX: -200, translateY: 200, scaleX: 15, scaleY: 15, rotate: 280 },\n    { at: 0.4, translateX: 100, translateY: 200, scaleX: 20, scaleY: 20, rotate: 240 },\n    { at: 0.5, translateX: 100, translateY: -100, scaleX: 25, scaleY: 25, rotate: 200 },\n    { at: 0.6, translateX: -100, translateY: -100, scaleX: 35, scaleY: 35, rotate: 160 },\n    { at: 0.7, translateX: -100, translateY: 100, scaleX: 45, scaleY: 45, rotate: 120 },\n    { at: 0.8, translateX: 0, translateY: 100, scaleX: 60, scaleY: 60, rotate: 80 },\n    { at: 0.9, translateX: 0, translateY: 0, scaleX: 80, scaleY: 80, rotate: 40 },\n    { at: 1, translateX: 0, translateY: 0, scaleX: 100, scaleY: 100, rotate: 0 },\n]);\n"],"mappings":";;AAGA,IAAa,WAA4B,2BAA2B,UAAU;CAC1E;EAAE,IAAI;EAAG,YAAY;EAAK,YAAY;EAAK,QAAQ;EAAG,QAAQ;EAAG,QAAQ;CAAI;CAC7E;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAM,QAAQ;EAAG,QAAQ;EAAG,QAAQ;CAAI;CAChF;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAM,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAI;CACnF;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAK,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAI;CAClF;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAK,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAI;CACjF;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAM,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAI;CAClF;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAM,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAI;CACnF;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAK,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAI;CAClF;EAAE,IAAI;EAAK,YAAY;EAAG,YAAY;EAAK,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAG;CAC9E;EAAE,IAAI;EAAK,YAAY;EAAG,YAAY;EAAG,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAG;CAC5E;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;EAAK,QAAQ;EAAK,QAAQ;CAAE;AAC/E,CAAC"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swarmCheckered.js

@@ -0,0 +1,12 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+import { swarmCcw } from "./swarmCcw.js";
+import { swarmCw } from "./swarmCw.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swarmCheckered.ts
+var swarmCheckered = CellAnimationKeyframeUtils.fromZones([{
+	zone: "evenCheckeredCells",
+	animation: swarmCw
+}], swarmCcw);
+//#endregion
+export { swarmCheckered };
+
+//# sourceMappingURL=swarmCheckered.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swarmCheckered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swarmCheckered.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swarmCheckered.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { swarmCcw } from \"./swarmCcw\";\r\nimport { swarmCw } from \"./swarmCw\";\r\n\r\nexport const swarmCheckered: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [{ zone: \"evenCheckeredCells\", animation: swarmCw }],\r\n    swarmCcw,\r\n);\r\n"],"mappings":";;;;AAKA,IAAa,iBAAkC,2BAA2B,UACtE,CAAC;CAAE,MAAM;CAAsB,WAAW;AAAQ,CAAC,GACnD,QACJ"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swarmCw.js

@@ -0,0 +1,96 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swarmCw.ts
+var swarmCw = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		translateX: -200,
+		translateY: -200,
+		scaleX: 0,
+		scaleY: 0,
+		rotate: -360
+	},
+	{
+		at: .1,
+		translateX: 200,
+		translateY: -200,
+		scaleX: 5,
+		scaleY: 5,
+		rotate: -360
+	},
+	{
+		at: .2,
+		translateX: 200,
+		translateY: 200,
+		scaleX: 10,
+		scaleY: 10,
+		rotate: -320
+	},
+	{
+		at: .3,
+		translateX: -200,
+		translateY: 200,
+		scaleX: 15,
+		scaleY: 15,
+		rotate: -280
+	},
+	{
+		at: .4,
+		translateX: -200,
+		translateY: -100,
+		scaleX: 20,
+		scaleY: 20,
+		rotate: -240
+	},
+	{
+		at: .5,
+		translateX: 100,
+		translateY: -100,
+		scaleX: 25,
+		scaleY: 25,
+		rotate: -200
+	},
+	{
+		at: .6,
+		translateX: 100,
+		translateY: 100,
+		scaleX: 30,
+		scaleY: 30,
+		rotate: -160
+	},
+	{
+		at: .7,
+		translateX: -100,
+		translateY: 100,
+		scaleX: 45,
+		scaleY: 45,
+		rotate: -120
+	},
+	{
+		at: .8,
+		translateX: -100,
+		translateY: 0,
+		scaleX: 60,
+		scaleY: 60,
+		rotate: -80
+	},
+	{
+		at: .9,
+		translateX: 0,
+		translateY: 0,
+		scaleX: 80,
+		scaleY: 80,
+		rotate: -40
+	},
+	{
+		at: 1,
+		translateX: 0,
+		translateY: 0,
+		scaleX: 100,
+		scaleY: 100,
+		rotate: 0
+	}
+]);
+//#endregion
+export { swarmCw };
+
+//# sourceMappingURL=swarmCw.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swarmCw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swarmCw.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swarmCw.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const swarmCw: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, translateX: -200, translateY: -200, scaleX: 0, scaleY: 0, rotate: -360 },\n    { at: 0.1, translateX: 200, translateY: -200, scaleX: 5, scaleY: 5, rotate: -360 },\n    { at: 0.2, translateX: 200, translateY: 200, scaleX: 10, scaleY: 10, rotate: -320 },\n    { at: 0.3, translateX: -200, translateY: 200, scaleX: 15, scaleY: 15, rotate: -280 },\n    { at: 0.4, translateX: -200, translateY: -100, scaleX: 20, scaleY: 20, rotate: -240 },\n    { at: 0.5, translateX: 100, translateY: -100, scaleX: 25, scaleY: 25, rotate: -200 },\n    { at: 0.6, translateX: 100, translateY: 100, scaleX: 30, scaleY: 30, rotate: -160 },\n    { at: 0.7, translateX: -100, translateY: 100, scaleX: 45, scaleY: 45, rotate: -120 },\n    { at: 0.8, translateX: -100, translateY: 0, scaleX: 60, scaleY: 60, rotate: -80 },\n    { at: 0.9, translateX: 0, translateY: 0, scaleX: 80, scaleY: 80, rotate: -40 },\n    { at: 1, translateX: 0, translateY: 0, scaleX: 100, scaleY: 100, rotate: 0 },\n]);\n"],"mappings":";;AAGA,IAAa,UAA2B,2BAA2B,UAAU;CACzE;EAAE,IAAI;EAAG,YAAY;EAAM,YAAY;EAAM,QAAQ;EAAG,QAAQ;EAAG,QAAQ;CAAK;CAChF;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAM,QAAQ;EAAG,QAAQ;EAAG,QAAQ;CAAK;CACjF;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAK,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAK;CAClF;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAK,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAK;CACnF;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAM,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAK;CACpF;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAM,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAK;CACnF;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAK,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAK;CAClF;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAK,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAK;CACnF;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAG,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAI;CAChF;EAAE,IAAI;EAAK,YAAY;EAAG,YAAY;EAAG,QAAQ;EAAI,QAAQ;EAAI,QAAQ;CAAI;CAC7E;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;EAAK,QAAQ;EAAK,QAAQ;CAAE;AAC/E,CAAC"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swarmRings.js

@@ -0,0 +1,12 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+import { swarmCcw } from "./swarmCcw.js";
+import { swarmCw } from "./swarmCw.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swarmRings.ts
+var swarmRings = CellAnimationKeyframeUtils.fromZones([{
+	zone: "evenRings",
+	animation: swarmCw
+}], swarmCcw);
+//#endregion
+export { swarmRings };
+
+//# sourceMappingURL=swarmRings.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swarmRings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swarmRings.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swarmRings.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { swarmCcw } from \"./swarmCcw\";\r\nimport { swarmCw } from \"./swarmCw\";\r\n\r\nexport const swarmRings: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [{ zone: \"evenRings\", animation: swarmCw }],\r\n    swarmCcw,\r\n);\r\n"],"mappings":";;;;AAKA,IAAa,aAA8B,2BAA2B,UAClE,CAAC;CAAE,MAAM;CAAa,WAAW;AAAQ,CAAC,GAC1C,QACJ"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swingBottom.js

@@ -0,0 +1,39 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swingBottom.ts
+var swingBottom = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		originY: 1,
+		opacity: 0,
+		rotate: 75
+	},
+	{
+		at: .2,
+		opacity: 100
+	},
+	{
+		at: .4,
+		rotate: -40
+	},
+	{
+		at: .6,
+		rotate: 20
+	},
+	{
+		at: .8,
+		rotate: -8
+	},
+	{
+		at: .9,
+		rotate: 3
+	},
+	{
+		at: 1,
+		originY: 1,
+		rotate: 0
+	}
+]);
+//#endregion
+export { swingBottom };
+
+//# sourceMappingURL=swingBottom.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swingBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swingBottom.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swingBottom.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\n\r\nexport const swingBottom: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\r\n    { at: 0, originY: 1, opacity: 0, rotate: 75 },\r\n    { at: 0.2, opacity: 100 },\r\n    { at: 0.4, rotate: -40 },\r\n    { at: 0.6, rotate: 20 },\r\n    { at: 0.8, rotate: -8 },\r\n    { at: 0.9, rotate: 3 },\r\n    { at: 1, originY: 1, rotate: 0 },\r\n]);\r\n"],"mappings":";;AAGA,IAAa,cAA+B,2BAA2B,UAAU;CAC7E;EAAE,IAAI;EAAG,SAAS;EAAG,SAAS;EAAG,QAAQ;CAAG;CAC5C;EAAE,IAAI;EAAK,SAAS;CAAI;CACxB;EAAE,IAAI;EAAK,QAAQ;CAAI;CACvB;EAAE,IAAI;EAAK,QAAQ;CAAG;CACtB;EAAE,IAAI;EAAK,QAAQ;CAAG;CACtB;EAAE,IAAI;EAAK,QAAQ;CAAE;CACrB;EAAE,IAAI;EAAG,SAAS;EAAG,QAAQ;CAAE;AACnC,CAAC"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swingLeft.js

@@ -0,0 +1,39 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swingLeft.ts
+var swingLeft = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		originX: 0,
+		opacity: 0,
+		rotate: -75
+	},
+	{
+		at: .2,
+		opacity: 100
+	},
+	{
+		at: .4,
+		rotate: 40
+	},
+	{
+		at: .6,
+		rotate: -20
+	},
+	{
+		at: .8,
+		rotate: 8
+	},
+	{
+		at: .9,
+		rotate: -3
+	},
+	{
+		at: 1,
+		originX: 0,
+		rotate: 0
+	}
+]);
+//#endregion
+export { swingLeft };
+
+//# sourceMappingURL=swingLeft.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swingLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swingLeft.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swingLeft.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\n\r\nexport const swingLeft: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\r\n    { at: 0, originX: 0, opacity: 0, rotate: -75 },\r\n    { at: 0.2, opacity: 100 },\r\n    { at: 0.4, rotate: 40 },\r\n    { at: 0.6, rotate: -20 },\r\n    { at: 0.8, rotate: 8 },\r\n    { at: 0.9, rotate: -3 },\r\n    { at: 1, originX: 0, rotate: 0 },\r\n]);\r\n"],"mappings":";;AAGA,IAAa,YAA6B,2BAA2B,UAAU;CAC3E;EAAE,IAAI;EAAG,SAAS;EAAG,SAAS;EAAG,QAAQ;CAAI;CAC7C;EAAE,IAAI;EAAK,SAAS;CAAI;CACxB;EAAE,IAAI;EAAK,QAAQ;CAAG;CACtB;EAAE,IAAI;EAAK,QAAQ;CAAI;CACvB;EAAE,IAAI;EAAK,QAAQ;CAAE;CACrB;EAAE,IAAI;EAAK,QAAQ;CAAG;CACtB;EAAE,IAAI;EAAG,SAAS;EAAG,QAAQ;CAAE;AACnC,CAAC"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swingQuadrant.js

@@ -0,0 +1,29 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+import { zoomIn } from "./zoomIn.js";
+import { swingBottom } from "./swingBottom.js";
+import { swingLeft } from "./swingLeft.js";
+import { swingRight } from "./swingRight.js";
+import { swingTop } from "./swingTop.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swingQuadrant.ts
+var swingQuadrant = CellAnimationKeyframeUtils.fromZones([
+	{
+		zone: "top",
+		animation: swingTop
+	},
+	{
+		zone: "bottom",
+		animation: swingBottom
+	},
+	{
+		zone: "left",
+		animation: swingLeft
+	},
+	{
+		zone: "right",
+		animation: swingRight
+	}
+], zoomIn);
+//#endregion
+export { swingQuadrant };
+
+//# sourceMappingURL=swingQuadrant.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swingQuadrant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swingQuadrant.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swingQuadrant.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { swingBottom } from \"./swingBottom\";\r\nimport { swingLeft } from \"./swingLeft\";\r\nimport { swingRight } from \"./swingRight\";\r\nimport { swingTop } from \"./swingTop\";\r\nimport { zoomIn } from \"./zoomIn\";\r\n\r\nexport const swingQuadrant: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [\r\n        { zone: \"top\", animation: swingTop },\r\n        { zone: \"bottom\", animation: swingBottom },\r\n        { zone: \"left\", animation: swingLeft },\r\n        { zone: \"right\", animation: swingRight },\r\n    ],\r\n    zoomIn,\r\n);\r\n"],"mappings":";;;;;;;AAQA,IAAa,gBAAiC,2BAA2B,UACrE;CACI;EAAE,MAAM;EAAO,WAAW;CAAS;CACnC;EAAE,MAAM;EAAU,WAAW;CAAY;CACzC;EAAE,MAAM;EAAQ,WAAW;CAAU;CACrC;EAAE,MAAM;EAAS,WAAW;CAAW;AAC3C,GACA,MACJ"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swingQuadrantInverted.js

@@ -0,0 +1,29 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+import { zoomIn } from "./zoomIn.js";
+import { swingBottom } from "./swingBottom.js";
+import { swingLeft } from "./swingLeft.js";
+import { swingRight } from "./swingRight.js";
+import { swingTop } from "./swingTop.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swingQuadrantInverted.ts
+var swingQuadrantInverted = CellAnimationKeyframeUtils.fromZones([
+	{
+		zone: "top",
+		animation: swingBottom
+	},
+	{
+		zone: "bottom",
+		animation: swingTop
+	},
+	{
+		zone: "left",
+		animation: swingRight
+	},
+	{
+		zone: "right",
+		animation: swingLeft
+	}
+], zoomIn);
+//#endregion
+export { swingQuadrantInverted };
+
+//# sourceMappingURL=swingQuadrantInverted.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swingQuadrantInverted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swingQuadrantInverted.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swingQuadrantInverted.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { swingBottom } from \"./swingBottom\";\r\nimport { swingLeft } from \"./swingLeft\";\r\nimport { swingRight } from \"./swingRight\";\r\nimport { swingTop } from \"./swingTop\";\r\nimport { zoomIn } from \"./zoomIn\";\r\n\r\nexport const swingQuadrantInverted: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [\r\n        { zone: \"top\", animation: swingBottom },\r\n        { zone: \"bottom\", animation: swingTop },\r\n        { zone: \"left\", animation: swingRight },\r\n        { zone: \"right\", animation: swingLeft },\r\n    ],\r\n    zoomIn,\r\n);\r\n"],"mappings":";;;;;;;AAQA,IAAa,wBAAyC,2BAA2B,UAC7E;CACI;EAAE,MAAM;EAAO,WAAW;CAAY;CACtC;EAAE,MAAM;EAAU,WAAW;CAAS;CACtC;EAAE,MAAM;EAAQ,WAAW;CAAW;CACtC;EAAE,MAAM;EAAS,WAAW;CAAU;AAC1C,GACA,MACJ"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swingRight.js

@@ -0,0 +1,39 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swingRight.ts
+var swingRight = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		originX: 1,
+		opacity: 0,
+		rotate: 75
+	},
+	{
+		at: .2,
+		opacity: 100
+	},
+	{
+		at: .4,
+		rotate: -40
+	},
+	{
+		at: .6,
+		rotate: 20
+	},
+	{
+		at: .8,
+		rotate: -8
+	},
+	{
+		at: .9,
+		rotate: 3
+	},
+	{
+		at: 1,
+		originX: 1,
+		rotate: 0
+	}
+]);
+//#endregion
+export { swingRight };
+
+//# sourceMappingURL=swingRight.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swingRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swingRight.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swingRight.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\n\r\nexport const swingRight: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\r\n    { at: 0, originX: 1, opacity: 0, rotate: 75 },\r\n    { at: 0.2, opacity: 100 },\r\n    { at: 0.4, rotate: -40 },\r\n    { at: 0.6, rotate: 20 },\r\n    { at: 0.8, rotate: -8 },\r\n    { at: 0.9, rotate: 3 },\r\n    { at: 1, originX: 1, rotate: 0 },\r\n]);\r\n"],"mappings":";;AAGA,IAAa,aAA8B,2BAA2B,UAAU;CAC5E;EAAE,IAAI;EAAG,SAAS;EAAG,SAAS;EAAG,QAAQ;CAAG;CAC5C;EAAE,IAAI;EAAK,SAAS;CAAI;CACxB;EAAE,IAAI;EAAK,QAAQ;CAAI;CACvB;EAAE,IAAI;EAAK,QAAQ;CAAG;CACtB;EAAE,IAAI;EAAK,QAAQ;CAAG;CACtB;EAAE,IAAI;EAAK,QAAQ;CAAE;CACrB;EAAE,IAAI;EAAG,SAAS;EAAG,QAAQ;CAAE;AACnC,CAAC"}

package/dist/Samples/CellAnimation/Keyframes/Samples/swingTop.js

@@ -0,0 +1,39 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/swingTop.ts
+var swingTop = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		originY: 0,
+		opacity: 0,
+		rotate: -75
+	},
+	{
+		at: .2,
+		opacity: 100
+	},
+	{
+		at: .4,
+		rotate: 40
+	},
+	{
+		at: .6,
+		rotate: -20
+	},
+	{
+		at: .8,
+		rotate: 8
+	},
+	{
+		at: .9,
+		rotate: -3
+	},
+	{
+		at: 1,
+		originY: 0,
+		rotate: 0
+	}
+]);
+//#endregion
+export { swingTop };
+
+//# sourceMappingURL=swingTop.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/swingTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swingTop.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/swingTop.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\n\r\nexport const swingTop: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\r\n    { at: 0, originY: 0, opacity: 0, rotate: -75 },\r\n    { at: 0.2, opacity: 100 },\r\n    { at: 0.4, rotate: 40 },\r\n    { at: 0.6, rotate: -20 },\r\n    { at: 0.8, rotate: 8 },\r\n    { at: 0.9, rotate: -3 },\r\n    { at: 1, originY: 0, rotate: 0 },\r\n]);\r\n"],"mappings":";;AAGA,IAAa,WAA4B,2BAA2B,UAAU;CAC1E;EAAE,IAAI;EAAG,SAAS;EAAG,SAAS;EAAG,QAAQ;CAAI;CAC7C;EAAE,IAAI;EAAK,SAAS;CAAI;CACxB;EAAE,IAAI;EAAK,QAAQ;CAAG;CACtB;EAAE,IAAI;EAAK,QAAQ;CAAI;CACvB;EAAE,IAAI;EAAK,QAAQ;CAAE;CACrB;EAAE,IAAI;EAAK,QAAQ;CAAG;CACtB;EAAE,IAAI;EAAG,SAAS;EAAG,QAAQ;CAAE;AACnC,CAAC"}

package/dist/Samples/CellAnimation/Keyframes/Samples/tumbleDown.js

@@ -0,0 +1,40 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/tumbleDown.ts
+var tumbleDown = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		opacity: 0,
+		translateY: -200,
+		translateX: 0,
+		rotate: -180
+	},
+	{
+		at: .25,
+		opacity: 100,
+		translateY: -150,
+		translateX: 50,
+		rotate: -135
+	},
+	{
+		at: .5,
+		translateY: -100,
+		translateX: 0,
+		rotate: -90
+	},
+	{
+		at: .75,
+		translateY: -50,
+		translateX: 25,
+		rotate: -45
+	},
+	{
+		at: 1,
+		translateY: 0,
+		translateX: 0,
+		rotate: 0
+	}
+]);
+//#endregion
+export { tumbleDown };
+
+//# sourceMappingURL=tumbleDown.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/tumbleDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tumbleDown.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/tumbleDown.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\n\r\nexport const tumbleDown: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\r\n    { at: 0, opacity: 0, translateY: -200, translateX: 0, rotate: -180 },\r\n    { at: 0.25, opacity: 100, translateY: -150, translateX: 50, rotate: -135 },\r\n    { at: 0.5, translateY: -100, translateX: 0, rotate: -90 },\r\n    { at: 0.75, translateY: -50, translateX: 25, rotate: -45 },\r\n    { at: 1, translateY: 0, translateX: 0, rotate: 0 },\r\n]);\r\n"],"mappings":";;AAGA,IAAa,aAA8B,2BAA2B,UAAU;CAC5E;EAAE,IAAI;EAAG,SAAS;EAAG,YAAY;EAAM,YAAY;EAAG,QAAQ;CAAK;CACnE;EAAE,IAAI;EAAM,SAAS;EAAK,YAAY;EAAM,YAAY;EAAI,QAAQ;CAAK;CACzE;EAAE,IAAI;EAAK,YAAY;EAAM,YAAY;EAAG,QAAQ;CAAI;CACxD;EAAE,IAAI;EAAM,YAAY;EAAK,YAAY;EAAI,QAAQ;CAAI;CACzD;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;CAAE;AACrD,CAAC"}

package/dist/Samples/CellAnimation/Keyframes/Samples/tumbleLeft.js

@@ -0,0 +1,40 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/tumbleLeft.ts
+var tumbleLeft = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		opacity: 0,
+		translateX: 200,
+		translateY: 0,
+		rotate: 180
+	},
+	{
+		at: .25,
+		opacity: 100,
+		translateX: 150,
+		translateY: 50,
+		rotate: 135
+	},
+	{
+		at: .5,
+		translateX: 100,
+		translateY: 0,
+		rotate: 90
+	},
+	{
+		at: .75,
+		translateX: 50,
+		translateY: 25,
+		rotate: 45
+	},
+	{
+		at: 1,
+		translateX: 0,
+		translateY: 0,
+		rotate: 0
+	}
+]);
+//#endregion
+export { tumbleLeft };
+
+//# sourceMappingURL=tumbleLeft.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/tumbleLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tumbleLeft.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/tumbleLeft.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const tumbleLeft: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, opacity: 0, translateX: 200, translateY: 0, rotate: 180 },\n    { at: 0.25, opacity: 100, translateX: 150, translateY: 50, rotate: 135 },\n    { at: 0.5, translateX: 100, translateY: 0, rotate: 90 },\n    { at: 0.75, translateX: 50, translateY: 25, rotate: 45 },\n    { at: 1, translateX: 0, translateY: 0, rotate: 0 },\n]);\n"],"mappings":";;AAGA,IAAa,aAA8B,2BAA2B,UAAU;CAC5E;EAAE,IAAI;EAAG,SAAS;EAAG,YAAY;EAAK,YAAY;EAAG,QAAQ;CAAI;CACjE;EAAE,IAAI;EAAM,SAAS;EAAK,YAAY;EAAK,YAAY;EAAI,QAAQ;CAAI;CACvE;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAG,QAAQ;CAAG;CACtD;EAAE,IAAI;EAAM,YAAY;EAAI,YAAY;EAAI,QAAQ;CAAG;CACvD;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;CAAE;AACrD,CAAC"}

package/dist/Samples/CellAnimation/Keyframes/Samples/tumbleQuadrant.js

@@ -0,0 +1,29 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+import { zoomIn } from "./zoomIn.js";
+import { tumbleDown } from "./tumbleDown.js";
+import { tumbleLeft } from "./tumbleLeft.js";
+import { tumbleRight } from "./tumbleRight.js";
+import { tumbleUp } from "./tumbleUp.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/tumbleQuadrant.ts
+var tumbleQuadrant = CellAnimationKeyframeUtils.fromZones([
+	{
+		zone: "top",
+		animation: tumbleUp
+	},
+	{
+		zone: "bottom",
+		animation: tumbleDown
+	},
+	{
+		zone: "left",
+		animation: tumbleLeft
+	},
+	{
+		zone: "right",
+		animation: tumbleRight
+	}
+], zoomIn);
+//#endregion
+export { tumbleQuadrant };
+
+//# sourceMappingURL=tumbleQuadrant.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/tumbleQuadrant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tumbleQuadrant.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/tumbleQuadrant.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { tumbleDown } from \"./tumbleDown\";\r\nimport { tumbleLeft } from \"./tumbleLeft\";\r\nimport { tumbleRight } from \"./tumbleRight\";\r\nimport { tumbleUp } from \"./tumbleUp\";\r\nimport { zoomIn } from \"./zoomIn\";\r\n\r\nexport const tumbleQuadrant: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [\r\n        { zone: \"top\", animation: tumbleUp },\r\n        { zone: \"bottom\", animation: tumbleDown },\r\n        { zone: \"left\", animation: tumbleLeft },\r\n        { zone: \"right\", animation: tumbleRight },\r\n    ],\r\n    zoomIn,\r\n);\r\n"],"mappings":";;;;;;;AAQA,IAAa,iBAAkC,2BAA2B,UACtE;CACI;EAAE,MAAM;EAAO,WAAW;CAAS;CACnC;EAAE,MAAM;EAAU,WAAW;CAAW;CACxC;EAAE,MAAM;EAAQ,WAAW;CAAW;CACtC;EAAE,MAAM;EAAS,WAAW;CAAY;AAC5C,GACA,MACJ"}

package/dist/Samples/CellAnimation/Keyframes/Samples/tumbleQuadrantInverted.js

@@ -0,0 +1,29 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+import { zoomIn } from "./zoomIn.js";
+import { tumbleDown } from "./tumbleDown.js";
+import { tumbleLeft } from "./tumbleLeft.js";
+import { tumbleRight } from "./tumbleRight.js";
+import { tumbleUp } from "./tumbleUp.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/tumbleQuadrantInverted.ts
+var tumbleQuadrantInverted = CellAnimationKeyframeUtils.fromZones([
+	{
+		zone: "top",
+		animation: tumbleDown
+	},
+	{
+		zone: "bottom",
+		animation: tumbleUp
+	},
+	{
+		zone: "left",
+		animation: tumbleRight
+	},
+	{
+		zone: "right",
+		animation: tumbleLeft
+	}
+], zoomIn);
+//#endregion
+export { tumbleQuadrantInverted };
+
+//# sourceMappingURL=tumbleQuadrantInverted.js.map

package/dist/Samples/CellAnimation/Keyframes/Samples/tumbleQuadrantInverted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tumbleQuadrantInverted.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/tumbleQuadrantInverted.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { tumbleDown } from \"./tumbleDown\";\r\nimport { tumbleLeft } from \"./tumbleLeft\";\r\nimport { tumbleRight } from \"./tumbleRight\";\r\nimport { tumbleUp } from \"./tumbleUp\";\r\nimport { zoomIn } from \"./zoomIn\";\r\n\r\nexport const tumbleQuadrantInverted: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [\r\n        { zone: \"top\", animation: tumbleDown },\r\n        { zone: \"bottom\", animation: tumbleUp },\r\n        { zone: \"left\", animation: tumbleRight },\r\n        { zone: \"right\", animation: tumbleLeft },\r\n    ],\r\n    zoomIn,\r\n);\r\n"],"mappings":";;;;;;;AAQA,IAAa,yBAA0C,2BAA2B,UAC9E;CACI;EAAE,MAAM;EAAO,WAAW;CAAW;CACrC;EAAE,MAAM;EAAU,WAAW;CAAS;CACtC;EAAE,MAAM;EAAQ,WAAW;CAAY;CACvC;EAAE,MAAM;EAAS,WAAW;CAAW;AAC3C,GACA,MACJ"}