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