ChromeOS: Implement minumal material design OOBE.

chrome/browser/resources/chromeos/login/oobe_welcome.js

Index: chrome/browser/resources/chromeos/login/oobe_welcome.js
diff --git a/chrome/browser/resources/chromeos/login/oobe_welcome.js b/chrome/browser/resources/chromeos/login/oobe_welcome.js
new file mode 100644
index 0000000000000000000000000000000000000000..65252af608b2a2fb76128c830eb5e230014ec200
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/oobe_welcome.js
@@ -0,0 +1,66 @@
+// Copyright 2016 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+Polymer({
+    is: 'oobe-welcome-md',
+
+    properties: {
+      disabled: {
+        type: Boolean,
+        value: false,
+      },
+      currentLanguage: {
+        type: String,
+        value: 'English (US)',
+      },
+    },
+
+    ready: function() {
+          /**
+           * Workaround for
+           * https://github.com/PolymerElements/neon-animation/issues/32
+           * TODO(dzhioev): Remove when fixed in Polymer.
+           */
+          var pages = this.$.animatedPages;
+          delete pages._squelchNextFinishEvent;
+          Object.defineProperty(
+              pages, '_squelchNextFinishEvent',
+              {get: function() { return false; }});
+    },
+
+    focus: function() {
+          if (this.isWelcomeSectionActive_())
+            this.$.welcomeNextButton.focus();
+          else
+            this.$.oobeNetworkSettings.focus();
+    },
+
+    onAnimationFinish_: function() {
+          this.focus();
+    },
+
+    isRTL_: function() {
+          return !!document.querySelector('html[dir=rtl]');
+    },
+
+    isWelcomeSectionActive_: function() {
+          return this.$.animatedPages.selected == 'welcomeSection';
+    },
+
+    setUpPageTransitions_: function() {
+      var isForward = true;
+      var isRTL = this.isRTL_();
+      this.$.animatedPages.entryAnimation =
+          'slide-from-' + (isRTL ? 'left' : 'right') +
+          '-animation';
+      this.$.animatedPages.exitAnimation =
+          'slide-' + (isRTL ? 'right' : 'left') + '-animation';
+    },
+
+    onWelcomeNextButtonClicked_: function() {
+      $('oobe-connect').hidden = false;
+      $('oobe-welcome-md').hidden = true;
+    },
+
+    });