@thewaver/ss-components 0.0.1 → 0.0.2

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

@@ -0,0 +1,33 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/popTopRight.ts
+var popTopRight = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		originX: 1,
+		originY: 0,
+		scaleX: 0,
+		scaleY: 0
+	},
+	{
+		at: .5,
+		scaleX: 100,
+		scaleY: 100,
+		brightness: 80
+	},
+	{
+		at: .75,
+		scaleX: 150,
+		scaleY: 150
+	},
+	{
+		at: 1,
+		originX: 1,
+		originY: 0,
+		scaleX: 100,
+		scaleY: 100
+	}
+]);
+//#endregion
+export { popTopRight };
+
+//# sourceMappingURL=popTopRight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popTopRight.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/popTopRight.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const popTopRight: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, originX: 1, originY: 0, scaleX: 0, scaleY: 0 },\n    { at: 0.5, scaleX: 100, scaleY: 100, brightness: 80 },\n    { at: 0.75, scaleX: 150, scaleY: 150 },\n    { at: 1, originX: 1, originY: 0, scaleX: 100, scaleY: 100 },\n]);\n"],"mappings":";;AAGA,IAAa,cAA+B,2BAA2B,UAAU;CAC7E;EAAE,IAAI;EAAG,SAAS;EAAG,SAAS;EAAG,QAAQ;EAAG,QAAQ;CAAE;CACtD;EAAE,IAAI;EAAK,QAAQ;EAAK,QAAQ;EAAK,YAAY;CAAG;CACpD;EAAE,IAAI;EAAM,QAAQ;EAAK,QAAQ;CAAI;CACrC;EAAE,IAAI;EAAG,SAAS;EAAG,SAAS;EAAG,QAAQ;EAAK,QAAQ;CAAI;AAC9D,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullCheckered.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullCheckered.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { pullHorizontal } from \"./pullHorizontal\";\r\nimport { pullVertical } from \"./pullVertical\";\r\n\r\nexport const pullCheckered: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [{ zone: \"evenCheckeredCells\", animation: pullHorizontal }],\r\n    pullVertical,\r\n);\r\n"],"mappings":";;;;AAKA,IAAa,gBAAiC,2BAA2B,UACrE,CAAC;CAAE,MAAM;CAAsB,WAAW;AAAe,CAAC,GAC1D,YACJ"}

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

@@ -0,0 +1,15 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/pullDown.ts
+var pullDown = CellAnimationKeyframeUtils.fromStops([{
+	at: 0,
+	originY: 0,
+	scaleY: 0
+}, {
+	at: 1,
+	originY: 0,
+	scaleY: 100
+}]);
+//#endregion
+export { pullDown };
+
+//# sourceMappingURL=pullDown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullDown.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullDown.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const pullDown: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, originY: 0, scaleY: 0 },\n    { at: 1, originY: 0, scaleY: 100 },\n]);\n"],"mappings":";;AAGA,IAAa,WAA4B,2BAA2B,UAAU,CAC1E;CAAE,IAAI;CAAG,SAAS;CAAG,QAAQ;AAAE,GAC/B;CAAE,IAAI;CAAG,SAAS;CAAG,QAAQ;AAAI,CACrC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/pullHorizontal.ts
+var pullHorizontal = CellAnimationKeyframeUtils.fromStops([{
+	at: 0,
+	scaleX: 100,
+	scaleY: 0
+}, {
+	at: 1,
+	scaleX: 100,
+	scaleY: 100
+}]);
+//#endregion
+export { pullHorizontal };
+
+//# sourceMappingURL=pullHorizontal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullHorizontal.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullHorizontal.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const pullHorizontal: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, scaleX: 100, scaleY: 0 },\n    { at: 1, scaleX: 100, scaleY: 100 },\n]);\n"],"mappings":";;AAGA,IAAa,iBAAkC,2BAA2B,UAAU,CAChF;CAAE,IAAI;CAAG,QAAQ;CAAK,QAAQ;AAAE,GAChC;CAAE,IAAI;CAAG,QAAQ;CAAK,QAAQ;AAAI,CACtC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/pullLeft.ts
+var pullLeft = CellAnimationKeyframeUtils.fromStops([{
+	at: 0,
+	originX: 1,
+	scaleX: 0
+}, {
+	at: 1,
+	originX: 1,
+	scaleX: 100
+}]);
+//#endregion
+export { pullLeft };
+
+//# sourceMappingURL=pullLeft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullLeft.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullLeft.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const pullLeft: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, originX: 1, scaleX: 0 },\n    { at: 1, originX: 1, scaleX: 100 },\n]);\n"],"mappings":";;AAGA,IAAa,WAA4B,2BAA2B,UAAU,CAC1E;CAAE,IAAI;CAAG,SAAS;CAAG,QAAQ;AAAE,GAC/B;CAAE,IAAI;CAAG,SAAS;CAAG,QAAQ;AAAI,CACrC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullQuadrant.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullQuadrant.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { pullDown } from \"./pullDown\";\r\nimport { pullLeft } from \"./pullLeft\";\r\nimport { pullRight } from \"./pullRight\";\r\nimport { pullUp } from \"./pullUp\";\r\nimport { zoomIn } from \"./zoomIn\";\r\n\r\nexport const pullQuadrant: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [\r\n        { zone: \"top\", animation: pullUp },\r\n        { zone: \"bottom\", animation: pullDown },\r\n        { zone: \"left\", animation: pullLeft },\r\n        { zone: \"right\", animation: pullRight },\r\n    ],\r\n    zoomIn,\r\n);\r\n"],"mappings":";;;;;;;AAQA,IAAa,eAAgC,2BAA2B,UACpE;CACI;EAAE,MAAM;EAAO,WAAW;CAAO;CACjC;EAAE,MAAM;EAAU,WAAW;CAAS;CACtC;EAAE,MAAM;EAAQ,WAAW;CAAS;CACpC;EAAE,MAAM;EAAS,WAAW;CAAU;AAC1C,GACA,MACJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullQuadrantInverted.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullQuadrantInverted.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { pullDown } from \"./pullDown\";\r\nimport { pullLeft } from \"./pullLeft\";\r\nimport { pullRight } from \"./pullRight\";\r\nimport { pullUp } from \"./pullUp\";\r\nimport { zoomIn } from \"./zoomIn\";\r\n\r\nexport const pullQuadrantInverted: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [\r\n        { zone: \"top\", animation: pullDown },\r\n        { zone: \"bottom\", animation: pullUp },\r\n        { zone: \"left\", animation: pullRight },\r\n        { zone: \"right\", animation: pullLeft },\r\n    ],\r\n    zoomIn,\r\n);\r\n"],"mappings":";;;;;;;AAQA,IAAa,uBAAwC,2BAA2B,UAC5E;CACI;EAAE,MAAM;EAAO,WAAW;CAAS;CACnC;EAAE,MAAM;EAAU,WAAW;CAAO;CACpC;EAAE,MAAM;EAAQ,WAAW;CAAU;CACrC;EAAE,MAAM;EAAS,WAAW;CAAS;AACzC,GACA,MACJ"}

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

@@ -0,0 +1,15 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/pullRight.ts
+var pullRight = CellAnimationKeyframeUtils.fromStops([{
+	at: 0,
+	originX: 0,
+	scaleX: 0
+}, {
+	at: 1,
+	originX: 0,
+	scaleX: 100
+}]);
+//#endregion
+export { pullRight };
+
+//# sourceMappingURL=pullRight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullRight.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullRight.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const pullRight: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, originX: 0, scaleX: 0 },\n    { at: 1, originX: 0, scaleX: 100 },\n]);\n"],"mappings":";;AAGA,IAAa,YAA6B,2BAA2B,UAAU,CAC3E;CAAE,IAAI;CAAG,SAAS;CAAG,QAAQ;AAAE,GAC/B;CAAE,IAAI;CAAG,SAAS;CAAG,QAAQ;AAAI,CACrC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullRings.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullRings.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { pullHorizontal } from \"./pullHorizontal\";\r\nimport { pullVertical } from \"./pullVertical\";\r\n\r\nexport const pullRings: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [{ zone: \"evenRings\", animation: pullHorizontal }],\r\n    pullVertical,\r\n);\r\n"],"mappings":";;;;AAKA,IAAa,YAA6B,2BAA2B,UACjE,CAAC;CAAE,MAAM;CAAa,WAAW;AAAe,CAAC,GACjD,YACJ"}

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

@@ -0,0 +1,15 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/pullUp.ts
+var pullUp = CellAnimationKeyframeUtils.fromStops([{
+	at: 0,
+	originY: 1,
+	scaleY: 0
+}, {
+	at: 1,
+	originY: 1,
+	scaleY: 100
+}]);
+//#endregion
+export { pullUp };
+
+//# sourceMappingURL=pullUp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullUp.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullUp.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const pullUp: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, originY: 1, scaleY: 0 },\n    { at: 1, originY: 1, scaleY: 100 },\n]);\n"],"mappings":";;AAGA,IAAa,SAA0B,2BAA2B,UAAU,CACxE;CAAE,IAAI;CAAG,SAAS;CAAG,QAAQ;AAAE,GAC/B;CAAE,IAAI;CAAG,SAAS;CAAG,QAAQ;AAAI,CACrC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/pullVertical.ts
+var pullVertical = CellAnimationKeyframeUtils.fromStops([{
+	at: 0,
+	scaleX: 0,
+	scaleY: 100
+}, {
+	at: 1,
+	scaleX: 100,
+	scaleY: 100
+}]);
+//#endregion
+export { pullVertical };
+
+//# sourceMappingURL=pullVertical.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pullVertical.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/pullVertical.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const pullVertical: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, scaleX: 0, scaleY: 100 },\n    { at: 1, scaleX: 100, scaleY: 100 },\n]);\n"],"mappings":";;AAGA,IAAa,eAAgC,2BAA2B,UAAU,CAC9E;CAAE,IAAI;CAAG,QAAQ;CAAG,QAAQ;AAAI,GAChC;CAAE,IAAI;CAAG,QAAQ;CAAK,QAAQ;AAAI,CACtC,CAAC"}

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

@@ -0,0 +1,17 @@
+import { CellAnimationZones } from "../../Zones/CellAnimationZones.const.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/quadrantScatter.ts
+var quadrantScatter = (timeline, defs) => {
+	const offset = (1 - timeline) * 200;
+	const scale = 20 + timeline * 80;
+	return {
+		translateX: CellAnimationZones.isInZone("right", defs) ? offset : CellAnimationZones.isInZone("left", defs) ? -offset : 0,
+		translateY: CellAnimationZones.isInZone("bottom", defs) ? offset : CellAnimationZones.isInZone("top", defs) ? -offset : 0,
+		scaleX: scale,
+		scaleY: scale,
+		opacity: timeline * 100
+	};
+};
+//#endregion
+export { quadrantScatter };
+
+//# sourceMappingURL=quadrantScatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quadrantScatter.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/quadrantScatter.ts"],"sourcesContent":["import { CellAnimationZones } from \"../../Zones/CellAnimationZones.const\";\nimport type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\n\nexport const quadrantScatter: CellAnimationFn = (timeline, defs) => {\n    const offset = (1 - timeline) * 200;\n    const scale = 20 + timeline * 80;\n\n    return {\n        translateX: CellAnimationZones.isInZone(\"right\", defs)\n            ? offset\n            : CellAnimationZones.isInZone(\"left\", defs)\n              ? -offset\n              : 0,\n        translateY: CellAnimationZones.isInZone(\"bottom\", defs)\n            ? offset\n            : CellAnimationZones.isInZone(\"top\", defs)\n              ? -offset\n              : 0,\n        scaleX: scale,\n        scaleY: scale,\n        opacity: timeline * 100,\n    };\n};\n"],"mappings":";;AAGA,IAAa,mBAAoC,UAAU,SAAS;CAChE,MAAM,UAAU,IAAI,YAAY;CAChC,MAAM,QAAQ,KAAK,WAAW;CAE9B,OAAO;EACH,YAAY,mBAAmB,SAAS,SAAS,IAAI,IAC/C,SACA,mBAAmB,SAAS,QAAQ,IAAI,IACtC,CAAC,SACD;EACR,YAAY,mBAAmB,SAAS,UAAU,IAAI,IAChD,SACA,mBAAmB,SAAS,OAAO,IAAI,IACrC,CAAC,SACD;EACR,QAAQ;EACR,QAAQ;EACR,SAAS,WAAW;CACxB;AACJ"}

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

@@ -0,0 +1,25 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/rollDownLeft.ts
+var rollDownLeft = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		opacity: 0,
+		translateX: -400,
+		translateY: -400,
+		rotate: -90
+	},
+	{
+		at: .25,
+		opacity: 100
+	},
+	{
+		at: 1,
+		translateX: 0,
+		translateY: 0,
+		rotate: 0
+	}
+]);
+//#endregion
+export { rollDownLeft };
+
+//# sourceMappingURL=rollDownLeft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollDownLeft.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/rollDownLeft.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const rollDownLeft: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, opacity: 0, translateX: -400, translateY: -400, rotate: -90 },\n    { at: 0.25, opacity: 100 },\n    { at: 1, translateX: 0, translateY: 0, rotate: 0 },\n]);\n"],"mappings":";;AAGA,IAAa,eAAgC,2BAA2B,UAAU;CAC9E;EAAE,IAAI;EAAG,SAAS;EAAG,YAAY;EAAM,YAAY;EAAM,QAAQ;CAAI;CACrE;EAAE,IAAI;EAAM,SAAS;CAAI;CACzB;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;CAAE;AACrD,CAAC"}

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

@@ -0,0 +1,25 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/rollDownRight.ts
+var rollDownRight = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		opacity: 0,
+		translateX: 400,
+		translateY: -400,
+		rotate: 90
+	},
+	{
+		at: .25,
+		opacity: 100
+	},
+	{
+		at: 1,
+		translateX: 0,
+		translateY: 0,
+		rotate: 0
+	}
+]);
+//#endregion
+export { rollDownRight };
+
+//# sourceMappingURL=rollDownRight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollDownRight.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/rollDownRight.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const rollDownRight: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, opacity: 0, translateX: 400, translateY: -400, rotate: 90 },\n    { at: 0.25, opacity: 100 },\n    { at: 1, translateX: 0, translateY: 0, rotate: 0 },\n]);\n"],"mappings":";;AAGA,IAAa,gBAAiC,2BAA2B,UAAU;CAC/E;EAAE,IAAI;EAAG,SAAS;EAAG,YAAY;EAAK,YAAY;EAAM,QAAQ;CAAG;CACnE;EAAE,IAAI;EAAM,SAAS;CAAI;CACzB;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;CAAE;AACrD,CAAC"}

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

@@ -0,0 +1,45 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+import { zoomIn } from "./zoomIn.js";
+import { rollDownLeft } from "./rollDownLeft.js";
+import { rollDownRight } from "./rollDownRight.js";
+import { rollUpLeft } from "./rollUpLeft.js";
+import { rollUpRight } from "./rollUpRight.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/rollQuadrant.ts
+var rollQuadrant = CellAnimationKeyframeUtils.fromZones([
+	{
+		zone: "quadrant1",
+		animation: rollUpRight
+	},
+	{
+		zone: "quadrant2",
+		animation: rollUpLeft
+	},
+	{
+		zone: "quadrant3",
+		animation: rollDownLeft
+	},
+	{
+		zone: "quadrant4",
+		animation: rollDownRight
+	},
+	{
+		zone: "axis1",
+		animation: rollUpRight
+	},
+	{
+		zone: "axis3",
+		animation: rollDownRight
+	},
+	{
+		zone: "axis4",
+		animation: rollDownLeft
+	},
+	{
+		zone: "axis2",
+		animation: rollUpLeft
+	}
+], zoomIn);
+//#endregion
+export { rollQuadrant };
+
+//# sourceMappingURL=rollQuadrant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollQuadrant.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/rollQuadrant.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { rollDownLeft } from \"./rollDownLeft\";\r\nimport { rollDownRight } from \"./rollDownRight\";\r\nimport { rollUpLeft } from \"./rollUpLeft\";\r\nimport { rollUpRight } from \"./rollUpRight\";\r\nimport { zoomIn } from \"./zoomIn\";\r\n\r\nexport const rollQuadrant: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [\r\n        { zone: \"quadrant1\", animation: rollUpRight },\r\n        { zone: \"quadrant2\", animation: rollUpLeft },\r\n        { zone: \"quadrant3\", animation: rollDownLeft },\r\n        { zone: \"quadrant4\", animation: rollDownRight },\r\n        { zone: \"axis1\", animation: rollUpRight },\r\n        { zone: \"axis3\", animation: rollDownRight },\r\n        { zone: \"axis4\", animation: rollDownLeft },\r\n        { zone: \"axis2\", animation: rollUpLeft },\r\n    ],\r\n    zoomIn,\r\n);\r\n"],"mappings":";;;;;;;AAQA,IAAa,eAAgC,2BAA2B,UACpE;CACI;EAAE,MAAM;EAAa,WAAW;CAAY;CAC5C;EAAE,MAAM;EAAa,WAAW;CAAW;CAC3C;EAAE,MAAM;EAAa,WAAW;CAAa;CAC7C;EAAE,MAAM;EAAa,WAAW;CAAc;CAC9C;EAAE,MAAM;EAAS,WAAW;CAAY;CACxC;EAAE,MAAM;EAAS,WAAW;CAAc;CAC1C;EAAE,MAAM;EAAS,WAAW;CAAa;CACzC;EAAE,MAAM;EAAS,WAAW;CAAW;AAC3C,GACA,MACJ"}

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

@@ -0,0 +1,45 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+import { zoomIn } from "./zoomIn.js";
+import { rollDownLeft } from "./rollDownLeft.js";
+import { rollDownRight } from "./rollDownRight.js";
+import { rollUpLeft } from "./rollUpLeft.js";
+import { rollUpRight } from "./rollUpRight.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/rollQuadrantInverted.ts
+var rollQuadrantInverted = CellAnimationKeyframeUtils.fromZones([
+	{
+		zone: "quadrant1",
+		animation: rollDownLeft
+	},
+	{
+		zone: "quadrant2",
+		animation: rollDownRight
+	},
+	{
+		zone: "quadrant3",
+		animation: rollUpRight
+	},
+	{
+		zone: "quadrant4",
+		animation: rollUpLeft
+	},
+	{
+		zone: "axis1",
+		animation: rollDownLeft
+	},
+	{
+		zone: "axis3",
+		animation: rollUpLeft
+	},
+	{
+		zone: "axis4",
+		animation: rollUpRight
+	},
+	{
+		zone: "axis2",
+		animation: rollDownRight
+	}
+], zoomIn);
+//#endregion
+export { rollQuadrantInverted };
+
+//# sourceMappingURL=rollQuadrantInverted.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollQuadrantInverted.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/rollQuadrantInverted.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\nimport { rollDownLeft } from \"./rollDownLeft\";\r\nimport { rollDownRight } from \"./rollDownRight\";\r\nimport { rollUpLeft } from \"./rollUpLeft\";\r\nimport { rollUpRight } from \"./rollUpRight\";\r\nimport { zoomIn } from \"./zoomIn\";\r\n\r\nexport const rollQuadrantInverted: CellAnimationFn = CellAnimationKeyframeUtils.fromZones(\r\n    [\r\n        { zone: \"quadrant1\", animation: rollDownLeft },\r\n        { zone: \"quadrant2\", animation: rollDownRight },\r\n        { zone: \"quadrant3\", animation: rollUpRight },\r\n        { zone: \"quadrant4\", animation: rollUpLeft },\r\n        { zone: \"axis1\", animation: rollDownLeft },\r\n        { zone: \"axis3\", animation: rollUpLeft },\r\n        { zone: \"axis4\", animation: rollUpRight },\r\n        { zone: \"axis2\", animation: rollDownRight },\r\n    ],\r\n    zoomIn,\r\n);\r\n"],"mappings":";;;;;;;AAQA,IAAa,uBAAwC,2BAA2B,UAC5E;CACI;EAAE,MAAM;EAAa,WAAW;CAAa;CAC7C;EAAE,MAAM;EAAa,WAAW;CAAc;CAC9C;EAAE,MAAM;EAAa,WAAW;CAAY;CAC5C;EAAE,MAAM;EAAa,WAAW;CAAW;CAC3C;EAAE,MAAM;EAAS,WAAW;CAAa;CACzC;EAAE,MAAM;EAAS,WAAW;CAAW;CACvC;EAAE,MAAM;EAAS,WAAW;CAAY;CACxC;EAAE,MAAM;EAAS,WAAW;CAAc;AAC9C,GACA,MACJ"}

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

@@ -0,0 +1,25 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/rollUpLeft.ts
+var rollUpLeft = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		opacity: 0,
+		translateX: -400,
+		translateY: 400,
+		rotate: -90
+	},
+	{
+		at: .25,
+		opacity: 100
+	},
+	{
+		at: 1,
+		translateX: 0,
+		translateY: 0,
+		rotate: 0
+	}
+]);
+//#endregion
+export { rollUpLeft };
+
+//# sourceMappingURL=rollUpLeft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollUpLeft.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/rollUpLeft.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const rollUpLeft: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, opacity: 0, translateX: -400, translateY: 400, rotate: -90 },\n    { at: 0.25, opacity: 100 },\n    { at: 1, translateX: 0, translateY: 0, rotate: 0 },\n]);\n"],"mappings":";;AAGA,IAAa,aAA8B,2BAA2B,UAAU;CAC5E;EAAE,IAAI;EAAG,SAAS;EAAG,YAAY;EAAM,YAAY;EAAK,QAAQ;CAAI;CACpE;EAAE,IAAI;EAAM,SAAS;CAAI;CACzB;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;CAAE;AACrD,CAAC"}

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

@@ -0,0 +1,25 @@
+import { CellAnimationKeyframeUtils } from "../CellAnimationKeyframes.utils.js";
+//#region src/Samples/CellAnimation/Keyframes/Samples/rollUpRight.ts
+var rollUpRight = CellAnimationKeyframeUtils.fromStops([
+	{
+		at: 0,
+		opacity: 0,
+		translateX: 400,
+		translateY: 400,
+		rotate: 90
+	},
+	{
+		at: .25,
+		opacity: 100
+	},
+	{
+		at: 1,
+		translateX: 0,
+		translateY: 0,
+		rotate: 0
+	}
+]);
+//#endregion
+export { rollUpRight };
+
+//# sourceMappingURL=rollUpRight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rollUpRight.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/rollUpRight.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const rollUpRight: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, opacity: 0, translateX: 400, translateY: 400, rotate: 90 },\n    { at: 0.25, opacity: 100 },\n    { at: 1, translateX: 0, translateY: 0, rotate: 0 },\n]);\n"],"mappings":";;AAGA,IAAa,cAA+B,2BAA2B,UAAU;CAC7E;EAAE,IAAI;EAAG,SAAS;EAAG,YAAY;EAAK,YAAY;EAAK,QAAQ;CAAG;CAClE;EAAE,IAAI;EAAM,SAAS;CAAI;CACzB;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;CAAE;AACrD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"shakeDown.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/shakeDown.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\n\nexport const shakeDown: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\n    { at: 0, opacity: 0, translateX: -100, translateY: -800, rotate: 20 },\n    { at: 0.25, opacity: 100, translateX: 100, translateY: -600, rotate: -20 },\n    { at: 0.5, translateX: -50, translateY: -400, rotate: 10 },\n    { at: 0.75, translateX: 50, translateY: -200, rotate: -10 },\n    { at: 1, translateX: 0, translateY: 0, rotate: 0 },\n]);\n"],"mappings":";;AAGA,IAAa,YAA6B,2BAA2B,UAAU;CAC3E;EAAE,IAAI;EAAG,SAAS;EAAG,YAAY;EAAM,YAAY;EAAM,QAAQ;CAAG;CACpE;EAAE,IAAI;EAAM,SAAS;EAAK,YAAY;EAAK,YAAY;EAAM,QAAQ;CAAI;CACzE;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAM,QAAQ;CAAG;CACzD;EAAE,IAAI;EAAM,YAAY;EAAI,YAAY;EAAM,QAAQ;CAAI;CAC1D;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;CAAE;AACrD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"shakeLeft.js","names":[],"sources":["../../../../../src/Samples/CellAnimation/Keyframes/Samples/shakeLeft.ts"],"sourcesContent":["import type { CellAnimationFn } from \"../CellAnimationKeyframes.types\";\r\nimport { CellAnimationKeyframeUtils } from \"../CellAnimationKeyframes.utils\";\r\n\r\nexport const shakeLeft: CellAnimationFn = CellAnimationKeyframeUtils.fromStops([\r\n    { at: 0, opacity: 0, translateY: -100, translateX: 800, rotate: 20 },\r\n    { at: 0.25, opacity: 100, translateY: 100, translateX: 600, rotate: -20 },\r\n    { at: 0.5, translateY: -50, translateX: 400, rotate: 10 },\r\n    { at: 0.75, translateY: 50, translateX: 200, rotate: -10 },\r\n    { at: 1, translateY: 0, translateX: 0, rotate: 0 },\r\n]);\r\n"],"mappings":";;AAGA,IAAa,YAA6B,2BAA2B,UAAU;CAC3E;EAAE,IAAI;EAAG,SAAS;EAAG,YAAY;EAAM,YAAY;EAAK,QAAQ;CAAG;CACnE;EAAE,IAAI;EAAM,SAAS;EAAK,YAAY;EAAK,YAAY;EAAK,QAAQ;CAAI;CACxE;EAAE,IAAI;EAAK,YAAY;EAAK,YAAY;EAAK,QAAQ;CAAG;CACxD;EAAE,IAAI;EAAM,YAAY;EAAI,YAAY;EAAK,QAAQ;CAAI;CACzD;EAAE,IAAI;EAAG,YAAY;EAAG,YAAY;EAAG,QAAQ;CAAE;AACrD,CAAC"}

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

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