cradova 1.0.9 → 1.0.10

package/contributing.md

@@ -2,6 +2,6 @@ What does Cradova needs?
 
 - Cradova Documentation Website
 - Sample projects
-- More Tools and UI libraries for cradova
+- UI component libraries for cradova
 
-community [telegram](https://t.me/cradova)
+community [telegram](https://t.me/cradovaframework)

package/dist/index.js

@@ -0,0 +1,434 @@
+/* eslint-disable no-undef */
+/*
+
+""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
+"
+"   ██████╗  ██████╗    █████      ██████╗    ███████╗  ██╗   ██╗   █████
+"  ██╔════╝  ██╔══██╗  ██╔═╗██    █      ██  ██╔═════╝  ██║   ██║  ██╔═╗██
+"  ██║        ██████╔╝  ██████╗    █      ██  ██║     ██  ██║   ██║  ██████╗
+"  ██║        ██╔══██   ██║  ██║   █      ██  ██║     ██  ╚██╗ ██╔╝  ██║  ██
+"  ╚██████╗  ██║  ██║  ██║  ██║   ███████╔╝   ██████     ╚████╔╝   ██║  ██║
+"   ╚═════╝  ╚═╝  ╚═╝  ╚═╝  ╚═╝   ╚══════╝     ╚════╝     ╚═══╝     ╚═╝  ╚═╝
+"  Sacho inside
+"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
+
+" =============================================================================
+" By Friday Candour
+" -----------------------------------------------------------------------------
+" =============================================================================
+"   Cradova FrameWork
+"   @version 1.*.*
+" -----------------------------------------------------------------------------
+" License: Apache V2
+" -----------------------------------------------------------------------------
+" fridaymaxtour@gmail.com ...
+" =============================================================================
+
+                                  Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+ 
+        Copyright 2022 Friday Candour. All Rights Reserved.
+        Licensed under the Apache License, Version 2.0 (the "License");
+        you may not use this file except in compliance with the License.
+        You may obtain a copy of the License at
+            http://www.apache.org/licenses/LICENSE-2.0
+        Unless required by applicable law or agreed to in writing, software
+        distributed under the License is distributed on an "AS IS" BASIS,
+        WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+        See the License for the specific language governing permissions and
+        limitations under the License.
+*/
+// importing cradova helper scripts
+export { swipe } from "./sacho/swipe";
+export { Signal as createSignal } from "./scripts/createSignal";
+export { Router } from "./scripts/Router";
+export { Screen } from "./scripts/Screen";
+export { Scaffold } from "./scripts/Scaffold";
+export { dispatch } from "./scripts/track";
+export { Ajax } from "./scripts/ajax";
+export { IsElementInView } from "./scripts/utils";
+export { frag, fullScreen, assert, uuid, animate, controls, PromptBeforeLeave, RefElement, css, media, ls, Ref, RefList, assertOr, } from "./scripts/fns";
+import { Init } from "./scripts/init";
+("use strict");
+const make = function (txx) {
+    if (Array.isArray(txx)) {
+        txx = txx[0].trim();
+    }
+    if (!txx) {
+        return {
+            tag: "div",
+        };
+    }
+    let tag;
+    const itemsPurifier = (impure, pure, items) => {
+        if (!items.includes(pure))
+            return [];
+        const pureItems = [];
+        items = items.split(pure);
+        for (let i = 0; i < items.length; i++) {
+            if (items[i].includes(impure)) {
+                items[i] = items[i].split(impure)[0];
+            }
+            pureItems.push(items[i]);
+        }
+        return pureItems;
+    };
+    let innerValue;
+    if (txx.includes("|")) {
+        const tc = txx.split("|");
+        innerValue = tc[1];
+        txx = tc[0] && tc[0];
+    }
+    const classes = itemsPurifier("#", ".", txx);
+    const ids = itemsPurifier(".", "#", txx);
+    if (typeof tag !== "string") {
+        tag = classes.shift();
+    }
+    if (typeof tag !== "string") {
+        tag = ids.shift();
+    }
+    if (!tag) {
+        tag = "div";
+    }
+    if (!txx.includes(".") && !txx.includes("#")) {
+        tag = txx;
+        ids.length = 0;
+        classes.length = 0;
+    }
+    const ID = ids[1] ? ids[1].trim() : null;
+    const className = classes.join(" ");
+    return { tag, className, ID, innerValue };
+};
+/**
+ * Creates new cradova HTML element
+ *  @example
+ * _("p") // or _("p.class") or _("p#id") or _("p.class#id")
+ * using inline props
+ * _("p",{
+ * text: "am a p tag",
+ * style: {
+ * color: "blue"
+ * }
+ * )
+ * adding children
+ * _("p",
+ * _("span",{text:" am a span tag like so",
+ *  {style: {color: "brown"}
+ * })
+ * )
+ *
+ * props and children
+ * _("p",
+ * // props first
+ * {
+ * text: "am a p tag",
+ * style: {
+ * color: "blue"
+ * },
+ * // all children goes after
+ * _("span",{text:" am a span tag like so",
+ *  {style: {color: "brown"}
+ * })
+ * )
+ *
+ * @param  {...any} element_initials
+ * @returns function - cradova element
+ */
+const _ = (...element_initials) => {
+    let properties, childrens = [], beforeMount;
+    if (typeof element_initials[1] == "object" &&
+        !(element_initials[1] instanceof HTMLElement && !element_initials[1].tagName)) {
+        properties = element_initials[1];
+        if (properties?.beforeMount) {
+            beforeMount = properties["beforeMount"];
+        }
+        if (element_initials.length > 2) {
+            childrens = element_initials.slice(2, element_initials.length);
+        }
+    }
+    else {
+        if (element_initials[1] instanceof HTMLElement ||
+            typeof element_initials[1] === "function" ||
+            typeof element_initials[1] === "string") {
+            childrens = element_initials.slice(1, element_initials.length);
+        }
+    }
+    if (element_initials[0].raw) {
+        // getting the value of static cradova calls
+        element_initials[0] = element_initials[0]["raw"][0];
+    }
+    // verifying the children array
+    function identify(element_initials) {
+        if (typeof element_initials !== "object") {
+            element_initials = [element_initials];
+        }
+        const initials = make(element_initials[0]);
+        // TODO: tag debugger
+        // const { tag, className, ID, innerValue } = initials;
+        /**
+         *
+         * --- Cradova Element Initials  ---
+         * --------------------------------
+         *
+         * Note: this element has not been initialized!
+         *
+         * add to a parent element or call this return function
+         *
+         * .
+         */
+        return (...incoming) => {
+            /*
+             *
+             * --- Cradova Element Initials  ---
+             * --------------------------------
+             *
+             * Note: this element has not been initialized!
+             *
+             * add to a parent element or call this return function
+             *
+             * .
+             */
+            let childrens2rd = [], props = {}, text;
+            for (let i = 0; i < incoming.length; i++) {
+                if (typeof incoming[i] === "function" ||
+                    incoming[i] instanceof HTMLElement) {
+                    childrens2rd.push(incoming[i]);
+                    continue;
+                }
+                if (!Array.isArray(incoming[i]) && typeof incoming[i] === "object") {
+                    if (incoming[i].beforeMount) {
+                        beforeMount = incoming[i]["beforeMount"];
+                        incoming[i]["beforeMount"] = undefined;
+                        continue;
+                    }
+                    props = incoming[i];
+                    continue;
+                }
+                //
+                if (typeof incoming[i] === "string") {
+                    text = incoming[i];
+                    continue;
+                }
+            }
+            // @ts-ignore
+            incoming = undefined;
+            if (childrens.length) {
+                childrens2rd.push(...childrens);
+            }
+            let element;
+            try {
+                element = document.createElement(initials.tag.trim());
+            }
+            catch (error) {
+                throw new TypeError(" ✘  Cradova err:  invalid tag given  " + initials.tag);
+            }
+            if (!element) {
+                return;
+            }
+            if (initials.className) {
+                element.className = initials.className.trim();
+            }
+            if (initials.ID) {
+                element.setAttribute("id", initials.ID.trim());
+            }
+            if (initials.innerValue) {
+                element.innerText = initials.innerValue;
+            }
+            for (const prop in properties) {
+                if (prop === "style" && typeof properties[prop] === "object") {
+                    for (const [k, v] of Object.entries(properties[prop])) {
+                        if ((element.style[k] === "" && k !== "src") ||
+                            typeof element.style[k] === "string") {
+                            element.style[k] = v;
+                        }
+                        else {
+                            console.error(element);
+                            throw new Error("✘  Cradova err :  " +
+                                element +
+                                " does not have " +
+                                k +
+                                " as a valid css style property");
+                        }
+                    }
+                    continue;
+                }
+                if (element.style[prop] === "" && prop !== "src") {
+                    element.style[prop] = properties[prop];
+                    continue;
+                }
+                if (prop === "class" && typeof properties[prop] === "string") {
+                    const classes = properties[prop].split(" ");
+                    for (let i = 0; i < classes.length; i++) {
+                        if (classes[i]) {
+                            element.classList.add(classes[i]);
+                        }
+                    }
+                    continue;
+                }
+                if (prop === "text") {
+                    text = properties[prop];
+                    continue;
+                }
+                try {
+                    element[prop] = properties[prop];
+                }
+                catch (error) {
+                    console.error(" ✘  Cradova err:  cradova got ", properties[prop], "   which is invalid!");
+                    throw new Error(" ✘  Cradova err:  invalid props  " +
+                        prop +
+                        " for this element type with value " +
+                        properties[prop]);
+                }
+            }
+            //
+            // dynamic props
+            // over-rides props that appear in the first level
+            if (props && typeof props === "object" && !Array.isArray(props)) {
+                for (const prop in props) {
+                    if (prop === "style" && typeof props[prop] === "object") {
+                        for (const [k, v] of Object.entries(props[prop])) {
+                            if (typeof element.style[k] !== "undefined" && k !== "src") {
+                                element.style[k] = v;
+                            }
+                            else {
+                                throw new Error("✘  Cradova err :  " +
+                                    k +
+                                    " is not a valid css style property");
+                            }
+                        }
+                        continue;
+                    }
+                    if (element.style[prop] === "" && prop !== "src") {
+                        element.style[prop] = props[prop];
+                        continue;
+                    }
+                    if (prop === "text" && typeof props[prop] === "string") {
+                        text = props[prop];
+                        continue;
+                    }
+                    if (prop === "class" && typeof props[prop] === "string") {
+                        element.classList.add(props[prop]);
+                        continue;
+                    }
+                    if (prop === "beforeMount") {
+                        beforeMount = props["beforeMount"];
+                        props["beforeMount"] = undefined;
+                        continue;
+                    }
+                    try {
+                        element[prop] = props[prop];
+                    }
+                    catch (error) {
+                        console.error(" ✘  Cradova err:  ", error);
+                    }
+                }
+            }
+            // getting children ready
+            if (childrens2rd.length) {
+                for (let i = 0; i < childrens2rd.length; i++) {
+                    // single child lane
+                    if (typeof childrens2rd[i] === "function") {
+                        let child = childrens2rd[i]();
+                        if (typeof child === "function") {
+                            child = child();
+                        }
+                        try {
+                            if (child) {
+                                element.append(child);
+                            }
+                            if (child && child.afterMount) {
+                                child.afterMount(child);
+                                child.afterMount = undefined;
+                            }
+                        }
+                        catch (error) {
+                            console.error(" ✘  Cradova err:  ", error);
+                            if (!(child instanceof HTMLElement)) {
+                                throw new Error("  ✘  Cradova err:  invalid child type: " +
+                                    child +
+                                    " (" +
+                                    typeof child +
+                                    ")");
+                            }
+                        }
+                        continue;
+                    }
+                    // children array
+                    if (Array.isArray(childrens2rd[i])) {
+                        const arrCX = childrens2rd[i];
+                        const arrCXLenght = arrCX.length;
+                        const arrSET = [];
+                        for (let p = 0; p < arrCXLenght; p++) {
+                            if (!(arrCX[p] instanceof HTMLElement) &&
+                                typeof arrCX[p] !== "function" &&
+                                !Array.isArray(arrCX[p])) {
+                                console.error(" ✘  Cradova err:  ", arrCX[p]);
+                                throw new TypeError(" ✘  Cradova err: invalid tag type or template literal, cradova was enable to create this element show above ⇑");
+                            }
+                            arrSET.push(arrCX[p]);
+                        }
+                        //
+                        childrens2rd = [
+                            ...childrens2rd.slice(0, i + 1),
+                            ...arrSET,
+                            ...childrens2rd.slice(i + 1, childrens2rd.length),
+                        ];
+                        continue;
+                    }
+                    const child = childrens2rd[i];
+                    if (child instanceof HTMLElement ||
+                        child instanceof DocumentFragment) {
+                        element.append(child);
+                        // @ts-ignore
+                        if (child.afterMount) {
+                            // @ts-ignore
+                            child.afterMount(child);
+                            // @ts-ignore
+                            child.afterMount = undefined;
+                        }
+                    }
+                    else {
+                        if (typeof child === "string") {
+                            text = child;
+                        }
+                        else {
+                            console.error(" ✘  Cradova err:   got", child);
+                            throw new Error("  ✘  Cradova err:  invalid child type: " +
+                                "(" +
+                                typeof child +
+                                ")");
+                        }
+                    }
+                }
+            }
+            //
+            if (text) {
+                element.innerText = text;
+            }
+            if (element.stateID) {
+                // adding cradova dynamic signature
+                element.classList.add("cra_child_doc");
+            }
+            if (beforeMount) {
+                beforeMount(element);
+            }
+            return element;
+        };
+    }
+    if (typeof element_initials[0] !== "string") {
+        console.error(" ✘  Cradova err: NO TEMPLATE STRING PROVIDED");
+        return () => "NO TEMPLATE STRING PROVIDED";
+    }
+    // const CradovaElement: () => HTMLElement | undefined =
+    //   identify(element_initials);
+    // if (!CradovaElement) {
+    //   throw new Error(
+    //     " ✘  Cradova err:  invalid element initials  " + element_initials
+    //   );
+    // }
+    // return CradovaElement;
+    return identify(element_initials);
+};
+Init();
+export default _;

package/dist/{src/types.d.ts → module.d.ts}

@@ -434,4 +434,4 @@ export function IsElementInView(element: HTMLElement): boolean;
 declare const _: any;
 export default _;
 
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=module.d.ts.map

package/dist/{src/types.d.ts.map → module.d.ts.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["src/src/sacho/swipe.ts","src/src/scripts/createSignal.ts","src/src/types.ts","src/src/scripts/Router.ts","src/src/scripts/Screen.ts","src/src/scripts/Scaffold.ts","src/src/scripts/fns.ts","src/src/scripts/track.ts","src/src/scripts/ajax.ts","src/src/scripts/utils.ts","src/src/scripts/init.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,"/* eslint-disable no-undef */\n/*\n\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\n\"\n\"   ██████╗  ██████╗    █████      ██████╗    ███████╗  ██╗   ██╗   █████  \n\"  ██╔════╝  ██╔══██╗  ██╔═╗██    █      ██  ██╔═════╝  ██║   ██║  ██╔═╗██ \n\"  ██║        ██████╔╝  ██████╗    █      ██  ██║     ██  ██║   ██║  ██████╗    \n\"  ██║        ██╔══██   ██║  ██║   █      ██  ██║     ██  ╚██╗ ██╔╝  ██║  ██    \n\"  ╚██████╗  ██║  ██║  ██║  ██║   ███████╔╝   ██████     ╚████╔╝   ██║  ██║\n\"   ╚═════╝  ╚═╝  ╚═╝  ╚═╝  ╚═╝   ╚══════╝     ╚════╝     ╚═══╝     ╚═╝  ╚═╝  \n\"  Sacho inside\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\n\n\" =============================================================================\n\" By Friday Candour\n\" -----------------------------------------------------------------------------\n\" =============================================================================\n\"   Cradova FrameWork\n\"   @version 1.*.*\n\" -----------------------------------------------------------------------------\n\" License: Apache V2\n\" -----------------------------------------------------------------------------\n\" fridaymaxtour@gmail.com ...\n\" =============================================================================\n\n                                  Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n \n        Copyright 2022 Friday Candour. All Rights Reserved.\n        Licensed under the Apache License, Version 2.0 (the \"License\");\n        you may not use this file except in compliance with the License.\n        You may obtain a copy of the License at\n            http://www.apache.org/licenses/LICENSE-2.0\n        Unless required by applicable law or agreed to in writing, software\n        distributed under the License is distributed on an \"AS IS\" BASIS,\n        WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n        See the License for the specific language governing permissions and\n        limitations under the License.\n*/\n\n// importing cradova helper scripts\n\nexport { swipe } from \"./sacho/swipe\";\nexport { Signal as createSignal } from \"./scripts/createSignal\";\nexport { Router } from \"./scripts/Router\";\nexport { Screen } from \"./scripts/Screen\";\nexport { Scaffold } from \"./scripts/Scaffold\";\nexport { dispatch } from \"./scripts/track\";\nexport { Ajax } from \"./scripts/ajax\";\nexport { IsElementInView } from \"./scripts/utils\";\n\nexport {\n  frag,\n  fullScreen,\n  assert,\n  uuid,\n  animate,\n  controls,\n  PromptBeforeLeave,\n  RefElement,\n  css,\n  media,\n  ls,\n  Ref,\n  RefList,\n  assertOr,\n} from \"./scripts/fns\";\n\nimport { Init } from \"./scripts/init\";\n\n// importing types declarations\n\nimport { CradovaElementType } from \"./types\";\n\n(\"use strict\");\n\nconst make = function (txx: any) {\n  if (Array.isArray(txx)) {\n    txx = txx[0].trim();\n  }\n\n  if (!txx) {\n    return {\n      tag: \"div\",\n    };\n  }\n\n  let tag;\n  const itemsPurifier = (impure: string, pure: string, items: any) => {\n    if (!items.includes(pure)) return [];\n    const pureItems = [];\n    items = items.split(pure);\n    for (let i = 0; i < items.length; i++) {\n      if (items[i].includes(impure)) {\n        items[i] = items[i].split(impure)[0];\n      }\n      pureItems.push(items[i]);\n    }\n    return pureItems;\n  };\n\n  let innerValue;\n  if (txx.includes(\"|\")) {\n    const tc = txx.split(\"|\");\n    innerValue = tc[1];\n    txx = tc[0] && tc[0];\n  }\n\n  const classes = itemsPurifier(\"#\", \".\", txx);\n  const ids = itemsPurifier(\".\", \"#\", txx);\n\n  if (typeof tag !== \"string\") {\n    tag = classes.shift();\n  }\n  if (typeof tag !== \"string\") {\n    tag = ids.shift();\n  }\n\n  if (!tag) {\n    tag = \"div\";\n  }\n\n  if (!txx.includes(\".\") && !txx.includes(\"#\")) {\n    tag = txx;\n    ids.length = 0;\n    classes.length = 0;\n  }\n\n  const ID = ids[1] ? ids[1].trim() : null;\n  const className = classes.join(\" \");\n  return { tag, className, ID, innerValue };\n};\n\n/**\n * Creates new cradova HTML element\n *  @example\n * _(\"p\") // or _(\"p.class\") or _(\"p#id\") or _(\"p.class#id\")\n * using inline props\n * _(\"p\",{\n * text: \"am a p tag\",\n * style: {\n * color: \"blue\"\n * }\n * )\n * adding children\n * _(\"p\",\n * _(\"span\",{text:\" am a span tag like so\",\n *  {style: {color: \"brown\"}\n * })\n * )\n *\n * props and children\n * _(\"p\",\n * // props first\n * {\n * text: \"am a p tag\",\n * style: {\n * color: \"blue\"\n * },\n * // all children goes after\n * _(\"span\",{text:\" am a span tag like so\",\n *  {style: {color: \"brown\"}\n * })\n * )\n *\n * @param  {...any} element_initials\n * @returns function - cradova element\n */\n\nconst _: any = (...element_initials: any) => {\n  let properties: Record<string, any>,\n    childrens: string | any[] = [],\n    beforeMount: (self: HTMLElement) => void;\n\n  if (\n    typeof element_initials[1] == \"object\" &&\n    !(\n      element_initials[1] instanceof HTMLElement && !element_initials[1].tagName\n    )\n  ) {\n    properties = element_initials[1];\n    if (properties?.beforeMount) {\n      beforeMount = properties[\"beforeMount\"];\n    }\n    if (element_initials.length > 2) {\n      childrens = element_initials.slice(2, element_initials.length);\n    }\n  } else {\n    if (\n      element_initials[1] instanceof HTMLElement ||\n      typeof element_initials[1] === \"function\" ||\n      typeof element_initials[1] === \"string\"\n    ) {\n      childrens = element_initials.slice(1, element_initials.length);\n    }\n  }\n\n  if (element_initials[0].raw) {\n    // getting the value of static cradova calls\n    element_initials[0] = element_initials[0][\"raw\"][0];\n  }\n  // verifying the children array\n\n  function identify(element_initials: any) {\n    if (typeof element_initials !== \"object\") {\n      element_initials = [element_initials];\n    }\n\n    const initials = make(element_initials[0]);\n    // TODO: tag debugger\n    // const { tag, className, ID, innerValue } = initials;\n\n    /**\n     *\n     * --- Cradova Element Initials  ---\n     * --------------------------------\n     *\n     * Note: this element has not been initialized!\n     *\n     * add to a parent element or call this return function\n     *\n     * .\n     */\n    return (...incoming: string[] | any[]) => {\n      /*\n       *\n       * --- Cradova Element Initials  ---\n       * --------------------------------\n       *\n       * Note: this element has not been initialized!\n       *\n       * add to a parent element or call this return function\n       *\n       * .\n       */\n      let childrens2rd = [],\n        props: Record<string, any> = {},\n        text;\n\n      for (let i = 0; i < incoming.length; i++) {\n        if (\n          typeof incoming[i] === \"function\" ||\n          incoming[i] instanceof HTMLElement\n        ) {\n          childrens2rd.push(incoming[i]);\n          continue;\n        }\n\n        if (!Array.isArray(incoming[i]) && typeof incoming[i] === \"object\") {\n          if (incoming[i].beforeMount) {\n            beforeMount = incoming[i][\"beforeMount\"];\n            incoming[i][\"beforeMount\"] = undefined;\n            continue;\n          }\n          props = incoming[i];\n          continue;\n        }\n        //\n        if (typeof incoming[i] === \"string\") {\n          text = incoming[i];\n          continue;\n        }\n      }\n      // @ts-ignore\n      incoming = undefined;\n\n      if (childrens.length) {\n        childrens2rd.push(...childrens);\n      }\n\n      let element: CradovaElementType | undefined;\n      try {\n        element = document.createElement(initials.tag.trim());\n      } catch (error) {\n        throw new TypeError(\n          \" ✘  Cradova err:  invalid tag given  \" + initials.tag\n        );\n      }\n      if (!element) {\n        return;\n      }\n      if (initials.className) {\n        element.className = initials.className.trim();\n      }\n\n      if (initials.ID) {\n        element.setAttribute(\"id\", initials.ID.trim());\n      }\n      if (initials.innerValue) {\n        element.innerText = initials.innerValue;\n      }\n      for (const prop in properties) {\n        if (prop === \"style\" && typeof properties[prop] === \"object\") {\n          for (const [k, v] of Object.entries(properties[prop])) {\n            if (element.style[k] === \"\" && k !== \"src\") {\n              element.style[k] = v;\n            } else {\n              throw new Error(\n                \"✘  Cradova err :  \" + k + \" is not a valid css style property\"\n              );\n            }\n          }\n          continue;\n        }\n\n        if (element.style[prop] === \"\" && prop !== \"src\") {\n          element.style[prop] = properties[prop];\n          continue;\n        }\n\n        if (prop === \"class\" && typeof properties[prop] === \"string\") {\n          const classes = properties[prop].split(\" \");\n          for (let i = 0; i < classes.length; i++) {\n            if (classes[i]) {\n              element.classList.add(classes[i]);\n            }\n          }\n          continue;\n        }\n        if (prop === \"text\") {\n          text = properties[prop];\n          continue;\n        }\n        try {\n          element[prop] = properties[prop];\n        } catch (error) {\n          console.error(\n            \" ✘  Cradova err:  cradova got \",\n            properties[prop],\n            \"   which is invalid!\"\n          );\n          throw new Error(\n            \" ✘  Cradova err:  invalid props  \" +\n              prop +\n              \" for this element type with value \" +\n              properties[prop]\n          );\n        }\n      }\n\n      //\n      // dynamic props\n      // over-rides props that appear in the first level\n\n      if (props && typeof props === \"object\" && !Array.isArray(props)) {\n        for (const prop in props) {\n          if (prop === \"style\" && typeof props[prop] === \"object\") {\n            for (const [k, v] of Object.entries(props[prop])) {\n              if (typeof element.style[k] !== \"undefined\" && k !== \"src\") {\n                element.style[k] = v;\n              } else {\n                throw new Error(\n                  \"✘  Cradova err :  \" +\n                    k +\n                    \" is not a valid css style property\"\n                );\n              }\n            }\n            continue;\n          }\n          if (element.style[prop] === \"\" && prop !== \"src\") {\n            element.style[prop] = props[prop];\n            continue;\n          }\n          if (prop === \"text\" && typeof props[prop] === \"string\") {\n            text = props[prop];\n            continue;\n          }\n          if (prop === \"class\" && typeof props[prop] === \"string\") {\n            element.classList.add(props[prop]);\n            continue;\n          }\n\n          if (prop === \"beforeMount\") {\n            beforeMount = props[\"beforeMount\"];\n            props[\"beforeMount\"] = undefined;\n            continue;\n          }\n\n          try {\n            element[prop] = props[prop];\n          } catch (error) {\n            console.error(\" ✘  Cradova err:  \", error);\n          }\n        }\n      }\n      // getting children ready\n      if (childrens2rd.length) {\n        for (let i = 0; i < childrens2rd.length; i++) {\n          // single child lane\n          if (typeof childrens2rd[i] === \"function\") {\n            let child = childrens2rd[i]();\n            if (typeof child === \"function\") {\n              child = child();\n            }\n            try {\n              if (child) {\n                element.append(child);\n              }\n              if (child && child.afterMount) {\n                child.afterMount(child);\n                child.afterMount = undefined;\n              }\n            } catch (error) {\n              console.error(\" ✘  Cradova err:  \", error);\n              if (!(child instanceof HTMLElement)) {\n                throw new Error(\n                  \"  ✘  Cradova err:  invalid child type: \" +\n                    child +\n                    \" (\" +\n                    typeof child +\n                    \")\"\n                );\n              }\n            }\n            continue;\n          }\n          // children array\n          if (Array.isArray(childrens2rd[i])) {\n            const arrCX: HTMLElement[] | Function[] = childrens2rd[i];\n            const arrCXLenght = arrCX.length;\n            const arrSET = [];\n            for (let p = 0; p < arrCXLenght; p++) {\n              if (\n                !(arrCX[p] instanceof HTMLElement) &&\n                typeof arrCX[p] !== \"function\" &&\n                !Array.isArray(arrCX[p])\n              ) {\n                console.error(\" ✘  Cradova err:  \", arrCX[p]);\n                throw new TypeError(\n                  \" ✘  Cradova err: invalid tag type or template literal, cradova was enable to create this element show above ⇑\"\n                );\n              }\n              arrSET.push(arrCX[p]);\n            }\n            //\n            childrens2rd = [\n              ...childrens2rd.slice(0, i + 1),\n              ...arrSET,\n              ...childrens2rd.slice(i + 1, childrens2rd.length),\n            ];\n            continue;\n          }\n          const child = childrens2rd[i];\n          if (\n            child instanceof HTMLElement ||\n            child instanceof DocumentFragment\n          ) {\n            element.append(child);\n            // @ts-ignore\n            if (child.afterMount) {\n              // @ts-ignore\n              child.afterMount(child);\n              // @ts-ignore\n              child.afterMount = undefined;\n            }\n          } else {\n            if (typeof child === \"string\") {\n              text = child;\n            } else {\n              console.error(\" ✘  Cradova err:   got\", child);\n              throw new Error(\n                \"  ✘  Cradova err:  invalid child type: \" +\n                  \"(\" +\n                  typeof child +\n                  \")\"\n              );\n            }\n          }\n        }\n      }\n      //\n      if (text) {\n        element.innerText = text;\n      }\n      if (element.stateID) {\n        // adding cradova dynamic signature\n        element.classList.add(\"cra_child_doc\");\n      }\n\n      if (beforeMount) {\n        beforeMount(element);\n      }\n\n      return element;\n    };\n  }\n  if (typeof element_initials[0] !== \"string\") {\n    console.error(\" ✘  Cradova err: NO TEMPLATE STRING PROVIDED\");\n    return () => \"NO TEMPLATE STRING PROVIDED\";\n  }\n  // const CradovaElement: () => HTMLElement | undefined =\n  //   identify(element_initials);\n  // if (!CradovaElement) {\n  //   throw new Error(\n  //     \" ✘  Cradova err:  invalid element initials  \" + element_initials\n  //   );\n  // }\n  // return CradovaElement;\n  return identify(element_initials);\n};\n\nInit();\n\nexport default _;\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":"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","sources":["src/src/sacho/swipe.ts","src/src/scripts/createSignal.ts","src/src/types.ts","src/src/scripts/Router.ts","src/src/scripts/Screen.ts","src/src/scripts/Scaffold.ts","src/src/scripts/fns.ts","src/src/scripts/track.ts","src/src/scripts/ajax.ts","src/src/scripts/utils.ts","src/src/scripts/init.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,"/* eslint-disable no-undef */\n/*\n\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\n\"\n\"   ██████╗  ██████╗    █████      ██████╗    ███████╗  ██╗   ██╗   █████  \n\"  ██╔════╝  ██╔══██╗  ██╔═╗██    █      ██  ██╔═════╝  ██║   ██║  ██╔═╗██ \n\"  ██║        ██████╔╝  ██████╗    █      ██  ██║     ██  ██║   ██║  ██████╗    \n\"  ██║        ██╔══██   ██║  ██║   █      ██  ██║     ██  ╚██╗ ██╔╝  ██║  ██    \n\"  ╚██████╗  ██║  ██║  ██║  ██║   ███████╔╝   ██████     ╚████╔╝   ██║  ██║\n\"   ╚═════╝  ╚═╝  ╚═╝  ╚═╝  ╚═╝   ╚══════╝     ╚════╝     ╚═══╝     ╚═╝  ╚═╝  \n\"  Sacho inside\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\n\n\" =============================================================================\n\" By Friday Candour\n\" -----------------------------------------------------------------------------\n\" =============================================================================\n\"   Cradova FrameWork\n\"   @version 1.*.*\n\" -----------------------------------------------------------------------------\n\" License: Apache V2\n\" -----------------------------------------------------------------------------\n\" fridaymaxtour@gmail.com ...\n\" =============================================================================\n\n                                  Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n \n        Copyright 2022 Friday Candour. All Rights Reserved.\n        Licensed under the Apache License, Version 2.0 (the \"License\");\n        you may not use this file except in compliance with the License.\n        You may obtain a copy of the License at\n            http://www.apache.org/licenses/LICENSE-2.0\n        Unless required by applicable law or agreed to in writing, software\n        distributed under the License is distributed on an \"AS IS\" BASIS,\n        WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n        See the License for the specific language governing permissions and\n        limitations under the License.\n*/\n\n// importing cradova helper scripts\n\nexport { swipe } from \"./sacho/swipe\";\nexport { Signal as createSignal } from \"./scripts/createSignal\";\nexport { Router } from \"./scripts/Router\";\nexport { Screen } from \"./scripts/Screen\";\nexport { Scaffold } from \"./scripts/Scaffold\";\nexport { dispatch } from \"./scripts/track\";\nexport { Ajax } from \"./scripts/ajax\";\nexport { IsElementInView } from \"./scripts/utils\";\n\nexport {\n  frag,\n  fullScreen,\n  assert,\n  uuid,\n  animate,\n  controls,\n  PromptBeforeLeave,\n  RefElement,\n  css,\n  media,\n  ls,\n  Ref,\n  RefList,\n  assertOr,\n} from \"./scripts/fns\";\n\nimport { Init } from \"./scripts/init\";\n\n// importing types declarations\n\nimport { CradovaElementType } from \"./types\";\n\n(\"use strict\");\n\nconst make = function (txx: any) {\n  if (Array.isArray(txx)) {\n    txx = txx[0].trim();\n  }\n\n  if (!txx) {\n    return {\n      tag: \"div\",\n    };\n  }\n\n  let tag;\n  const itemsPurifier = (impure: string, pure: string, items: any) => {\n    if (!items.includes(pure)) return [];\n    const pureItems = [];\n    items = items.split(pure);\n    for (let i = 0; i < items.length; i++) {\n      if (items[i].includes(impure)) {\n        items[i] = items[i].split(impure)[0];\n      }\n      pureItems.push(items[i]);\n    }\n    return pureItems;\n  };\n\n  let innerValue;\n  if (txx.includes(\"|\")) {\n    const tc = txx.split(\"|\");\n    innerValue = tc[1];\n    txx = tc[0] && tc[0];\n  }\n\n  const classes = itemsPurifier(\"#\", \".\", txx);\n  const ids = itemsPurifier(\".\", \"#\", txx);\n\n  if (typeof tag !== \"string\") {\n    tag = classes.shift();\n  }\n  if (typeof tag !== \"string\") {\n    tag = ids.shift();\n  }\n\n  if (!tag) {\n    tag = \"div\";\n  }\n\n  if (!txx.includes(\".\") && !txx.includes(\"#\")) {\n    tag = txx;\n    ids.length = 0;\n    classes.length = 0;\n  }\n\n  const ID = ids[1] ? ids[1].trim() : null;\n  const className = classes.join(\" \");\n  return { tag, className, ID, innerValue };\n};\n\n/**\n * Creates new cradova HTML element\n *  @example\n * _(\"p\") // or _(\"p.class\") or _(\"p#id\") or _(\"p.class#id\")\n * using inline props\n * _(\"p\",{\n * text: \"am a p tag\",\n * style: {\n * color: \"blue\"\n * }\n * )\n * adding children\n * _(\"p\",\n * _(\"span\",{text:\" am a span tag like so\",\n *  {style: {color: \"brown\"}\n * })\n * )\n *\n * props and children\n * _(\"p\",\n * // props first\n * {\n * text: \"am a p tag\",\n * style: {\n * color: \"blue\"\n * },\n * // all children goes after\n * _(\"span\",{text:\" am a span tag like so\",\n *  {style: {color: \"brown\"}\n * })\n * )\n *\n * @param  {...any} element_initials\n * @returns function - cradova element\n */\n\nconst _: any = (...element_initials: any) => {\n  let properties: Record<string, any>,\n    childrens: string | any[] = [],\n    beforeMount: (self: HTMLElement) => void;\n\n  if (\n    typeof element_initials[1] == \"object\" &&\n    !(\n      element_initials[1] instanceof HTMLElement && !element_initials[1].tagName\n    )\n  ) {\n    properties = element_initials[1];\n    if (properties?.beforeMount) {\n      beforeMount = properties[\"beforeMount\"];\n    }\n    if (element_initials.length > 2) {\n      childrens = element_initials.slice(2, element_initials.length);\n    }\n  } else {\n    if (\n      element_initials[1] instanceof HTMLElement ||\n      typeof element_initials[1] === \"function\" ||\n      typeof element_initials[1] === \"string\"\n    ) {\n      childrens = element_initials.slice(1, element_initials.length);\n    }\n  }\n\n  if (element_initials[0].raw) {\n    // getting the value of static cradova calls\n    element_initials[0] = element_initials[0][\"raw\"][0];\n  }\n  // verifying the children array\n\n  function identify(element_initials: any) {\n    if (typeof element_initials !== \"object\") {\n      element_initials = [element_initials];\n    }\n\n    const initials = make(element_initials[0]);\n    // TODO: tag debugger\n    // const { tag, className, ID, innerValue } = initials;\n\n    /**\n     *\n     * --- Cradova Element Initials  ---\n     * --------------------------------\n     *\n     * Note: this element has not been initialized!\n     *\n     * add to a parent element or call this return function\n     *\n     * .\n     */\n    return (...incoming: string[] | any[]) => {\n      /*\n       *\n       * --- Cradova Element Initials  ---\n       * --------------------------------\n       *\n       * Note: this element has not been initialized!\n       *\n       * add to a parent element or call this return function\n       *\n       * .\n       */\n      let childrens2rd = [],\n        props: Record<string, any> = {},\n        text;\n\n      for (let i = 0; i < incoming.length; i++) {\n        if (\n          typeof incoming[i] === \"function\" ||\n          incoming[i] instanceof HTMLElement\n        ) {\n          childrens2rd.push(incoming[i]);\n          continue;\n        }\n\n        if (!Array.isArray(incoming[i]) && typeof incoming[i] === \"object\") {\n          if (incoming[i].beforeMount) {\n            beforeMount = incoming[i][\"beforeMount\"];\n            incoming[i][\"beforeMount\"] = undefined;\n            continue;\n          }\n          props = incoming[i];\n          continue;\n        }\n        //\n        if (typeof incoming[i] === \"string\") {\n          text = incoming[i];\n          continue;\n        }\n      }\n      // @ts-ignore\n      incoming = undefined;\n\n      if (childrens.length) {\n        childrens2rd.push(...childrens);\n      }\n\n      let element: CradovaElementType | undefined;\n      try {\n        element = document.createElement(initials.tag.trim());\n      } catch (error) {\n        throw new TypeError(\n          \" ✘  Cradova err:  invalid tag given  \" + initials.tag\n        );\n      }\n      if (!element) {\n        return;\n      }\n      if (initials.className) {\n        element.className = initials.className.trim();\n      }\n\n      if (initials.ID) {\n        element.setAttribute(\"id\", initials.ID.trim());\n      }\n      if (initials.innerValue) {\n        element.innerText = initials.innerValue;\n      }\n      for (const prop in properties) {\n        if (prop === \"style\" && typeof properties[prop] === \"object\") {\n          for (const [k, v] of Object.entries(properties[prop])) {\n            if (\n              (element.style[k] === \"\" && k !== \"src\") ||\n              typeof element.style[k] === \"string\"\n            ) {\n              element.style[k] = v;\n            } else {\n              console.error(element);\n              throw new Error(\n                \"✘  Cradova err :  \" +\n                  element +\n                  \" does not have \" +\n                  k +\n                  \" as a valid css style property\"\n              );\n            }\n          }\n          continue;\n        }\n\n        if (element.style[prop] === \"\" && prop !== \"src\") {\n          element.style[prop] = properties[prop];\n          continue;\n        }\n\n        if (prop === \"class\" && typeof properties[prop] === \"string\") {\n          const classes = properties[prop].split(\" \");\n          for (let i = 0; i < classes.length; i++) {\n            if (classes[i]) {\n              element.classList.add(classes[i]);\n            }\n          }\n          continue;\n        }\n        if (prop === \"text\") {\n          text = properties[prop];\n          continue;\n        }\n        try {\n          element[prop] = properties[prop];\n        } catch (error) {\n          console.error(\n            \" ✘  Cradova err:  cradova got \",\n            properties[prop],\n            \"   which is invalid!\"\n          );\n          throw new Error(\n            \" ✘  Cradova err:  invalid props  \" +\n              prop +\n              \" for this element type with value \" +\n              properties[prop]\n          );\n        }\n      }\n\n      //\n      // dynamic props\n      // over-rides props that appear in the first level\n\n      if (props && typeof props === \"object\" && !Array.isArray(props)) {\n        for (const prop in props) {\n          if (prop === \"style\" && typeof props[prop] === \"object\") {\n            for (const [k, v] of Object.entries(props[prop])) {\n              if (typeof element.style[k] !== \"undefined\" && k !== \"src\") {\n                element.style[k] = v;\n              } else {\n                throw new Error(\n                  \"✘  Cradova err :  \" +\n                    k +\n                    \" is not a valid css style property\"\n                );\n              }\n            }\n            continue;\n          }\n          if (element.style[prop] === \"\" && prop !== \"src\") {\n            element.style[prop] = props[prop];\n            continue;\n          }\n          if (prop === \"text\" && typeof props[prop] === \"string\") {\n            text = props[prop];\n            continue;\n          }\n          if (prop === \"class\" && typeof props[prop] === \"string\") {\n            element.classList.add(props[prop]);\n            continue;\n          }\n\n          if (prop === \"beforeMount\") {\n            beforeMount = props[\"beforeMount\"];\n            props[\"beforeMount\"] = undefined;\n            continue;\n          }\n\n          try {\n            element[prop] = props[prop];\n          } catch (error) {\n            console.error(\" ✘  Cradova err:  \", error);\n          }\n        }\n      }\n      // getting children ready\n      if (childrens2rd.length) {\n        for (let i = 0; i < childrens2rd.length; i++) {\n          // single child lane\n          if (typeof childrens2rd[i] === \"function\") {\n            let child = childrens2rd[i]();\n            if (typeof child === \"function\") {\n              child = child();\n            }\n            try {\n              if (child) {\n                element.append(child);\n              }\n              if (child && child.afterMount) {\n                child.afterMount(child);\n                child.afterMount = undefined;\n              }\n            } catch (error) {\n              console.error(\" ✘  Cradova err:  \", error);\n              if (!(child instanceof HTMLElement)) {\n                throw new Error(\n                  \"  ✘  Cradova err:  invalid child type: \" +\n                    child +\n                    \" (\" +\n                    typeof child +\n                    \")\"\n                );\n              }\n            }\n            continue;\n          }\n          // children array\n          if (Array.isArray(childrens2rd[i])) {\n            const arrCX: HTMLElement[] | Function[] = childrens2rd[i];\n            const arrCXLenght = arrCX.length;\n            const arrSET = [];\n            for (let p = 0; p < arrCXLenght; p++) {\n              if (\n                !(arrCX[p] instanceof HTMLElement) &&\n                typeof arrCX[p] !== \"function\" &&\n                !Array.isArray(arrCX[p])\n              ) {\n                console.error(\" ✘  Cradova err:  \", arrCX[p]);\n                throw new TypeError(\n                  \" ✘  Cradova err: invalid tag type or template literal, cradova was enable to create this element show above ⇑\"\n                );\n              }\n              arrSET.push(arrCX[p]);\n            }\n            //\n            childrens2rd = [\n              ...childrens2rd.slice(0, i + 1),\n              ...arrSET,\n              ...childrens2rd.slice(i + 1, childrens2rd.length),\n            ];\n            continue;\n          }\n          const child = childrens2rd[i];\n          if (\n            child instanceof HTMLElement ||\n            child instanceof DocumentFragment\n          ) {\n            element.append(child);\n            // @ts-ignore\n            if (child.afterMount) {\n              // @ts-ignore\n              child.afterMount(child);\n              // @ts-ignore\n              child.afterMount = undefined;\n            }\n          } else {\n            if (typeof child === \"string\") {\n              text = child;\n            } else {\n              console.error(\" ✘  Cradova err:   got\", child);\n              throw new Error(\n                \"  ✘  Cradova err:  invalid child type: \" +\n                  \"(\" +\n                  typeof child +\n                  \")\"\n              );\n            }\n          }\n        }\n      }\n      //\n      if (text) {\n        element.innerText = text;\n      }\n      if (element.stateID) {\n        // adding cradova dynamic signature\n        element.classList.add(\"cra_child_doc\");\n      }\n\n      if (beforeMount) {\n        beforeMount(element);\n      }\n\n      return element;\n    };\n  }\n  if (typeof element_initials[0] !== \"string\") {\n    console.error(\" ✘  Cradova err: NO TEMPLATE STRING PROVIDED\");\n    return () => \"NO TEMPLATE STRING PROVIDED\";\n  }\n  // const CradovaElement: () => HTMLElement | undefined =\n  //   identify(element_initials);\n  // if (!CradovaElement) {\n  //   throw new Error(\n  //     \" ✘  Cradova err:  invalid element initials  \" + element_initials\n  //   );\n  // }\n  // return CradovaElement;\n  return identify(element_initials);\n};\n\nInit();\n\nexport default _;\n"],"names":[],"version":3,"file":"module.d.ts.map"}

package/dist/{src/module.js → module.js}

@@ -1330,9 +1330,10 @@ const $149c1bd638913645$var$make = function(txx) {
             if (initials.innerValue) element.innerText = initials.innerValue;
             for(const prop in properties){
                 if (prop === "style" && typeof properties[prop] === "object") {
-                    for (const [k, v] of Object.entries(properties[prop])){
-                        if (element.style[k] === "" && k !== "src") element.style[k] = v;
-                        else throw new Error("✘  Cradova err :  " + k + " is not a valid css style property");
+                    for (const [k, v] of Object.entries(properties[prop]))if (element.style[k] === "" && k !== "src" || typeof element.style[k] === "string") element.style[k] = v;
+                    else {
+                        console.error(element);
+                        throw new Error("✘  Cradova err :  " + element + " does not have " + k + " as a valid css style property");
                     }
                     continue;
                 }