funda-ui 4.1.112 → 4.1.116

package/Accordion/index.js

@@ -434,8 +434,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             return (/* reexport */_getSpecifiedDate
             );
           },
-          "getTextBoundingRect": function getTextBoundingRect() {
-            return (/* reexport */_getTextBoundingRect
+          "getTextWidth": function getTextWidth() {
+            return (/* reexport */_getTextWidth
             );
           },
           "getTodayDate": function getTodayDate() {
@@ -2732,125 +2732,110 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         }
         ; // CONCATENATED MODULE: ./src/libs/inputs-calculation.ts
         /**
-         * Get cursor or text position in pixels for input element
-         * 
-         * @param {HTMLElement} input  Required HTMLElement with `value` attribute
-         * @param {Number} selectionStart   Optional number: Start offset. Default 0
-         * @param {Number} selectionEnd Optional number: End offset. Default selectionStart
-         * @param {Boolean} debug Optional boolean. If true, the created test layer will not be removed.
-         * @returns {JSON}
-         * such as: 
-        {"x":14,"y":42.5,"width":36.1875,"height":19,"top":42.5,"right":50.1875,"bottom":61.5,"left":14}
-         */
-
-        // Local functions for readability of the previous code
-        function appendPart(text, cssDefaultStyles, fakeClone, start, end) {
-          var span = document.createElement("span"),
-            tmpText = text.substring(start, end);
-          span.style.cssText = cssDefaultStyles; //Force styles to prevent unexpected results
-          // add a space if it ends in a newline
-          if (/[\n\r]$/.test(tmpText)) {
-            tmpText += ' ';
-          }
-          span.textContent = tmpText;
-          fakeClone.appendChild(span);
-          return span;
-        }
-        // Computing offset position
-        function getInputOffset(input) {
-          var body = document.body,
-            win = document.defaultView,
-            docElem = document.documentElement,
-            box = document.createElement('div');
-          box.style.paddingLeft = box.style.width = "1px";
-          body.appendChild(box);
-          var isBoxModel = box.offsetWidth == 2;
-          body.removeChild(box);
-          box = input.getBoundingClientRect();
-          var clientTop = docElem.clientTop || body.clientTop || 0,
-            clientLeft = docElem.clientLeft || body.clientLeft || 0,
-            scrollTop = win.pageYOffset || isBoxModel && docElem.scrollTop || body.scrollTop,
-            scrollLeft = win.pageXOffset || isBoxModel && docElem.scrollLeft || body.scrollLeft;
-          return {
-            top: box.top + scrollTop - clientTop,
-            left: box.left + scrollLeft - clientLeft
-          };
+        * 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 === '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 getInputCSS(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 ? parseFloat(val) : val;
-        }
-        function _getTextBoundingRect(input, selectionStart, selectionEnd) {
-          var _fakeClone$parentNode;
-          var debug = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-          if (input === null) return 0;
-
-          // Basic parameter validation
-          if (!input || !('value' in input)) return input;
-          if (typeof selectionStart == "string") selectionStart = parseFloat(selectionStart);
-          if (typeof selectionStart != "number" || isNaN(selectionStart)) {
-            selectionStart = 0;
-          }
-          if (selectionStart < 0) selectionStart = 0;else selectionStart = Math.min(input.value.length, selectionStart);
-          if (typeof selectionEnd == "string") selectionEnd = parseFloat(selectionEnd);
-          if (typeof selectionEnd != "number" || isNaN(selectionEnd) || selectionEnd < selectionStart) {
-            selectionEnd = selectionStart;
-          }
-          if (selectionEnd < 0) selectionEnd = 0;else selectionEnd = Math.min(input.value.length, selectionEnd);
-
-          // If available (thus IE), use the createTextRange method
-          if (typeof input.createTextRange == "function") {
-            var range = input.createTextRange();
-            range.collapse(true);
-            range.moveStart('character', selectionStart);
-            range.moveEnd('character', selectionEnd - selectionStart);
-            return range.getBoundingClientRect();
-          }
-          // createTextRange is not supported, create a fake text range
-          var offset = getInputOffset(input),
-            topPos = offset.top,
-            leftPos = offset.left,
-            width = getInputCSS(input, 'width', true),
-            height = getInputCSS(input, 'height', true);
-
-          // Styles to simulate a node in an input field
-          // use pre-wrap instead of wrap for white-space to support wrapping in textareas
-          var cssDefaultStyles = "white-space:pre-wrap;padding:0;margin:0;",
-            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'];
-          topPos += getInputCSS(input, 'padding-top', true);
-          topPos += getInputCSS(input, 'border-top-width', true);
-          leftPos += getInputCSS(input, 'padding-left', true);
-          leftPos += getInputCSS(input, 'border-left-width', true);
-          leftPos += 1; //Seems to be necessary
-
-          for (var i = 0; i < listOfModifiers.length; i++) {
-            var property = listOfModifiers[i];
-            cssDefaultStyles += property + ':' + getInputCSS(input, property, false) + ';';
-          }
-          // End of CSS variable checks
-
-          var text = input.value,
-            textLen = text.length,
-            fakeClone = document.createElement("div");
-          if (selectionStart > 0) appendPart(text, cssDefaultStyles, fakeClone, 0, selectionStart);
-          var fakeRange = appendPart(text, cssDefaultStyles, fakeClone, selectionStart, selectionEnd);
-          if (textLen > selectionEnd) appendPart(text, cssDefaultStyles, fakeClone, selectionEnd, textLen);
-
-          // Styles to inherit the font styles of the element
-          fakeClone.style.cssText = cssDefaultStyles;
-
-          // Styles to position the text node at the desired position
-          fakeClone.style.position = "absolute";
-          fakeClone.style.top = topPos + "px";
-          fakeClone.style.left = leftPos + "px";
-          fakeClone.style.width = width + "px";
-          fakeClone.style.height = height + "px";
-          document.body.appendChild(fakeClone);
-          var returnValue = fakeRange.getBoundingClientRect(); //Get rect
-
-          if (!debug) (_fakeClone$parentNode = fakeClone.parentNode) === null || _fakeClone$parentNode === void 0 ? void 0 : _fakeClone$parentNode.removeChild(fakeClone); //Remove temp
-          return returnValue;
+          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');
+          }
         }
 
         // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}

package/BackToTop/index.js

@@ -434,8 +434,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             return (/* reexport */_getSpecifiedDate
             );
           },
-          "getTextBoundingRect": function getTextBoundingRect() {
-            return (/* reexport */_getTextBoundingRect
+          "getTextWidth": function getTextWidth() {
+            return (/* reexport */_getTextWidth
             );
           },
           "getTodayDate": function getTodayDate() {
@@ -2732,125 +2732,110 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         }
         ; // CONCATENATED MODULE: ./src/libs/inputs-calculation.ts
         /**
-         * Get cursor or text position in pixels for input element
-         * 
-         * @param {HTMLElement} input  Required HTMLElement with `value` attribute
-         * @param {Number} selectionStart   Optional number: Start offset. Default 0
-         * @param {Number} selectionEnd Optional number: End offset. Default selectionStart
-         * @param {Boolean} debug Optional boolean. If true, the created test layer will not be removed.
-         * @returns {JSON}
-         * such as: 
-        {"x":14,"y":42.5,"width":36.1875,"height":19,"top":42.5,"right":50.1875,"bottom":61.5,"left":14}
-         */
-
-        // Local functions for readability of the previous code
-        function appendPart(text, cssDefaultStyles, fakeClone, start, end) {
-          var span = document.createElement("span"),
-            tmpText = text.substring(start, end);
-          span.style.cssText = cssDefaultStyles; //Force styles to prevent unexpected results
-          // add a space if it ends in a newline
-          if (/[\n\r]$/.test(tmpText)) {
-            tmpText += ' ';
-          }
-          span.textContent = tmpText;
-          fakeClone.appendChild(span);
-          return span;
-        }
-        // Computing offset position
-        function getInputOffset(input) {
-          var body = document.body,
-            win = document.defaultView,
-            docElem = document.documentElement,
-            box = document.createElement('div');
-          box.style.paddingLeft = box.style.width = "1px";
-          body.appendChild(box);
-          var isBoxModel = box.offsetWidth == 2;
-          body.removeChild(box);
-          box = input.getBoundingClientRect();
-          var clientTop = docElem.clientTop || body.clientTop || 0,
-            clientLeft = docElem.clientLeft || body.clientLeft || 0,
-            scrollTop = win.pageYOffset || isBoxModel && docElem.scrollTop || body.scrollTop,
-            scrollLeft = win.pageXOffset || isBoxModel && docElem.scrollLeft || body.scrollLeft;
-          return {
-            top: box.top + scrollTop - clientTop,
-            left: box.left + scrollLeft - clientLeft
-          };
+        * 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 === '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 getInputCSS(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 ? parseFloat(val) : val;
-        }
-        function _getTextBoundingRect(input, selectionStart, selectionEnd) {
-          var _fakeClone$parentNode;
-          var debug = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-          if (input === null) return 0;
-
-          // Basic parameter validation
-          if (!input || !('value' in input)) return input;
-          if (typeof selectionStart == "string") selectionStart = parseFloat(selectionStart);
-          if (typeof selectionStart != "number" || isNaN(selectionStart)) {
-            selectionStart = 0;
-          }
-          if (selectionStart < 0) selectionStart = 0;else selectionStart = Math.min(input.value.length, selectionStart);
-          if (typeof selectionEnd == "string") selectionEnd = parseFloat(selectionEnd);
-          if (typeof selectionEnd != "number" || isNaN(selectionEnd) || selectionEnd < selectionStart) {
-            selectionEnd = selectionStart;
-          }
-          if (selectionEnd < 0) selectionEnd = 0;else selectionEnd = Math.min(input.value.length, selectionEnd);
-
-          // If available (thus IE), use the createTextRange method
-          if (typeof input.createTextRange == "function") {
-            var range = input.createTextRange();
-            range.collapse(true);
-            range.moveStart('character', selectionStart);
-            range.moveEnd('character', selectionEnd - selectionStart);
-            return range.getBoundingClientRect();
-          }
-          // createTextRange is not supported, create a fake text range
-          var offset = getInputOffset(input),
-            topPos = offset.top,
-            leftPos = offset.left,
-            width = getInputCSS(input, 'width', true),
-            height = getInputCSS(input, 'height', true);
-
-          // Styles to simulate a node in an input field
-          // use pre-wrap instead of wrap for white-space to support wrapping in textareas
-          var cssDefaultStyles = "white-space:pre-wrap;padding:0;margin:0;",
-            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'];
-          topPos += getInputCSS(input, 'padding-top', true);
-          topPos += getInputCSS(input, 'border-top-width', true);
-          leftPos += getInputCSS(input, 'padding-left', true);
-          leftPos += getInputCSS(input, 'border-left-width', true);
-          leftPos += 1; //Seems to be necessary
-
-          for (var i = 0; i < listOfModifiers.length; i++) {
-            var property = listOfModifiers[i];
-            cssDefaultStyles += property + ':' + getInputCSS(input, property, false) + ';';
-          }
-          // End of CSS variable checks
-
-          var text = input.value,
-            textLen = text.length,
-            fakeClone = document.createElement("div");
-          if (selectionStart > 0) appendPart(text, cssDefaultStyles, fakeClone, 0, selectionStart);
-          var fakeRange = appendPart(text, cssDefaultStyles, fakeClone, selectionStart, selectionEnd);
-          if (textLen > selectionEnd) appendPart(text, cssDefaultStyles, fakeClone, selectionEnd, textLen);
-
-          // Styles to inherit the font styles of the element
-          fakeClone.style.cssText = cssDefaultStyles;
-
-          // Styles to position the text node at the desired position
-          fakeClone.style.position = "absolute";
-          fakeClone.style.top = topPos + "px";
-          fakeClone.style.left = leftPos + "px";
-          fakeClone.style.width = width + "px";
-          fakeClone.style.height = height + "px";
-          document.body.appendChild(fakeClone);
-          var returnValue = fakeRange.getBoundingClientRect(); //Get rect
-
-          if (!debug) (_fakeClone$parentNode = fakeClone.parentNode) === null || _fakeClone$parentNode === void 0 ? void 0 : _fakeClone$parentNode.removeChild(fakeClone); //Remove temp
-          return returnValue;
+          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');
+          }
         }
 
         // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}