Add third_party/google-input-tools: Take 2

third_party/google_input_tools/src/chrome/os/inputview/elements/content/compactkey.js

Index: third_party/google_input_tools/src/chrome/os/inputview/elements/content/compactkey.js
diff --git a/third_party/google_input_tools/src/chrome/os/inputview/elements/content/compactkey.js b/third_party/google_input_tools/src/chrome/os/inputview/elements/content/compactkey.js
new file mode 100644
index 0000000000000000000000000000000000000000..aab41f220ab3f442bbad421fc443ac5f99330e50
--- /dev/null
+++ b/third_party/google_input_tools/src/chrome/os/inputview/elements/content/compactkey.js
@@ -0,0 +1,252 @@
+// Copyright 2014 The ChromeOS IME Authors. All Rights Reserved.
+// limitations under the License.
+// See the License for the specific language governing permissions and
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// distributed under the License is distributed on an "AS-IS" BASIS,
+// Unless required by applicable law or agreed to in writing, software
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// You may obtain a copy of the License at
+// you may not use this file except in compliance with the License.
+// Licensed under the Apache License, Version 2.0 (the "License");
+//
+goog.provide('i18n.input.chrome.inputview.elements.content.CompactKey');
+
+goog.require('goog.array');
+goog.require('goog.dom');
+goog.require('goog.dom.TagName');
+goog.require('goog.dom.classlist');
+goog.require('goog.math.Coordinate');
+goog.require('goog.style');
+goog.require('i18n.input.chrome.inputview.Css');
+goog.require('i18n.input.chrome.inputview.MoreKeysShiftOperation');
+goog.require('i18n.input.chrome.inputview.StateType');
+goog.require('i18n.input.chrome.inputview.SwipeDirection');
+goog.require('i18n.input.chrome.inputview.elements.ElementType');
+goog.require('i18n.input.chrome.inputview.elements.content.FunctionalKey');
+goog.require('i18n.input.chrome.inputview.elements.content.GaussianEstimator');
+
+
+
+goog.scope(function() {
+var MoreKeysShiftOperation = i18n.input.chrome.inputview.MoreKeysShiftOperation;
+
+
+
+/**
+ * The key to switch between different key set.
+ *
+ * @param {string} id The id.
+ * @param {string} text The text.
+ * @param {string} hintText The hint text.
+ * @param {!i18n.input.chrome.inputview.StateManager} stateManager The state
+ *     manager.
+ * @param {boolean} hasShift True if the compact key has shift.}
+ * @param {number=} opt_marginLeftPercent The percent of the left margin.
+ * @param {number=} opt_marginRightPercent The percent of the right margin.
+ * @param {boolean=} opt_isGrey True if it is grey.
+ * @param {!Array.<string>=} opt_moreKeys The more keys characters.
+ * @param {MoreKeysShiftOperation=} opt_moreKeysShiftType
+ *     The type of opearation when the shift key is down.
+ * @param {goog.events.EventTarget=} opt_eventTarget The event target.
+ * @constructor
+ * @extends {i18n.input.chrome.inputview.elements.content.FunctionalKey}
+ */
+i18n.input.chrome.inputview.elements.content.CompactKey = function(id, text,
+    hintText, stateManager, hasShift, opt_marginLeftPercent,
+    opt_marginRightPercent, opt_isGrey, opt_moreKeys,
+    opt_moreKeysShiftType, opt_eventTarget) {
+  goog.base(this, id, i18n.input.chrome.inputview.elements.ElementType.
+      COMPACT_KEY, text, '', opt_eventTarget);
+
+  /**
+   * The hint text.
+   *
+   * @type {string}
+   */
+  this.hintText = hintText;
+
+  /**
+   * The left margin.
+   *
+   * @type {number}
+   * @private
+   */
+  this.marginLeftPercent_ = opt_marginLeftPercent || 0;
+
+  /** @private {boolean} */
+  this.hasShift_ = hasShift;
+
+  /**
+   * The right margin.
+   *
+   * @type {number}
+   * @private
+   */
+  this.marginRightPercent_ = opt_marginRightPercent || 0;
+
+  /**
+   * The state manager.
+   *
+   * @type {!i18n.input.chrome.inputview.StateManager}
+   * @private
+   */
+  this.stateManager_ = stateManager;
+
+  /**
+   * True if it is grey.
+   *
+   * @type {boolean}
+   * @private
+   */
+  this.isGrey_ = !!opt_isGrey;
+
+  /**
+   * The more keys array.
+   *
+   * @type {!Array.<string>}
+   */
+  this.moreKeys = opt_moreKeys || [];
+
+  /**
+   * The type of shift operation of moreKeys.
+   *
+   * @private {MoreKeysShiftOperation}
+   */
+  this.moreKeysShiftOperation_ = goog.isDef(opt_moreKeysShiftType) ?
+      opt_moreKeysShiftType : MoreKeysShiftOperation.TO_UPPER_CASE;
+
+  this.pointerConfig.longPressWithPointerUp = true;
+  this.pointerConfig.flickerDirection =
+      i18n.input.chrome.inputview.SwipeDirection.UP;
+  this.pointerConfig.longPressDelay = 500;
+};
+goog.inherits(i18n.input.chrome.inputview.elements.content.CompactKey,
+    i18n.input.chrome.inputview.elements.content.FunctionalKey);
+var CompactKey = i18n.input.chrome.inputview.elements.content.CompactKey;
+
+
+/**
+ * The flickerred character.
+ *
+ * @type {string}
+ */
+CompactKey.prototype.flickerredCharacter = '';
+
+
+/** @override */
+CompactKey.prototype.createDom = function() {
+  goog.base(this, 'createDom');
+
+  goog.dom.classlist.add(this.tableCell,
+      i18n.input.chrome.inputview.Css.COMPACT_KEY);
+  if (!this.isGrey_) {
+    goog.dom.classlist.remove(this.bgElem,
+        i18n.input.chrome.inputview.Css.SPECIAL_KEY_BG);
+  }
+
+  if (this.hintText) {
+    var dom = this.getDomHelper();
+    dom.removeChildren(this.tableCell);
+    var inlineWrap = dom.createDom(goog.dom.TagName.DIV,
+        i18n.input.chrome.inputview.Css.INLINE_DIV);
+    dom.appendChild(this.tableCell, inlineWrap);
+    this.hintTextElem = dom.createDom(goog.dom.TagName.DIV,
+        i18n.input.chrome.inputview.Css.HINT_TEXT, this.hintText);
+    dom.appendChild(inlineWrap, this.hintTextElem);
+    dom.appendChild(inlineWrap, this.textElem);
+  }
+};
+
+
+/** @override */
+CompactKey.prototype.resize = function(width, height) {
+  var elem = this.getElement();
+  var marginLeft = Math.floor(width * this.marginLeftPercent_);
+  if (marginLeft > 0) {
+    marginLeft -= 5;
+    elem.style.marginLeft = marginLeft + 'px';
+  }
+  var marginRight = Math.floor(width * this.marginRightPercent_);
+  // TODO: Remove this ugly hack. The default margin right is 10px, we
+  // need to add the default margin here to make all the keys have the same
+  // look.
+  if (marginRight > 0) {
+    marginRight += 5;
+    elem.style.marginRight = marginRight + 'px';
+  }
+
+  goog.base(this, 'resize', width, height);
+
+  this.topLeftCoordinate = goog.style.getClientPosition(elem);
+  this.centerCoordinate = new goog.math.Coordinate(
+      this.topLeftCoordinate.x + this.availableWidth / 2,
+      this.topLeftCoordinate.y + this.availableHeight / 2);
+  this.estimator = new i18n.input.chrome.inputview.elements.content.
+      GaussianEstimator(this.centerCoordinate,
+          this.stateManager_.covariance.getValue(this.type),
+          this.availableHeight / this.availableWidth);
+};
+
+
+/**
+ * Get the active character. It may be upper case |text| when shift is pressed
+ * or flickerred character when swipe. Note this should replace Compactkey.text
+ * for compact keys.
+ */
+CompactKey.prototype.getActiveCharacter = function() {
+  if (this.flickerredCharacter) {
+    return this.flickerredCharacter;
+  } else {
+    return this.hasShift_ && this.stateManager_.hasState(
+        i18n.input.chrome.inputview.StateType.SHIFT) ? this.text.toUpperCase() :
+        this.text;
+  }
+};
+
+
+/** @override */
+CompactKey.prototype.update = function() {
+  goog.base(this, 'update');
+
+  var text = this.hasShift_ && this.stateManager_.hasState(
+      i18n.input.chrome.inputview.StateType.SHIFT) ? this.text.toUpperCase() :
+      this.text;
+  goog.dom.setTextContent(this.textElem, text);
+};
+
+
+/**
+ * Gets the more characters.
+ *
+ * @return {!Array.<string>} The characters.
+ */
+CompactKey.prototype.getMoreCharacters = function() {
+  var moreCharacters = goog.array.clone(this.moreKeys);
+  switch (this.moreKeysShiftOperation_) {
+    case MoreKeysShiftOperation.TO_UPPER_CASE:
+      if (this.getActiveCharacter().toLowerCase() !=
+          this.getActiveCharacter()) {
+        for (var i = 0; i < this.moreKeys.length; i++) {
+          moreCharacters[i] = this.moreKeys[i].toUpperCase();
+        }
+        goog.array.removeDuplicates(moreCharacters);
+      }
+      return moreCharacters;
+    case MoreKeysShiftOperation.TO_LOWER_CASE:
+      if (this.hasShift_ && this.stateManager_.hasState(
+          i18n.input.chrome.inputview.StateType.SHIFT)) {
+        for (var i = 0; i < this.moreKeys.length; i++) {
+          moreCharacters[i] = this.moreKeys[i].toLowerCase();
+        }
+        goog.array.removeDuplicates(moreCharacters);
+      }
+      return moreCharacters;
+    case MoreKeysShiftOperation.STABLE:
+      break;
+  }
+  return moreCharacters;
+};
+});  // goog.scope
+