Polymer upgraded to 1.0 in login flow.

chrome/browser/resources/chromeos/login/saml_confirm_password.html

-<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
-<link rel="import" href="chrome://resources/polymer/polymer/layout.html">
-<link rel="import" href="chrome://resources/polymer/core-animated-pages/core-animated-pages.html">
-<link rel="import" href="chrome://resources/polymer/core-animated-pages/transitions/cross-fade.html">
-<link rel="import" href="chrome://resources/polymer/paper-dialog/paper-action-dialog.html">
+<!-- Copyright 2015 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. -->
+
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-in-animation.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-out-animation.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 
 <!--
   SAML password confirmation UI for the New Gaia flow.
   Contains two cards with a fade transition between them:
     1. Password input form.
     2. Spinner with notice "Please wait";
 
   Example:
     <saml-confirm-password id="saml-confirm-password" hidden>
     </saml-confirm-password>
 
   Attributes:
    'email' - Displayed email in header.
 
   Events:
     'passwordEnter' - Fired when user enters password. Fires with an argument
                       |password|.
     'cancel'        - Fired when user presses the X-button and then presses YES
                       in the cancel confirmation dialog.
 
   Methods:
     'invalidate' - Mark password input as invalid.
     'reset'      - Reset element, switches to the first screen, closes
                    the confirm dialog, displays the close button,
                    empties password field and enables buttons.
     'focus'      - If the current card is the first one, focuses password input.
 -->
-<polymer-element name="saml-confirm-password" vertical layout
-    attributes="email">
+<dom-module name="saml-confirm-password">
+  <link rel="stylesheet" href="saml_confirm_password.css">
+
   <template>
-    <link rel="stylesheet" href="saml_confirm_password.css">
-    <core-animated-pages id="animatedPages" transitions="cross-fade-all" flex
-        on-core-animated-pages-transition-end="{{onTransitionEnd}}">
-      <section flex>
-        <gaia-card id="confirmPasswordCard">
-          <gaia-header class="header" email="{{email}}">
+    <neon-animated-pages id="animatedPages" class="fit"
+        entry-animation="fade-in-animation" exit-animation="fade-out-animation"
+        on-neon-animation-finish="onAnimationFinish_" selected="0">
+      <neon-animatable class="fit">
+        <gaia-card id="confirmPasswordCard" class="fit">
+          <gaia-header class="header flex" email="[[email]]">
           </gaia-header>
-          <div horizontal layout center class="footer gaia-body-text">
+          <div class="footer gaia-body-text horizontal layout center">

[Roman Sorokin (ftl), 2015/06/19 13:10:32]

Layout attributes should be declared in css as
@apply(--layout-horizontal)

[dzhioev (left Google), 2015/06/20 02:01:55]

ditto

             <p i18n-content="confirmPasswordTitle">
             </p>
           </div>
           <gaia-input-form id="inputForm" class="footer"
-              on-submit="{{onPasswordSubmitted}}"
-              i18n-values="buttonText:nextButtonText">
+              on-submit="onPasswordSubmitted_" disabled="[[disabled]]"
+              i18n-values="button-text:nextButtonText">
             <gaia-input id="passwordInput" type="password" required
               i18n-values="error:confirmPasswordIncorrectPassword;
                            label:confirmPasswordLabel;">
             </gaia-input>
           </gaia-input-form>
-          <paper-action-dialog class="footer" id="cancelConfirmDlg"
-              layered="false">
-            <p i18n-content="accountSetupCancelDialogTitle"></p>
-            <gaia-button type="dialog" affirmative autofocus
-                i18n-content="accountSetupCancelDialogNo">
-            </gaia-button>
-            <gaia-button type="dialog" on-tap="{{onConfirmCancel}}" affirmative
-                i18n-content="accountSetupCancelDialogYes">
-            </gaia-button>
-          </paper-action-dialog>
         </gaia-card>
-      </section>
-      <section flex vertical layout center-justified>
-        <throbber-notice i18n-values="text:gaiaLoadingNewGaia" self-center>
+      </neon-animatable>
+      <neon-animatable class="fit">
+        <throbber-notice i18n-values="text:gaiaLoadingNewGaia" class="fit">
         </throbber-notice>
-      </section>
-    </core-animated-pages>
-    <button id="closeButton" is="gaia-icon-button" icon="close"
-        on-click="{{onClose}}" i18n-values="aria-label:closeButton"
-        tabindex="0">
-    </button>
+      </neon-animatable>
+    </neon-animated-pages>
+
+    <gaia-icon-button id="closeButton" icon="close" on-tap="onClose_"
+        disabled="[[disabled]]" i18n-values="aria-label:closeButton">
+    </gaia-icon-button>
+
+    <paper-dialog id="cancelConfirmDlg" no-cancel-on-outside-click

[Roman Sorokin (ftl), 2015/06/19 13:10:31]

Why is it no-cancel-on-outside?

[dzhioev (left Google), 2015/06/20 02:01:55]

This dialog is multi-choice. I believe we shouldn't make it auto closing in this
case, because it is not obvious which choice is default. Not 100% sure though.

+        on-iron-overlay-closed="onDialogOverlayClosed_">
+      <h2 i18n-content="accountSetupCancelDialogTitle"></h2>
+      <div class="buttons">
+        <gaia-button type="dialog" dialog-dismiss autofocus
+            i18n-content="accountSetupCancelDialogNo">
+        </gaia-button>
+        <gaia-button type="dialog" dialog-confirm on-tap="onConfirmCancel_"
+            i18n-content="accountSetupCancelDialogYes">
+        </gaia-button>
+      </div>
+    </paper-dialog>
+
   </template>
-</polymer-element>
+</dom-module>
+