funda-ui 4.5.12 → 4.5.35

package/Textarea/index.js

@@ -304,6 +304,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           return (/* binding */_actualPropertyValue
           );
         },
+        /* harmony export */"getElCSS": function getElCSS() {
+          return (/* binding */_getElCSS
+          );
+        },
         /* harmony export */"getTextTop": function getTextTop() {
           return (/* binding */_getTextTop
           );
@@ -406,7 +410,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         el.style.visibility = visibility;
         return actualVal;
       }
-      function getElCSS(input, prop, isNumber) {
+      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;
@@ -437,7 +441,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           _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);
+            var propertyValue = _getElCSS(_fauxContainer, listOfModifiers[i], false);
             _faux.style.setProperty(listOfModifiers[i], propertyValue);
           }
           _faux.textContent = input.value.substring(0, _off).replace(/\s/g, "\xA0");

package/Tooltip/index.js

@@ -665,6 +665,239 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
+/***/ 954:
+/***/ (function(module, exports, __webpack_require__) {
+
+/* module decorator */ module = __webpack_require__.nmd(module);
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;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); }
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
+})(this, function () {
+  return (/******/function () {
+      // webpackBootstrap
+      /******/
+      "use strict";
+
+      /******/ // The require scope
+      /******/
+      var __nested_webpack_require_987__ = {};
+      /******/
+      /************************************************************************/
+      /******/ /* webpack/runtime/define property getters */
+      /******/
+      (function () {
+        /******/ // define getter functions for harmony exports
+        /******/__nested_webpack_require_987__.d = function (exports, definition) {
+          /******/for (var key in definition) {
+            /******/if (__nested_webpack_require_987__.o(definition, key) && !__nested_webpack_require_987__.o(exports, key)) {
+              /******/Object.defineProperty(exports, key, {
+                enumerable: true,
+                get: definition[key]
+              });
+              /******/
+            }
+            /******/
+          }
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/hasOwnProperty shorthand */
+      /******/
+      (function () {
+        /******/__nested_webpack_require_987__.o = function (obj, prop) {
+          return Object.prototype.hasOwnProperty.call(obj, prop);
+        };
+        /******/
+      })();
+      /******/
+      /******/ /* webpack/runtime/make namespace object */
+      /******/
+      (function () {
+        /******/ // define __esModule on exports
+        /******/__nested_webpack_require_987__.r = function (exports) {
+          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+            /******/Object.defineProperty(exports, Symbol.toStringTag, {
+              value: 'Module'
+            });
+            /******/
+          }
+          /******/
+          Object.defineProperty(exports, '__esModule', {
+            value: true
+          });
+          /******/
+        };
+        /******/
+      })();
+      /******/
+      /************************************************************************/
+      var __webpack_exports__ = {};
+      __nested_webpack_require_987__.r(__webpack_exports__);
+      /* harmony export */
+      __nested_webpack_require_987__.d(__webpack_exports__, {
+        /* harmony export */"actualPropertyValue": function actualPropertyValue() {
+          return (/* binding */_actualPropertyValue
+          );
+        },
+        /* harmony export */"getElCSS": function getElCSS() {
+          return (/* binding */_getElCSS
+          );
+        },
+        /* harmony export */"getTextTop": function getTextTop() {
+          return (/* binding */_getTextTop
+          );
+        },
+        /* harmony export */"getTextWidth": function getTextWidth() {
+          return (/* 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__;
+      /******/
+    }()
+  );
+});
+
+/***/ }),
+
 /***/ 761:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1189,6 +1422,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var funda_utils_dist_cjs_getElementProperty__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_getElementProperty__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(188);
 /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(954);
+/* harmony import */ var funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_6__);
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -1201,6 +1436,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+
 var useContainerDimensions = function useContainerDimensions(myRef) {
   var _useState = useState({
       width: 0,
@@ -1240,7 +1476,7 @@ var Tooltip = function Tooltip(props) {
     content = props.content,
     id = props.id,
     children = props.children;
-  var POS_OFFSET = Number(offset) || 10;
+  var POS_OFFSET = Number(offset) || 4;
   var EXCEEDED_SIDE_POS_OFFSET = Number(exceededSidePosOffset) || 15;
   var uniqueID = funda_utils_dist_cjs_useComId__WEBPACK_IMPORTED_MODULE_2___default()();
   var idRes = id || uniqueID;
@@ -1311,7 +1547,23 @@ var Tooltip = function Tooltip(props) {
     var _modalContent = _modalRef.querySelector('.tooltip__content');
     var _modalBox = _modalContent.getBoundingClientRect();
     if (typeof _modalContent.dataset.offset === 'undefined' && _modalBox.left > 0) {
+      // Adjust the coordinates due to height
+      //------------------
+      var triggerEl = document.querySelector("[data-overlay-id=\"".concat(_modalRef.id, "\"]"));
+      if (triggerEl !== null) {
+        var pos = triggerEl.dataset.microtipPosition;
+        if (typeof pos === 'undefined') pos = 'top';
+        var _offsetY = _modalBox.height - (0,funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_6__.getElCSS)(_modalContent, 'font-size', true) - (0,funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_6__.getElCSS)(_modalContent, 'padding-top', true) - (0,funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_6__.getElCSS)(_modalContent, 'padding-bottom', true);
+
+        // TOP
+        //
+        if (pos.indexOf('top') >= 0) {
+          _modalRef.style.transform = "translateY(-".concat(_offsetY, "px)");
+        }
+      }
+
       // 10 pixels is used to account for some bias in mobile devices
+      //------------------
       if (_modalBox.right + 10 > window.innerWidth) {
         var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
         _modalContent.dataset.offset = _modalOffsetPosition;

package/Utils/inputsCalculation.d.ts

@@ -15,6 +15,7 @@ declare function getTextTop(el: HTMLElement): number;
 * @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
  *
@@ -24,4 +25,4 @@ declare function actualPropertyValue(el: any, prop: string, config?: any): any;
  * @returns {Number}
  */
 declare function getTextWidth(input: HTMLInputElement, fauxContainer: HTMLSpanElement, rawTextContainer: HTMLElement): any;
-export { getTextTop, actualPropertyValue, getTextWidth };
+export { getElCSS, getTextTop, actualPropertyValue, getTextWidth };

package/Utils/inputsCalculation.js

@@ -47,6 +47,7 @@ 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 */ });

package/lib/cjs/Date/index.js

@@ -363,6 +363,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                     return (/* binding */_actualPropertyValue
                     );
                   },
+                  /* harmony export */"getElCSS": function getElCSS() {
+                    return (/* binding */_getElCSS
+                    );
+                  },
                   /* harmony export */"getTextTop": function getTextTop() {
                     return (/* binding */_getTextTop
                     );
@@ -465,7 +469,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                   el.style.visibility = visibility;
                   return actualVal;
                 }
-                function getElCSS(input, prop, isNumber) {
+                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;
@@ -496,7 +500,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                     _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);
+                      var propertyValue = _getElCSS(_fauxContainer, listOfModifiers[i], false);
                       _faux.style.setProperty(listOfModifiers[i], propertyValue);
                     }
                     _faux.textContent = input.value.substring(0, _off).replace(/\s/g, "\xA0");
@@ -514,8 +518,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           /***/
         },
 
-        /***/85: /***/function _(module, exports, __nested_webpack_require_23494__) {
-          /* module decorator */module = __nested_webpack_require_23494__.nmd(module);
+        /***/85: /***/function _(module, exports, __nested_webpack_require_23663__) {
+          /* module decorator */module = __nested_webpack_require_23663__.nmd(module);
           var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;
           function _typeof(obj) {
             "@babel/helpers - typeof";
@@ -527,7 +531,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }, _typeof(obj);
           }
           (function webpackUniversalModuleDefinition(root, factory) {
-            if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory(__nested_webpack_require_23494__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__nested_webpack_require_23494__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = factory, __WEBPACK_AMD_DEFINE_RESULT__ = typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? __WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__) : __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
+            if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory(__nested_webpack_require_23663__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__nested_webpack_require_23663__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = factory, __WEBPACK_AMD_DEFINE_RESULT__ = typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? __WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__) : __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
           })(this, function (__WEBPACK_EXTERNAL_MODULE__787__) {
             return (/******/function () {
                 // webpackBootstrap
@@ -687,8 +691,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           /***/
         },
 
-        /***/702: /***/function _(module, exports, __nested_webpack_require_31582__) {
-          /* module decorator */module = __nested_webpack_require_31582__.nmd(module);
+        /***/702: /***/function _(module, exports, __nested_webpack_require_31751__) {
+          /* module decorator */module = __nested_webpack_require_31751__.nmd(module);
           var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;
           function _typeof(obj) {
             "@babel/helpers - typeof";
@@ -700,7 +704,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }, _typeof(obj);
           }
           (function webpackUniversalModuleDefinition(root, factory) {
-            if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory(__nested_webpack_require_31582__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__nested_webpack_require_31582__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = factory, __WEBPACK_AMD_DEFINE_RESULT__ = typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? __WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__) : __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
+            if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory(__nested_webpack_require_31751__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__nested_webpack_require_31751__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = factory, __WEBPACK_AMD_DEFINE_RESULT__ = typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? __WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__) : __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
           })(this, function (__WEBPACK_EXTERNAL_MODULE__787__) {
             return (/******/function () {
                 // webpackBootstrap
@@ -901,7 +905,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       /******/
       /******/ // The require function
       /******/
-      function __nested_webpack_require_41203__(moduleId) {
+      function __nested_webpack_require_41372__(moduleId) {
         /******/ // Check if module is in cache
         /******/var cachedModule = __webpack_module_cache__[moduleId];
         /******/
@@ -920,7 +924,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         /******/
         /******/ // Execute the module function
         /******/
-        __webpack_modules__[moduleId].call(module.exports, module, module.exports, __nested_webpack_require_41203__);
+        __webpack_modules__[moduleId].call(module.exports, module, module.exports, __nested_webpack_require_41372__);
         /******/
         /******/ // Flag the module as loaded
         /******/
@@ -937,14 +941,14 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       /******/
       (function () {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/__nested_webpack_require_41203__.n = function (module) {
+        /******/__nested_webpack_require_41372__.n = function (module) {
           /******/var getter = module && module.__esModule ? /******/function () {
             return module['default'];
           } : /******/function () {
             return module;
           };
           /******/
-          __nested_webpack_require_41203__.d(getter, {
+          __nested_webpack_require_41372__.d(getter, {
             a: getter
           });
           /******/
@@ -958,9 +962,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       /******/
       (function () {
         /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_41203__.d = function (exports, definition) {
+        /******/__nested_webpack_require_41372__.d = function (exports, definition) {
           /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_41203__.o(definition, key) && !__nested_webpack_require_41203__.o(exports, key)) {
+            /******/if (__nested_webpack_require_41372__.o(definition, key) && !__nested_webpack_require_41372__.o(exports, key)) {
               /******/Object.defineProperty(exports, key, {
                 enumerable: true,
                 get: definition[key]
@@ -977,7 +981,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       /******/ /* webpack/runtime/hasOwnProperty shorthand */
       /******/
       (function () {
-        /******/__nested_webpack_require_41203__.o = function (obj, prop) {
+        /******/__nested_webpack_require_41372__.o = function (obj, prop) {
           return Object.prototype.hasOwnProperty.call(obj, prop);
         };
         /******/
@@ -987,7 +991,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       /******/
       (function () {
         /******/ // define __esModule on exports
-        /******/__nested_webpack_require_41203__.r = function (exports) {
+        /******/__nested_webpack_require_41372__.r = function (exports) {
           /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
             /******/Object.defineProperty(exports, Symbol.toStringTag, {
               value: 'Module'
@@ -1006,7 +1010,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       /******/ /* webpack/runtime/node module decorator */
       /******/
       (function () {
-        /******/__nested_webpack_require_41203__.nmd = function (module) {
+        /******/__nested_webpack_require_41372__.nmd = function (module) {
           /******/module.paths = [];
           /******/
           if (!module.children) module.children = [];
@@ -1023,34 +1027,34 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       (function () {
         "use strict";
 
-        __nested_webpack_require_41203__.r(__webpack_exports__);
+        __nested_webpack_require_41372__.r(__webpack_exports__);
         /* harmony export */
-        __nested_webpack_require_41203__.d(__webpack_exports__, {
+        __nested_webpack_require_41372__.d(__webpack_exports__, {
           /* harmony export */"default": function _default() {
             return __WEBPACK_DEFAULT_EXPORT__;
           }
           /* harmony export */
         });
         /* harmony import */
-        var react__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_41203__(787);
+        var react__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_41372__(787);
         /* harmony import */
-        var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_41203__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+        var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_41372__.n(react__WEBPACK_IMPORTED_MODULE_0__);
         /* harmony import */
-        var funda_utils_dist_cjs_useComId__WEBPACK_IMPORTED_MODULE_1__ = __nested_webpack_require_41203__(85);
+        var funda_utils_dist_cjs_useComId__WEBPACK_IMPORTED_MODULE_1__ = __nested_webpack_require_41372__(85);
         /* harmony import */
-        var funda_utils_dist_cjs_useComId__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nested_webpack_require_41203__.n(funda_utils_dist_cjs_useComId__WEBPACK_IMPORTED_MODULE_1__);
+        var funda_utils_dist_cjs_useComId__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__nested_webpack_require_41372__.n(funda_utils_dist_cjs_useComId__WEBPACK_IMPORTED_MODULE_1__);
         /* harmony import */
-        var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__ = __nested_webpack_require_41203__(188);
+        var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__ = __nested_webpack_require_41372__(188);
         /* harmony import */
-        var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__nested_webpack_require_41203__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__);
+        var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__nested_webpack_require_41372__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__);
         /* harmony import */
-        var funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_3__ = __nested_webpack_require_41203__(954);
+        var funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_3__ = __nested_webpack_require_41372__(954);
         /* harmony import */
-        var funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__nested_webpack_require_41203__.n(funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_3__);
+        var funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__nested_webpack_require_41372__.n(funda_utils_dist_cjs_inputsCalculation__WEBPACK_IMPORTED_MODULE_3__);
         /* harmony import */
-        var funda_utils_dist_cjs_useDebounce__WEBPACK_IMPORTED_MODULE_4__ = __nested_webpack_require_41203__(702);
+        var funda_utils_dist_cjs_useDebounce__WEBPACK_IMPORTED_MODULE_4__ = __nested_webpack_require_41372__(702);
         /* harmony import */
-        var funda_utils_dist_cjs_useDebounce__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__nested_webpack_require_41203__.n(funda_utils_dist_cjs_useDebounce__WEBPACK_IMPORTED_MODULE_4__);
+        var funda_utils_dist_cjs_useDebounce__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__nested_webpack_require_41372__.n(funda_utils_dist_cjs_useDebounce__WEBPACK_IMPORTED_MODULE_4__);
         var _excluded = ["contentRef", "wrapperClassName", "controlClassName", "controlExClassName", "controlGroupWrapperClassName", "controlGroupTextClassName", "type", "disabled", "required", "placeholder", "pattern", "readOnly", "defaultValue", "value", "requiredLabel", "label", "units", "name", "step", "min", "max", "src", "size", "minLength", "maxLength", "alt", "inputMode", "id", "appendControl", "aiPredict", "aiPredictRemainingTextRGB", "aiPredictConfirmKey", "aiPredictFetchFuncAsync", "aiPredictFetchFuncMethod", "aiPredictFetchFuncMethodParams", "aiPredictFetchCallback", "iconLeft", "iconRight", "autoComplete", "autoCapitalize", "spellCheck", "style", "tabIndex", "onChangeCallback", "onInputCallback", "onKeyPressedCallback", "onChange", "onBlur", "onFocus", "onPressEnter"];
         function _regeneratorRuntime() {
           "use strict";

package/lib/cjs/Input/index.js

@@ -304,6 +304,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           return (/* binding */_actualPropertyValue
           );
         },
+        /* harmony export */"getElCSS": function getElCSS() {
+          return (/* binding */_getElCSS
+          );
+        },
         /* harmony export */"getTextTop": function getTextTop() {
           return (/* binding */_getTextTop
           );
@@ -406,7 +410,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         el.style.visibility = visibility;
         return actualVal;
       }
-      function getElCSS(input, prop, isNumber) {
+      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;
@@ -437,7 +441,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           _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);
+            var propertyValue = _getElCSS(_fauxContainer, listOfModifiers[i], false);
             _faux.style.setProperty(listOfModifiers[i], propertyValue);
           }
           _faux.textContent = input.value.substring(0, _off).replace(/\s/g, "\xA0");