À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Ú6í|¤²èëTŸI³š]î¬æÌò
òZ½\U‘ÙÍ¡]ûSÿmwÉ%CåÏÝRJ‹hþJC«³<Måà® ¶ê¯ºh­ø*Y¨òDy,i^'
/Œ9¿®Žõõÿp–½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇ¥ÀÞíçª‹-	žÔFô
qæâ@30¼»bÎØÌl­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ Ê³DAÏ‘ëçQlß¡…“jJm2Yi€Pú˜Ã"#˜¨ö¤ø0„N!¼²'Çx:GrE¶zÙ¿p?Ž$±Xb41yqøß‰ôö‡vTM}7M5Þ6x>i›†Pè«ð‰ýÏø(Oÿý·5óÓ®síPc/˜¶bv³5@ËõR¬S Ag¡	lñ&ÏÉs8ÔŽ„ÿN;6_ïÂ¯†×ž‘É‰¼pÝDÛžæþ×®ŽC‰KP•ºŠÓ|!1&˜æ©W{ñÐE3à¼fM¢“Ì }c­_JLÙîÇa¢f3Ãª¤¤S	sM–›käNâšüw'ÿËH‘¯Ù<aD4aÌ³í3m‘ô'ø€BW±`™ò¡½\ËK+‘`[iÂSø¤H6&†àÎ$Çåm¾.ŠŸ›ñ± Õ¢»ðòˆ*µÈ6É¶‚há÷UÒ1´‚sãÎ½_Il)û4ÆÙŸÓVä-Qæo¹»†>CÚž±5:qQ±!N‹ò1w¶—ï.}ô5ˆà[òåD’-:­¿ðç9PÅ	_ÃmÁèYs±mr*ðÞ6½_‰ÙÙK­#âØ¶¯þe%Ú8~ßkyˆçzáLvpxæˆ¢I,;}GfrüõŠoc2mÁöPrŠ$Qz .û§ÙØ($<ÀTZäŽÊ6½lE‡[^æÁ)B›Š±þÕÆ¹áð)PR{à_±Ó¹ç>|ÕÄr’Ê/»™{_6†3§¦Åp–˜aºóHfý¹PU$Û8nnà&,ô‚`\Íf#œÄÖOjâÇƒ»áÉømÙõû—’6ö]sÖ„ïÃûðâ¾F¿¡™¬x<å?Œm€WAœ¢U-÷$3¸ÏÐ²•~«Ð—ˆ vi|A n/Rýé¼gˆ3¯ÔY›*Úk‰%ðO»Øæ¾ï½U?†“ÇùC³‹~œ X }¤/œ—6¨“Ü…ÑÅ¢Ô+˜i+‡Pã/¡ÊºüP™Z®KcBö%],¬$ûÚ›ŠKK½dGM™)¤é¼_~0¶î
Ï\ûQPŸLu'Œ”÷ Æ™—Æë-h“Žð…î¿>ÅwÞ¦o™ìŽáËcõ†´l@b„ØòvÆ¼¨Ïôý`d2V\™áeˆ¹*q¯LŸ"Xˆßb¿ÒJ"ñÌ²(s;è¦$ž~å¤G³¾Eh¢Þ¡Û8nnà&,ô‚`\Íf$á=éš{óözÀfvPP‰9Û8nnà&,ô‚`\Ífn'>n® 	€m!Ö0ÉÐê¼ÏLiKÜxÞ(ëí26È#ÓLUdï†‰;ÛC­p<èÄÇµêôT€¡\hìc“Þ"fÛ8nnà&,ô‚`\ÍfÕ«÷niì“ô¡oÖ˜¯¼¤"-ÐØcFC™Ä¶ôêIºš½(öòw‹kU›ÄSå$S&P¡Hqžþn´•“F‚Ã«mŠ:øB­0g=5€­ÑyŠÃý¤˜%í8Î€¾Sº'-´)JÏð¬ÌPV€·FÐ
ËC'<õÎ­Ž¹ûŒ8H¤x>ÚBÔjù,° ÁóÊ;Ž·nä|´r­NÛ8nnà&,ô‚`\ÍfyÖµnn'E‚Žà¢¾Ž ßXÆ$w9y±£&6´¯Åê
~ÿ¿Û0sÞFÛ8nnà&,ô‚`\Ífy†óÇLº¡9ñ`Žägö‰¸®•#‰ŒŒq°×v6Zß&¤"-ÐØcFC™Ä¶ôêÊ÷¿o^é}< ÍŒ|‘L²ŽÎ|4ªâ{Tƒç’ÀÛ·6Û8nnà&,ô‚`\Íf¢­˜ö»·-650š§èacÊ¾Sº'-´)JÏð¬ÌPV€¸WY W–€ÎdXÁ˜1Û8nnà&,ô‚`\Ífy†óÇLº¡9ñ`Žägö‰¸€v±Fø¯¶E¦mny]a<´¡Ûð“Ú*7[HºkÕ›Ù~	É‡ é}!ÛÝ„#Iï	i‹l†¾Mw*ßìî]‹ƒntÁ“Ic¥ˆt¡POrëº«¾ÒðÄ/³ÿ6¨TÛ8nnà&,ô‚`\Íf{¥éü™Ð°ßšXáŒmØÿÜ™—ž?i:Z¾¨ºÑÈ¦³‡ÕÝ‡:±}Ï,OàuxùÒÁ0áJ!d·ã¥;ÀÂ;¦›€æT÷´BC
¦×3De™‡Ž˜§8(çKA©Û8nnà&,ô‚`\Íf–ŠêÛ@“^Æ›
tH]@Û8nnà&,ô‚`\Ífý¡ ´Ž+BCO4Àž4•yHfÌÌSqƒPŽ²*Å$’Qæ8hñxÈw¯fêÎG~Y7s9brÓ:Pt9L´‹E°×.Zdˆ}¼tSãhÆI}|÷?Ÿ­Ùe™ˆDQP‡^®N½Î†*h4§•/ ^·ŽvCÈ¤Íý%àfØ¤iô¥„ã”i‹6ëù¥Û8nnà&,ô‚`\Íf‹XtFq(e5!B^ô,ƒô¤"-ÐØcFC™Ä¶ôêÆ‡pÒ=:ñé†½@ÂekGý(€”˜·©I¾‰5õXz‚„Ï*\’4}vèjÛ8nnà&,ô‚`\Íf-‹Ñy
÷×Ð`ÑÑ{ÂÛ8nnà&,ô‚`\Ífth»cŠF» ®6g ­4XÄRu‰Æ¸"ÖÄÍ®ˆ²¨Òé(&H¦«-Þ‘P#pÜì©“	°9ëG‚5«n„%p"‡'€!ùaQDQP‡^®N½Î†*h4§š×Ø¦ÎS‹QoŠXRbêx6vcðn”KWðœ´oõ\hG^Ðkp¥cé¤—&±ëb;÷•>GøÈ$¸@Íä_z†&È0a’ºšŠ:ÝØôÛ8nnà&,ô‚`\Íf¬ê5M GP)!ˆ"U•aÄrä?ÿ’¤½6>Jï¨Â³O5áz¦ÿY®¹ö°&¬€µøZŸ½36?Ãyéè	vÄi„X¥ ÷w"Û8nnà&,ô‚`\Íf¬ê5M GP)!ˆ"U•Dþíd=u44ÿ¯9`¹â.Vë½ÿ^ˆ¡ÕeÈ¡»-Í¢ÿYQ!1¦[]qç»ÔjD0åàW×šFiÌÛ8nnà&,ô‚`\Ífk`“ø‹1	p‚áÑdrQn)1z‘Ê·“®Ø;/¥kDQP‡^®N½Î†*h4§š×Ø¦ÎS‹QoŠXRbê•“F‚Ã«mŠ:øB­0gÛ8nnà&,ô‚`\Íf‰ZÙéþÜþ1Sô«ž#ù-v†¼ThëþPþE¨E–>V€Úqº7òä¢ÕµcßY5Bš•Sw‡KÀVLV^¤–4Ëæ¿TKŠ¾&AH9àxö×<cð¢Crþ:ÖÌSÛ8nnà&,ô‚`\ÍfŠÈçüW`Þ¬|KÏÓ“ò `H™‡S8IÊëv®ÿìÍE&ß\Ù‘î8?@ŒÊù<ÎKÙnæQ?Qš'X›	TJC6X6TT…xÆaû·'±yŠ†=§ùBÿ-Ö™%µÃ¼—ŽCLÍ‰iÛ8nnà&,ô‚`\ÍfÍÒ‡(ðÏßJ8[R¼{ïfÝÛ8nnà&,ô‚`\Ífå›ßéYÇšðÈæÙqfÅ÷ÂmŽ»³±ß|P•¨[ÜNjÍüS‰Lü;À#FÙ¹Y-¼VY^¸$s|§çÛ8nnà&,ô‚`\Íf“zÆ7?••;Ãd9öÛ•}Û8nnà&,ô‚`\ÍfFòŒÛÙ{Sa,‹OV
ï3mˆ[Rð!~¬j¡„!¢ˆNÃD*‰Ñéy€oä[Ïú
º¨É´Ø¸Úß&Z¯nÃ	š¢÷¥E:`s›<gUvâúoŽÈ4B~¡qÅŸ0<·Œ´‡1/.­~˜=ãËòûÛ8nnà&,ô‚`\ÍfdŒ#’ZMJ&vTf•Ñ×O±„^Ú
5œè/ŠëT½§¶Eå¢f;\«Û8nnà&,ô‚`\Íf>­>mA†µ:Á‘{S˜);àl¶I~2btž É-ã”ìÞÆ¸8º$ÐÏ ÓyZ%¹4™Ÿîærù*ì`šèïû±j±PY¹¯UÞCÊdßs™bÎ´ð»ƒäTâSÛêù|2b€÷jÊ¹þd`hH¬shšñÐÞ &Š=óÓßiþåvu™›Uj¥Ì{¸ßèÛ8nnà&,ô‚`\ÍfÝgQ£ëvÚ«cT«®”¸´¤"-ÐØcFC™Ä¶ôêÝgQ£ëvÚ«cT«®”¸´¤"-ÐØcFC™Ä¶ôêø¸/AÁâ`º’°8ÈíËÄSå$S&P¡Hqžþn´•“F‚Ã«mŠ:øB­0g=5€­ÑyŠÃý¤˜%í8Î€¾Sº'-´)JÏð¬ÌPV€·FÐ
ËC'<õÎ­Ž¹ûŒ8H¤x>ÚBÔjù,° ÁóÊ;Ž·nä|´r­NÛ8nnà&,ô‚`\ÍfyÖµnn'E‚Žà¢¾Ž -A«@Ú	Fù¬6Óæ¸ZœÚQÏwâéÄëí—ž2AèÕ´ÚÁ>­¦gº(¥!­Û8nnà&,ô‚`\ÍfºÙ7­5}ÿòl³Ñ+vÛ8nnà&,ô‚`\Ífk¿P½2×,NmˆÑåB^¿¼au6_ÕÔºdpU"âE;YjSž(ƒµ\•“F‚Ã«mŠ:øB­0gŸ˜7 ÊÄGÈB[—™e.DQP‡^®N½Î†*h4§ºO§Ô£KÏÿÙ·ÓWåšáÁ7Ü<ÄØå¥µ*kÄB›Ù~	É‡ é}!ÛÝ„#jr¥9eMIN¾íþˆÞ“Za<´¡Ûð“Ú*7[HºkÕ!s´çÀ*ºè: »WMmµ£þ¶üø0OÈoKšPïˆÊyu='zïÂæªt0áŒA§ "!PŸxA2·FÐ
ËC'<õÎ­Ž ížE©úŠ77éƒUo6ˆ¦:eµÜÐ‘Fj"©V#¦-ä8T99¬ÆmâÂ=*ñ›3³êÙQ‰öY£µù ">
                            <p>
                                Enables or disables the jqxComplexInput.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>disabled</code> property.
                            </p>
                            <pre><code>$('#jqxComplexInput').jqxComplexInput({ disabled: false });</code></pre>
                            <p>
                                Get the <code>disabled</code> property.
                            </p>
                            <pre><code>var disabled = $('#jqxComplexInput').jqxComplexInput('disabled');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/f1LLhjcq/">disabled
                                is set to true
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span3'>height</span>
                    </td>
                    <td>
                        <span>Number/String</span>
                    </td>
                    <td>null
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the jqxComplexInput's height.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>height</code> property.
                            </p>
                            <pre><code>$('#jqxComplexInput').jqxComplexInput({ height: "35px" });</code></pre>
                            <p>
                                Get the <code>height</code> property.
                            </p>
                            <pre><code>var height = $('#jqxComplexInput').jqxComplexInput('height');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/fqc8fqgy/">height
                                is set to 35
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span8'>placeHolder</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>''
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the jqxComplexInput's placeholder.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>placeHolder</code> property.
                            </p>
                            <pre><code>$("#jqxComplexInput").jqxComplexInput({ placeHolder: "Enter a complex number" });</code></pre>
                            <p>
                                Get the <code>placeHolder</code> property.
                            </p>
                            <pre><code>var placeHolder = $('#jqxComplexInput').jqxComplexInput('placeHolder'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/kb4auhye/">placeHolder
                                is set to "Enter a complex number"
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span5'>roundedCorners</span>
                    </td>
                    <td>
                        <span>boolean</span>
                    </td>
                    <td>true
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Enables or disables the rounded corners functionality. This property setting has
                            effect in browsers which support CSS border-radius.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>roundedCorners</code> property.
                            </p>
                            <pre><code>$("#jqxComplexInput").jqxComplexInput({ roundedCorners: false });</code></pre>
                            <p>
                                Get the <code>roundedCorners</code> property.
                            </p>
                            <pre><code>var roundedCorners = $("#jqxComplexInput").jqxComplexInput('roundedCorners');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/hv0ym9ta/">roundedCorners
                                is set to false
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span51'>rtl</span>
                    </td>
                    <td>
                        <span>Boolean</span>
                    </td>
                    <td>false
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets a value indicating whether widget's elements are aligned to support
                            locales using right-to-left fonts.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>rtl</code> property.
                            </p>
                            <pre><code>$('#jqxComplexInput').jqxComplexInput({ rtl : true });</code></pre>
                            <p>
                                Get the <code>rtl</code> property.
                            </p>
                            <pre><code>var rtl = $('#jqxComplexInput').jqxComplexInput('rtl');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/9gvhsdd4/">rtl
                                is set to true
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span10'>spinButtons</span>
                    </td>
                    <td>
                        <span>boolean</span>
                    </td>
                    <td>false
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Shows or hides the spin buttons.
                            </p>
                            <p>
                                <em>Note:</em> the spin buttons require an additional empty div element in the initialization
                            div of jqxComplexInput.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>spinButtons</code> property.
                            </p>
                            <pre><code>$("#jqxComplexInput").jqxComplexInput({ spinButtons: true });</code></pre>
                            <p>
                                Get the <code>spinButtons</code> property.
                            </p>
                            <pre><code>var spinButtons = $('#jqxComplexInput').jqxComplexInput('spinButtons');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/nw4s6ztb/">spinButtons
                                is set to true
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span11'>spinButtonsStep</span>
                    </td>
                    <td>
                        <span>Number</span>
                    </td>
                    <td>1
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the increase/decrease step.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>spinButtonsStep</code> property.
                            </p>
                            <pre><code>$("#jqxComplexInput").jqxComplexInput({ spinButtonsStep: 10 });</code></pre>
                            <p>
                                Get the <code>spinButtonsStep</code> property.
                            </p>
                            <pre><code>var spinButtonsStep = $('#jqxComplexInput').jqxComplexInput('spinButtonsStep');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/527yg9mL/">spinButtonsStep
                                is set to 10
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
	     	<tr>
				<td class="documentation-option-type-click">
					<span id='Span86'>template</span>
				</td>
				<td>
					<span>String</span>
				</td>
				<td>'default'
				</td>
			</tr>
			<tr>
				<td colspan='3' style='width: 100%'>
					<div class="documentation-option-description property-content" style="display: none;">
						<p>
							Determines the template as an alternative of the default styles.
						</p>
						<b>Possible Values:</b>
						<br />
						<pre><code>'default' - the default template. The style depends only on the "theme" property value.</code></pre>
						<pre><code>'primary' - dark blue style for extra visual weight.</code></pre>
						<pre><code>'success' - green style for successful or positive action.</code></pre>
						<pre><code>'warning' - orange style which indicates caution.</code></pre>
						<pre><code>'danger' - red style which indicates a dangerous or negative action.</code></pre>
						<pre><code>'info' - blue button, not tied to a semantic action or use.</code></pre>
						<h4>Code examples</h4>
						<p>
							Set the <code>template</code> property.
						</p>
						<pre><code>$("#jqxComplexInput").jqxComplexInput({ template: 'primary'});</code></pre>

						<p>
							Get the <code>template</code> property.
						</p>
						<pre><code>var template = $('#jqxComplexInput').jqxComplexInput('template');</code></pre>
						<div style="padding-bottom: 5px;">
							<em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/4c2L8ejd/">template is set to 'primary'</a>
						</div>

					</div>
				</td>
			</tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span63'>theme</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>''
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets the widget's theme.
                            </p>
                            jQWidgets uses a pair of css files - jqx.base.css and jqx.[theme name].css. The
                        base stylesheet creates the styles related to the widget's layout like margin, padding,
                        border-width, position. The second css file applies the widget's colors and backgrounds.
                        The jqx.base.css should be included before the second CSS file. In order to set
                        a theme, you need to do the following:
                        <ul>
                            <li>Include the theme's CSS file after jqx.base.css.<br />
                                The following code example adds the 'energyblue' theme.
                                <pre><code>
                                <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;../../jqwidgets/styles/jqx.base.css&quot; type=&quot;text/css&quot; /&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;../../jqwidgets/styles/jqx.energyblue.css&quot; type=&quot;text/css&quot; /&gt; </code></pre>
                                </code></pre>
                            </li>
                            <li>Set the widget's theme property to 'energyblue' when you initialize it.</li>
                        </ul>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/p7oL6eqv/">theme
                                is set to 'energyblue'
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span4'>value</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>''
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the value of the jqxComplexInput widget.
                            </p>
                            <h4>Code example</h4>
                            <p>
                                Set the <code>value</code> property.
                            </p>
                            <pre><code>$("#jqxComplexInput").jqxComplexInput({ value: "190 - 17i" });</code></pre>
                            <p>
                                Get the <code>value</code> property.
                            </p>
                            <pre><code>var value = $('#jqxComplexInput').jqxComplexInput('value');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/pqtd913s/">value
                                is set to "190 - 17i"
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span1'>width</span>
                    </td>
                    <td>
                        <span>Number/String</span>
                    </td>
                    <td>null
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the jqxComplexInput's width.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>width</code> property.
                            </p>
                            <pre><code>$('#jqxComplexInput').jqxComplexInput({ width: 200 });</code></pre>
                            <p>
                                Get the <code>width</code> property.
                            </p>
                            <pre><code>var width = $('#jqxComplexInput').jqxComplexInput('width');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/p7oL6eqv/">width
                                is set to 200
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td colspan='3' style='width: 100%'>
                        <h2 class="documentation-top-header">Events</h2>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span27'>change</span>
                    </td>
                    <td>
                        <span>Event</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                This event is triggered when the value is changed.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Bind to the <code>change</code> event by type: jqxComplexInput.
                            </p>
                            <pre><code>$("#jqxComplexInput").on("change", function (event) {
    // event arguments
    var args = event.args;
    if (args) {
        // new value
        var value = args.value;
        // old value
        var oldValue = args.oldValue;
        // real part
        var realPart = args.realPart;
        // imaginary part
        var imaginaryPart = args.imaginaryPart;
        // type
        var type = args.type; // keyboard, mouse or null depending on how the value was changed.                      
    }
});</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/apwvwgj8/">Bind
                                to the change event by type: jqxComplexInput.
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <h2 class="documentation-top-header">Methods</h2>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span68'>destroy</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Destroys the widget.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>destroy</code> method.
                            </p>
                            <pre><code>$('#jqxComplexInput').jqxComplexInput('destroy'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/w1d1zo8n/">destroys
                                the complex input
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span17'>getReal</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Gets the real part of the entered number.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>complexNumber</em></td>
                                            <td>Number(optional)</td>
                                            <td>if passed, gets the real part of the passed complex number</td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>getReal</code> method.
                            </p>
                            <pre><code>// @param complexNumber (optional) - if passed, gets the real part of the passed complex number
var realPart = $('#jqxComplexInput').jqxComplexInput('getReal');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/ywo2w443/">gets
                                the real part
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span19'>getImaginary</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Gets the imaginary part of the entered number.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>complexNumber</em></td>
                                            <td>Number(optional)</td>
                                            <td>if passed, gets the imaginary part of the passed complex number</td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>Number</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>getImaginary</code> method.
                            </p>
                            <pre><code>// @param complexNumber (optional) - if passed, gets the imaginary part of the passed complex number
var imaginaryPart = $('#jqxComplexInput').jqxComplexInput('getImaginary');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/btqdrjpn/">gets
                                the imaginary part
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span6'>render</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Renders the widget.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>render</code> method.
                            </p>
                            <pre><code>$('#jqxComplexInput').jqxComplexInput('render');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/d3mmcndo/">renders
                                the complex input
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span7'>refresh</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Refreshes the widget.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>refresh</code> method.
                            </p>
                            <pre><code>$('#jqxComplexInput').jqxComplexInput('refresh'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/fsnodhL7/">refreshes
                                the complex input
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span12'>val</span>
                    </td>
                    <td>
                        <span>Method</span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets or gets the value.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td>String/Object</td>
                                            <td>If object is passed, it should be with object.real and object.imaginary properties.</td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>String</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Get the <code>value</code>:
                            </p>
                            <pre><code>var value = $('#jqxComplexInput').jqxComplexInput('val');
or
var value = $('#jqxComplexInput').val();</code></pre>
                            <p>
                                Set the <code>value</code>:
                            </p>
                            <pre><code>// @param complexNumber - a string with the value of the complex number to set or an object with the fields "real" and "imaginary", representing the real and imaginary parts of the number to set
$('#jqxComplexInput').jqxComplexInput('val', '1 - 99i');
or
$('#jqxComplexInput').val('1 - 99i');
or
$('#jqxComplexInput').jqxComplexInput('val', { real: 1, imaginary: -99 });
or
$('#jqxComplexInput').val({ real: 1, imaginary: -99 });</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/aqsr0bc2/">sets
                                the jqxComplexInput value
                                </a>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
            <br />
        </div>
  </body>
</html>