michael@0: <?xml version="1.0"?>
michael@0: <!-- This Source Code Form is subject to the terms of the Mozilla Public
michael@0:    - License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
michael@0: 
michael@0: 
michael@0: <!DOCTYPE bindings [
michael@0:   <!ENTITY % textcontextDTD SYSTEM "chrome://global/locale/textcontext.dtd" >
michael@0:   %textcontextDTD;
michael@0: ]>
michael@0: 
michael@0: <bindings id="textboxBindings"
michael@0:    xmlns="http://www.mozilla.org/xbl"
michael@0:    xmlns:html="http://www.w3.org/1999/xhtml"
michael@0:    xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:    xmlns:xbl="http://www.mozilla.org/xbl">
michael@0: 
michael@0:   <binding id="textbox" extends="xul:box" role="xul:textbox">
michael@0:     <resources>
michael@0:       <stylesheet src="chrome://global/content/textbox.css"/>
michael@0:       <stylesheet src="chrome://global/skin/textbox.css"/>
michael@0:     </resources>
michael@0: 
michael@0:     <content>
michael@0:       <children/>
michael@0:       <xul:hbox class="textbox-input-box" flex="1" xbl:inherits="context,spellcheck">
michael@0:         <html:input class="textbox-input" anonid="input"
michael@0:                     xbl:inherits="value,type,maxlength,disabled,size,readonly,placeholder,tabindex,accesskey,noinitialfocus,mozactionhint,spellcheck"/>
michael@0:       </xul:hbox>
michael@0:     </content>
michael@0: 
michael@0:     <implementation implements="nsIDOMXULTextBoxElement, nsIDOMXULLabeledControlElement">
michael@0:       <!-- nsIDOMXULLabeledControlElement -->
michael@0:       <field name="crop">""</field>
michael@0:       <field name="image">""</field>
michael@0:       <field name="command">""</field>
michael@0:       <field name="accessKey">""</field>
michael@0: 
michael@0:       <field name="mInputField">null</field>
michael@0:       <field name="mIgnoreClick">false</field>
michael@0:       <field name="mIgnoreFocus">false</field>
michael@0:       <field name="mEditor">null</field>
michael@0: 
michael@0:       <property name="inputField" readonly="true">
michael@0:         <getter><![CDATA[
michael@0:           if (!this.mInputField)
michael@0:             this.mInputField = document.getAnonymousElementByAttribute(this, "anonid", "input");
michael@0:           return this.mInputField;
michael@0:         ]]></getter>
michael@0:       </property>
michael@0: 
michael@0:       <property name="value"      onset="this.inputField.value = val; return val;"
michael@0:                                   onget="return this.inputField.value;"/>
michael@0:       <property name="defaultValue" onset="this.inputField.defaultValue = val; return val;"
michael@0:                                   onget="return this.inputField.defaultValue;"/>
michael@0:       <property name="label"      onset="this.setAttribute('label', val); return val;"
michael@0:                                   onget="return this.getAttribute('label') ||
michael@0:                                                 (this.labelElement ? this.labelElement.value :
michael@0:                                                  this.placeholder);"/>
michael@0:       <property name="placeholder" onset="this.inputField.placeholder = val; return val;"
michael@0:                                   onget="return this.inputField.placeholder;"/>
michael@0:       <property name="emptyText"  onset="this.placeholder = val; return val;"
michael@0:                                   onget="return this.placeholder;"/>
michael@0:       <property name="type"       onset="if (val) this.setAttribute('type', val);
michael@0:                                          else this.removeAttribute('type'); return val;"
michael@0:                                   onget="return this.getAttribute('type');"/>
michael@0:       <property name="maxLength"  onset="this.inputField.maxLength = val; return val;"
michael@0:                                   onget="return this.inputField.maxLength;"/>
michael@0:       <property name="disabled"   onset="this.inputField.disabled = val;
michael@0:                                          if (val) this.setAttribute('disabled', 'true');
michael@0:                                          else this.removeAttribute('disabled'); return val;"
michael@0:                                   onget="return this.inputField.disabled;"/>
michael@0:       <property name="tabIndex"   onget="return parseInt(this.getAttribute('tabindex'));"
michael@0:                                   onset="this.inputField.tabIndex = val;
michael@0:                                          if (val) this.setAttribute('tabindex', val);
michael@0:                                          else this.removeAttribute('tabindex'); return val;"/>
michael@0:       <property name="size"       onset="this.inputField.size = val; return val;"
michael@0:                                   onget="return this.inputField.size;"/>
michael@0:       <property name="readOnly"   onset="this.inputField.readOnly = val;
michael@0:                                          if (val) this.setAttribute('readonly', 'true');
michael@0:                                          else this.removeAttribute('readonly'); return val;"
michael@0:                                   onget="return this.inputField.readOnly;"/>
michael@0:       <property name="clickSelectsAll"
michael@0:                 onget="return this.getAttribute('clickSelectsAll') == 'true';"
michael@0:                 onset="if (val) this.setAttribute('clickSelectsAll', 'true');
michael@0:                        else this.removeAttribute('clickSelectsAll'); return val;" />
michael@0: 
michael@0:       <property name="editor" readonly="true">
michael@0:         <getter><![CDATA[
michael@0:           if (!this.mEditor) {
michael@0:             const nsIDOMNSEditableElement = Components.interfaces.nsIDOMNSEditableElement;
michael@0:             this.mEditor = this.inputField.QueryInterface(nsIDOMNSEditableElement).editor;
michael@0:           }
michael@0:           return this.mEditor;
michael@0:         ]]></getter>
michael@0:       </property>
michael@0: 
michael@0:       <method name="reset">
michael@0:         <body><![CDATA[
michael@0:           this.value = this.defaultValue;
michael@0:           try {
michael@0:             this.editor.transactionManager.clear();
michael@0:             return true;
michael@0:           }
michael@0:           catch(e) {}
michael@0:           return false;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="select">
michael@0:         <body>
michael@0:           this.inputField.select();
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <property name="controllers"    readonly="true" onget="return this.inputField.controllers"/>
michael@0:       <property name="textLength"     readonly="true"
michael@0:                                       onget="return this.inputField.textLength;"/>
michael@0:       <property name="selectionStart" onset="this.inputField.selectionStart = val; return val;"
michael@0:                                       onget="return this.inputField.selectionStart;"/>
michael@0:       <property name="selectionEnd"   onset="this.inputField.selectionEnd = val; return val;"
michael@0:                                       onget="return this.inputField.selectionEnd;"/>
michael@0: 
michael@0:       <method name="setSelectionRange">
michael@0:         <parameter name="aSelectionStart"/>
michael@0:         <parameter name="aSelectionEnd"/>
michael@0:         <body>
michael@0:           this.inputField.setSelectionRange( aSelectionStart, aSelectionEnd );
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_setNewlineHandling">
michael@0:         <body><![CDATA[
michael@0:           var str = this.getAttribute("newlines");
michael@0:           if (str && this.editor) {
michael@0:             const nsIPlaintextEditor = Components.interfaces.nsIPlaintextEditor;
michael@0:             for (var x in nsIPlaintextEditor) {
michael@0:               if (/^eNewlines/.test(x)) {
michael@0:                 if (str == RegExp.rightContext.toLowerCase()) {
michael@0:                   this.editor.QueryInterface(nsIPlaintextEditor)
michael@0:                       .newlineHandling = nsIPlaintextEditor[x];
michael@0:                   break;
michael@0:                 }
michael@0:               }
michael@0:             }
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_maybeSelectAll">
michael@0:         <body><![CDATA[
michael@0:           if (!this.mIgnoreClick && this.clickSelectsAll &&
michael@0:               document.activeElement == this.inputField &&
michael@0:               this.inputField.selectionStart == this.inputField.selectionEnd)
michael@0:             this.editor.selectAll();
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <constructor><![CDATA[
michael@0:         var str = this.boxObject.getProperty("value");
michael@0:         if (str) {
michael@0:           this.inputField.value = str;
michael@0:           this.boxObject.removeProperty("value");
michael@0:         }
michael@0: 
michael@0:         this._setNewlineHandling();
michael@0: 
michael@0:         if (this.hasAttribute("emptytext"))
michael@0:           this.placeholder = this.getAttribute("emptytext");
michael@0:       ]]></constructor>
michael@0: 
michael@0:       <destructor>
michael@0:         <![CDATA[
michael@0:           if (this.inputField.value)
michael@0:             this.boxObject.setProperty('value', this.inputField.value);
michael@0:           this.mInputField = null;
michael@0:         ]]>
michael@0:       </destructor>
michael@0: 
michael@0:     </implementation>
michael@0: 
michael@0:     <handlers>
michael@0:       <handler event="focus" phase="capturing">
michael@0:         <![CDATA[
michael@0:           if (this.hasAttribute("focused"))
michael@0:             return;
michael@0: 
michael@0:           switch (event.originalTarget) {
michael@0:             case this:
michael@0:               // Forward focus to actual HTML input
michael@0:               this.inputField.focus();
michael@0:               break;
michael@0:             case this.inputField:
michael@0:               if (this.mIgnoreFocus) {
michael@0:                 this.mIgnoreFocus = false;
michael@0:               } else if (this.clickSelectsAll) {
michael@0:                 try {
michael@0:                   const nsIEditorIMESupport =
michael@0:                           Components.interfaces.nsIEditorIMESupport;
michael@0:                   let imeEditor = this.editor.QueryInterface(nsIEditorIMESupport);
michael@0:                   if (!imeEditor || !imeEditor.composing)
michael@0:                     this.editor.selectAll();
michael@0:                 } catch (e) {}
michael@0:               }
michael@0:               break;
michael@0:             default:
michael@0:               // Allow other children (e.g. URL bar buttons) to get focus
michael@0:               return;
michael@0:           }
michael@0:           this.setAttribute("focused", "true");
michael@0:         ]]>
michael@0:       </handler>
michael@0: 
michael@0:       <handler event="blur" phase="capturing">
michael@0:         <![CDATA[
michael@0:           this.removeAttribute("focused");
michael@0: 
michael@0:           // don't trigger clickSelectsAll when switching application windows
michael@0:           if (window == window.top &&
michael@0:               window.constructor == ChromeWindow &&
michael@0:               document.activeElement == this.inputField)
michael@0:             this.mIgnoreFocus = true;
michael@0:         ]]>
michael@0:       </handler>
michael@0: 
michael@0:       <handler event="mousedown">
michael@0:         <![CDATA[
michael@0:           this.mIgnoreClick = this.hasAttribute("focused");
michael@0: 
michael@0:           if (!this.mIgnoreClick) {
michael@0:             this.mIgnoreFocus = true;
michael@0:             this.inputField.setSelectionRange(0, 0);
michael@0:             if (event.originalTarget == this ||
michael@0:                 event.originalTarget == this.inputField.parentNode)
michael@0:               this.inputField.focus();
michael@0:           }
michael@0:         ]]>
michael@0:       </handler>
michael@0: 
michael@0:       <handler event="click" action="this._maybeSelectAll();"/>
michael@0: 
michael@0: #ifndef XP_WIN
michael@0:       <handler event="contextmenu">
michael@0:         if (!event.button) // context menu opened via keyboard shortcut
michael@0:           return;
michael@0:         this._maybeSelectAll();
michael@0:         // see bug 576135 comment 4
michael@0:         let box = this.inputField.parentNode;
michael@0:         let menu = document.getAnonymousElementByAttribute(box, "anonid", "input-box-contextmenu");
michael@0:         box._doPopupItemEnabling(menu);
michael@0:       </handler>
michael@0: #endif
michael@0:     </handlers>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="timed-textbox" extends="chrome://global/content/bindings/textbox.xml#textbox">
michael@0:     <implementation>
michael@0:       <constructor><![CDATA[
michael@0:         try {
michael@0:           var consoleService = Components.classes["@mozilla.org/consoleservice;1"]
michael@0:                                          .getService(Components.interfaces.nsIConsoleService);
michael@0:           var scriptError = Components.classes["@mozilla.org/scripterror;1"]
michael@0:                                       .createInstance(Components.interfaces.nsIScriptError);
michael@0:           scriptError.init("Timed textboxes are deprecated. Consider using type=\"search\" instead.",
michael@0:                            this.ownerDocument.location.href, null, null, 
michael@0:                            null, scriptError.warningFlag, "XUL Widgets");
michael@0:           consoleService.logMessage(scriptError);
michael@0:         } catch (e) {}
michael@0:       ]]></constructor>
michael@0:       <field name="_timer">null</field>
michael@0:       <property name="timeout"
michael@0:                 onset="this.setAttribute('timeout', val); return val;"
michael@0:                 onget="return parseInt(this.getAttribute('timeout')) || 0;"/>
michael@0:       <property name="value"
michael@0:                 onget="return this.inputField.value;">
michael@0:         <setter><![CDATA[
michael@0:           this.inputField.value = val;
michael@0:           if (this._timer)
michael@0:             clearTimeout(this._timer);
michael@0:           return val;
michael@0:         ]]></setter>
michael@0:       </property>
michael@0:       <method name="_fireCommand">
michael@0:         <parameter name="me"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             me._timer = null;
michael@0:             me.doCommand();
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0:     </implementation>
michael@0:     <handlers>
michael@0:       <handler event="input">
michael@0:         <![CDATA[
michael@0:           if (this._timer)
michael@0:             clearTimeout(this._timer);
michael@0:           this._timer = this.timeout && setTimeout(this._fireCommand, this.timeout, this);
michael@0:         ]]>
michael@0:       </handler>
michael@0:       <handler event="keypress" keycode="VK_RETURN">
michael@0:         <![CDATA[
michael@0:           if (this._timer)
michael@0:             clearTimeout(this._timer);
michael@0:           this._fireCommand(this);
michael@0:           event.preventDefault();
michael@0:         ]]>
michael@0:       </handler>
michael@0:     </handlers>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="search-textbox" extends="chrome://global/content/bindings/textbox.xml#textbox">
michael@0:     <content>
michael@0:       <children/>
michael@0:       <xul:hbox class="textbox-input-box" flex="1" xbl:inherits="context,spellcheck" align="center">
michael@0:         <html:input class="textbox-input" anonid="input" mozactionhint="search"
michael@0:                     xbl:inherits="value,type,maxlength,disabled,size,readonly,placeholder,tabindex,accesskey,mozactionhint,spellcheck"/>
michael@0:         <xul:deck class="textbox-search-icons" anonid="search-icons">
michael@0:           <xul:image class="textbox-search-icon"
michael@0:                      onclick="document.getBindingParent(this)._iconClick();"
michael@0:                      xbl:inherits="src=image,searchbutton,disabled"/>
michael@0:           <xul:image class="textbox-search-clear"
michael@0:                      onclick="document.getBindingParent(this)._clearSearch();"
michael@0:                      xbl:inherits="disabled"/>
michael@0:         </xul:deck>
michael@0:       </xul:hbox>
michael@0:     </content>
michael@0:     <implementation>
michael@0:       <field name="_timer">null</field>
michael@0:       <field name="_searchIcons">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "search-icons");
michael@0:       </field>
michael@0:       <property name="timeout"
michael@0:                 onset="this.setAttribute('timeout', val); return val;"
michael@0:                 onget="return parseInt(this.getAttribute('timeout')) || 500;"/>
michael@0:       <property name="searchButton"
michael@0:                 onget="return this.getAttribute('searchbutton') == 'true';">
michael@0:         <setter><![CDATA[
michael@0:           if (val) {
michael@0:             this.setAttribute("searchbutton", "true");
michael@0:             this.removeAttribute("aria-autocomplete");
michael@0:           } else {
michael@0:             this.removeAttribute("searchbutton");
michael@0:             this.setAttribute("aria-autocomplete", "list");
michael@0:           }
michael@0:           return val;
michael@0:         ]]></setter>
michael@0:       </property>
michael@0:       <property name="value"
michael@0:                 onget="return this.inputField.value;">
michael@0:         <setter><![CDATA[
michael@0:           this.inputField.value = val;
michael@0: 
michael@0:           if (val)
michael@0:             this._searchIcons.selectedIndex = this.searchButton ? 0 : 1;
michael@0:           else
michael@0:             this._searchIcons.selectedIndex = 0;
michael@0: 
michael@0:           if (this._timer)
michael@0:             clearTimeout(this._timer);
michael@0: 
michael@0:           return val;
michael@0:         ]]></setter>
michael@0:       </property>
michael@0:       <constructor><![CDATA[
michael@0:         if (this.searchButton)
michael@0:           this.removeAttribute("aria-autocomplete");
michael@0:         else
michael@0:           this.setAttribute("aria-autocomplete", "list");
michael@0:       ]]></constructor>
michael@0:       <method name="_fireCommand">
michael@0:         <parameter name="me"/>
michael@0:         <body><![CDATA[
michael@0:           if (me._timer)
michael@0:             clearTimeout(me._timer);
michael@0:           me._timer = null;
michael@0:           me.doCommand();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_iconClick">
michael@0:         <body><![CDATA[
michael@0:           if (this.searchButton)
michael@0:             this._enterSearch();
michael@0:           else
michael@0:             this.focus();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_enterSearch">
michael@0:         <body><![CDATA[
michael@0:           if (this.disabled)
michael@0:             return;
michael@0:           if (this.searchButton && this.value && !this.readOnly)
michael@0:             this._searchIcons.selectedIndex = 1;
michael@0:           this._fireCommand(this);
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_clearSearch">
michael@0:         <body><![CDATA[
michael@0:           if (!this.disabled && !this.readOnly && this.value) {
michael@0:             this.value = "";
michael@0:             this._fireCommand(this);
michael@0:             this._searchIcons.selectedIndex = 0;
michael@0:             return true;
michael@0:           }
michael@0:           return false;
michael@0:         ]]></body>
michael@0:       </method>
michael@0:     </implementation>
michael@0:     <handlers>
michael@0:       <handler event="input">
michael@0:         <![CDATA[
michael@0:           if (this.searchButton) {
michael@0:             this._searchIcons.selectedIndex = 0;
michael@0:             return;
michael@0:           }
michael@0:           if (this._timer)
michael@0:             clearTimeout(this._timer);
michael@0:           this._timer = this.timeout && setTimeout(this._fireCommand, this.timeout, this);
michael@0:           this._searchIcons.selectedIndex = this.value ? 1 : 0;
michael@0:         ]]>
michael@0:       </handler>
michael@0:       <handler event="keypress" keycode="VK_ESCAPE">
michael@0:         <![CDATA[
michael@0:           if (this._clearSearch()) {
michael@0:             event.preventDefault();
michael@0:             event.stopPropagation();
michael@0:           }
michael@0:         ]]>
michael@0:       </handler>
michael@0:       <handler event="keypress" keycode="VK_RETURN">
michael@0:         <![CDATA[
michael@0:           this._enterSearch();
michael@0:           event.preventDefault();
michael@0:           event.stopPropagation();
michael@0:         ]]>
michael@0:       </handler>
michael@0:     </handlers>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="textarea" extends="chrome://global/content/bindings/textbox.xml#textbox">
michael@0:     <content>
michael@0:       <xul:hbox class="textbox-input-box" flex="1" xbl:inherits="context,spellcheck">
michael@0:         <html:textarea class="textbox-textarea" anonid="input"
michael@0:                        xbl:inherits="xbl:text=value,disabled,tabindex,rows,cols,readonly,wrap,placeholder,mozactionhint,spellcheck"><children/></html:textarea>
michael@0:       </xul:hbox>
michael@0:     </content>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="input-box">
michael@0:     <content context="_child">
michael@0:       <children/>
michael@0:       <xul:menupopup anonid="input-box-contextmenu"
michael@0:                      class="textbox-contextmenu"
michael@0:                      onpopupshowing="var input =
michael@0:                                        this.parentNode.getElementsByAttribute('anonid', 'input')[0];
michael@0:                                      if (document.commandDispatcher.focusedElement != input)
michael@0:                                        input.focus();
michael@0:                                      this.parentNode._doPopupItemEnabling(this);"
michael@0:                      oncommand="var cmd = event.originalTarget.getAttribute('cmd'); if(cmd) { this.parentNode.doCommand(cmd); event.stopPropagation(); }">
michael@0:         <xul:menuitem label="&undoCmd.label;" accesskey="&undoCmd.accesskey;" cmd="cmd_undo"/>
michael@0:         <xul:menuseparator/>
michael@0:         <xul:menuitem label="&cutCmd.label;" accesskey="&cutCmd.accesskey;" cmd="cmd_cut"/>
michael@0:         <xul:menuitem label="&copyCmd.label;" accesskey="&copyCmd.accesskey;" cmd="cmd_copy"/>
michael@0:         <xul:menuitem label="&pasteCmd.label;" accesskey="&pasteCmd.accesskey;" cmd="cmd_paste"/>
michael@0:         <xul:menuitem label="&deleteCmd.label;" accesskey="&deleteCmd.accesskey;" cmd="cmd_delete"/>
michael@0:         <xul:menuseparator/>
michael@0:         <xul:menuitem label="&selectAllCmd.label;" accesskey="&selectAllCmd.accesskey;" cmd="cmd_selectAll"/>
michael@0:       </xul:menupopup>
michael@0:     </content>
michael@0: 
michael@0:     <implementation>
michael@0:       <method name="_doPopupItemEnabling">
michael@0:         <parameter name="popupNode"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             var children = popupNode.childNodes;
michael@0:             for (var i = 0; i < children.length; i++) {
michael@0:               var command = children[i].getAttribute("cmd");
michael@0:               if (command) {
michael@0:                 var controller = document.commandDispatcher.getControllerForCommand(command);
michael@0:                 var enabled = controller.isCommandEnabled(command);
michael@0:                 if (enabled)
michael@0:                   children[i].removeAttribute("disabled");
michael@0:                 else
michael@0:                   children[i].setAttribute("disabled", "true");
michael@0:               }
michael@0:             }
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_setMenuItemVisibility">
michael@0:         <parameter name="anonid"/>
michael@0:         <parameter name="visible"/>
michael@0:         <body><![CDATA[
michael@0:           document.getAnonymousElementByAttribute(this, "anonid", anonid).
michael@0:             hidden = ! visible;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="doCommand">
michael@0:         <parameter name="command"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             var controller = document.commandDispatcher.getControllerForCommand(command);
michael@0:             controller.doCommand(command);
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="input-box-spell" extends="chrome://global/content/bindings/textbox.xml#input-box">
michael@0:     <content context="_child">
michael@0:       <children/>
michael@0:       <xul:menupopup anonid="input-box-contextmenu"
michael@0:                      class="textbox-contextmenu"
michael@0:                      onpopupshowing="var input =
michael@0:                                        this.parentNode.getElementsByAttribute('anonid', 'input')[0];
michael@0:                                      if (document.commandDispatcher.focusedElement != input)
michael@0:                                        input.focus();
michael@0:                                      this.parentNode._doPopupItemEnablingSpell(this);"
michael@0:                      onpopuphiding="this.parentNode._doPopupItemDisabling(this);"
michael@0:                      oncommand="var cmd = event.originalTarget.getAttribute('cmd'); if(cmd) { this.parentNode.doCommand(cmd); event.stopPropagation(); }">
michael@0:         <xul:menuitem label="&spellNoSuggestions.label;" anonid="spell-no-suggestions" disabled="true"/>
michael@0:         <xul:menuitem label="&spellAddToDictionary.label;" accesskey="&spellAddToDictionary.accesskey;" anonid="spell-add-to-dictionary"
michael@0:                       oncommand="this.parentNode.parentNode.spellCheckerUI.addToDictionary();"/>
michael@0:         <xul:menuitem label="&spellUndoAddToDictionary.label;" accesskey="&spellUndoAddToDictionary.accesskey;" anonid="spell-undo-add-to-dictionary"
michael@0:                       oncommand="this.parentNode.parentNode.spellCheckerUI.undoAddToDictionary();"/>
michael@0:         <xul:menuseparator anonid="spell-suggestions-separator"/>
michael@0:         <xul:menuitem label="&undoCmd.label;" accesskey="&undoCmd.accesskey;" cmd="cmd_undo"/>
michael@0:         <xul:menuseparator/>
michael@0:         <xul:menuitem label="&cutCmd.label;" accesskey="&cutCmd.accesskey;" cmd="cmd_cut"/>
michael@0:         <xul:menuitem label="&copyCmd.label;" accesskey="&copyCmd.accesskey;" cmd="cmd_copy"/>
michael@0:         <xul:menuitem label="&pasteCmd.label;" accesskey="&pasteCmd.accesskey;" cmd="cmd_paste"/>
michael@0:         <xul:menuitem label="&deleteCmd.label;" accesskey="&deleteCmd.accesskey;" cmd="cmd_delete"/>
michael@0:         <xul:menuseparator/>
michael@0:         <xul:menuitem label="&selectAllCmd.label;" accesskey="&selectAllCmd.accesskey;" cmd="cmd_selectAll"/>
michael@0:         <xul:menuseparator anonid="spell-check-separator"/>
michael@0:         <xul:menuitem label="&spellCheckToggle.label;" type="checkbox" accesskey="&spellCheckToggle.accesskey;" anonid="spell-check-enabled"
michael@0:                       oncommand="this.parentNode.parentNode.spellCheckerUI.toggleEnabled();"/>
michael@0:         <xul:menu label="&spellDictionaries.label;" accesskey="&spellDictionaries.accesskey;" anonid="spell-dictionaries">
michael@0:           <xul:menupopup anonid="spell-dictionaries-menu"
michael@0:                          onpopupshowing="event.stopPropagation();"
michael@0:                          onpopuphiding="event.stopPropagation();"/>
michael@0:         </xul:menu>
michael@0:       </xul:menupopup>
michael@0:     </content>
michael@0: 
michael@0:     <implementation>
michael@0:       <field name="_spellCheckInitialized">false</field>
michael@0:       <field name="_enabledCheckbox">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "spell-check-enabled");
michael@0:       </field>
michael@0:       <field name="_suggestionsSeparator">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "spell-no-suggestions");
michael@0:       </field>
michael@0:       <field name="_dictionariesMenu">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "spell-dictionaries-menu");
michael@0:       </field>
michael@0: 
michael@0:       <property name="spellCheckerUI" readonly="true">
michael@0:         <getter><![CDATA[
michael@0:           if (!this._spellCheckInitialized) {
michael@0:             this._spellCheckInitialized = true;
michael@0: 
michael@0:             const CI = Components.interfaces;
michael@0:             if (!(document instanceof CI.nsIDOMXULDocument))
michael@0:               return null;
michael@0: 
michael@0:             var textbox = document.getBindingParent(this);
michael@0:             if (!textbox || !(textbox instanceof CI.nsIDOMXULTextBoxElement))
michael@0:               return null;
michael@0: 
michael@0:             try {
michael@0:               Components.utils.import("resource://gre/modules/InlineSpellChecker.jsm", this);
michael@0:               this.InlineSpellCheckerUI = new this.InlineSpellChecker(textbox.editor);
michael@0:             } catch(ex) { }
michael@0:           }
michael@0: 
michael@0:           return this.InlineSpellCheckerUI;
michael@0:         ]]></getter>
michael@0:       </property>
michael@0: 
michael@0:       <method name="_doPopupItemEnablingSpell">
michael@0:         <parameter name="popupNode"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             var spellui = this.spellCheckerUI;
michael@0:             if (!spellui || !spellui.canSpellCheck) {
michael@0:               this._setMenuItemVisibility("spell-no-suggestions", false);
michael@0:               this._setMenuItemVisibility("spell-check-enabled", false);
michael@0:               this._setMenuItemVisibility("spell-check-separator", false);
michael@0:               this._setMenuItemVisibility("spell-add-to-dictionary", false);
michael@0:               this._setMenuItemVisibility("spell-undo-add-to-dictionary", false);
michael@0:               this._setMenuItemVisibility("spell-suggestions-separator", false);
michael@0:               this._setMenuItemVisibility("spell-dictionaries", false);
michael@0:               return;
michael@0:             }
michael@0: 
michael@0:             spellui.initFromEvent(document.popupRangeParent,
michael@0:                                   document.popupRangeOffset);
michael@0: 
michael@0:             var enabled = spellui.enabled;
michael@0:             var showUndo = spellui.canSpellCheck && spellui.canUndo();
michael@0:             this._enabledCheckbox.setAttribute("checked", enabled);
michael@0: 
michael@0:             var overMisspelling = spellui.overMisspelling;
michael@0:             this._setMenuItemVisibility("spell-add-to-dictionary", overMisspelling);
michael@0:             this._setMenuItemVisibility("spell-undo-add-to-dictionary", showUndo);
michael@0:             this._setMenuItemVisibility("spell-suggestions-separator", overMisspelling || showUndo);
michael@0: 
michael@0:             // suggestion list
michael@0:             var numsug = spellui.addSuggestionsToMenu(popupNode, this._suggestionsSeparator, 5);
michael@0:             this._setMenuItemVisibility("spell-no-suggestions", overMisspelling && numsug == 0);
michael@0: 
michael@0:             // dictionary list
michael@0:             var numdicts = spellui.addDictionaryListToMenu(this._dictionariesMenu, null);
michael@0:             this._setMenuItemVisibility("spell-dictionaries", enabled && numdicts > 1);
michael@0: 
michael@0:             this._doPopupItemEnabling(popupNode);
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0:       <method name="_doPopupItemDisabling">
michael@0:         <body><![CDATA[
michael@0:           if (this.spellCheckerUI) {
michael@0:             this.spellCheckerUI.clearSuggestionsFromMenu();
michael@0:             this.spellCheckerUI.clearDictionaryListFromMenu();
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0: </bindings>