funda-ui 4.4.15 → 4.5.12

package/lib/esm/Utils/libs/inputsCalculation.ts

@@ -1,4 +1,21 @@
 
+
+/**
+ * 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: HTMLElement) {
+    const styles = window.getComputedStyle(el);
+    const fontSize = parseFloat(styles.fontSize);
+    const lineHeight = parseFloat(styles.lineHeight) || fontSize;
+    const paddingTop = parseFloat(styles.paddingTop);
+    const borderWidth = parseFloat(styles.borderWidth);
+
+    const textTop = paddingTop + (lineHeight - fontSize) / 2 - borderWidth*2;
+    return textTop;
+}
+
 /**
 * Get the actual value with user specific methed
 * it can be 'width', 'height', 'outerWidth', 'outerHeight'
@@ -9,14 +26,14 @@
                                     takes effect when set to true
 * @return {Number}              - Returns a pure number.
 */
-function actualPropertyValue(el: any, prop: string, config: any = undefined ) {
+function actualPropertyValue(el: any, prop: string, config: any = undefined) {
     if (el === null) return 0;
 
-    const style      = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle,
-        display    = style.display,
-        position   = style.position,
+    const style = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle,
+        display = style.display,
+        position = style.position,
         visibility = style.visibility;
-        
+
     let marginWidth = 0;
     let marginHeight = 0;
 
@@ -24,55 +41,65 @@ function actualPropertyValue(el: any, prop: string, config: any = undefined ) {
     let actualVal: any;
 
 
-    if ( config && config.includeMargin === true ) {
+    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 (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) {
+        if (display !== 'none' && maxVal !== 0) {
             return el.clientWidth;
         }
     }
-    if ( prop === 'height' ) {
-        maxVal = parseFloat( style.maxHeight );
-        if(display !== 'none' && maxVal !== 0) {
+    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) {
+
+    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) {
+    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.position = 'absolute';
     el.style.visibility = 'hidden';
-    el.style.display    = 'block';
+    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;
+    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.display = display;
+    el.style.position = position;
     el.style.visibility = visibility;
 
     return actualVal;
@@ -119,11 +146,13 @@ function getTextWidth(input: HTMLInputElement, fauxContainer: HTMLSpanElement, r
         _faux.textContent = input.value.substring(0, _off).replace(/\s/g, "\u00a0");
         return actualPropertyValue(_faux, 'outerWidth');
     }
-    
+
 }
 
 
 export {
+    getTextTop,
+    actualPropertyValue,
     getTextWidth
 };
 

package/lib/esm/Utils/libs/object.ts

@@ -1,68 +1,68 @@
-
-/**
- * Remove Duplicate objects from JSON Array
- * @param {Array} obj 
- * @param {String} fieldName 
- */
-function removeArrDuplicateItems(obj: any[], fieldName: string): any[] {
-    if (!Array.isArray(obj)) return [];
-
-    const clean = obj.filter((item, index, self) => index === self.findIndex((t) => (t[fieldName] === item[fieldName])));
-    return clean;
-};
-
-
-/**
- * Deep clone
- * @param {*} obj 
- */
-function deepClone(obj: any): any {
-    if (Array.isArray(obj)) {
-        return (obj).map((item) => deepClone(item));
-    } else if (typeof obj === 'object' && obj !== null) {
-        const clone: any = {};
-        for (let key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                clone[key] = deepClone(obj[key]);
-            }
-        }
-        return clone;
-    } else {
-        return obj;
-    }
-}
-
-
-/**
- * Flat Data
- * @param {*} data 
- * @returns 
- */
-function flatData(data: any): any[] {
-    const result: any[] = [];
-    const iterate = (obj: any) => {
-        if (!obj) {
-            return;
-        }
-        obj.forEach((item: any) => {
-            result.push(item);
-            if (item.children) {
-                iterate(item.children);
-            }
-
-            // delete current item children
-            delete item.children;
-
-        })
-    }
-
-    iterate(data);
-    return result;
-}
-
-
-export {
-    removeArrDuplicateItems,
-    deepClone,
-    flatData
+
+/**
+ * Remove Duplicate objects from JSON Array
+ * @param {Array} obj 
+ * @param {String} fieldName 
+ */
+function removeArrDuplicateItems(obj: any[], fieldName: string): any[] {
+    if (!Array.isArray(obj)) return [];
+
+    const clean = obj.filter((item, index, self) => index === self.findIndex((t) => (t[fieldName] === item[fieldName])));
+    return clean;
+};
+
+
+/**
+ * Deep clone
+ * @param {*} obj 
+ */
+function deepClone(obj: any): any {
+    if (Array.isArray(obj)) {
+        return (obj).map((item) => deepClone(item));
+    } else if (typeof obj === 'object' && obj !== null) {
+        const clone: any = {};
+        for (let key in obj) {
+            if (obj.hasOwnProperty(key)) {
+                clone[key] = deepClone(obj[key]);
+            }
+        }
+        return clone;
+    } else {
+        return obj;
+    }
+}
+
+
+/**
+ * Flat Data
+ * @param {*} data 
+ * @returns 
+ */
+function flatData(data: any): any[] {
+    const result: any[] = [];
+    const iterate = (obj: any) => {
+        if (!obj) {
+            return;
+        }
+        obj.forEach((item: any) => {
+            result.push(item);
+            if (item.children) {
+                iterate(item.children);
+            }
+
+            // delete current item children
+            delete item.children;
+
+        })
+    }
+
+    iterate(data);
+    return result;
+}
+
+
+export {
+    removeArrDuplicateItems,
+    deepClone,
+    flatData
 }

package/lib/esm/Utils/libs/os.ts

@@ -0,0 +1,63 @@
+
+
+/*
+ * Determine whether it is a special platform
+ *
+ * @private
+ */
+function getOs() {
+    if (typeof window === 'undefined') return {};
+
+    let os;
+
+    if ( typeof window !== "undefined" ) {
+    
+        const getOs = () => {
+            const _navigator: any = window.navigator;
+            const platform = () => {
+                // 2022 way of detecting. Note : this userAgentData feature is available only in secure contexts (HTTPS)
+                if (typeof _navigator.userAgentData !== 'undefined' && _navigator.userAgentData != null) {
+                    return _navigator.userAgentData.platform;
+                }
+                // Deprecated but still works for most of the browser
+                if (typeof _navigator.platform !== 'undefined') {
+                    if (typeof _navigator.userAgent !== 'undefined' && /android/.test(_navigator.userAgent.toLowerCase())) {
+                        // android device’s _navigator.platform is often set as 'linux', so const’s use userAgent for them
+                        return 'android';
+                    }
+                    return _navigator.platform;
+                }
+                return 'unknown';
+            }
+        
+            const _platform = platform().toLowerCase();
+        
+            const isOSX = /mac/.test(_platform); // Mac desktop
+            const isIOS = ['iphone', 'ipad', 'ipod'].indexOf(_platform) === -1 ? false : true; // Mac iOs
+            const isApple = isOSX || isIOS; // Apple device (desktop or iOS)
+            const isWindows = /win/.test(_platform); // Windows
+            const isAndroid = /android/.test(_platform); // Android
+            const isLinux = /linux/.test(_platform); // Linux
+        
+            return {
+                isOSX,
+                isIOS,
+                isApple,
+                isWindows,
+                isAndroid,
+                isLinux
+            }
+        
+        };
+    
+        os = getOs();
+    
+    } else {
+        os = {};
+    }
+    return os;
+
+}
+
+
+export default getOs;

package/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "4.4.15",
+  "version": "4.5.12",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",