funda-ui 4.5.682 → 4.5.711

package/publish/lib/esm/Utils/libs/easing.ts

@@ -0,0 +1,201 @@
+/*
+ * All easing functions
+ * @link: https://easings.net
+ * @param {Number} t   - time (Amount of time that has passed since the beginning of the animation. Usually starts at 0 and is slowly increased using a game loop or other update function.)
+ * @param {Number} b   - beginning value (The starting point of the animation. Usually it's a static value, you can start at 0 for example.)
+ * @param {Number} c   - change in value (The amount of change needed to go from starting point to end point. It's also usually a static value.)
+ * @param {Number} d   - duration (Amount of time the animation will take. Usually a static value aswell.)
+ * @return {number}
+ */
+function easeLinear (t: number, b: number, c: number, d: number): number {
+    return c * t / d + b;
+}
+
+function easeInQuad (t: number, b: number, c: number, d: number): number {
+    return c * (t /= d) * t + b;
+}
+
+function easeOutQuad (t: number, b: number, c: number, d: number): number {
+    return -c * (t /= d) * (t - 2) + b;
+}
+
+function easeInOutQuad (t: number, b: number, c: number, d: number): number {
+    if ((t /= d / 2) < 1) return c / 2 * t * t + b;
+    return -c / 2 * ((--t) * (t - 2) - 1) + b;
+}
+
+function easeInSine (t: number, b: number, c: number, d: number): number {
+    return -c * Math.cos(t / d * (Math.PI / 2)) + c + b;
+}
+
+function easeOutSine (t: number, b: number, c: number, d: number): number {
+    return c * Math.sin(t / d * (Math.PI / 2)) + b;
+}
+
+function easeInOutSine (t: number, b: number, c: number, d: number): number {
+    return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b;
+}
+
+function easeInExpo (t: number, b: number, c: number, d: number): number {
+    return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b;
+}
+
+function easeOutExpo (t: number, b: number, c: number, d: number): number {
+    return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b;
+}
+
+function easeInOutExpo (t: number, b: number, c: number, d: number): number {
+    if (t == 0) return b;
+    if (t == d) return b + c;
+    if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
+    return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;
+}
+
+function easeInCirc (t: number, b: number, c: number, d: number): number {
+    return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;
+}
+
+function easeOutCirc (t: number, b: number, c: number, d: number): number {
+    return c * Math.sqrt(1 - (t = t / d - 1) * t) + b;
+}
+
+function easeInOutCirc (t: number, b: number, c: number, d: number): number {
+    if ((t /= d / 2) < 1) return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b;
+    return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
+}
+
+function easeInCubic (t: number, b: number, c: number, d: number): number {
+    return c * (t /= d) * t * t + b;
+}
+
+function easeOutCubic (t: number, b: number, c: number, d: number): number {
+    return c * ((t = t / d - 1) * t * t + 1) + b;
+}
+
+function easeInOutCubic (t: number, b: number, c: number, d: number): number {
+    if ((t /= d / 2) < 1) return c / 2 * t * t * t + b;
+    return c / 2 * ((t -= 2) * t * t + 2) + b;
+}
+
+function easeInQuart (t: number, b: number, c: number, d: number): number {
+    return c * (t /= d) * t * t * t + b;
+}
+
+function easeOutQuart (t: number, b: number, c: number, d: number): number {
+    return -c * ((t = t / d - 1) * t * t * t - 1) + b;
+}
+
+function easeInOutQuart (t: number, b: number, c: number, d: number): number {
+    if ((t /= d / 2) < 1) return c / 2 * t * t * t * t + b;
+    return -c / 2 * ((t -= 2) * t * t * t - 2) + b;
+}
+
+function easeInQuint (t: number, b: number, c: number, d: number): number {
+    return c * (t /= d) * t * t * t * t + b;
+}
+
+function easeOutQuint (t: number, b: number, c: number, d: number): number {
+    return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
+}
+
+
+function easeInOutQuint (t: number, b: number, c: number, d: number): number {
+    if ((t /= d / 2) < 1) return c / 2 * t * t * t * t * t + b;
+    return c / 2 * ((t -= 2) * t * t * t * t + 2) + b;
+}
+
+function easeInElastic (t: number, b: number, c: number, d: number): number {
+    var s: number = 1.70158;
+    var p: number = 0;
+    var a: number = c;
+    if (t == 0) return b;
+    if ((t /= d) == 1) return b + c;
+    if (!p) p = d * .3;
+    if (a < Math.abs(c)) {
+        a = c;
+        var s = p / 4;
+    }
+    else var s = p / (2 * Math.PI) * Math.asin(c / a);
+    return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
+}
+
+function easeOutElastic (t: number, b: number, c: number, d: number): number {
+    var s: number = 1.70158;
+    var p: number = 0;
+    var a: number = c;
+    if (t == 0) return b;
+    if ((t /= d) == 1) return b + c;
+    if (!p) p = d * .3;
+    if (a < Math.abs(c)) {
+        a = c;
+        var s = p / 4;
+    }
+    else var s = p / (2 * Math.PI) * Math.asin(c / a);
+    return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b;
+}
+
+function easeInOutElastic (t: number, b: number, c: number, d: number): number {
+    var s: number = 1.70158;
+    var p: number = 0;
+    var a: number = c;
+    if (t == 0) return b;
+    if ((t /= d / 2) == 2) return b + c;
+    if (!p) p = d * (.3 * 1.5);
+    if (a < Math.abs(c)) {
+        a = c;
+        var s = p / 4;
+    }
+    else var s = p / (2 * Math.PI) * Math.asin(c / a);
+    if (t < 1) return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
+    return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b;
+}
+
+function easeInBack (t: number, b: number, c: number, d: number): number {
+    var s: number = 1.70158;
+    if (s == undefined) s = 1.70158;
+    return c * (t /= d) * t * ((s + 1) * t - s) + b;
+}
+
+function easeOutBack (t: number, b: number, c: number, d: number): number {
+    var s: number = 1.70158;
+    if (s == undefined) s = 1.70158;
+    return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
+}
+
+function easeInOutBack (t: number, b: number, c: number, d: number): number {
+    var s: number = 1.70158;
+    if (s == undefined) s = 1.70158;
+    if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b;
+    return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b;
+}
+
+export { 
+    easeLinear, 
+    easeInQuad, 
+    easeOutQuad, 
+    easeInOutQuad, 
+    easeInSine, 
+    easeOutSine, 
+    easeInOutSine, 
+    easeInExpo, 
+    easeOutExpo, 
+    easeInOutExpo, 
+    easeInCirc, 
+    easeOutCirc, 
+    easeInOutCirc, 
+    easeInCubic, 
+    easeOutCubic, 
+    easeInOutCubic, 
+    easeInQuart, 
+    easeOutQuart, 
+    easeInOutQuart, 
+    easeInQuint, 
+    easeOutQuint, 
+    easeInOutQuint, 
+    easeInElastic, 
+    easeOutElastic, 
+    easeInOutElastic, 
+    easeInBack, 
+    easeOutBack, 
+    easeInOutBack
+};

package/publish/lib/esm/Utils/libs/extract.ts

@@ -0,0 +1,86 @@
+
+
+/**
+ * Determine whether an extractor is included
+ * @param {String} str    =>  input string. such as 'a[1], b[2]', '{a[1]}'
+ * @returns {Boolean} 
+ */
+function extractorExist(str: string | undefined | null): boolean {
+    if (typeof str === 'undefined' || str === null || str === '') {
+        return false;
+    }
+
+    let res: boolean = false;
+    if ( str?.match(/(\[.*?\])/gi) ) {
+        res = true;
+    }
+    return res;
+}
+
+/**
+ * Extract the contents of square brackets
+ * @param {String} str    =>  input string. such as '[1,2] [f][c]'
+ * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
+ * @returns {Array<string>|string} such as: ['1,2','f','c']
+ */
+function extractContentsOfBrackets(str: string, commaSeparated: boolean = false): Array<string> | string {
+    if (typeof str === 'undefined' || str === null || str === '') {
+        return !commaSeparated ? [] : '';
+    }
+
+    const res = str.match(/[^\[]+(?=(\[ \])|\])/g);
+    if (commaSeparated) {
+        return res === null ? '' : res.join(',').replace(/\,+$/, '');
+    } else {
+        return res === null ? '' : res;
+    }
+    
+}
+
+/**
+ * Extract the contents of curly braces
+ * @param {String} str    =>  input string. such as '{1,2} {f}{c}'
+ * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
+ * @returns {Array<string>|string} such as: ['1,2','f','c']
+ */
+function extractContentsOfBraces(str: string, commaSeparated: boolean = false): Array<string> | string {
+    if (typeof str === 'undefined' || str === null || str === '') {
+        return !commaSeparated ? [] : '';
+    }
+
+    const res = str.match(/[^\{]+(?=(\{ \})|\})/g);
+    if (commaSeparated) {
+        return res === null ? '' : res.join(',').replace(/\,+$/, '');
+    } else {
+        return res === null ? '' : res;
+    }
+    
+}
+
+/**
+ * Extract the contents of parentheses
+ * @param {String} str    =>  input string. such as '(1,2) (f)(c)'
+ * @param {Boolean} commaSeparated    =>  flag to determine if the result should be comma separated or not
+ * @returns {Array<string>|string} such as: ['1,2','f','c']
+ */
+function extractContentsOfParentheses(str: string, commaSeparated: boolean = false): Array<string> | string {
+    if (typeof str === 'undefined' || str === null || str === '') {
+        return !commaSeparated ? [] : '';
+    }
+
+    const res = str.match(/[^\(]+(?=(\( \))|\))/g);
+    if (commaSeparated) {
+        return res === null ? '' : res.join(',').replace(/\,+$/, '');
+    } else {
+        return res === null ? '' : res;
+    }
+    
+}
+
+
+export {
+    extractorExist,
+    extractContentsOfBrackets,
+    extractContentsOfBraces,
+    extractContentsOfParentheses
+}

package/publish/lib/esm/Utils/libs/getElementProperty.ts

@@ -0,0 +1,150 @@
+/**
+ * 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: HTMLElement): number {
+
+    if (typeof el === typeof undefined) {
+        return 0;
+    }
+
+
+    let style: CSSStyleDeclaration = window.getComputedStyle(el),
+        duration: any = style.webkitTransitionDuration,
+        delay: any = style.webkitTransitionDelay;
+
+    if (typeof duration != typeof undefined) {
+        // 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: HTMLElement): { top: number, left: number } {
+
+    let windowWidth: number = window.innerWidth,
+        leftPos: any = null,
+        topPos: any = null;
+
+    const pEl: any = 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: Element): { top: number, left: number } {
+    let res: { top: number, left: number } = { top: 0, left: 0 };
+
+    const box: DOMRect = el.getBoundingClientRect();
+    let top: number = 0,
+        left: number = 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: HTMLElement): { top: number, left: number } {
+    let res: any = { top: 0, left: 0 };
+
+    let top: number = el.offsetTop ? el.offsetTop : 0,
+        left: number = 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: HTMLElement, left: number | string = 0, top: number | string = 0): { x: number, y: number, width: number, height: number } {
+    if (!parseInt(left as never)) {
+        left = 0;
+    } else {
+        left = parseInt(left as never);
+    }
+    if (!parseInt(top as never)) {
+        top = 0;
+    } else {
+        top = parseInt(top as never);
+    }
+
+    const box: DOMRect = domElement.getBoundingClientRect();
+    const body: HTMLElement = document.body;
+    const docElem: HTMLElement = document.documentElement;
+    const scrollTop: number = window.pageYOffset || docElem.scrollTop || body.scrollTop;
+    const scrollLeft: number = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
+
+    const clientTop: number = docElem.clientTop || body.clientTop || 0;
+    const clientLeft: number = docElem.clientLeft || body.clientLeft ||0;
+
+    const attr: any = {};
+    attr.y = box.top +  scrollTop - clientTop + top; 
+    attr.x = box.left + scrollLeft - clientLeft + left;
+    attr.width = box.width;
+    attr.height = box.height;
+
+    return attr;
+}
+
+
+export { 
+    getTransitionDuration, 
+    getAbsoluteCoordinates, 
+    getOffset, 
+    getPosition,
+    getAbsolutePositionOfStage
+}

package/publish/lib/esm/Utils/libs/guid.ts

@@ -0,0 +1,16 @@
+
+/**
+ * Create GUID
+ *
+ * @returns {String}   - The globally-unique identifiers.
+ */
+function guid() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        const r = Math.random() * 16 | 0,
+                v = c == 'x' ? r : (r & 0x3 | 0x8);
+        return v.toString(16);
+    }).toLocaleUpperCase();
+}
+
+export default guid;
+

package/publish/lib/esm/Utils/libs/initDefaultOptions.ts

@@ -0,0 +1,104 @@
+
+
+/**
+ *  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: any, options: any): any {
+    if (typeof options === typeof undefined || options === null || options === false) options = {};
+    //Set a default configuration
+    if (isJSON(props)) {
+
+        const defaultConfigValues = Object.values(props);
+        Object.keys(props).forEach(function (prop: string, index: number) {
+
+            // Well-formed string type
+            Object.keys(options).forEach(function (prop2: string, index2: number) {
+                if (prop2 === prop) {
+                    let _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] === typeof undefined || options[prop] === null) options[prop] = defaultConfigValues[index];
+        });
+    }
+    return options;
+}
+
+
+/**
+* Check if a string is a valid number
+ * @param {*} str 
+ * @returns 
+*/
+function isValidNumeric(str: any): boolean {
+    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: any): boolean {
+
+    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;
+        }
+
+    }
+
+}
+
+
+
+export {
+    setDefaultOptions,
+    isJSON,
+    isValidNumeric
+};