From b89a7ee8b956c96a1dcee995ea840feddc5d4b27 Mon Sep 17 00:00:00 2001
From: Pierre Frisch
Date: Thu, 22 Dec 2011 07:25:50 -0800
Subject: First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>
---
 node_modules/montage/ui/loading.reel/loading-0.svg |  3 +
 node_modules/montage/ui/loading.reel/loading-1.svg |  3 +
 node_modules/montage/ui/loading.reel/loading-2.svg |  3 +
 node_modules/montage/ui/loading.reel/loading-3.svg |  3 +
 node_modules/montage/ui/loading.reel/loading-4.svg |  3 +
 node_modules/montage/ui/loading.reel/loading-5.svg |  3 +
 .../montage/ui/loading.reel/loading-bg.svg         | 31 +++++++++
 node_modules/montage/ui/loading.reel/loading.css   | 78 ++++++++++++++++++++++
 node_modules/montage/ui/loading.reel/loading.html  | 36 ++++++++++
 node_modules/montage/ui/loading.reel/loading.js    | 61 +++++++++++++++++
 10 files changed, 224 insertions(+)
 create mode 100755 node_modules/montage/ui/loading.reel/loading-0.svg
 create mode 100755 node_modules/montage/ui/loading.reel/loading-1.svg
 create mode 100755 node_modules/montage/ui/loading.reel/loading-2.svg
 create mode 100755 node_modules/montage/ui/loading.reel/loading-3.svg
 create mode 100755 node_modules/montage/ui/loading.reel/loading-4.svg
 create mode 100755 node_modules/montage/ui/loading.reel/loading-5.svg
 create mode 100755 node_modules/montage/ui/loading.reel/loading-bg.svg
 create mode 100755 node_modules/montage/ui/loading.reel/loading.css
 create mode 100755 node_modules/montage/ui/loading.reel/loading.html
 create mode 100755 node_modules/montage/ui/loading.reel/loading.js

(limited to 'node_modules/montage/ui/loading.reel')

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
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component;
+/**
+ @class module:montage/ui/loading.Loading
+ @extends module:montage/ui/component.Component
+ */
+
+var Loading = exports.Loading = Montage.create(Component,/** @lends module:"montage/ui/loading.reel".Loading# */ {
+/**
+  Description TODO
+  @private
+*/
+    _loading: {
+        value: null
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default null
+    */
+    loading: {
+        get: function() {
+            return this._loading;
+        },
+        set: function(isloading) {
+            if (this._loading !== isloading) {
+                this._loading = isloading;
+                this.needsDraw = true;
+            }
+        }
+    },
+/**
+    Description TODO
+    @function
+    */
+    draw: {
+        value: function() {
+            var classList = this.element.classList, exists = classList.contains("animate");
+            if (this.loading) {
+                if (!exists) {
+                    classList.add("animate");
+                }
+            } else {
+                if (exists) {
+                    classList.remove("animate");
+                }
+
+            }
+        }
+    }
+});
-- 
cgit v1.2.3