cradova 2.3.1 → 3.1.0

package/dist/index.js

@@ -1,1519 +0,0 @@
-// lib/utils/init.ts
-var Init = function() {
-  if (!document.querySelector("[data-wrapper=app]")) {
-    const Wrapper = document.createElement("div");
-    Wrapper.setAttribute("data-wrapper", "app");
-    document.body.appendChild(Wrapper);
-  }
-};
-
-// lib/utils/fns.ts
-var isNode = (node) => typeof node === "object" && typeof node.nodeType === "number";
-var cradovaEvent = class {
-  constructor() {
-    this.listeners = {};
-  }
-  addEventListener(eventName, callback) {
-    if (!this.listeners[eventName]) {
-      this.listeners[eventName] = [];
-    }
-    this.listeners[eventName].push(callback);
-  }
-  removeEventListener(eventName, callback) {
-    if (this.listeners[eventName]) {
-      const index = this.listeners[eventName].indexOf(callback);
-      if (index !== -1) {
-        this.listeners[eventName].splice(index, 1);
-      }
-    }
-  }
-  dispatchEvent(eventName, eventArgs) {
-    const eventListeners = this.listeners[eventName];
-    if (eventListeners) {
-      for (let i2 = 0; i2 < eventListeners.length; i2++) {
-        eventListeners[i2](eventArgs);
-      }
-    }
-  }
-};
-var CradovaEvent = new cradovaEvent();
-function Rhoda(l) {
-  const fg = new DocumentFragment();
-  for (let ch of l) {
-    if (Array.isArray(ch)) {
-      fg.appendChild(Rhoda(ch));
-    } else {
-      if (ch?.render) {
-        ch = ch.render();
-      }
-      if (typeof ch === "function") {
-        ch = ch();
-        if (typeof ch === "function") {
-          ch = ch();
-        }
-      }
-      if (typeof ch === "string" || typeof ch === "number") {
-        fg.appendChild(document.createTextNode(ch));
-        continue;
-      }
-      if (isNode(ch)) {
-        fg.appendChild(ch);
-      } else {
-        if (typeof ch !== "undefined") {
-          throw new Error(
-            "  \u2718  Cradova err:  invalid child type: " + ch + " (" + typeof ch + ")"
-          );
-        }
-      }
-    }
-  }
-  return fg;
-}
-function css(identifier) {
-  if (Array.isArray(identifier)) {
-    identifier = identifier[0];
-  }
-  if (typeof identifier === "string") {
-    let styTag = document.querySelector("style");
-    if (styTag !== null) {
-      styTag.textContent = identifier + styTag.textContent;
-      return;
-    }
-    styTag = document.createElement("style");
-    styTag.textContent = identifier;
-    document.head.appendChild(styTag);
-  }
-}
-function assert(condition, ...elements) {
-  if (condition) {
-    return elements;
-  }
-  return void 0;
-}
-function loop(datalist2, component) {
-  if (typeof component !== "function") {
-    throw new Error(
-      " \u2718  Cradova err :  Invalid component type, must be a function that returns html  "
-    );
-  }
-  return Array.isArray(datalist2) ? datalist2.map(component) : void 0;
-}
-function assertOr(condition, ifTrue, ifFalse) {
-  if (condition) {
-    return ifTrue;
-  }
-  return ifFalse;
-}
-var Ref = class {
-  constructor(component) {
-    this.effects = [];
-    this.effectuate = null;
-    this.rendered = false;
-    this.published = false;
-    this.hasFirstStateUpdateRun = false;
-    this.preRendered = null;
-    this.reference = new reference();
-    this.component = component.bind(this);
-  }
-  preRender(data2) {
-    const chtml = this.component(data2);
-    if (chtml instanceof HTMLElement) {
-      this.preRendered = chtml;
-    } else {
-      this.preRendered = chtml();
-    }
-    if (!this.preRendered) {
-      throw new Error(
-        " \u2718  Cradova err :  Invalid component type for cradova Ref got  -  " + this.preRendered
-      );
-    }
-    this.reference._appendDomForce("reference", this.preRendered);
-  }
-  destroyPreRendered() {
-    this.preRendered = null;
-  }
-  render(data2, stash) {
-    this.effects = [];
-    this.rendered = false;
-    this.hasFirstStateUpdateRun = false;
-    let element = null;
-    if (!this.preRendered) {
-      const chtml = this.component(data2);
-      if (chtml instanceof HTMLElement) {
-        element = chtml;
-      } else {
-        element = chtml();
-      }
-      if (!element) {
-        throw new Error(
-          " \u2718  Cradova err :  Invalid component type for cradova Ref, got  -  " + element
-        );
-      }
-    }
-    if (stash) {
-      this.stash = data2;
-    }
-    const av = async () => {
-      await this.effector.apply(this);
-      CradovaEvent.removeEventListener("cradovaAftermountEvent", av);
-    };
-    CradovaEvent.addEventListener("cradovaAftermountEvent", av);
-    this.effector();
-    this.published = true;
-    this.rendered = true;
-    if (!element) {
-      element = this.preRendered;
-    }
-    this.reference._appendDomForce("reference", element);
-    return element;
-  }
-  instance() {
-    return this.reference.reference;
-  }
-  _setExtra(Extra) {
-    this.Signal = Extra;
-  }
-  effect(fn) {
-    if (!this.rendered) {
-      this.effects.push(fn.bind(this));
-    }
-  }
-  async effector() {
-    if (!this.rendered) {
-      for (let i2 = 0; i2 < this.effects.length; i2++) {
-        await this.effects[i2].apply(this);
-      }
-    }
-    if (!this.hasFirstStateUpdateRun && this.effectuate) {
-      await this.effectuate();
-    }
-    this.hasFirstStateUpdateRun = true;
-  }
-  updateState(data2, stash) {
-    if (!this) {
-      console.error(
-        " \u2718  Cradova err:  Ref.updateState has is passed out of scope"
-      );
-      return;
-    }
-    if (!this.rendered) {
-      async function updateState(data3) {
-        await this.Activate(data3);
-      }
-      this.effectuate = updateState.bind(this, data2);
-    } else {
-      if (this.published) {
-        (async () => {
-          await this.Activate(data2);
-        })();
-      }
-    }
-    if (stash) {
-      this.stash = data2;
-    }
-  }
-  async Activate(data2) {
-    if (!data2) {
-      return;
-    }
-    this.published = false;
-    if (!this.reference.reference) {
-      return;
-    }
-    const chtml = this.component(data2);
-    let element;
-    if (chtml instanceof HTMLElement) {
-      element = chtml;
-    } else {
-      element = chtml();
-    }
-    if (!element) {
-      throw new Error(
-        " \u2718  Cradova err :  Invalid component type for cradova Ref, got  -  " + element
-      );
-    }
-    try {
-      this.reference.reference.insertAdjacentElement("beforebegin", element);
-      if (this.reference.reference.parentElement) {
-        this.reference.reference.parentElement.removeChild(
-          this.reference.reference
-        );
-      } else {
-        this.reference.reference.remove();
-      }
-      this.reference._appendDomForce("reference", element);
-    } catch (e0) {
-      console.error(e0);
-    }
-    this.published = true;
-  }
-  remove() {
-    this.reference.reference.remove();
-  }
-};
-var frag = function(children) {
-  const par = document.createDocumentFragment();
-  for (let i2 = 0; i2 < children.length; i2++) {
-    let a2 = children[i2];
-    if (typeof a2 === "function") {
-      a2 = a2();
-    }
-    if (typeof a2 === "function") {
-      a2 = a2();
-    }
-    if (isNode(a2)) {
-      par.appendChild(a2);
-      continue;
-    }
-    if (a2 instanceof String) {
-      par.appendChild(document.createTextNode(a2));
-      continue;
-    }
-    console.error(" \u2718  Cradova err:   wrong element type" + a2);
-    throw new TypeError(" \u2718  Cradova err:   invalid element");
-  }
-  return par;
-};
-var svgNS = (type, props, ...children) => {
-  const sc = document.createElementNS(
-    props.xmlns || "http://www.w3.org/2000/svg",
-    type
-  );
-  delete props.xmlns;
-  for (const p2 in props) {
-    sc.setAttributeNS(null, p2, props[p2]);
-  }
-  for (let ch of children) {
-    if (typeof ch === "function") {
-      ch = ch();
-    }
-    if (typeof ch === "function") {
-      ch = ch();
-    }
-    sc.appendChild(ch);
-  }
-  return sc;
-};
-var lazy = class {
-  constructor(cb) {
-    this.content = void 0;
-    this._cb = cb;
-  }
-  async load() {
-    this.content = await this._cb();
-    if (typeof this.content === "function") {
-      this.content = await this.content;
-    } else {
-      this.content = await this.content;
-    }
-    this.content = this.content.default;
-  }
-};
-var reference = class {
-  bindAs(name) {
-    return [this, name];
-  }
-  _appendDom(name, Element) {
-    if (!Object.hasOwnProperty.call(this, name)) {
-      this[name] = Element;
-    } else {
-      if (Array.isArray(this[name])) {
-        this[name].push(Element);
-      } else {
-        this[name] = [this[name], Element];
-      }
-    }
-  }
-  _appendDomForce(name, Element) {
-    this[name] = Element;
-  }
-};
-
-// lib/utils/track.ts
-function cradovaDispatchTrack(nodes, state) {
-  for (let i2 = 0; i2 < nodes.length; i2++) {
-    const element = nodes[i2];
-    if (!element) {
-      continue;
-    }
-    if (typeof state === "object" && !Array.isArray(state)) {
-      for (const key in state) {
-        if (key === "style") {
-          for (const [k, v] of Object.entries(state[key])) {
-            if (typeof element.style[k] !== "undefined" && k !== "src") {
-              element.style[k] = v;
-            } else {
-              throw new Error(
-                "\u2718  Cradova err : " + k + " is not a valid css style property"
-              );
-            }
-          }
-          continue;
-        }
-        if (typeof element[key] === "function") {
-          if (key.startsWith("on")) {
-            element[key] = state[key];
-          } else {
-            element[key].apply(element);
-          }
-          continue;
-        }
-        if (key === "text") {
-          element.innerText = state[key];
-          continue;
-        }
-        if (key === "tree") {
-          element.innerHTML = "";
-          element.appendChild(frag(state[key]));
-          continue;
-        }
-        try {
-          if (typeof element[key] !== "undefined") {
-            element[key] = state[key];
-          } else {
-            if (key.includes("data-")) {
-              element.setAttribute(key, state[key]);
-              continue;
-            } else {
-              element[key] = state[key];
-            }
-            if (key !== "for" && key !== "text" && key !== "class" && key !== "tabindex" && key !== "disabled" && !key.includes("aria")) {
-              console.error(" \u2718  Cradova err:  invalid html attribute " + key);
-            }
-          }
-        } catch (error) {
-          console.error(" \u2718  Cradova err: Cradova got ", state);
-          console.error(" \u2718  Cradova err:  ", error);
-        }
-      }
-    } else {
-      console.log(nodes, state);
-      throw new TypeError(" \u2718  Cradova err:   invalid state object" + state);
-    }
-  }
-}
-function dispatch(stateID, state) {
-  if (stateID instanceof HTMLElement) {
-    cradovaDispatchTrack([stateID], state);
-  }
-  let ele;
-  let updated = void 0;
-  if (typeof state === "undefined" && typeof stateID === "object" && !ele) {
-    for (const [id, eachState] of Object.entries(stateID)) {
-      const elements = document.querySelectorAll(
-        "[data-cra-id=" + id + "]"
-      );
-      updated = elements.length === 1 ? elements[0] : elements;
-      cradovaDispatchTrack(elements, eachState);
-    }
-  } else {
-    if (typeof stateID === "string") {
-      const elements = document.querySelectorAll(
-        "[data-cra-id=" + stateID + "]"
-      );
-      if (elements.length) {
-        updated = elements.length === 1 ? elements[0] : elements;
-        if (!state?.cradovaDispatchTrackBreak) {
-          cradovaDispatchTrack(elements, state);
-        }
-      }
-    }
-    if (ele) {
-      cradovaDispatchTrack([ele], state);
-    }
-  }
-  return updated;
-}
-
-// lib/utils/createSignal.ts
-var createSignal = class {
-  constructor(initial, props) {
-    this.persistName = "";
-    this.actions = {};
-    this.ref = [];
-    this.value = initial;
-    if (props && props.persistName) {
-      this.persistName = props.persistName;
-      const key = localStorage.getItem(props.persistName);
-      if (key && key !== "undefined") {
-        this.value = JSON.parse(key);
-      }
-      if (typeof initial === "object") {
-        for (const key2 in initial) {
-          if (!Object.prototype.hasOwnProperty.call(this.value, key2)) {
-            this.value[key2] = initial[key2];
-          }
-        }
-      }
-    }
-  }
-  set(value, shouldRefRender) {
-    if (typeof value === "function") {
-      this.value = value(this.value);
-    } else {
-      this.value = value;
-    }
-    if (this.persistName) {
-      localStorage.setItem(this.persistName, JSON.stringify(this.value));
-    }
-    if (this.ref.length && shouldRefRender !== false) {
-      this._updateState();
-    }
-    if (this.callback) {
-      this.callback(this.value);
-    }
-  }
-  setKey(key, value, shouldRefRender) {
-    if (typeof this.value === "object" && !Array.isArray(this.value)) {
-      this.value[key] = value;
-      if (this.persistName) {
-        localStorage.setItem(this.persistName, JSON.stringify(this.value));
-      }
-      if (this.ref.length && shouldRefRender !== false) {
-        this._updateState();
-      }
-      if (this.callback) {
-        this.callback(this.value);
-      }
-    } else {
-      throw new Error(
-        `\u2718  Cradova err : can't set key ${String(
-          key
-        )} . store.value is not a javascript object`
-      );
-    }
-  }
-  createAction(key, action) {
-    if (typeof key === "string") {
-      this.actions[key] = action;
-    } else {
-      if (typeof key === "object" && !action) {
-        for (const [nam, act] of Object.entries(key)) {
-          if (typeof nam === "string" && typeof action === "function") {
-            this.actions[nam] = act;
-          } else {
-            throw new Error(`\u2718  Cradova err : can't create action ${nam}`);
-          }
-        }
-      } else {
-        throw new Error(`\u2718  Cradova err : can't create action ${key}`);
-      }
-    }
-  }
-  fireAction(key, data2) {
-    this._updateState(key, data2);
-    if (this.actions[key] && this.actions[key].updateState) {
-      this.actions[key].updateState(data2);
-      return;
-    } else {
-      if (typeof this.actions[key] === "function") {
-        this.actions[key].bind(this)(data2);
-        return;
-      }
-    }
-    throw Error("\u2718  Cradova err : action " + key + "  does not exist!");
-  }
-  bind(prop) {
-    if (typeof this.value === "object" && typeof this.value[prop] !== "undefined") {
-      return [this, prop];
-    } else {
-      throw new Error(
-        "\u2718  Cradova err : can't bind an unavailable property!  " + prop
-      );
-    }
-  }
-  _updateState(name, data2) {
-    if (name && data2) {
-      this.ref.map((ent) => {
-        if (ent._event === name) {
-          if (ent._element_property && ent._signalProperty) {
-            ent.ref.updateState({
-              [ent._element_property]: data2[ent._signalProperty]
-            });
-            return;
-          }
-          if (ent._element_property) {
-            ent.ref.updateState({
-              [ent._element_property]: data2
-            });
-            return;
-          }
-          if (ent._signalProperty) {
-            ent.ref.updateState(data2[ent._signalProperty]);
-            return;
-          }
-        }
-      });
-    } else {
-      for (let i2 = 0; i2 < this.ref.length; i2++) {
-        const ent = this.ref[i2];
-        if (ent._element_property && ent._signalProperty) {
-          ent.ref.updateState({
-            [ent._element_property]: this.value[ent._signalProperty]
-          });
-          continue;
-        }
-        if (ent._element_property) {
-          ent.ref.updateState({
-            [ent._element_property]: this.value
-          });
-          continue;
-        }
-        if (ent._signalProperty) {
-          ent.ref.updateState(this.value[ent._signalProperty]);
-          continue;
-        }
-        if (!ent._element_property && !ent._signalProperty) {
-          ent.ref.updateState(this.value);
-          continue;
-        }
-      }
-    }
-  }
-  bindRef(ref, binding = { signalProperty: "", _element_property: "" }) {
-    if (ref.render) {
-      ref.render = ref.render.bind(ref, this.value);
-    }
-    if (ref._setExtra) {
-      ref._setExtra(this);
-    }
-    if (ref && ref.updateState) {
-      this.ref.push({
-        ref,
-        _signalProperty: binding.signalProperty,
-        _element_property: binding._element_property,
-        _event: binding.event
-      });
-      return;
-    }
-    throw new Error(
-      "\u2718  Cradova err :  Invalid parameters for binding ref to simple store"
-    );
-  }
-  listen(callback) {
-    this.callback = callback;
-  }
-  clearPersist() {
-    if (this.persistName) {
-      localStorage.removeItem(this.persistName);
-    }
-  }
-};
-
-// lib/utils/Router.ts
-var RouterBox = {};
-RouterBox["lastNavigatedRouteController"] = null;
-RouterBox["nextRouteController"] = null;
-RouterBox["lastNavigatedRoute"] = null;
-RouterBox["pageShow"] = null;
-RouterBox["pageHide"] = null;
-RouterBox["errorHandler"] = null;
-RouterBox["params"] = {};
-RouterBox["routes"] = {};
-RouterBox["pageevents"] = [];
-RouterBox["start_pageevents"] = function(lastR, newR) {
-  for (let ci = 0; ci < RouterBox["pageevents"].length; ci++) {
-    RouterBox["pageevents"][ci](lastR, newR);
-  }
-};
-var checker = (url) => {
-  if (RouterBox.routes[url]) {
-    return [RouterBox.routes[url], { path: url }];
-  }
-  if (RouterBox.routes[url + "/"]) {
-    return [RouterBox.routes[url], { path: url }];
-  }
-  for (const path in RouterBox.routes) {
-    if (!path.includes(":")) {
-      continue;
-    }
-    if (url.endsWith("/")) {
-      url = url.slice(0, path.length - 2);
-    }
-    const urlFixtures = url.split("/");
-    const pathFixtures = path.split("/");
-    let fixturesX = 0;
-    let fixturesY = 0;
-    urlFixtures.shift();
-    pathFixtures.shift();
-    if (pathFixtures.length === urlFixtures.length) {
-      const routesParams = { _path: "" };
-      for (let i2 = 0; i2 < pathFixtures.length; i2++) {
-        if (pathFixtures[i2].includes(":")) {
-          fixturesY += 1;
-          continue;
-        }
-        if (urlFixtures[i2] === pathFixtures[i2] && pathFixtures.indexOf(urlFixtures[i2]) === pathFixtures.lastIndexOf(urlFixtures[i2])) {
-          fixturesX += 1;
-        }
-      }
-      if (fixturesX + fixturesY === pathFixtures.length) {
-        for (let i2 = 0; i2 < pathFixtures.length; i2++) {
-          if (pathFixtures[i2].includes(":")) {
-            routesParams[pathFixtures[i2].split(":")[1]] = urlFixtures[i2];
-          }
-        }
-        routesParams._path = path;
-        return [RouterBox.routes[path], routesParams];
-      }
-    }
-  }
-  return [];
-};
-RouterBox.route = (path, screen) => {
-  if (!screen || !screen._Activate) {
-    console.error(" \u2718  Cradova err:  not a valid screen  ", screen);
-    throw new Error(" \u2718  Cradova err:  Not a valid cradova screen component");
-  }
-  RouterBox.routes[path] = screen;
-  return RouterBox.routes[path];
-};
-RouterBox.router = async function(e, force = false) {
-  let url, route, params;
-  if (e) {
-    const Alink = e.target.tagName === "A" && e.target;
-    if (Alink) {
-      if (Alink.href.includes("#")) {
-        const l = Alink.href.split("#");
-        document.getElementById("#" + l[l.length - 1])?.scrollIntoView();
-        return;
-      }
-      if (Alink.href.includes("javascript")) {
-        return;
-      }
-      e.preventDefault();
-      url = new URL(Alink.href).pathname;
-    }
-  }
-  if (!url) {
-    url = window.location.pathname;
-  }
-  if (url === RouterBox["lastNavigatedRoute"]) {
-    return;
-  }
-  if (RouterBox["nextRouteController"]) {
-    route = RouterBox["nextRouteController"];
-    RouterBox["nextRouteController"] = null;
-  } else {
-    [route, params] = checker(url);
-  }
-  if (typeof route !== "undefined") {
-    try {
-      if (params) {
-        RouterBox.params.params = params;
-      }
-      if (!route._Activate && typeof route === "function") {
-        route = await route();
-      }
-      if (route._delegatedRoutes !== -1 && route._delegatedRoutes !== 1) {
-        route._delegatedRoutes = true;
-        route = new Screen({
-          name: route._name,
-          template: route._html
-        });
-        RouterBox.routes[url] = route;
-      }
-      await route._Activate(force);
-      RouterBox["lastNavigatedRouteController"] && RouterBox["lastNavigatedRouteController"]._deActivate();
-      RouterBox["lastNavigatedRoute"] = url;
-      RouterBox["lastNavigatedRouteController"] = route;
-    } catch (error) {
-      let errorHandler;
-      if (RouterBox.routes[RouterBox.params.params._path]) {
-        errorHandler = RouterBox.routes[RouterBox.params.params._path].errorHandler || RouterBox.errorHandler;
-      }
-      if (errorHandler) {
-        errorHandler(error);
-      }
-    }
-  } else {
-    if (RouterBox.routes["/404"]) {
-      RouterBox.routes["/404"].controller();
-    }
-  }
-};
-var RouterClass = class {
-  constructor() {
-    this.getParams = function() {
-      return RouterBox["params"];
-    };
-  }
-  BrowserRoutes(obj) {
-    for (const path in obj) {
-      let screen = obj[path];
-      if (screen.catch || typeof screen === "function") {
-        RouterBox["routes"][path] = async () => {
-          if (typeof screen === "function") {
-            screen = await screen();
-          } else {
-            screen = await screen;
-          }
-          return RouterBox.route(path, screen.default);
-        };
-      } else {
-        RouterBox.route(path, screen);
-      }
-    }
-    this._mount();
-  }
-  navigate(href, data2 = null, force = false) {
-    if (typeof href !== "string") {
-      throw new TypeError(
-        " \u2718  Cradova err:  href must be a defined path but got " + href + " instead"
-      );
-    }
-    if (typeof data2 === "boolean") {
-      force = true;
-      data2 = null;
-    }
-    let route = null, params;
-    if (href.includes("://")) {
-      window.location.href = href;
-    } else {
-      const lastR = window.location.pathname;
-      if (href === lastR) {
-        return;
-      }
-      [route, params] = checker(href);
-      if (route) {
-        RouterBox["nextRouteController"] = route;
-        RouterBox.params.params = params;
-        route._paramData = params;
-        RouterBox.params.data = data2 || null;
-        window.history.pushState({}, "", href);
-      }
-      RouterBox.router(null, force);
-      RouterBox["start_pageevents"](lastR, href);
-    }
-  }
-  onPageEvent(callback) {
-    if (typeof callback === "function") {
-      RouterBox["pageevents"].push(callback);
-    } else {
-      throw new Error(
-        " \u2718  Cradova err:  callback for pageShow event is not a function"
-      );
-    }
-  }
-  async packageScreen(path, data2 = {}) {
-    if (!RouterBox.routes[path]) {
-      console.error(" \u2718  Cradova err:  no screen with path " + path);
-      throw new Error(
-        " \u2718  Cradova err:  cradova err: Not a defined screen path"
-      );
-    }
-    let [route, params] = checker(path);
-    if (!route._Activate && typeof route === "function") {
-      route = await route();
-    }
-    route._package(Object.assign(data2, params || {}));
-    route._packed = true;
-  }
-  addErrorHandler(callback) {
-    if (typeof callback === "function") {
-      RouterBox["errorHandler"] = callback;
-    } else {
-      throw new Error(
-        " \u2718  Cradova err:  callback for ever event event is not a function"
-      );
-    }
-  }
-  _mount() {
-    window.addEventListener("pageshow", RouterBox.router);
-    window.addEventListener("popstate", (e) => {
-      e.preventDefault();
-      RouterBox.router();
-    });
-  }
-};
-var Router = new RouterClass();
-
-// lib/utils/elements.ts
-var makeElement = (element, ...ElementChildrenAndPropertyList) => {
-  let beforeMount = null;
-  let props = null, text = null;
-  if (ElementChildrenAndPropertyList.length) {
-    for (let i2 = 0; i2 < ElementChildrenAndPropertyList.length; i2++) {
-      let child = ElementChildrenAndPropertyList[i2];
-      if (child?.render) {
-        child = child.render();
-      }
-      if (typeof child === "function") {
-        child = child();
-        if (typeof child === "function") {
-          child = child();
-        }
-      }
-      try {
-        if (isNode(child)) {
-          element.appendChild(child);
-          continue;
-        }
-      } catch (error) {
-        console.log(element, ElementChildrenAndPropertyList);
-        console.log(error);
-      }
-      if (Array.isArray(child)) {
-        element.appendChild(Rhoda(child));
-        continue;
-      }
-      if (typeof child === "string" || typeof child === "number") {
-        text = child;
-        continue;
-      }
-      if (typeof child === "object") {
-        if (!props) {
-          props = child;
-        } else {
-          props = Object.assign(props, child);
-        }
-        continue;
-      }
-      if (typeof child !== "undefined") {
-        console.error(" \u2718  Cradova err:   got", { child });
-        throw new Error(
-          "  \u2718  Cradova err:  invalid child type: (" + typeof child + ")"
-        );
-      }
-    }
-  } else {
-    return element;
-  }
-  if (typeof props === "object" && element) {
-    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(
-              "\u2718  Cradova err :  " + k + " is not a valid css style property"
-            );
-          }
-        }
-        continue;
-      }
-      if (typeof element.style[prop] !== "undefined" && prop !== "src") {
-        element.style[prop] = props[prop];
-        continue;
-      }
-      if (prop === "text" && typeof props[prop] === "string" && props[prop] !== "") {
-        text = props[prop];
-        continue;
-      }
-      if (prop === "beforeMount") {
-        beforeMount = props["beforeMount"];
-        continue;
-      }
-      if (prop === "stateID") {
-        element.setAttribute("data-cra-id", props[prop]);
-        continue;
-      }
-      if (prop.includes("$")) {
-        element.setAttribute("data-" + prop.split("$")[1], props[prop]);
-        continue;
-      }
-      if (Array.isArray(props[prop]) && props[prop][0] instanceof createSignal) {
-        element.updateState = dispatch.bind(null, element);
-        props[prop][0].bindRef(element, {
-          _element_property: prop,
-          signalProperty: props[prop][1]
-        });
-        continue;
-      }
-      if (prop == "reference" && Array.isArray(props[prop]) && props[prop][0] instanceof reference) {
-        element.updateState = dispatch.bind(null, element);
-        props[prop][0]._appendDom(props[prop][1], element);
-        continue;
-      }
-      if (prop === "shouldUpdate" && props[prop] === true) {
-        element.updateState = dispatch.bind(void 0, element);
-        continue;
-      }
-      if (prop === "afterMount" && typeof props["afterMount"] === "function") {
-        const avi = () => {
-          props["afterMount"].apply(element);
-          CradovaEvent.removeEventListener("cradovaAftermountEvent", avi);
-        };
-        CradovaEvent.addEventListener("cradovaAftermountEvent", avi);
-        continue;
-      }
-      try {
-        if (typeof element[prop] !== "undefined") {
-          element[prop] = props[prop];
-        } else {
-          if (prop.includes("data-")) {
-            element.setAttribute(prop, props[prop]);
-            continue;
-          }
-          element[prop] = props[prop];
-          if (prop !== "for" && prop !== "text" && prop !== "class" && prop !== "tabindex" && prop !== "disabled" && !prop.includes("aria")) {
-            console.warn(" \u2718  Cradova err:  invalid html attribute ", {
-              prop
-            });
-          } else {
-            continue;
-          }
-        }
-      } catch (error) {
-        console.error(" \u2718  Cradova err: invalid html attribute ", { props });
-        console.error(" \u2718  Cradova err:  ", error);
-      }
-    }
-  }
-  if (text) {
-    element.appendChild(document.createTextNode(text));
-  }
-  if (typeof beforeMount === "function") {
-    beforeMount.apply(element);
-  }
-  if (element.tagName === "A" && window) {
-    if (element.href.includes(window.location.origin)) {
-      element.addEventListener("click", (e) => {
-        e.preventDefault();
-        Router.navigate(element.pathname);
-      });
-    }
-  }
-  return element;
-};
-var cra = (element_initials) => {
-  return (...initials) => {
-    return makeElement(
-      document.createElement(element_initials),
-      ...initials
-    );
-  };
-};
-var a = cra("a");
-var abbr = cra("abbr");
-var address = cra("address");
-var area = cra("area");
-var article = cra("article");
-var aside = cra("aside");
-var audio = cra("audio");
-var b = cra("b");
-var base = cra("base");
-var bdi = cra("bdi");
-var bdo = cra("bdo");
-var blockquote = cra("blockquote");
-var body = cra("body");
-var br = cra("br");
-var button = cra("button");
-var canvas = cra("canvas");
-var caption = cra("caption");
-var cite = cra("cite");
-var code = cra("code");
-var col = cra("col");
-var colgroup = cra("colgroup");
-var data = cra("data");
-var datalist = cra("datalist");
-var dd = cra("dd");
-var del = cra("del");
-var details = cra("details");
-var dfn = cra("dfn");
-var dialog = cra("dialog");
-var div = cra("div");
-var dl = cra("dl");
-var dt = cra("dt");
-var em = cra("em");
-var embed = cra("embed");
-var fieldset = cra("fieldset");
-var figcaption = cra("figcaption");
-var figure = cra("figure");
-var footer = cra("footer");
-var form = cra("form");
-var h1 = cra("h1");
-var h2 = cra("h2");
-var h3 = cra("h3");
-var h4 = cra("h4");
-var h5 = cra("h5");
-var h6 = cra("h6");
-var head = cra("head");
-var header = cra("header");
-var hr = cra("hr");
-var html = cra("html");
-var i = cra("i");
-var iframe = cra("iframe");
-var img = cra("img");
-var input = cra("input");
-var ins = cra("ins");
-var kbd = cra("kbd");
-var label = cra("label");
-var legend = cra("legend");
-var li = cra("li");
-var link = cra("link");
-var main = cra("main");
-var map = cra("map");
-var mark = cra("mark");
-var math = cra("math");
-var menu = cra("menu");
-var meta = cra("meta");
-var meter = cra("meter");
-var nav = cra("nav");
-var object = cra("object");
-var ol = cra("ol");
-var optgroup = cra("optgroup");
-var option = cra("option");
-var output = cra("output");
-var p = cra("p");
-var picture = cra("picture");
-var portal = cra("portal");
-var pre = cra("pre");
-var progress = cra("progress");
-var q = cra("q");
-var rp = cra("rp");
-var rt = cra("rt");
-var ruby = cra("ruby");
-var s = cra("s");
-var samp = cra("samp");
-var script = cra("script");
-var section = cra("section");
-var select = cra("select");
-var slot = cra("slot");
-var small = cra("small");
-var source = cra("source");
-var span = cra("span");
-var strong = cra("strong");
-var style = cra("style");
-var sub = cra("sub");
-var summary = cra("summary");
-var sup = cra("sup");
-var table = cra("table");
-var tbody = cra("tbody");
-var td = cra("td");
-var template = cra("template");
-var textarea = cra("textarea");
-var tfoot = cra("tfoot");
-var th = cra("th");
-var thead = cra("thead");
-var time = cra("time");
-var title = cra("title");
-var tr = cra("tr");
-var track = cra("track");
-var u = cra("u");
-var ul = cra("ul");
-var val = cra("val");
-var video = cra("video");
-var wbr = cra("wbr");
-
-// lib/utils/ajax.ts
-function Ajax(url, opts = {}) {
-  const { method, data: data2, header: header2, callbacks } = opts;
-  if (typeof url !== "string") {
-    throw new Error("\u2718  Cradova err : Ajax invalid url " + url);
-  }
-  return new Promise(function(resolve) {
-    const ajax = new XMLHttpRequest();
-    const formData = new FormData();
-    if (callbacks && typeof callbacks === "object") {
-      for (const [k, v] of Object.entries(callbacks)) {
-        if (typeof v === "function" && ajax[k]) {
-          ajax[k] = v;
-        }
-      }
-    }
-    ajax.addEventListener("load", function() {
-      resolve(ajax.response);
-    });
-    if (data2 && typeof data2 === "object") {
-      for (const [k, v] of Object.entries(data2)) {
-        let value = v;
-        if (typeof value === "object" && value && !value.name) {
-          value = JSON.stringify(value);
-        }
-        formData.set(k, value);
-      }
-    }
-    ajax.addEventListener("error", () => {
-      console.error(
-        "\u2718  Cradova Ajax err : ",
-        ajax.response || "ERR_INTERNET_DISCONNECTED"
-      );
-      if (!navigator.onLine) {
-        resolve(
-          JSON.stringify({
-            message: `this device is offline!`
-          })
-        );
-      } else {
-        resolve(
-          JSON.stringify({
-            message: `problem with the action, please try again!`
-          })
-        );
-      }
-    });
-    if (!method) {
-      ajax.open(data2 && typeof data2 === "object" ? "POST" : "GET", url, true);
-    } else {
-      ajax.open(method, url, true);
-    }
-    if (header2 && typeof header2 === "object") {
-      Object.keys(header2).forEach(function(key) {
-        ajax.setRequestHeader(key, header2[key]);
-      });
-    }
-    ajax.send(formData);
-  });
-}
-
-// lib/utils/Screen.ts
-var Screen = class {
-  constructor(cradova_screen_initials) {
-    this._secondaryChildren = [];
-    this.errorHandler = null;
-    this._packed = false;
-    this._template = document.createElement("div");
-    this._persist = true;
-    this._params = null;
-    this._delegatedRoutesCount = -1;
-    const { template: template2, name, persist, renderInParallel, transition } = cradova_screen_initials;
-    this._html = template2;
-    this._name = name;
-    this._transition = transition || "";
-    this._template.setAttribute("id", "cradova-screen-set");
-    if (renderInParallel === true) {
-      this._delegatedRoutesCount = 1;
-    } else {
-      if (typeof persist === "boolean") {
-        this._persist = persist;
-      }
-    }
-  }
-  get _delegatedRoutes() {
-    if (this._delegatedRoutesCount > 1e3) {
-      return -1;
-    }
-    return this._delegatedRoutesCount;
-  }
-  set _delegatedRoutes(count) {
-    if (count) {
-      this._delegatedRoutesCount += 1;
-    }
-  }
-  get _paramData() {
-    return this._params;
-  }
-  set _paramData(params) {
-    if (params) {
-      this._params = params;
-    }
-  }
-  setErrorHandler(errorHandler) {
-    this.errorHandler = errorHandler;
-  }
-  async _package() {
-    if (this._html.render) {
-      this._template.innerHTML = "";
-      this._template.appendChild(this._html.render(this._data));
-    }
-    if (typeof this._html === "function") {
-      let fuc = await this._html.apply(this, this._data);
-      if (typeof fuc === "function") {
-        fuc = fuc();
-        if (!isNode(fuc)) {
-          throw new Error(
-            " \u2718  Cradova err: only parent with descendants is valid"
-          );
-        } else {
-          if (fuc) {
-            this._template.innerHTML = "";
-            this._template.appendChild(fuc);
-          }
-        }
-      } else {
-        if (!isNode(fuc) && typeof fuc !== "string") {
-          throw new Error(
-            " \u2718  Cradova err: only parent with descendants is valid"
-          );
-        } else {
-          this._template.innerHTML = "";
-          this._template.appendChild(fuc);
-        }
-      }
-    }
-    if (!this._template.firstChild) {
-      console.error(" \u2718  Cradova err: expected a screen but got ", this._html);
-      throw new Error(
-        " \u2718  Cradova err: only functions that returns a cradova element is valid as screen"
-      );
-    }
-    if (this._secondaryChildren.length) {
-      let i2 = 0;
-      while (this._secondaryChildren.length - i2 !== 0) {
-        this.template.appendChild(this._secondaryChildren[i2]);
-        i2++;
-      }
-    }
-  }
-  onActivate(cb) {
-    this._callBack = cb;
-  }
-  onDeactivate(cb) {
-    this._deCallBack = cb;
-  }
-  addChild(...addOns) {
-    this._secondaryChildren.push(frag(addOns));
-  }
-  async _deActivate() {
-    if (this._deCallBack) {
-      await this._deCallBack();
-    }
-    if (this._transition) {
-      this._template.classList.remove(this._transition);
-    }
-  }
-  async _Activate(force) {
-    if (!this._persist || force) {
-      await this._package();
-    } else {
-      if (!this._packed) {
-        this._packed = true;
-        await this._package();
-      }
-    }
-    const doc = document.querySelector("[data-wrapper=app]");
-    if (!doc) {
-      throw new Error(
-        " \u2718  Cradova err: Unable to render, cannot find cradova root <div data-wrapper='app'> ... </div>"
-      );
-    }
-    if (this._transition) {
-      this._template.classList.add(this._transition);
-    }
-    doc.innerHTML = "";
-    doc.appendChild(this._template);
-    document.title = this._name;
-    if (this._callBack) {
-      await this._callBack();
-    }
-    CradovaEvent.dispatchEvent("cradovaAftermountEvent");
-    if (window) {
-      window.scrollTo(0, 0);
-    }
-  }
-};
-
-// lib/index.ts
-var make = function(txx) {
-  if (!txx.length) {
-    return ["DIV"];
-  }
-  if (Array.isArray(txx)) {
-    txx = txx[0];
-  }
-  let innerValue = "";
-  if (txx.includes("|")) {
-    [txx, innerValue] = txx.split("|");
-    if (!txx) {
-      return ["P", void 0, void 0, innerValue];
-    }
-  }
-  let tag;
-  if (!txx.includes("#")) {
-    txx = txx.split(".");
-    tag = txx.shift();
-    if (!tag) {
-      tag = "DIV";
-    }
-    return [tag, void 0, txx.join(" "), innerValue];
-  } else {
-    if (!txx.includes(".")) {
-      txx = txx.split("#");
-      tag = txx.shift();
-      if (!tag) {
-        tag = "DIV";
-      }
-      if (txx[0].includes(" ")) {
-        txx = [txx[0].split(" ")[1]];
-      }
-      return [tag, txx[0], void 0, innerValue];
-    }
-  }
-  txx = txx.split(".");
-  const classes = [];
-  const IDs = [];
-  tag = !txx[0].includes("#") && txx.shift();
-  if (!tag) {
-    tag = "DIV";
-  }
-  for (let i2 = 0; i2 < txx.length; i2++) {
-    if (txx[i2].includes("#")) {
-      const item = txx[i2].split("#");
-      IDs.push(item[1]);
-      if (i2 === 0) {
-        tag = item[0];
-        continue;
-      }
-      classes.push(item[0]);
-      continue;
-    }
-    classes.push(txx[i2]);
-  }
-  return [tag || "DIV", IDs[0], classes.join(" "), innerValue];
-};
-var _2 = (...element_initials) => {
-  const initials = make(element_initials.shift());
-  let props = void 0;
-  let element;
-  try {
-    element = document.createElement(initials[0]);
-  } catch (error) {
-    throw new TypeError(" \u2718  Cradova err:  invalid tag given  " + initials[0]);
-  }
-  if (initials[2]) {
-    if (props) {
-      props["className"] = initials[2];
-    } else {
-      props = { className: initials[2] };
-    }
-  }
-  if (initials[1]) {
-    if (props) {
-      props["id"] = initials[1];
-    } else {
-      props = { id: initials[1] };
-    }
-  }
-  if (initials[3]) {
-    if (props) {
-      props["innerText"] = initials[3];
-    } else {
-      props = { innerText: initials[3] };
-    }
-  }
-  return makeElement(element, props, ...element_initials);
-};
-Init();
-var lib_default = _2;
-export {
-  Ajax,
-  CradovaEvent,
-  Ref,
-  Router,
-  Screen,
-  a,
-  abbr,
-  address,
-  area,
-  article,
-  aside,
-  assert,
-  assertOr,
-  audio,
-  b,
-  base,
-  bdi,
-  bdo,
-  blockquote,
-  body,
-  br,
-  button,
-  canvas,
-  caption,
-  cite,
-  code,
-  col,
-  colgroup,
-  createSignal,
-  css,
-  data,
-  datalist,
-  dd,
-  lib_default as default,
-  del,
-  details,
-  dfn,
-  dialog,
-  dispatch,
-  div,
-  dl,
-  dt,
-  em,
-  embed,
-  fieldset,
-  figcaption,
-  figure,
-  footer,
-  form,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  head,
-  header,
-  hr,
-  html,
-  i,
-  iframe,
-  img,
-  input,
-  ins,
-  kbd,
-  label,
-  lazy,
-  legend,
-  li,
-  link,
-  loop,
-  main,
-  makeElement,
-  map,
-  mark,
-  math,
-  menu,
-  meta,
-  meter,
-  nav,
-  object,
-  ol,
-  optgroup,
-  option,
-  output,
-  p,
-  picture,
-  portal,
-  pre,
-  progress,
-  q,
-  reference,
-  rp,
-  rt,
-  ruby,
-  s,
-  samp,
-  script,
-  section,
-  select,
-  slot,
-  small,
-  source,
-  span,
-  strong,
-  style,
-  sub,
-  summary,
-  sup,
-  svgNS,
-  table,
-  tbody,
-  td,
-  template,
-  textarea,
-  tfoot,
-  th,
-  thead,
-  time,
-  title,
-  tr,
-  track,
-  u,
-  ul,
-  val,
-  video,
-  wbr
-};
-//! value could be a promise