Lock screen pin keyboard ui upgrades.

chrome/browser/resources/settings/people_page/setup_pin_dialog.js

Index: chrome/browser/resources/settings/people_page/setup_pin_dialog.js
diff --git a/chrome/browser/resources/settings/people_page/setup_pin_dialog.js b/chrome/browser/resources/settings/people_page/setup_pin_dialog.js
index a3985a55711829ab38557e69f1cde0a838b5b418..85a522d8dbe89ab0ed0774a9857247ee1f2b91e2 100644
--- a/chrome/browser/resources/settings/people_page/setup_pin_dialog.js
+++ b/chrome/browser/resources/settings/people_page/setup_pin_dialog.js
@@ -44,17 +44,6 @@ Polymer({
     initialPin_: String,
 
     /**
-     * The actual problem message to display.
-     * @private
-     */
-    problemMessage_: String,
-
-    /**
-     * The type of problem class to show (warning or error).
-     */
-    problemClass_: String,
-
-    /**
      * Should the step-specific submit button be displayed?
      * @private
      */
@@ -88,6 +77,14 @@ Polymer({
   },
 
   /**
+   * Gets the pin keyboard element.
+   * @type {!HTMLDivElement}
+   */
+  get pinKeyboard() {
+    return this.$$('#pinKeyboard');
+  },
+
+  /**
    * Resets the element to the initial state.
    * @private
    */
@@ -157,15 +154,13 @@ Polymer({
    * @param {string} problemClass
    */
   showProblem_: function(messageId, problemClass) {
-    this.problemMessage_ = this.i18n(messageId);
-    this.problemClass_ = problemClass;
+    this.pinKeyboard.errorMessage = this.i18n(messageId);

[jdufault, 2016/08/22 20:56:40]

what about this for a public API?

  this.pinKeyboard.setProblem(this.i18n(messageId), true /*isError*/);

[sammiequon, 2016/08/23 17:30:18]

Done.

     this.updateStyles();
   },
 
   /** @private */
   hideProblem_: function() {
-    this.problemMessage_ = '';
-    this.problemClass_ = '';
+    this.pinKeyboard.errorMessage = '';
   },
 
   /** @private */