Added strings of i18n and made the pin-keyboard work for rtl lang.

chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js

 // 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.
 
 /**
  * @fileoverview
  * 'pin-keyboard' is a keyboard that can be used to enter PINs or more generally
  * numeric values.
  *
  * Properties:
  *    value: The value of the PIN keyboard. Writing to this property will adjust
  *           the PIN keyboard's value.
  *
  * Events:
  *    pin-change: Fired when the PIN value has changed. The pin is available at
  *                event.detail.pin.
  *    submit: Fired when the PIN is submitted. The pin is available at
  *            event.detail.pin.
  *
  * Example:
  *    <pin-keyboard on-pin-change="onPinChange" on-submit="onPinSubmit"
  *                  value="{{pinValue}}">
  *    </pin-keyboard>
  */
 Polymer({
   is: 'pin-keyboard',
 
+  behaviors: [
+    I18nBehavior,
+  ],
+
   properties: {
+    /**
+     * Whether or not the keyboard's input element should be numerical
+     * or password.
+     */
+    enablePassword: {
+      type: Boolean,
+      value: false
+    },
+
     /** The value stored in the keyboard's input element. */
     value: {
       type: String,
       notify: true,
       value: '',
       observer: 'onPinValueChange_'
     }
   },
 
   /** Transfers focus to the input element. */
@@ skipping 46 matching lines @@
       return;
     }
   },
 
   /**
    * Changes the color of the submit button if PIN is ready.
    * @param {string} value
    */
   computeSubmitClass_: function(value) {
     return value.length > 0 ? 'ready-background' : '';
+  },
+
+  /**
+   * Computes whether the input type for the pin input should be password or
+   * numerical.
+   * @private
+   */
+  computeInputType_: function(enablePassword) {
+    return enablePassword ? 'password' : 'number';
+  },
+
+  /**
+   * Computes the value of the pin input placeholder.
+   * @private
+   */
+  computeInputPlaceholder_: function(enablePassword) {
+    return enablePassword ? this.i18n('pinKeyboardPlaceholderPinPassword') :
+                            this.i18n('pinKeyboardPlaceholderPin');
+  },
+
+  /**
+   * Computes the direction of the pin input.
+   * @private
+   */
+  computeInputClass_: function(password) {
+    // +password will convert a string to a number or to NaN if that's not
+    // possible. Number.isInteger will verify the value is not a NaN and that it
+    // does not contain decimals.
+    // This heuristic will fail for inputs like '1.0'.
+    //
+    // Since we still support users entering their passwords through the PIN
+    // keyboard, we swap the input box to rtl when we think it is a password
+    // (just numbers), if the document direction is rtl.
+    var enableRtl = (document.dir == 'rtl') && !Number.isInteger(+password);
+    return enableRtl ? 'input-non-pin' : '';
   }
 });