You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
	
	
		
			211 lines
		
	
	
		
			5.5 KiB
		
	
	
	
		
			JavaScript
		
	
			
		
		
	
	
			211 lines
		
	
	
		
			5.5 KiB
		
	
	
	
		
			JavaScript
		
	
| /*!
 | |
| 	Autosize 3.0.5
 | |
| 	license: MIT
 | |
| 	http://www.jacklmoore.com/autosize
 | |
| */
 | |
| (function (global, factory) {
 | |
| 	if (typeof define === 'function' && define.amd) {
 | |
| 		define(['exports', 'module'], factory);
 | |
| 	} else if (typeof exports !== 'undefined' && typeof module !== 'undefined') {
 | |
| 		factory(exports, module);
 | |
| 	} else {
 | |
| 		var mod = {
 | |
| 			exports: {}
 | |
| 		};
 | |
| 		factory(mod.exports, mod);
 | |
| 		global.autosize = mod.exports;
 | |
| 	}
 | |
| })(this, function (exports, module) {
 | |
| 	'use strict';
 | |
| 
 | |
| 	function assign(ta) {
 | |
| 		var _ref = arguments[1] === undefined ? {} : arguments[1];
 | |
| 
 | |
| 		var _ref$setOverflowX = _ref.setOverflowX;
 | |
| 		var setOverflowX = _ref$setOverflowX === undefined ? true : _ref$setOverflowX;
 | |
| 		var _ref$setOverflowY = _ref.setOverflowY;
 | |
| 		var setOverflowY = _ref$setOverflowY === undefined ? true : _ref$setOverflowY;
 | |
| 
 | |
| 		if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || ta.hasAttribute('data-autosize-on')) return;
 | |
| 
 | |
| 		var heightOffset = null;
 | |
| 		var overflowY = 'hidden';
 | |
| 
 | |
| 		function init() {
 | |
| 			var style = window.getComputedStyle(ta, null);
 | |
| 
 | |
| 			if (style.resize === 'vertical') {
 | |
| 				ta.style.resize = 'none';
 | |
| 			} else if (style.resize === 'both') {
 | |
| 				ta.style.resize = 'horizontal';
 | |
| 			}
 | |
| 
 | |
| 			if (style.boxSizing === 'content-box') {
 | |
| 				heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
 | |
| 			} else {
 | |
| 				heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
 | |
| 			}
 | |
| 
 | |
| 			update();
 | |
| 		}
 | |
| 
 | |
| 		function changeOverflow(value) {
 | |
| 			{
 | |
| 				// Chrome/Safari-specific fix:
 | |
| 				// When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space
 | |
| 				// made available by removing the scrollbar. The following forces the necessary text reflow.
 | |
| 				var width = ta.style.width;
 | |
| 				ta.style.width = '0px';
 | |
| 				// Force reflow:
 | |
| 				/* jshint ignore:start */
 | |
| 				ta.offsetWidth;
 | |
| 				/* jshint ignore:end */
 | |
| 				ta.style.width = width;
 | |
| 			}
 | |
| 
 | |
| 			overflowY = value;
 | |
| 
 | |
| 			if (setOverflowY) {
 | |
| 				ta.style.overflowY = value;
 | |
| 			}
 | |
| 
 | |
| 			update();
 | |
| 		}
 | |
| 
 | |
| 		function update() {
 | |
| 			var startHeight = ta.style.height;
 | |
| 			var htmlTop = document.documentElement.scrollTop;
 | |
| 			var bodyTop = document.body.scrollTop;
 | |
| 			var originalHeight = ta.style.height;
 | |
| 
 | |
| 			ta.style.height = 'auto';
 | |
| 
 | |
| 			var endHeight = ta.scrollHeight + heightOffset;
 | |
| 
 | |
| 			if (ta.scrollHeight === 0) {
 | |
| 				// If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM.
 | |
| 				ta.style.height = originalHeight;
 | |
| 				return;
 | |
| 			}
 | |
| 
 | |
| 			ta.style.height = endHeight + 'px';
 | |
| 
 | |
| 			// prevents scroll-position jumping
 | |
| 			document.documentElement.scrollTop = htmlTop;
 | |
| 			document.body.scrollTop = bodyTop;
 | |
| 
 | |
| 			var style = window.getComputedStyle(ta, null);
 | |
| 
 | |
| 			if (style.height !== ta.style.height) {
 | |
| 				if (overflowY !== 'visible') {
 | |
| 					changeOverflow('visible');
 | |
| 					return;
 | |
| 				}
 | |
| 			} else {
 | |
| 				if (overflowY !== 'hidden') {
 | |
| 					changeOverflow('hidden');
 | |
| 					return;
 | |
| 				}
 | |
| 			}
 | |
| 
 | |
| 			if (startHeight !== ta.style.height) {
 | |
| 				var evt = document.createEvent('Event');
 | |
| 				evt.initEvent('autosize:resized', true, false);
 | |
| 				ta.dispatchEvent(evt);
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		var destroy = (function (style) {
 | |
| 			window.removeEventListener('resize', update);
 | |
| 			ta.removeEventListener('input', update);
 | |
| 			ta.removeEventListener('keyup', update);
 | |
| 			ta.removeAttribute('data-autosize-on');
 | |
| 			ta.removeEventListener('autosize:destroy', destroy);
 | |
| 
 | |
| 			Object.keys(style).forEach(function (key) {
 | |
| 				ta.style[key] = style[key];
 | |
| 			});
 | |
| 		}).bind(ta, {
 | |
| 			height: ta.style.height,
 | |
| 			resize: ta.style.resize,
 | |
| 			overflowY: ta.style.overflowY,
 | |
| 			overflowX: ta.style.overflowX,
 | |
| 			wordWrap: ta.style.wordWrap });
 | |
| 
 | |
| 		ta.addEventListener('autosize:destroy', destroy);
 | |
| 
 | |
| 		// IE9 does not fire onpropertychange or oninput for deletions,
 | |
| 		// so binding to onkeyup to catch most of those events.
 | |
| 		// There is no way that I know of to detect something like 'cut' in IE9.
 | |
| 		if ('onpropertychange' in ta && 'oninput' in ta) {
 | |
| 			ta.addEventListener('keyup', update);
 | |
| 		}
 | |
| 
 | |
| 		window.addEventListener('resize', update);
 | |
| 		ta.addEventListener('input', update);
 | |
| 		ta.addEventListener('autosize:update', update);
 | |
| 		ta.setAttribute('data-autosize-on', true);
 | |
| 
 | |
| 		if (setOverflowY) {
 | |
| 			ta.style.overflowY = 'hidden';
 | |
| 		}
 | |
| 		if (setOverflowX) {
 | |
| 			ta.style.overflowX = 'hidden';
 | |
| 			ta.style.wordWrap = 'break-word';
 | |
| 		}
 | |
| 
 | |
| 		init();
 | |
| 	}
 | |
| 
 | |
| 	function destroy(ta) {
 | |
| 		if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) return;
 | |
| 		var evt = document.createEvent('Event');
 | |
| 		evt.initEvent('autosize:destroy', true, false);
 | |
| 		ta.dispatchEvent(evt);
 | |
| 	}
 | |
| 
 | |
| 	function update(ta) {
 | |
| 		if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) return;
 | |
| 		var evt = document.createEvent('Event');
 | |
| 		evt.initEvent('autosize:update', true, false);
 | |
| 		ta.dispatchEvent(evt);
 | |
| 	}
 | |
| 
 | |
| 	var autosize = null;
 | |
| 
 | |
| 	// Do nothing in Node.js environment and IE8 (or lower)
 | |
| 	if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
 | |
| 		autosize = function (el) {
 | |
| 			return el;
 | |
| 		};
 | |
| 		autosize.destroy = function (el) {
 | |
| 			return el;
 | |
| 		};
 | |
| 		autosize.update = function (el) {
 | |
| 			return el;
 | |
| 		};
 | |
| 	} else {
 | |
| 		autosize = function (el, options) {
 | |
| 			if (el) {
 | |
| 				Array.prototype.forEach.call(el.length ? el : [el], function (x) {
 | |
| 					return assign(x, options);
 | |
| 				});
 | |
| 			}
 | |
| 			return el;
 | |
| 		};
 | |
| 		autosize.destroy = function (el) {
 | |
| 			if (el) {
 | |
| 				Array.prototype.forEach.call(el.length ? el : [el], destroy);
 | |
| 			}
 | |
| 			return el;
 | |
| 		};
 | |
| 		autosize.update = function (el) {
 | |
| 			if (el) {
 | |
| 				Array.prototype.forEach.call(el.length ? el : [el], update);
 | |
| 			}
 | |
| 			return el;
 | |
| 		};
 | |
| 	}
 | |
| 
 | |
| 	module.exports = autosize;
 | |
| }); |