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..578c1622
--- /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" : [{
+                    "styles" : {
+                        "-webkit-animation-name": "border-morph",
+                        "-webkit-animation-duration": "2s",
+                        "-webkit-animation-iteration-count": "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..578c1622 --- /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	"styles" : {
	17	"-webkit-animation-name": "border-morph",
	18	"-webkit-animation-duration": "2s",
	19	"-webkit-animation-iteration-count": "infinite"
	20	}
	21	},
	22	{
	23	"isKeyFrameRule": true,
	24	"keys" : [{
	25	"keyText": "0%",
	26	"styles": { "border-radius": "0" }
	27	}, {
	28	"keyText": "50%",
	29	"styles": {
	30	"border-radius": "100%"
	31	}
	32	}, {
	33	"keyText": "100%",
	34	"styles": {
	35	"border-radius": "0%"
	36	}
	37	}]
	38	}]
	39	}]
	40	}, {
	41	"text": "2D Animations",
	42	"children": [
	43	{
	44	"text": "Slide Out with Fade",
	45	"selectorBase": "slide-fade-out",
	46	"rules" : [{
	47	"selectorSuffix" : "",
	48	"styles" : {
	49	"-webkit-animation-name": "slide-fade-out",
	50	"-webkit-animation-duration": "5s",
	51	"-webkit-animation-iteration-count": "infinite",
	52	"-webkit-animation-direction": "normal",
	53	"-webkit-animation-timing-function": "ease",
	54	"-webkit-transform-style": "preserve-3d",
	55	"-webkit-transform": "perspective(1000)",
	56	"-webkit-animation-delay": "0s"
	57	}
	58	},{
	59	"isKeyFrameRule": true,
	60	"keys" : [{
	61	"keyText": "0%",
	62	"styles": {
	63	"opacity": "0",
	64	"-webkit-transform": "translate3d(0, 0, 0)"
	65	}
	66	}, {
	67	"keyText": "10%",
	68	"styles": {
	69	"opacity": "1",
	70	"-webkit-transform": "translate3d(0, 0, 0)"
	71	}
	72	}, {
	73	"keyText": "86%",
	74	"styles": {
	75	"opacity": "1",
	76	"-webkit-transform": "translate3d(0, 0, 0)"
	77
	78	}
	79	}, {
	80	"keyText": "100%",
	81	"styles": {
	82	"opacity": "0",
	83	"-webkit-transform": "translate3d(540px, 0, 0)"
	84	}
	85	}]
	86	}]
	87	}]
	88	}, {
	89	"text": "3D Animations",
	90	"children": [
	91	{
	92	"text": "Rotater",
	93	"selectorBase" : "rotate-with-alpha-keyframes",
	94	"rules" : [{
	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