703  * Install input handler.
705 BaseFormatPanel.prototype.installInputHandler = function(input, key, defaultValue, min, max, unit, …  argument
721 		var value = (isFloat) ? parseFloat(input.value) : parseInt(input.value);
746 				input.value = value + unit;
748 				// Restore focus and selection in input
792 		input.value = value + unit;
800 		mxEvent.addListener(input, 'mousedown', function()
808 		mxEvent.addListener(input, 'touchstart', function()
817 	mxEvent.addListener(input, 'change', update);
818 	mxEvent.addListener(input, 'blur', update);
854 BaseFormatPanel.prototype.createStepper = function(input, update, step, height, disableFocus, defau…  argument
885 		if (input.value == '')
887 			input.value = defaultValue || '2';
890 		var val = isFloat? parseFloat(input.value) : parseInt(input.value);
894 			input.value = val - (mxEvent.isShiftDown(evt) ? bigStep : step);
911 		if (input.value == '')
913 			input.value = defaultValue || '0';
916 		var val = isFloat? parseFloat(input.value) : parseInt(input.value);
920 			input.value = val + (mxEvent.isShiftDown(evt) ? bigStep : step);
933 	// stay on the selected text, but not for any other input.
989 	var cb = document.createElement('input');
1151 	var cb = document.createElement('input');
1233 	var clrInput = document.createElement('input');
1255 			mxEvent.addListener(clrInput, 'input', function()
1287 		if (source == cb || source.nodeName != 'INPUT')
1456 	var input = document.createElement('input');
1457 	input.style.position = 'absolute';
1458 	input.style.textAlign = 'right';
1459 	input.style.marginTop = '-2px';
1460 	input.style.left = (228 - right - width) + 'px';
1461 	input.style.width = width + 'px';
1462 	input.style.height = '21px';
1463 	input.style.border = '1px solid rgb(160, 160, 160)';
1464 	input.style.borderRadius = '4px';
1465 	input.style.boxSizing = 'border-box';
1467 	container.appendChild(input);
1469 	var stepper = this.createStepper(input, update, step, null, disableFocus, null, isFloat);
1474 	return input;
1495 			handler(input);
1499 			var value = parseInt(input.value);
1517 			input.value = ((value != null) ? value : '100') + ' %';
1523 	var input = this.addUnitInput(div, '%', 16, width, update, 10, -15, handler != null);
1529 			if (force || input != document.activeElement)
1533 				input.value = (isNaN(tmp)) ? '' : tmp + ' %';
1537 		mxEvent.addListener(input, 'keydown', function(e)
1557 	mxEvent.addListener(input, 'blur', update);
1558 	mxEvent.addListener(input, 'change', update);
1562 		init(input);
1588 BaseFormatPanel.prototype.addKeyHandler = function(input, listener)  argument
1590 	mxEvent.addListener(input, 'keydown', mxUtils.bind(this, function(e)
2302 	var input = null;
2311 		input = this.addUnitInput(div, '°', 16, 52, function()
2346 		if (input != null)
2352 	if (input != null)
2356 			if (force || document.activeElement != input)
2360 				input.value = (isNaN(tmp)) ? '' : tmp  + '°';
2364 		update = this.installInputHandler(input, mxConstants.STYLE_ROTATION, 0, 0, 360, '°', null, true);
2365 		this.addKeyHandler(input, listener);
2527 	var constrainCheckbox = opt.getElementsByTagName('input')[0];
2729 ArrangePanel.prototype.addGeometryHandler = function(input, fn)  argument
2738 		if (input.value != '')
2740 			var value = parseFloat(input.value);
2744 				input.value = initialValue + ' ' + panel.getUnit();
2785 				input.value = value + ' ' + panel.getUnit();
2792 	mxEvent.addListener(input, 'blur', update);
2793 	mxEvent.addListener(input, 'change', update);
2794 	mxEvent.addListener(input, 'focus', function()
2796 		initialValue = input.value;
2802 ArrangePanel.prototype.addEdgeGeometryHandler = function(input, fn)  argument
2811         if (input.value != '')
2813             var value = parseFloat(input.value);
2817                 input.value = initialValue + ' pt';
2848                 input.value = value + ' pt';
2855     mxEvent.addListener(input, 'blur', update);
2856     mxEvent.addListener(input, 'change', update);
2857     mxEvent.addListener(input, 'focus', function()
2859         initialValue = input.value;
3413 	var input = document.createElement('input');
3414 	input.style.position = 'absolute';
3415 	input.style.border = '1px solid rgb(160, 160, 160)';
3416 	input.style.textAlign = 'right';
3417 	input.style.marginTop = '4px';
3418 	input.style.left = '161px';
3419 	input.style.width = '53px';
3420 	input.style.borderRadius = '4px';
3421 	input.style.height = '23px';
3422 	input.style.boxSizing = 'border-box';
3423 	stylePanel2.appendChild(input);
3429 …var inputUpdate = this.installInputHandler(input, mxConstants.STYLE_FONTSIZE, Menus.prototype.defa…
3497 			input.value = fontSize + ' pt';
3549 						// Overrides fontSize in input with the one just assigned as a workaround
3553 							input.value = pendingFontSize + ' pt';
3564 	var stepper = this.createStepper(input, inputUpdate, 1, 10, true, Menus.prototype.defaultFontSize);
3565 	stepper.style.display = input.style.display;
3817 …er.appendChild(this.createRelativeOption(mxResources.get('lineheight'), null, null, function(input)  argument
3819 			var value = (input.value == '') ? 120 : parseInt(input.value);
3852 			input.value = value + ' %';
3853 		}, function(input)  argument
3856 			lineHeightInput = input;
3860 			mxEvent.addListener(input, 'mousedown', function()
3868 			mxEvent.addListener(input, 'touchstart', function()
3876 			input.value = '120 %';
4149 		if (force || document.activeElement != input)
4152 			input.value = (isNaN(tmp)) ? '' : tmp  + ' pt';
4257 	this.addKeyHandler(input, listener);
4432 							if (document.activeElement != input)
4443 									input.value = (isNaN(fontSize)) ? '' : fontSize + ' pt';
4526 		mxEvent.addListener(graph.cellEditor.textarea, 'input', updateCssHandler);
5104 	var input = document.createElement('input');
5105 	input.style.position = 'absolute';
5106 	input.style.textAlign = 'right';
5107 	input.style.marginTop = '2px';
5108 	input.style.width = '52px';
5109 	input.style.height = '21px';
5110 	input.style.left = '146px';
5111 	input.style.border = '1px solid rgb(160, 160, 160)';
5112 	input.style.borderRadius = '4px';
5113 	input.style.boxSizing = 'border-box';
5114 	input.setAttribute('title', mxResources.get('linewidth'));
5116 	stylePanel.appendChild(input);
5118 	var altInput = input.cloneNode(true);
5124 		var value = parseFloat(input.value);
5134 		input.value = value + ' pt';
5155 	var stepper = this.createStepper(input, update, 1, 9);
5156 	stepper.style.display = input.style.display;
5168 	mxEvent.addListener(input, 'blur', update);
5169 	mxEvent.addListener(input, 'change', update);
5449 		if (force || document.activeElement != input)
5452 			input.value = (isNaN(tmp)) ? '' : tmp + ' pt';
5673 	this.addKeyHandler(input, listener);
6790 	var input = document.createElement('input');
6791 	input.style.position = 'absolute';
6792 	input.style.textAlign = 'right';
6793 	input.style.width = '48px';
6794 	input.style.marginTop = '-2px';
6795 	input.style.height = '21px';
6796 	input.style.border = '1px solid rgb(160, 160, 160)';
6797 	input.style.borderRadius = '4px';
6798 	input.style.boxSizing = 'border-box';
6799 	input.value = this.inUnit(graph.getGridSize()) + ' ' + this.getUnit(); 
6801 …var stepper = this.createStepper(input, update, this.getUnitStep(), null, null, null, this.isFloat…
6802 	input.style.display = (graph.isGridEnabled()) ? '' : 'none';
6803 	stepper.style.display = input.style.display;
6805 	mxEvent.addListener(input, 'keydown', function(e)
6814 			input.value = graph.getGridSize();
6822 		var value = fPanel.isFloatUnit()? parseFloat(input.value) : parseInt(input.value);
6831 		input.value = fPanel.inUnit(value) + ' ' + fPanel.getUnit();
6835 	mxEvent.addListener(input, 'blur', update);
6836 	mxEvent.addListener(input, 'change', update);
6838 	input.style.right = '78px';
6861 		input.style.display = (graph.isGridEnabled()) ? '' : 'none';
6862 		stepper.style.display = input.style.display;
6887 	panel.appendChild(input);