*** empty log message ***
[m17n/m17n-lib-js.git] / xex.js
diff --git a/xex.js b/xex.js
index a1d38c0..4f567b0 100644 (file)
--- a/xex.js
+++ b/xex.js
@@ -2,7 +2,7 @@
 
 var Xex = {
   LogNode: null,
-  Log: function (arg, indent)
+  Log: function (arg, indent, cont)
   {
     if (! Xex.LogNode)
       return;
@@ -14,7 +14,9 @@ var Xex = {
        if (indent != undefined)
          for (var i = 0; i <= indent; i++)
            str += '  ';
-       Xex.LogNode.value += "\n" + str + arg;
+       if (! cont)
+         Xex.LogNode.value += "\n";
+       Xex.LogNode.value += str + arg;
        Xex.LogNode.scrollTop = Xex.LogNode.scrollHeight;
       }
   }
@@ -1605,10 +1607,8 @@ MIM.Selector.prototype = new Xex.Term ('selector');
   selectors["@>"] = selectors["@last"] = new MIM.Selector ('@>');
   selectors["@-"] = selectors["@previous"] = new MIM.Selector ('@-');
   selectors["@+"] = selectors["@next"] = new MIM.Selector ('@+');
-  selectors["@["] = selectors["@previous-candidate-change"]
-    = new MIM.Selector ('@[');
-  selectors["@]"] = selectors["@next-candidate-change"]
-    = new MIM.Selector ('@]');
+  selectors["@["] = selectors["@previous-group"] = new MIM.Selector ('@[');
+  selectors["@]"] = selectors["@next-group"] = new MIM.Selector ('@]');
 
   MIM.Selector.prototype.Parser = function (domain, node)
   {
@@ -2023,6 +2023,38 @@ MIM.State = function (name)
       }
     return this.Current ();
   }
+
+  MIM.Candidates.prototype.CurrentGroup = function (selector)
+  {
+    var col, start, end
+    if (this.column > 0)
+      {
+       col = this.index % this.column;
+       start = this.index - col;
+       end = start + this.column;
+       if (end > this.total)
+         end = this.total;
+      }
+    else
+      {
+       start = this.blocks[this.row].Index;
+       col = this.index - start;
+       end = start + this.blocks[this.row].Count ();
+      }
+    var group = new Array ();
+    group.push (col);
+    var row = this.row;
+    var block = this.blocks[row++];
+    while (start < end)
+      {
+       var c = block.get (start - block.Index);
+       group.push (c);
+       start++;
+       if (start == block.Index + block.Count ())
+         block = this.blocks[row++];
+      }
+    return group;
+  }
 }) ();
 
 MIM.im_domain = new Xex.Domain ('input-method', null, null);
@@ -2498,7 +2530,7 @@ MIM.im_domain.DefType (MIM.State.prototype);
     if (out.index > this.key_head)
       {
        this.key_head = out.index;
-       Xex.Log (' with submap for ' + this.key_head + 'keys');
+       Xex.Log (' with submap for ' + this.key_head + 'keys', false, true);
        restore_state.call (this);
        this.keymap = sub;
        if (sub.map_actions)
@@ -2531,7 +2563,7 @@ MIM.im_domain.DefType (MIM.State.prototype);
       }
     else
       {
-       Xex.Log (' without submap');
+       Xex.Log (' without submap', false, true);
        this.keymap = sub;
        var current_state = this.state;
        var map = this.keymap;
@@ -2684,6 +2716,7 @@ MIM.im_domain.DefType (MIM.State.prototype);
     {
       this.preedit_replace (this.cursor_pos, this.cursor_pos, text, candidates);
       this.changed = MIM.ChangedStatus.Preedit | MIM.ChangedStatus.CursorPos;
+      this.candidates = candidates;
     },
 
     rep: function (old_text, new_text, candidates)
@@ -2812,7 +2845,7 @@ MIM.im_domain.DefType (MIM.State.prototype);
            {
              this.commit ();
              this.keys.val.splice (0, this.key_head);
-             this.key_head = 0;
+             this.key_head = this.state_key_head = this.commit_key_head = 0;
              this.prev_state = null;
            }
        }
@@ -2834,6 +2867,7 @@ MIM.im_domain.DefType (MIM.State.prototype);
     {
       if (! this.active)
        {
+         Xex.Log ("active = false");
          this.key_unhandled = true;
          this.unhandled_key = key;
          return false;
@@ -2875,17 +2909,7 @@ MIM.im_domain.DefType (MIM.State.prototype);
        {
          this.keys.val.splice (0, this.commit_key_head);
          this.key_head -= this.commit_key_head;
-         if (this.key_head < 0)
-           {
-             Xex.Log ('RECOVER key_head');
-             this.key_head = 0;
-           }
          this.state_key_head -= this.commit_key_head;
-         if (this.state_key_head < 0)
-           {
-             Xex.Log ('RECOVER state_key_head');
-             this.state_key_head = 0;
-           }
          this.commit_key_head = 0;
        }
       if (this.key_unhandled)
@@ -2894,6 +2918,14 @@ MIM.im_domain.DefType (MIM.State.prototype);
          //this.keys.val.splice (0, this.keys.val.length);
          this.key_head = this.state_key_head = this.commit_key_head = 0;
        }
+      MIM.show (this);
+      if (false && (this.changed & MIM.ChangedStatus.Candidate))
+       {
+         if (this.candidate_show)
+           MIM.show (this);
+         else
+           MIM.hide (this);
+       }
       return (! this.key_unhandled
              && this.produced.length == 0);
     }
@@ -3126,8 +3158,6 @@ MIM.set_caret = function (target, ic)
     }
 };
 
-MIM.ignore_focus = false;
-
 MIM.update = function (target, ic)
 {
   var text = target.value;
@@ -3138,41 +3168,128 @@ MIM.update = function (target, ic)
   ic.range[0] += ic.produced.length;
   ic.range[1] = ic.range[0] + ic.preedit.length;
   MIM.set_caret (target, ic);
-  target.wait_update = false;
 };
 
+(function () {
+  var style_props = {
+    width: 'width',
+    height: 'height',
+    padingLeft: 'padding-left',
+    paddingRight: 'padding-right',
+    paddingTop: 'padding-top',
+    paddintBottom: 'padding-bottom', 
+    borderLeftStyle: 'border-left-style',
+    borderRightStyle: 'border-right-style',
+    borderTopStyle: 'border-top-style',
+    borderBottomStyle: 'border-bottom-style',
+    borderLeftWidth: 'border-left-width',
+    borderRightWidth: 'border-right-width',
+    borderTopWidth: 'border-top-width',
+    borderBottomWidth: 'border-bottom-width',
+    fontFamily: 'font-family',
+    fontSize: 'font-size',
+    lineHeight: 'line-height',
+    letterSpacing: 'letter-spacing',
+    wordSpacing: 'word-spacing' };
+
+  function copy_style (from, to)
+  {
+    var from_style = getComputedStyle(from,'');
+    for(var name in style_props)
+      to.style[name] = from_style.getPropertyValue (style_props[name]);
+    to.style.left = from.offsetLeft + 'px'; 
+    to.style.top = from.offsetTop + 'px';
+    to.style.width = from.offsetWidth;
+    to.style.height = from.offsetHeight;
+  }
+
+  MIM.show = function (ic)
+  {
+    Xex.Log ('show:' + ic.candidates);
+    if (! ic.candidates)
+      return;
+    var target = ic.target;
+    if (! ic.div_node)
+      {
+       ic.target_top = 0;
+       ic.target_left = 0;
+       for (var elm = ic.target.offsetParent; elm; elm = elm.offsetParent)
+         {
+           ic.target_top += elm.offsetTop;
+           ic.target_left += elm.offsetLeft;
+         }
+       ic.div_node = document.createElement ('div');
+       copy_style (target, ic.div_node);
+       ic.div_node.style.visibility="hidden";
+       ic.div_node.style.position = "absolute";
+       document.getElementsByTagName ('body')[0].appendChild (ic.div_node);
+       ic.div_node_first = document.createElement ('span');
+       ic.div_node_last = document.createElement('span');
+       ic.div_node_last.innerHTML = '.';
+       ic.div_node.appendChild (ic.div_node_first);
+       ic.div_node.appendChild (ic.div_node_last);
+       ic.can_node = document.createElement ('table');
+       ic.can_node.style.position = 'absolute';
+       ic.can_node.style.display = 'none';
+       ic.can_node.style.backgroundColor = "white";
+       ic.can_node.style.border = "1px solid black";
+       document.getElementsByTagName ('body')[0].appendChild (ic.can_node);
+      }
+
+    ic.can_node.innerHTML = '';
+    var tr = document.createElement ('tr');
+    ic.can_node.appendChild (tr);
+    var group = ic.candidates.CurrentGroup ();
+    for (var i = 1; i < group.length; i++)
+      {
+       var td = document.createElement ('td');
+       td.nowrap = true;
+       td.innerHTML = i + '.' + group[i];
+       if (i == group[0] + 1)
+         td.style.backgroundColor = 'lightblue';
+       ic.can_node.appendChild (td);
+      }
+    ic.div_node_first.innerHTML = target.value.substr (0, ic.range[0]);
+    var x = ic.target_left + ic.div_node.lastChild.offsetLeft;
+    var y = (ic.target_top + ic.div_node.lastChild.offsetTop
+            + ic.div_node.lastChild.offsetHeight - target.scrollTop + 10);
+    ic.can_node.style.left = x + 'px';
+    ic.can_node.style.top = y + 'px';
+    ic.can_node.style.display = 'block';
+  }
+}) ();
+
 MIM.focus_in = function (event)
 {
   var target = event.target;
   var ic = target.mim_ic;
-  if (target.wait_focus_in);
+  if (ic.wait_update == true)
     {
       Xex.Log ("Focus in " + target.tagName + ' IGNORED');
       event.preventDefault ();
-      return;
+      return false;
     }
   Xex.Log ("Focus in " + target.tagName);
   ic.Filter (MIM.Key.FocusIn);
-  //target.removeEventListener (target, 'focus', MIM.focus_in);
-  target.wait_update = true;
-  setTimeout (MIM.update (target, ic), 100);
+  MIM.update (target, ic);
 }
 
 MIM.focus_out = function (event)
 {
   var target = event.target;
   var ic = target.mim_ic;
-  if (target.wait_focus_out)
+  function reset_update () { ic.wait_update = false; };
+  if (ic.wait_update == true)
     {
       Xex.Log ("Focus out " + target.tagName + ' IGNORED');
       event.preventDefault ();
-      return;
+      return false;
     }
   Xex.Log ("Focus out " + target.tagName);
   ic.Filter (MIM.Key.FocusOut);
-  //target.removeEventListener (target, 'blur', MIM.focus_out);
-  target.wait_update = true;
-  setTimeout (MIM.update (target, ic), 100);
+  ic.wait_update = true;
+  MIM.update (target, ic, true);
+  setTimeout (reset_update, 1000);
 };
 
 MIM.keydown = function (event)
@@ -3182,7 +3299,6 @@ MIM.keydown = function (event)
     return;
   if (! (target.type == "text" || target.type == "textarea"))
     return;
-  document.akey = event;
 
   var ic = target.mim_ic;
   if (! ic || ic.im != MIM.current)
@@ -3199,10 +3315,10 @@ MIM.keydown = function (event)
     }
   else
     {
-      while (target.wait_update);
       if (! MIM.get_range (target, ic))
        ic.reset ();
     }
+  //MIM.show (target, ic);
   MIM.debug_print (event, ic);
   ic.key = MIM.decode_key_event (event);
   if (ic.key)
@@ -3258,6 +3374,7 @@ MIM.keypress = function (event)
   } finally {
     MIM.debug_print (event, ic);
   }
+
   return;
 };
 
@@ -3279,7 +3396,6 @@ MIM.keypress = function (event)
       sk: { name: 'Slovak' },
       sr: { name: 'Serbian' },
       sv: { name: 'Swedish' },
-      vi: { name: 'Vietnamese' },
       yi: { name: 'Yiddish' } },
     MiddleEast: {
       ar: { name: 'Arabic' },
@@ -3346,12 +3462,10 @@ MIM.keypress = function (event)
              list = lang_category[cat][lang].list;
              if (! list)
                list = lang_category[cat][lang].list = {};
-             break;
+             for (name in MIM.imlist[lang])
+               list[name] = MIM.imlist[lang][name];
            }
-       if (list)
-         for (name in MIM.imlist[lang])
-           list[name] = MIM.imlist[lang][name];
-       else
+       if (! list)
          for (name in MIM.imlist[lang])
            Xex.Log ('no category ' + lang + '-' + name);
       }
@@ -3449,7 +3563,9 @@ MIM.keypress = function (event)
     li.style.top = '0px';
     li.style.listStyle = 'none';
     li.menu_level = level;
-    li.appendChild (document.createTextNode (text));
+    var nobr = document.createElement ('nobr');
+    nobr.innerHTML = text;
+    li.appendChild (nobr);
     return li;
   }
 
@@ -3499,7 +3615,6 @@ MIM.keypress = function (event)
            li.appendChild (sub);
            menu.appendChild (li);
          }
-       document.mimmenu = menu;
        lang_category = null;
       }
     menu.style.left = (event.clientX - 10) + "px";