funda-ui 4.5.682 → 4.5.711

package/publish/lib/cjs/Utils/getElementProperty.js

@@ -0,0 +1,189 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["RPB"] = factory();
+	else
+		root["RPB"] = factory();
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "getAbsoluteCoordinates": () => (/* binding */ getAbsoluteCoordinates),
+/* harmony export */   "getAbsolutePositionOfStage": () => (/* binding */ getAbsolutePositionOfStage),
+/* harmony export */   "getOffset": () => (/* binding */ getOffset),
+/* harmony export */   "getPosition": () => (/* binding */ getPosition),
+/* harmony export */   "getTransitionDuration": () => (/* binding */ getTransitionDuration)
+/* harmony export */ });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+/**
+ * Get the -webkit-transition-duration property
+ *
+ * @param {HTMLElement} el - A DOM node containing one selector to match against.
+ * @return {number}    - Returns a pure number.
+ */
+function getTransitionDuration(el) {
+  if (_typeof(el) === ( true ? "undefined" : 0)) {
+    return 0;
+  }
+  var style = window.getComputedStyle(el),
+    duration = style.webkitTransitionDuration,
+    delay = style.webkitTransitionDelay;
+  if (_typeof(duration) != ( true ? "undefined" : 0)) {
+    // fix miliseconds vs seconds
+    duration = duration.indexOf("ms") > -1 ? parseFloat(duration) : parseFloat(duration) * 1000;
+    delay = delay.indexOf("ms") > -1 ? parseFloat(delay) : parseFloat(delay) * 1000;
+    return duration;
+  } else {
+    return 0;
+  }
+}
+
+/**
+ * Get an object's absolute position on the page
+ *
+ * @param {HTMLElement} el - A DOM node containing one selector to match against.
+ * @return {Json}    - An object containing the properties top and left. 
+ */
+function getAbsoluteCoordinates(el) {
+  var windowWidth = window.innerWidth,
+    leftPos = null,
+    topPos = null;
+  var pEl = el.parentElement;
+  if (!document.getElementsByTagName('body')[0].className.match(/rtl/)) {
+    leftPos = el.offsetLeft == 0 ? pEl.offsetLeft : el.offsetLeft;
+    topPos = el.offsetTop == 0 ? pEl.offsetTop : el.offsetTop;
+  } else {
+    // width and height in pixels, including padding and border
+    // Corresponds to outerWidth(), outerHeight()
+    leftPos = el.offsetLeft == 0 ? windowWidth - (pEl.offsetLeft + pEl.offsetWidth) : windowWidth - (el.offsetLeft + el.offsetWidth);
+    topPos = el.offsetTop == 0 ? windowWidth - (pEl.offsetTop + pEl.offsetHeight) : windowWidth - (el.offsetTop + el.offsetHeight);
+  }
+  return {
+    'left': leftPos,
+    'top': topPos
+  };
+}
+
+/**
+ * Get the current coordinates of the first element in the set of matched elements, relative to the document.
+ *
+ * @param {Element} el - A DOM node containing one selector to match against.
+ * @return {Json}      - An object containing the properties top and left. 
+ */
+function getOffset(el) {
+  var res = {
+    top: 0,
+    left: 0
+  };
+  var box = el.getBoundingClientRect();
+  var top = 0,
+    left = 0;
+
+  //Include scrollbar and border
+  top = box.top + window.pageYOffset - document.documentElement.clientTop;
+  left = box.left + window.pageXOffset - document.documentElement.clientLeft;
+  res = {
+    top: top,
+    left: left
+  };
+  return res;
+}
+
+/**
+ * Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.
+ *
+ * @param {HTMLElement} el - A DOM node containing one selector to match against.
+ * @return {Json}      - An object containing the properties top and left.
+ */
+function getPosition(el) {
+  var res = {
+    top: 0,
+    left: 0
+  };
+  var top = el.offsetTop ? el.offsetTop : 0,
+    left = el.offsetLeft ? el.offsetLeft : 0;
+  res = {
+    top: top,
+    left: left
+  };
+  return res;
+}
+
+/**
+ * Get the absolute position of the stage element
+ * 
+ * @param {HTMLElement} domElement  - A DOM node
+ * @param {Number | string} left     - left offset
+ * @param {Number | string} top      - top offset
+ * @returns 
+ */
+function getAbsolutePositionOfStage(domElement) {
+  var left = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var top = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  if (!parseInt(left)) {
+    left = 0;
+  } else {
+    left = parseInt(left);
+  }
+  if (!parseInt(top)) {
+    top = 0;
+  } else {
+    top = parseInt(top);
+  }
+  var box = domElement.getBoundingClientRect();
+  var body = document.body;
+  var docElem = document.documentElement;
+  var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
+  var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
+  var clientTop = docElem.clientTop || body.clientTop || 0;
+  var clientLeft = docElem.clientLeft || body.clientLeft || 0;
+  var attr = {};
+  attr.y = box.top + scrollTop - clientTop + top;
+  attr.x = box.left + scrollLeft - clientLeft + left;
+  attr.width = box.width;
+  attr.height = box.height;
+  return attr;
+}
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/publish/lib/cjs/Utils/guid.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Create GUID
+ *
+ * @returns {String}   - The globally-unique identifiers.
+ */
+declare function guid(): string;
+export default guid;

package/publish/lib/cjs/Utils/guid.js

@@ -0,0 +1,67 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["RPB"] = factory();
+	else
+		root["RPB"] = factory();
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/**
+ * Create GUID
+ *
+ * @returns {String}   - The globally-unique identifiers.
+ */
+function guid() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0,
+      v = c == 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  }).toLocaleUpperCase();
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (guid);
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/publish/lib/cjs/Utils/initDefaultOptions.d.ts

@@ -0,0 +1,21 @@
+/**
+ *  Set a default JSON format configuration
+ *
+ * @param  {*} props         - Set some default keys and values.
+ * @param  {*} options       - A JSON variable passed in from outside, including key and value.
+ * @return {JSON}            - Merge the new and old values.
+ */
+declare function setDefaultOptions(props: any, options: any): any;
+/**
+* Check if a string is a valid number
+ * @param {*} str
+ * @returns
+*/
+declare function isValidNumeric(str: any): boolean;
+/**
+ * Determine whether it is in JSON format
+ * @param {*} str
+ * @returns
+ */
+declare function isJSON(str: any): boolean;
+export { setDefaultOptions, isJSON, isValidNumeric };

package/publish/lib/cjs/Utils/initDefaultOptions.js

@@ -0,0 +1,131 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["RPB"] = factory();
+	else
+		root["RPB"] = factory();
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "isJSON": () => (/* binding */ isJSON),
+/* harmony export */   "isValidNumeric": () => (/* binding */ isValidNumeric),
+/* harmony export */   "setDefaultOptions": () => (/* binding */ setDefaultOptions)
+/* harmony export */ });
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+/**
+ *  Set a default JSON format configuration
+ *
+ * @param  {*} props         - Set some default keys and values.
+ * @param  {*} options       - A JSON variable passed in from outside, including key and value.
+ * @return {JSON}            - Merge the new and old values.
+ */
+function setDefaultOptions(props, options) {
+  if (_typeof(options) === ( true ? "undefined" : 0) || options === null || options === false) options = {};
+  //Set a default configuration
+  if (isJSON(props)) {
+    var defaultConfigValues = Object.values(props);
+    Object.keys(props).forEach(function (prop, index) {
+      // Well-formed string type
+      Object.keys(options).forEach(function (prop2, index2) {
+        if (prop2 === prop) {
+          var _v = options[prop2];
+          if (_v == 'true') _v = true;
+          if (_v == 'false') _v = false;
+          if (isValidNumeric(_v)) _v = parseFloat(_v);
+          if (isJSON(_v)) _v = Object.prototype.toString.call(_v) === '[object Object]' ? _v : JSON.parse(_v);
+          options[prop2] = _v;
+        }
+      });
+
+      //
+      if (_typeof(options[prop]) === ( true ? "undefined" : 0) || options[prop] === null) options[prop] = defaultConfigValues[index];
+    });
+  }
+  return options;
+}
+
+/**
+* Check if a string is a valid number
+ * @param {*} str 
+ * @returns 
+*/
+function isValidNumeric(str) {
+  if (typeof str != "string") return false; // we only process strings!  
+  if (!isNaN(Number(str)) &&
+  // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)
+  !isNaN(parseFloat(str)) // ensure strings of whitespace fail
+  ) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+/**
+ * Determine whether it is in JSON format
+ * @param {*} str 
+ * @returns 
+ */
+function isJSON(str) {
+  if (typeof str === 'string' && str.length > 0) {
+    if (str.replace(/\"\"/g, '').replace(/\,/g, '') == '[{}]') {
+      return false;
+    } else {
+      if (/^[\],:{}\s]*$/.test(str.replace(/\\["\\\/bfnrtu]/g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+        return true;
+      } else {
+        return false;
+      }
+    }
+  } else {
+    if (_typeof(str) === 'object' && Object.prototype.toString.call(str) === '[object Object]' && !str.length) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/publish/lib/cjs/Utils/inputsCalculation.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Gets the relative upside of the text
+ * @param {Element} el    - A DOM node containing one selector to match against.
+ * @returns {Number}      - Returns a pure number.
+ */
+declare function getTextTop(el: HTMLElement): number;
+/**
+* Get the actual value with user specific methed
+* it can be 'width', 'height', 'outerWidth', 'outerHeight'
+* @private
+* @param {Element} el           - A DOM node containing one selector to match against.
+* @param {String} prop          - A string naming the property of style.
+* @param {?Json} config         - Whether or not margin is included. The key `includeMargin`
+                                    takes effect when set to true
+* @return {Number}              - Returns a pure number.
+*/
+declare function actualPropertyValue(el: any, prop: string, config?: any): any;
+declare function getElCSS(input: HTMLElement, prop: any, isNumber: boolean): any;
+/**
+ * Get cursor or text position in pixels for input element
+ *
+ * @param {HTMLInputElement} input  Required HTMLElement with `value` attribute
+ * @param {HTMLSpanElement} fauxContainer  Container of faux.
+     * @param {HTMLElement} rawTextContainer  The raw text container for the comparison
+ * @returns {Number}
+ */
+declare function getTextWidth(input: HTMLInputElement, fauxContainer: HTMLSpanElement, rawTextContainer: HTMLElement): any;
+export { getElCSS, getTextTop, actualPropertyValue, getTextWidth };

package/publish/lib/cjs/Utils/inputsCalculation.js

@@ -0,0 +1,188 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["RPB"] = factory();
+	else
+		root["RPB"] = factory();
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "actualPropertyValue": () => (/* binding */ actualPropertyValue),
+/* harmony export */   "getElCSS": () => (/* binding */ getElCSS),
+/* harmony export */   "getTextTop": () => (/* binding */ getTextTop),
+/* harmony export */   "getTextWidth": () => (/* binding */ getTextWidth)
+/* harmony export */ });
+/**
+ * Gets the relative upside of the text
+ * @param {Element} el    - A DOM node containing one selector to match against.
+ * @returns {Number}      - Returns a pure number.
+ */
+function getTextTop(el) {
+  var styles = window.getComputedStyle(el);
+  var fontSize = parseFloat(styles.fontSize);
+  var lineHeight = parseFloat(styles.lineHeight) || fontSize;
+  var paddingTop = parseFloat(styles.paddingTop);
+  var borderWidth = parseFloat(styles.borderWidth);
+  var textTop = paddingTop + (lineHeight - fontSize) / 2 - borderWidth * 2;
+  return textTop;
+}
+
+/**
+* Get the actual value with user specific methed
+* it can be 'width', 'height', 'outerWidth', 'outerHeight'
+* @private
+* @param {Element} el           - A DOM node containing one selector to match against.
+* @param {String} prop          - A string naming the property of style.
+* @param {?Json} config         - Whether or not margin is included. The key `includeMargin` 
+                                    takes effect when set to true
+* @return {Number}              - Returns a pure number.
+*/
+function actualPropertyValue(el, prop) {
+  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+  if (el === null) return 0;
+  var style = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle,
+    display = style.display,
+    position = style.position,
+    visibility = style.visibility;
+  var marginWidth = 0;
+  var marginHeight = 0;
+  var maxVal;
+  var actualVal;
+  if (config && config.includeMargin === true) {
+    marginWidth = parseFloat(style.marginLeft) + parseFloat(style.marginRight);
+    marginHeight = parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+  }
+  if (prop === 'fontSize') {
+    actualVal = parseFloat(style.fontSize);
+  }
+  if (prop === 'fontFamily') {
+    actualVal = style.fontFamily;
+  }
+  if (prop === 'letterSpacing') {
+    actualVal = style.letterSpacing;
+  }
+  if (prop === 'width') {
+    maxVal = parseFloat(style.maxWidth);
+
+    // if its not hidden we just return normal height
+    if (display !== 'none' && maxVal !== 0) {
+      return el.clientWidth;
+    }
+  }
+  if (prop === 'height') {
+    maxVal = parseFloat(style.maxHeight);
+    if (display !== 'none' && maxVal !== 0) {
+      return el.clientHeight;
+    }
+  }
+  if (prop === 'outerWidth') {
+    maxVal = parseFloat(style.maxWidth);
+    if (display !== 'none' && maxVal !== 0) {
+      return el.offsetWidth + marginWidth;
+    }
+  }
+  if (prop === 'outerHeight') {
+    maxVal = parseFloat(style.maxHeight);
+    if (display !== 'none' && maxVal !== 0) {
+      return el.offsetHeight + marginHeight;
+    }
+  }
+
+  // the element is hidden so:
+  // making the el block so we can meassure its height but still be hidden
+  el.style.position = 'absolute';
+  el.style.visibility = 'hidden';
+  el.style.display = 'block';
+  if (prop === 'width') actualVal = el.clientWidth;
+  if (prop === 'height') actualVal = el.clientHeight;
+  if (prop === 'outerWidth') actualVal = el.offsetWidth + marginWidth;
+  if (prop === 'outerHeight') actualVal = el.offsetHeight + marginHeight;
+
+  // reverting to the original values
+  el.style.display = display;
+  el.style.position = position;
+  el.style.visibility = visibility;
+  return actualVal;
+}
+function getElCSS(input, prop, isNumber) {
+  var _document$defaultView;
+  var val = (_document$defaultView = document.defaultView) === null || _document$defaultView === void 0 ? void 0 : _document$defaultView.getComputedStyle(input, null).getPropertyValue(prop);
+  return isNumber ? isNaN(parseFloat(val)) ? 0 : parseFloat(val) : val;
+}
+
+/**
+ * Get cursor or text position in pixels for input element
+ * 
+ * @param {HTMLInputElement} input  Required HTMLElement with `value` attribute
+ * @param {HTMLSpanElement} fauxContainer  Container of faux.
+     * @param {HTMLElement} rawTextContainer  The raw text container for the comparison
+ * @returns {Number}
+ */
+
+function getTextWidth(input, fauxContainer, rawTextContainer) {
+  if (input === null || fauxContainer === null || rawTextContainer === null) return 0;
+  var _off = input.selectionStart;
+  var _faux = fauxContainer;
+  var _fauxContainer = rawTextContainer;
+  if (_faux && _fauxContainer) {
+    // Styles to simulate a node in an input field
+    // use pre-wrap instead of wrap for white-space to support wrapping in textareas
+    var listOfModifiers = ['direction', 'font-family', 'font-size', 'font-size-adjust', 'font-variant', 'font-weight', 'font-style', 'letter-spacing', 'line-height', 'text-align', 'text-indent', 'text-transform', 'word-wrap', 'word-spacing'];
+
+    // default styles
+    _faux.style.setProperty('white-space', 'pre-wrap');
+    _faux.style.setProperty('padding', '0');
+    _faux.style.setProperty('margin', '0');
+    _faux.style.setProperty('display', 'none');
+    for (var i = 0; i < listOfModifiers.length; i++) {
+      var propertyValue = getElCSS(_fauxContainer, listOfModifiers[i], false);
+      _faux.style.setProperty(listOfModifiers[i], propertyValue);
+    }
+    _faux.textContent = input.value.substring(0, _off).replace(/\s/g, "\xA0");
+    return actualPropertyValue(_faux, 'outerWidth');
+  }
+}
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});