Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/tv_apps/smart-system/bower_components/smart-banner/script.js

@@ -0,0 +1,130 @@
+'use strict';
+/* global evt */
+
+window.SmartBanner = (function(win) {
+
+  // Extend from the HTMLElement prototype
+  var proto = evt(Object.create(HTMLElement.prototype));
+
+  proto.createdCallback = function() {
+    this.init();
+    this.addEventListener('transitionend', this);
+    this.addEventListener('animationend', this);
+  };
+
+  proto.init = function() {
+    this.style.width = '0';
+    this.classList.add('closed');
+  };
+
+  proto.calculateChildWidth = function() {
+    var child = this.firstElementChild;
+    var childWidth = 0;
+    var style;
+    while(child) {
+      style = window.getComputedStyle(child);
+      childWidth += child.offsetWidth + parseInt(style.marginLeft, 10) +
+                                      parseInt(style.marginRight, 10);
+      child = child.nextElementSibling;
+    }
+    return childWidth;
+  };
+
+  proto.fireEvent = function(event, detail) {
+    var evtObject = new CustomEvent(event, {
+                                      bubbles: false,
+                                      detail: detail || this
+                                    });
+    this.dispatchEvent(evtObject);
+    this.fire(event, detail);
+  };
+
+  proto.handleEvent = function(evt) {
+    switch(evt.type) {
+      // Like System app, the transition is our state machine.
+      case 'transitionend':
+        // We only process 'background-color' because all states have this
+        // change.
+        if ((evt.propertyName !== 'background-color' &&
+             evt.propertyName !== 'opacity' &&
+             evt.propertyName !== 'width') ||
+            evt.target !== this) {
+          break;
+        }
+
+        if (this.classList.contains('opening')) {
+          this.classList.add('opened');
+          this.classList.remove('opening');
+          // final state: opened
+          this.fireEvent('opened');
+        } else if (this.classList.contains('closing')) {
+          this.classList.add('closed');
+          this.classList.remove('closing');
+          // final state: closed
+          this.fireEvent('closed');
+        }
+
+        // go back to initial state after hiding
+        if (this.classList.contains('hiding')) {
+          this.classList.remove('opened');
+          this.classList.remove('opening');
+          this.classList.remove('closing');
+          this.classList.remove('flying');
+          this.classList.remove('hiding');
+
+          this.init();
+          this.fireEvent('hidden');
+        }
+
+        break;
+      case 'animationend':
+        this.classList.remove('flying');
+        this.open();
+        break;
+    }
+  };
+
+  proto.open = function() {
+    // no operation during flying and hiding
+    if (this.classList.contains('flying') ||
+        this.classList.contains('hiding')) {
+      return;
+    }
+    this.fireEvent('will-open');
+    // If we get focus when we closing the group, we need to cancel the closing
+    // state.
+    this.classList.remove('closed');
+    this.classList.remove('closing');
+    this.classList.add('opening');
+    // change to opening
+    this.style.width = this.calculateChildWidth() + 'px';
+  };
+
+  proto.close = function() {
+    // no operation during flying and hiding
+    if (this.classList.contains('flying') ||
+        this.classList.contains('hiding')) {
+      return;
+    }
+    this.fireEvent('will-close');
+    // We may call close at mid state, we need to reset all of them and go to
+    // closing state
+    this.classList.remove('opened');
+    this.classList.remove('opening');
+    this.classList.add('closing');
+    this.style.width = '0';
+  };
+
+  proto.hide = function(callback) {
+    this.classList.add('hiding');
+  };
+
+  proto.flyOpen = function() {
+    if (this.classList.contains('closed')) {
+      this.classList.add('flying');
+    }
+  };
+
+  // Register and return the constructor
+  return document.registerElement('smart-banner', { prototype: proto });
+})(window);