Add a DOM UI version of ibus-hangul configuration dialog.

chrome/browser/resources/options/pref_ui.js

 // Copyright (c) 2010 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.
 
 ///////////////////////////////////////////////////////////////////////////////
 // PrefCheckbox class:
 
 // Define a constructor that uses an input element as its underlying element.
 var PrefCheckbox = cr.ui.define('input');
 
@@ skipping 114 matching lines @@
     this.addEventListener('change',
         function(e) {
           Preferences.setStringPref(self.pref,
               self.options[self.selectedIndex].value);
         });
   },
 
   /**
    * Sets up options in select element.
    * @param {Array} options List of option and their display text.
-   * Each string in the array contains options value and display text split
-   * with '|' character.
+   * Each element in the array is an array of length 2 which contains options
+   * value in the first element and display text in the second element.
    *
    * TODO(zelidrag): move this to that i18n template classes.
    */
   initializeValues: function(options) {
     var self = this;
-    options.forEach(function (option) {
-      var values = option.split('|');
-      self.appendChild(new Option(values[1], values[0], false, false));
+    options.forEach(function (values) {
+      self.appendChild(new Option(values[1], values[0]));
     });
   },
   /**
    * Getter for preference name attribute.
    */
   get pref() {
     return this.getAttribute('pref');
   },
 
   /**
   * Setter for preference name attribute.
   */
   set pref(name) {
     this.setAttribute('pref', name);
   }
 };