83 lines
2.6 KiB
JavaScript
83 lines
2.6 KiB
JavaScript
/**
|
|
* Tom Select v2.4.2
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
*/
|
|
|
|
(function (global, factory) {
|
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
typeof define === 'function' && define.amd ? define(factory) :
|
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.input_autogrow = factory());
|
|
})(this, (function () { 'use strict';
|
|
|
|
/**
|
|
* Converts a scalar to its best string representation
|
|
* for hash keys and HTML attribute values.
|
|
*
|
|
* Transformations:
|
|
* 'str' -> 'str'
|
|
* null -> ''
|
|
* undefined -> ''
|
|
* true -> '1'
|
|
* false -> '0'
|
|
* 0 -> '0'
|
|
* 1 -> '1'
|
|
*
|
|
*/
|
|
|
|
/**
|
|
* Add event helper
|
|
*
|
|
*/
|
|
const addEvent = (target, type, callback, options) => {
|
|
target.addEventListener(type, callback, options);
|
|
};
|
|
|
|
/**
|
|
* Plugin: "input_autogrow" (Tom Select)
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
|
|
* file except in compliance with the License. You may obtain a copy of the License at:
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
|
|
* ANY KIND, either express or implied. See the License for the specific language
|
|
* governing permissions and limitations under the License.
|
|
*
|
|
*/
|
|
|
|
function plugin () {
|
|
var self = this;
|
|
self.on('initialize', () => {
|
|
var test_input = document.createElement('span');
|
|
var control = self.control_input;
|
|
test_input.style.cssText = 'position:absolute; top:-99999px; left:-99999px; width:auto; padding:0; white-space:pre; ';
|
|
self.wrapper.appendChild(test_input);
|
|
var transfer_styles = ['letterSpacing', 'fontSize', 'fontFamily', 'fontWeight', 'textTransform'];
|
|
for (const style_name of transfer_styles) {
|
|
// @ts-ignore TS7015 https://stackoverflow.com/a/50506154/697576
|
|
test_input.style[style_name] = control.style[style_name];
|
|
}
|
|
|
|
/**
|
|
* Set the control width
|
|
*
|
|
*/
|
|
var resize = () => {
|
|
test_input.textContent = control.value;
|
|
control.style.width = test_input.clientWidth + 'px';
|
|
};
|
|
resize();
|
|
self.on('update item_add item_remove', resize);
|
|
addEvent(control, 'input', resize);
|
|
addEvent(control, 'keyup', resize);
|
|
addEvent(control, 'blur', resize);
|
|
addEvent(control, 'update', resize);
|
|
});
|
|
}
|
|
|
|
return plugin;
|
|
|
|
}));
|
|
//# sourceMappingURL=input_autogrow.js.map
|