1 files changed, 185 insertions, 0 deletions
diff --git a/js/panels/presets/default-animation-presets.js b/js/panels/presets/default-animation-presets.js
new file mode 100644
index 00000000..b12a94b2
--- /dev/null
+++ b/js/panels/presets/default-animation-presets.js
@@ -0,0 +1,185 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+exports.animationPresets = {
+    "text": "Animation Presets Library",
+    "children": [{
+        "text": "Border Animations",
+        "children": [
+            {
+                "text": "Border Morph",
+                "selectorBase" : "border-morph",
+                "rules" : [{
+                    "styles" : {
+                        "-webkit-animation": "border-morph 2s infinite"
+                    }
+                },
+                    {
+                        "isKeyFrameRule": true,
+                        "keys" : [{
+                            "keyText": "0%",
+                            "styles": { "border-radius": "0" }
+                        }, {
+                            "keyText": "50%",
+                            "styles": {
+                                "border-radius": "100%"
+                            }
+                        }, {
+                            "keyText": "100%",
+                            "styles": {
+                                "border-radius": "0%"
+                            }
+                        }]
+                    }]
+            }]
+    }, {
+        "text": "2D Animations",
+    "children": [
+        {
+            "text": "Slide Out with Fade",
+            "selectorBase": "slide-fade-out",
+            "rules" : [{
+                "selectorSuffix" : "",
+                "styles" : {
+                    "-webkit-animation-name": "slide-fade-out",
+                    "-webkit-animation-duration": "5s",
+                    "-webkit-animation-iteration-count": "infinite",
+                    "-webkit-animation-direction": "normal",
+                    "-webkit-animation-timing-function": "ease",
+                    "-webkit-transform-style": "preserve-3d",
+                    "-webkit-transform": "perspective(1000)",
+                    "-webkit-animation-delay": "0s"
+                }
+            },{
+                "isKeyFrameRule": true,
+                "keys" : [{
+                    "keyText": "0%",
+                    "styles": {
+                        "opacity": "0",
+                        "-webkit-transform": "translate3d(0, 0, 0)"
+                    }
+                }, {
+                    "keyText": "10%",
+                    "styles": {
+                        "opacity": "1",
+                        "-webkit-transform": "translate3d(0, 0, 0)"
+                    }
+                }, {
+                    "keyText": "86%",
+                    "styles": {
+                        "opacity": "1",
+                        "-webkit-transform": "translate3d(0, 0, 0)"
+                    }
+                }, {
+                    "keyText": "100%",
+                    "styles": {
+                        "opacity": "0",
+                        "-webkit-transform": "translate3d(540px, 0, 0)"
+                    }
+                }]
+            }]
+        }]
+    }, {
+        "text": "3D Animations",
+        "children": [
+            {
+                "text": "Rotater",
+                "selectorBase" : "rotate-with-alpha-keyframes",
+                "rules" : [{
+                    "styles" : {
+                        "-webkit-animation-name": "rotate-with-alpha-keyframes",
+                        "-webkit-animation-duration": "5s",
+                        "-webkit-animation-iteration-count": "infinite",
+                        "-webkit-animation-direction": "normal",
+                        "-webkit-animation-timing-function": "ease-out",
+                        "-webkit-transform-origin": "100% 50%",
+                        "-webkit-transform-style": "preserve-3d",
+                        "-webkit-transform": "perspective(1000)",
+                        "-webkit-animation-delay": "0s"
+                    }
+                },{
+                    "isKeyFrameRule": true,
+                    "keys" : [{
+                        "keyText": "0%",
+                        "styles": {
+                            "opacity": "1",
+                            "-webkit-transform": "perspective(1000) rotateY(0deg)"
+                        }
+                    }, {
+                        "keyText": "70%",
+                        "styles": {
+                            "opacity": "1",
+                            "-webkit-transform": "perspective(1000) rotateY(0deg)"
+                        }
+                    }, {
+                        "keyText": "85%",
+                        "styles": {
+                            "opacity": "0",
+                            "-webkit-transform": "perspective(1000) rotateY(95deg)"
+                        }
+                    }, {
+                        "keyText": "86%",
+                        "styles": {
+                            "opacity": "0",
+                            "-webkit-transform": "perspective(1000) rotateY(-90deg)"
+                        }
+                    }, {
+                        "keyText": "100%",
+                        "styles": {
+                            "opacity": "1",
+                            "-webkit-transform": "perspective(1000) rotateY(0deg)"
+                        }
+                    }]
+                }]
+            },
+            {
+                "text": "Rotate with Fade In",
+                "selectorBase" : "rotate-with-fade-in",
+                "rules" : [{
+                    "selectorSuffix" : "",
+                    "styles" : {
+                        "-webkit-animation-name": "rotate-with-fade-in",
+                        "-webkit-animation-duration": "5s",
+                        "-webkit-animation-iteration-count": "infinite",
+                        "-webkit-animation-direction": "normal",
+                        "-webkit-animation-timing-function": "ease-out",
+                        "-webkit-transform-origin": "100% 50%",
+                        "-webkit-transform-style": "preserve-3d",
+                        "-webkit-transform": "perspective(1000)",
+                        "-webkit-animation-delay": "0s"
+                    }
+                },{
+                    "isKeyFrameRule": true,
+                    "keys" : [{
+                        "keyText": "0%",
+                        "styles": {
+                            "opacity": "0",
+                            "-webkit-transform": "perspective(1000) rotateY(-90deg)"
+                        }
+                    }, {
+                        "keyText": "15%",
+                        "styles": {
+                            "opacity": "1",
+                            "-webkit-transform": "perspective(1000) rotateY(0deg)"
+                        }
+                    }, {
+                        "keyText": "85%",
+                        "styles": {
+                            "opacity": "1",
+                            "-webkit-transform": "perspective(1000) rotateY(0deg)"
+                        }
+                    }, {
+                        "keyText": "100%",
+                        "styles": {
+                            "opacity": "0",
+                            "-webkit-transform": "perspective(1000) rotateY(95deg)"
+                        }
+                    }]
+                }]
+            }]
+    }]
+};
+\ No newline at end of file

diff --git a/js/panels/presets/default-animation-presets.js b/js/panels/presets/default-animation-presets.js new file mode 100644 index 00000000..b12a94b2 --- /dev/null +++ b/js/panels/presets/default-animation-presets.js
@@ -0,0 +1,185 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	exports.animationPresets = {
	8	"text": "Animation Presets Library",
	9	"children": [{
	10	"text": "Border Animations",
	11	"children": [
	12	{
	13	"text": "Border Morph",
	14	"selectorBase" : "border-morph",
	15	"rules" : [{
	16	"styles" : {
	17	"-webkit-animation": "border-morph 2s infinite"
	18	}
	19	},
	20	{
	21	"isKeyFrameRule": true,
	22	"keys" : [{
	23	"keyText": "0%",
	24	"styles": { "border-radius": "0" }
	25	}, {
	26	"keyText": "50%",
	27	"styles": {
	28	"border-radius": "100%"
	29	}
	30	}, {
	31	"keyText": "100%",
	32	"styles": {
	33	"border-radius": "0%"
	34	}
	35	}]
	36	}]
	37	}]
	38	}, {
	39	"text": "2D Animations",
	40	"children": [
	41	{
	42	"text": "Slide Out with Fade",
	43	"selectorBase": "slide-fade-out",
	44	"rules" : [{
	45	"selectorSuffix" : "",
	46	"styles" : {
	47	"-webkit-animation-name": "slide-fade-out",
	48	"-webkit-animation-duration": "5s",
	49	"-webkit-animation-iteration-count": "infinite",
	50	"-webkit-animation-direction": "normal",
	51	"-webkit-animation-timing-function": "ease",
	52	"-webkit-transform-style": "preserve-3d",
	53	"-webkit-transform": "perspective(1000)",
	54	"-webkit-animation-delay": "0s"
	55	}
	56	},{
	57	"isKeyFrameRule": true,
	58	"keys" : [{
	59	"keyText": "0%",
	60	"styles": {
	61	"opacity": "0",
	62	"-webkit-transform": "translate3d(0, 0, 0)"
	63	}
	64	}, {
	65	"keyText": "10%",
	66	"styles": {
	67	"opacity": "1",
	68	"-webkit-transform": "translate3d(0, 0, 0)"
	69	}
	70	}, {
	71	"keyText": "86%",
	72	"styles": {
	73	"opacity": "1",
	74	"-webkit-transform": "translate3d(0, 0, 0)"
	75
	76	}
	77	}, {
	78	"keyText": "100%",
	79	"styles": {
	80	"opacity": "0",
	81	"-webkit-transform": "translate3d(540px, 0, 0)"
	82	}
	83	}]
	84	}]
	85	}]
	86	}, {
	87	"text": "3D Animations",
	88	"children": [
	89	{
	90	"text": "Rotater",
	91	"selectorBase" : "rotate-with-alpha-keyframes",
	92	"rules" : [{
	93	"styles" : {
	94	"-webkit-animation-name": "rotate-with-alpha-keyframes",
	95	"-webkit-animation-duration": "5s",
	96	"-webkit-animation-iteration-count": "infinite",
	97	"-webkit-animation-direction": "normal",
	98	"-webkit-animation-timing-function": "ease-out",
	99	"-webkit-transform-origin": "100% 50%",
	100	"-webkit-transform-style": "preserve-3d",
	101	"-webkit-transform": "perspective(1000)",
	102	"-webkit-animation-delay": "0s"
	103	}
	104	},{
	105	"isKeyFrameRule": true,
	106	"keys" : [{
	107	"keyText": "0%",
	108	"styles": {
	109	"opacity": "1",
	110	"-webkit-transform": "perspective(1000) rotateY(0deg)"
	111	}
	112	}, {
	113	"keyText": "70%",
	114	"styles": {
	115	"opacity": "1",
	116	"-webkit-transform": "perspective(1000) rotateY(0deg)"
	117	}
	118	}, {
	119	"keyText": "85%",
	120	"styles": {
	121	"opacity": "0",
	122	"-webkit-transform": "perspective(1000) rotateY(95deg)"
	123	}
	124	}, {
	125	"keyText": "86%",
	126	"styles": {
	127	"opacity": "0",
	128	"-webkit-transform": "perspective(1000) rotateY(-90deg)"
	129	}
	130	}, {
	131	"keyText": "100%",
	132	"styles": {
	133	"opacity": "1",
	134	"-webkit-transform": "perspective(1000) rotateY(0deg)"
	135	}
	136	}]
	137	}]
	138	},
	139	{
	140	"text": "Rotate with Fade In",
	141	"selectorBase" : "rotate-with-fade-in",
	142	"rules" : [{
	143	"selectorSuffix" : "",
	144	"styles" : {
	145	"-webkit-animation-name": "rotate-with-fade-in",
	146	"-webkit-animation-duration": "5s",
	147	"-webkit-animation-iteration-count": "infinite",
	148	"-webkit-animation-direction": "normal",
	149	"-webkit-animation-timing-function": "ease-out",
	150	"-webkit-transform-origin": "100% 50%",
	151	"-webkit-transform-style": "preserve-3d",
	152	"-webkit-transform": "perspective(1000)",
	153	"-webkit-animation-delay": "0s"
	154	}
	155	},{
	156	"isKeyFrameRule": true,
	157	"keys" : [{
	158	"keyText": "0%",
	159	"styles": {
	160	"opacity": "0",
	161	"-webkit-transform": "perspective(1000) rotateY(-90deg)"
	162	}
	163	}, {
	164	"keyText": "15%",
	165	"styles": {
	166	"opacity": "1",
	167	"-webkit-transform": "perspective(1000) rotateY(0deg)"
	168	}
	169	}, {
	170	"keyText": "85%",
	171	"styles": {
	172	"opacity": "1",
	173	"-webkit-transform": "perspective(1000) rotateY(0deg)"
	174	}
	175	}, {
	176	"keyText": "100%",
	177	"styles": {
	178	"opacity": "0",
	179	"-webkit-transform": "perspective(1000) rotateY(95deg)"
	180	}
	181	}]
	182	}]
	183	}]
	184	}]
	185	}; \ No newline at end of file