First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>

10 files changed, 224 insertions, 0 deletions

diff --git a/node_modules/montage/ui/loading.reel/loading-0.svg b/node_modules/montage/ui/loading.reel/loading-0.svg
new file mode 100755
index 00000000..87244e79
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading-0.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M17,2.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/montage/ui/loading.reel/loading-1.svg b/node_modules/montage/ui/loading.reel/loading-1.svg
new file mode 100755
index 00000000..60ad8eaf
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading-1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M29,11.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/montage/ui/loading.reel/loading-2.svg b/node_modules/montage/ui/loading.reel/loading-2.svg
new file mode 100755
index 00000000..dfa84864
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading-2.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M17,20.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/montage/ui/loading.reel/loading-3.svg b/node_modules/montage/ui/loading.reel/loading-3.svg
new file mode 100755
index 00000000..af74427d
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading-3.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M13,20.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/montage/ui/loading.reel/loading-4.svg b/node_modules/montage/ui/loading.reel/loading-4.svg
new file mode 100755
index 00000000..402340ca
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading-4.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M1,11.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/montage/ui/loading.reel/loading-5.svg b/node_modules/montage/ui/loading.reel/loading-5.svg
new file mode 100755
index 00000000..1a473f16
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading-5.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M13,2.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/montage/ui/loading.reel/loading-bg.svg b/node_modules/montage/ui/loading.reel/loading-bg.svg
new file mode 100755
index 00000000..2ad50a91
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading-bg.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>

+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

+<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1">

+    <path d="M0,9 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>

+    <path d="M30,9 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>

+    <path d="M14,0 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>

+    <path d="M16,0 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>

+    <path d="M14,18 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>

+        <path d="M16,18 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>

+        

+        <path d="M0,25 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>

+        <path d="M30,25 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>

+        <path d="M14,16 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>

+        <path d="M16,16 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>

+        <path d="M14,34 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>

+        <path d="M16,34 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>

+        

+        <path d="M0,10 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>

+        <path d="M30,10 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>

+        <path d="M14,1 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>

+        <path d="M16,1 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>

+        <path d="M14,19 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>

+        <path d="M16,19 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>

+        

+        <path d="M1,11.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>

+        <path d="M17,2.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>

+        <path d="M17,20.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>

+        <path d="M29,11.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>

+        <path d="M13,2.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>

+        <path d="M13,20.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>   

+</svg>
\ No newline at end of file
diff --git a/node_modules/montage/ui/loading.reel/loading.css b/node_modules/montage/ui/loading.reel/loading.css
new file mode 100755
index 00000000..ec90b10f
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading.css
@@ -0,0 +1,78 @@
+/* <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> */
+@-webkit-keyframes montage-loading {
+    0% {
+        opacity: 0;
+    }
+    20% {
+        opacity: .9;
+    }
+    40% {
+        opacity: .27;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+.montage-loading {
+    position: relative;
+    width: 30px;
+    height: 35px;
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+
+.montage-loading.animate {
+    background-image: url(loading-bg.svg);
+}
+
+.montage-loading .section {
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+
+.montage-loading.animate .section {
+    display: block;
+    -webkit-transform: translateZ(0);
+    -webkit-animation-name: montage-loading;
+    -webkit-animation-duration: 1200ms;
+    -webkit-animation-iteration-count: infinite;
+}
+
+.montage-loading .l0 {
+    background-image: url(loading-0.svg);
+    -webkit-animation-delay: -1000ms;
+}
+
+.montage-loading .l1 {
+    background-image: url(loading-1.svg);
+    -webkit-animation-delay: -800ms;
+}
+
+.montage-loading .l2 {
+    background-image: url(loading-2.svg);
+    -webkit-animation-delay: -600ms;
+}
+
+.montage-loading .l3 {
+    background-image: url(loading-3.svg);
+    -webkit-animation-delay: -400ms;
+}
+
+.montage-loading .l4 {
+    background-image: url(loading-4.svg);
+    -webkit-animation-delay: -200ms;
+}
+
+.montage-loading .l5 {
+    background-image: url(loading-5.svg);
+}
diff --git a/node_modules/montage/ui/loading.reel/loading.html b/node_modules/montage/ui/loading.reel/loading.html
new file mode 100755
index 00000000..7af7e1b8
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!-- <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> -->
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" type="text/css" href="loading.css">
+    <script type="text/montage-serialization">
+{
+    "owner": {
+        "module": "montage/ui/loading.reel",
+        "name": "Loading",
+        "properties": {
+            "element": {
+                "#": "loading"
+            }
+        }
+    }
+}
+    </script>
+
+</head>
+<body>
+<div class="montage-loading" id="loading">
+    <div class="section l0"></div>
+    <div class="section l1"></div>
+    <div class="section l2"></div>
+    <div class="section l3"></div>
+    <div class="section l4"></div>
+    <div class="section l5"></div>
+</div>
+</body>
+</html>
diff --git a/node_modules/montage/ui/loading.reel/loading.js b/node_modules/montage/ui/loading.reel/loading.js
new file mode 100755
index 00000000..f0574d72
--- /dev/null
+++ b/node_modules/montage/ui/loading.reel/loading.js
@@ -0,0 +1,61 @@
+/* <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> */
+/**
+        @module "montage/ui/loading.reel"
+    @requires montage/core/core
+    @requires montage/ui/component
+*/