@bbn/bbn 1.0.59 → 1.0.61

package/dist/fn/form/formdata.js

@@ -0,0 +1,95 @@
+import { each } from '../loop/each';
+import { fieldValue } from './fieldValue';
+import { replaceAll } from '../string/replaceAll';
+import { substr } from '../string/substr';
+/**
+ * Returns all the data contained in a form as a single object.
+ *
+ * @method   formdata
+ * @global
+ * @memberof bbn.fn
+ * @fires    {*}
+ *
+ * @example
+ * ```javascript
+ * // <form id="myform">
+ * // <input type="hidden" name="bbn[name]" value="Smith">
+ * // <input type="hidden" name="bbn[fname]" value="John">
+ * // </form>
+ * bbn.fn.formdata(document.getElementById('myform'));
+ * // {name: "Smith", fname: "John"};
+ *
+ * ```
+ *
+ * @example
+ * ```javascript
+ * // <form id="myform">
+ * // <input type="hidden" name="People[0][name]" value="Smith">
+ * // <input type="hidden" name="People[0][fname]" value="John">
+ * // <input type="hidden" name="People[1][name]" value="Smith">
+ * // <input type="hidden" name="People[1][fname]" value="Eileen">
+ * // <input type="hidden" name="Dates[0]" value="2021-08-25">
+ * // <input type="hidden" name="Dates[1]" value="2021-09-06">
+ * // </form>
+ * bbn.fn.formdata(document.getElementById('myform'));
+ * // {
+ * //   People: [
+ * //     {name: "Smith", fname: "John"},
+ * //     {name: "Smith", fname: "Eileen"}
+ * //   ],
+ * //   Dates: ['2021-08-25', '2021-09-06']
+ * // }
+ * ```
+ *
+ * @param    {HTMLElementL} form
+ *
+ * @returns  {Object}
+ */
+const formdata = function (form) {
+    let $inputs = form.querySelectorAll('input[name],select[name],textarea[name],button[name]');
+    let res = {};
+    let n;
+    let v;
+    each($inputs, (input, i) => {
+        v = fieldValue(input);
+        if (v !== undefined && !input.disabled) {
+            let name = input.name;
+            if (name.indexOf('[]') === -1 &&
+                name.indexOf('[') > -1 &&
+                name.indexOf(']') > -1 &&
+                name.lastIndexOf(']') === name.length - 1) {
+                name = replaceAll('][', '.', name);
+                name = replaceAll('[', '.', name);
+                name = replaceAll(']', '', name);
+            }
+            if (name.length > 2 && name.indexOf('[]') === name.length - 2) {
+                n = substr(name, 0, name.length - 2);
+                if (res[n] === undefined) {
+                    res[n] = [];
+                }
+                res[n].push(v);
+            }
+            else if (name.indexOf('.') > -1) {
+                let tmp, parts = name.split('.');
+                tmp = res;
+                for (let i = 0; i < parts.length; i++) {
+                    if (res[parts[i]] === undefined) {
+                        if (i < parts.length - 1) {
+                            tmp[parts[i]] = {};
+                        }
+                        else {
+                            tmp[parts[i]] = v;
+                        }
+                    }
+                    tmp = tmp[parts[i]];
+                }
+            }
+            else {
+                res[name] = v;
+            }
+        }
+    });
+    // return num_changes ? res : false;
+    return res;
+};
+export { formdata };

package/dist/fn/form/objectToFormData.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @method   objectToFormData
+ * @todo     Add method description for objectToFormData
+ * @global
+ * @memberof bbn.fn
+ * @param    {Object|Array|File} obj
+ * @param    {String}            key
+ * @param    {Array}             ignoreList
+ * @returns
+ */
+declare const objectToFormData: (obj: object, key?: string, ignoreList?: string[]) => FormData;
+export { objectToFormData };

package/dist/fn/form/objectToFormData.js

@@ -0,0 +1,45 @@
+import { isArray } from '../type/isArray';
+import { each } from '../loop/each';
+import { isObject } from '../type/isObject';
+import { iterate } from '../loop/iterate';
+import { isNull } from '../type/isNull';
+/**
+ * @method   objectToFormData
+ * @todo     Add method description for objectToFormData
+ * @global
+ * @memberof bbn.fn
+ * @param    {Object|Array|File} obj
+ * @param    {String}            key
+ * @param    {Array}             ignoreList
+ * @returns
+ */
+const objectToFormData = function (obj, key = '', ignoreList) {
+    let formData = new FormData();
+    let appendFormData = (data, key = '') => {
+        if (!ignoreList || (isArray(ignoreList) && !ignoreList.includes(key))) {
+            if (data instanceof File) {
+                formData.append(key, data);
+            }
+            else if (isArray(data)) {
+                each(data, (v, i) => {
+                    appendFormData(v, key + '[' + i + ']');
+                });
+            }
+            else if (isObject(data) && Object.keys(data).length) {
+                iterate(data, (v, i) => {
+                    if (i in data) {
+                        appendFormData(v, !key ? i : key + '[' + i + ']');
+                    }
+                });
+            }
+            else {
+                if (!isNull(data) && data !== undefined) {
+                    formData.append(key, data);
+                }
+            }
+        }
+    };
+    appendFormData(obj, key);
+    return formData;
+};
+export { objectToFormData };

package/dist/fn/form/submit.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Submit a form's data through an Ajax request.
+ *
+ * It will also prevent the event if given, and execute the given callback,
+ * or look for one in the data-script attribute.
+ *
+ * @method   submit
+ * @global
+ * @memberof bbn.fn
+ * @fires    {*}
+ * @fires    {*}
+ *
+ * @param    {HTMLElement} form The form to submit
+ * @param    {Event}       e    The optional submit event - which will be prevented
+ * @param    {Function}    fn   An optional callback function
+ *
+ * @returns  {*}
+ */
+declare const submit: (form: HTMLFormElement, e?: Event, fn?: Function) => void;
+export { submit };

package/dist/fn/form/submit.js

@@ -0,0 +1,51 @@
+import { formdata } from './formdata';
+import { post } from '../ajax/post';
+/**
+ * Submit a form's data through an Ajax request.
+ *
+ * It will also prevent the event if given, and execute the given callback,
+ * or look for one in the data-script attribute.
+ *
+ * @method   submit
+ * @global
+ * @memberof bbn.fn
+ * @fires    {*}
+ * @fires    {*}
+ *
+ * @param    {HTMLElement} form The form to submit
+ * @param    {Event}       e    The optional submit event - which will be prevented
+ * @param    {Function}    fn   An optional callback function
+ *
+ * @returns  {*}
+ */
+const submit = function (form, e, fn) {
+    let url = form.getAttribute('action') || bbn.env.path;
+    let data;
+    if (url === '') {
+        url = '.';
+    }
+    //if ( (typeof(url) === 'string') && (url.indexOf("http") !== 0 || url.indexOf(window.document.location.hostname) !== -1) && !form.is("[target]") ){
+    if (typeof url === 'string' &&
+        (url.indexOf('http') !== 0 || url.indexOf(window.document.location.hostname) !== -1) &&
+        !form.getAttribute('target')) {
+        if (e) {
+            e.preventDefault();
+        }
+        data = formdata(form);
+        if (data) {
+            //$form.attr("action", null);
+            form.setAttribute('action', null);
+            //$form.data("bbnSubmit", 1);
+            if (!fn) {
+                fn = form.getAttribute('data-script') ? eval(form.getAttribute('data-script')) : null;
+            }
+            if (fn) {
+                post(url, data, fn);
+            }
+            else {
+                post(url, data);
+            }
+        }
+    }
+};
+export { submit };

package/dist/fn/html/adjustHeight.d.ts

@@ -0,0 +1,2 @@
+declare const adjustHeight: () => void;
+export { adjustHeight };

package/dist/fn/html/adjustHeight.js

@@ -0,0 +1,10 @@
+import { isIterable } from '../type/isIterable';
+import { adjustSize } from './adjustSize';
+const adjustHeight = function () {
+    let args = arguments;
+    if (args.length === 1 && isIterable(args[0])) {
+        args = args[0];
+    }
+    return adjustSize('height', args);
+};
+export { adjustHeight };

package/dist/fn/html/adjustSize.d.ts

@@ -0,0 +1,2 @@
+declare const adjustSize: (type: any, eles: any) => void;
+export { adjustSize };

package/dist/fn/html/adjustSize.js

@@ -0,0 +1,21 @@
+import { each } from '../loop/each';
+const adjustSize = function (type, eles) {
+    let max = 0, idx;
+    each(eles, (el) => {
+        el.style[type] = 'auto';
+    });
+    each(eles, (el, i) => {
+        let rect = el.getBoundingClientRect(), s = rect[type] % 1 ? rect[type] - (rect[type] % 1) + 1 : rect[type];
+        //s = rect[type];
+        if (s > max) {
+            max = s;
+            idx = i;
+        }
+    });
+    each(eles, (el, i) => {
+        if (max) {
+            el.style[type] = max + 'px';
+        }
+    });
+};
+export { adjustSize };

package/dist/fn/html/adjustWidth.d.ts

@@ -0,0 +1,2 @@
+declare const adjustWidth: () => void;
+export { adjustWidth };

package/dist/fn/html/adjustWidth.js

@@ -0,0 +1,10 @@
+import { isIterable } from '../type/isIterable';
+import { adjustSize } from './adjustSize';
+const adjustWidth = function () {
+    let args = arguments;
+    if (args.length === 1 && isIterable(args[0])) {
+        args = args[0];
+    }
+    return adjustSize('width', args);
+};
+export { adjustWidth };

package/dist/fn/html/getAllTags.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Gets all the tag names present in the DOM
+ * @returns array
+ */
+declare const getAllTags: () => any[];
+export { getAllTags };

package/dist/fn/html/getAllTags.js

@@ -0,0 +1,9 @@
+import { unique } from '../object/unique';
+/**
+ * Gets all the tag names present in the DOM
+ * @returns array
+ */
+const getAllTags = function () {
+    return unique(Array.prototype.map.apply(document.all, [(a) => a.tagName.toLowerCase()]));
+};
+export { getAllTags };

package/dist/fn/html/getAncestors.d.ts

@@ -0,0 +1,2 @@
+declare const getAncestors: (ele: Element | String, selector?: true | string) => Element[];
+export { getAncestors };

package/dist/fn/html/getAncestors.js

@@ -0,0 +1,25 @@
+const getAncestors = function (ele, selector) {
+    let r = [];
+    if (typeof ele === 'string') {
+        ele = document.querySelector(ele);
+    }
+    if (ele instanceof HTMLElement) {
+        if (ele.parentElement) {
+            if (typeof selector === 'string') {
+                while ((ele = ele.parentElement.closest(selector))) {
+                    r.push(ele);
+                }
+            }
+            else {
+                if (selector === true) {
+                    r.push(ele);
+                }
+                while ((ele = ele.parentElement)) {
+                    r.push(ele);
+                }
+            }
+        }
+    }
+    return r;
+};
+export { getAncestors };

package/dist/fn/html/getAttributes.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Check if the property contain sizing
+ * @return {Boolean}
+ */
+declare const getAttributes: (ele: any) => any;
+export { getAttributes };

package/dist/fn/html/getAttributes.js

@@ -0,0 +1,16 @@
+import { error } from '../browser/error';
+/**
+ * Check if the property contain sizing
+ * @return {Boolean}
+ */
+const getAttributes = function (ele) {
+    if (!ele.getAttributeNames) {
+        error('The element is not a proper HTML Element');
+    }
+    let res = Object.create(null);
+    ele.getAttributeNames().forEach((name) => {
+        res[name] = ele.getAttribute(name);
+    });
+    return res;
+};
+export { getAttributes };

package/dist/fn/html/getHTMLOfSelection.d.ts

@@ -0,0 +1,2 @@
+declare const getHTMLOfSelection: () => string;
+export { getHTMLOfSelection };

package/dist/fn/html/getHTMLOfSelection.js

@@ -0,0 +1,18 @@
+import { log } from '../browser/log';
+const getHTMLOfSelection = function () {
+    let range;
+    let selection = window.getSelection();
+    if (selection.rangeCount > 0) {
+        range = selection.getRangeAt(0);
+        log('RANGE', range);
+        let clonedSelection = range.cloneContents();
+        log('clonedSelection', clonedSelection);
+        let div = document.createElement('div');
+        div.appendChild(clonedSelection);
+        return div.innerHTML;
+    }
+    else {
+        return '';
+    }
+};
+export { getHTMLOfSelection };

package/dist/fn/html/getHtml.d.ts

@@ -0,0 +1,2 @@
+declare const getHtml: (ele: any, stripComments?: boolean) => any;
+export { getHtml };

package/dist/fn/html/getHtml.js

@@ -0,0 +1,9 @@
+import { removeHtmlComments } from '../string/removeHtmlComments';
+const getHtml = function (ele, stripComments = false) {
+    let st = ele.innerHTML();
+    if (stripComments) {
+        st = removeHtmlComments(st);
+    }
+    return st.trim();
+};
+export { getHtml };

package/dist/fn/html/getPath.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @method   getPath
+ * @todo     Add method description for getPath
+ * @global
+ * @ignore
+ * @memberof bbn.fn
+ * @returns  {*}
+ */
+declare const getPath: (element: any) => string;
+export { getPath };

package/dist/fn/html/getPath.js

@@ -0,0 +1,50 @@
+import { replaceAll } from '../string/replaceAll';
+/**
+ * @method   getPath
+ * @todo     Add method description for getPath
+ * @global
+ * @ignore
+ * @memberof bbn.fn
+ * @returns  {*}
+ */
+const getPath = function (element) {
+    let path, 
+    //node = $(element),
+    node = element, done = 0;
+    while (node.length) {
+        //let realNode = node[0],
+        let realNode = node, name = realNode.localName;
+        if (!name)
+            break;
+        if (realNode === document.body)
+            break;
+        if (realNode.id) {
+            return '#' + realNode.id;
+        }
+        if (!done) {
+            if (realNode.className && realNode.className !== ' ') {
+                name += '.' + replaceAll(' ', '.', replaceAll('  ', ' ', realNode.className));
+            }
+            done = 1;
+        }
+        //var parent = node.parent(),
+        let parent = node.parentNode, 
+        //sameTagSiblings = parent.children(name);
+        sameTagSiblings = parent.children.filter((val) => {
+            return val.tagName === name;
+        });
+        if (sameTagSiblings.length > 1) {
+            //var allSiblings = parent.children(),
+            let allSiblings = parent.children, 
+            //index = allSiblings.index(realNode) + 1;
+            index = allSiblings.indexOf(realNode) + 1;
+            if (index > 1) {
+                name += ':nth-child(' + index + ')';
+            }
+        }
+        path = name + (path ? '>' + path : '');
+        node = parent;
+    }
+    return path;
+};
+export { getPath };

package/dist/fn/html/getText.d.ts

@@ -0,0 +1,2 @@
+declare const getText: (ele: any) => string;
+export { getText };

package/dist/fn/html/getText.js

@@ -0,0 +1,4 @@
+const getText = function (ele) {
+    return ele.innerText().trim();
+};
+export { getText };

package/dist/fn/html/html2text.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Convert text in html format to plain text.
+ *
+ * @method   html2text
+ * @global
+ *
+ * @example
+ * ```javascript
+ * //"Hello world!"
+ * bbn.fn.html2text("<div><p>Hello <b>world!</b></p></div>");
+ * ```
+ * @memberof bbn.fn
+ * @param    {String} st
+ * @returns {String}
+ */
+declare const html2text: (st: any) => string;
+export { html2text };

package/dist/fn/html/html2text.js

@@ -0,0 +1,22 @@
+/**
+ * Convert text in html format to plain text.
+ *
+ * @method   html2text
+ * @global
+ *
+ * @example
+ * ```javascript
+ * //"Hello world!"
+ * bbn.fn.html2text("<div><p>Hello <b>world!</b></p></div>");
+ * ```
+ * @memberof bbn.fn
+ * @param    {String} st
+ * @returns {String}
+ */
+const html2text = function (st) {
+    let $test = document.createElement("div");
+    $test.innerHTML = st;
+    st = $test.innerText;
+    return st;
+};
+export { html2text };

package/dist/fn/html/isInside.d.ts

@@ -0,0 +1,2 @@
+declare const isInside: (ele: any, ancestor: any) => boolean;
+export { isInside };

package/dist/fn/html/isInside.js

@@ -0,0 +1,23 @@
+import { getAncestors } from './getAncestors';
+import { isString } from '../type/isString';
+import { each } from '../loop/each';
+const isInside = function (ele, ancestor) {
+    let ancestors = getAncestors(ele);
+    if (ancestors.length) {
+        if (isString(ancestor)) {
+            let ok = false;
+            each(ancestors, (a) => {
+                if (a.matches && a.matches(ancestor)) {
+                    ok = true;
+                    return false;
+                }
+            });
+            return ok;
+        }
+        if (ancestor instanceof HTMLElement) {
+            return ancestors.indexOf(ancestor) > -1;
+        }
+    }
+    return false;
+};
+export { isInside };

package/dist/fn/html/makeReactive.d.ts

@@ -0,0 +1,2 @@
+declare const makeReactive: (obj: any, onSet: any, parent: any, parentProp: any) => any;
+export { makeReactive };