cradova 3.0.0 → 3.1.0

package/dist/index.js

@@ -1,1369 +0,0 @@
-// lib/parts/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);
-  }
-  dispatchEvent(eventName, eventArgs) {
-    const eventListeners = this.listeners[eventName] || [];
-    for (; eventListeners.length !== 0; ) {
-      eventListeners.shift()?.call(void 0, 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 instanceof Ref) {
-        ch = ch.render(void 0);
-      }
-      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) {
-    let ihtml = this.component(data2);
-    let phtml;
-    if (typeof ihtml === "function") {
-      phtml = ihtml;
-      ihtml = phtml();
-    }
-    if (ihtml instanceof HTMLElement) {
-      this.preRendered = ihtml;
-    }
-    if (!this.preRendered) {
-      throw new Error(
-        " \u2718  Cradova err :  Invalid component type for cradova Ref got  -  " + this.preRendered
-      );
-    }
-    this.reference._appendDomForce("element", this.preRendered);
-  }
-  destroyPreRendered() {
-    this.preRendered = null;
-  }
-  render(data2, stash) {
-    this.effects = [];
-    this.rendered = false;
-    this.hasFirstStateUpdateRun = false;
-    let element = null;
-    if (!this.preRendered) {
-      let ihtml = this.component(data2);
-      let phtml;
-      if (typeof ihtml === "function") {
-        phtml = ihtml;
-        ihtml = phtml();
-      }
-      if (ihtml instanceof HTMLElement) {
-        element = ihtml;
-      }
-      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.addEventListener("onmountEvent", av);
-    this.effector();
-    this.published = true;
-    this.rendered = true;
-    if (!element) {
-      element = this.preRendered;
-    }
-    this.reference._appendDomForce("element", element);
-    return element;
-  }
-  instance() {
-    return this.reference.element;
-  }
-  _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.element) {
-      return;
-    }
-    let ihtml = this.component(data2);
-    let element;
-    let phtml;
-    if (typeof ihtml === "function") {
-      phtml = ihtml;
-      ihtml = phtml();
-    }
-    if (ihtml instanceof HTMLElement) {
-      element = ihtml;
-    }
-    if (!element) {
-      throw new Error(
-        " \u2718  Cradova err :  Invalid component type for cradova Ref, got  -  " + element
-      );
-    }
-    this.reference.element.insertAdjacentElement("beforebegin", element);
-    if (this.reference.element.parentElement) {
-      this.reference.element.parentElement.removeChild(this.reference.element);
-    } else {
-      this.reference.element.remove();
-    }
-    this.reference._appendDomForce("element", element);
-    this.published = true;
-    CradovaEvent.dispatchEvent("onmountEvent");
-  }
-  remove() {
-    this.reference.element.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 (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 lazy = class {
-  constructor(cb) {
-    this._cb = cb;
-  }
-  async load() {
-    let content = await this._cb();
-    if (typeof content === "function") {
-      content = await content();
-    } else {
-      content = await content;
-    }
-    const def = content;
-    if (def.default) {
-      this.content = def?.default;
-    }
-  }
-};
-var reference = class {
-  bindAs(name) {
-    return [this, name];
-  }
-  _appendDomForce(name, Element) {
-    this[name] = Element;
-  }
-};
-
-// lib/parts/track.ts
-function dispatch(element, state) {
-  if (!element) {
-    return;
-  }
-  if (typeof state === "object" && !Array.isArray(state)) {
-    for (const key in state) {
-      if (key === "style" && typeof state[key] === "object") {
-        for (const [k, v] of Object.entries(state[key])) {
-          if (typeof element.style[k] !== "undefined" && k !== "src" && typeof v === "string") {
-            element.style[k] = v;
-          } else {
-            throw new Error(
-              "\u2718  Cradova err : " + k + " is not a valid css style property"
-            );
-          }
-        }
-        continue;
-      }
-      const stateK = state;
-      if (typeof element[key] === "function") {
-        if (key.startsWith("on")) {
-          element[key] = stateK[key];
-        } else {
-          element[key].apply(element);
-        }
-        continue;
-      }
-      if (key === "text") {
-        element.innerText = stateK[key];
-        continue;
-      }
-      if (key === "tree") {
-        element.innerHTML = "";
-        element.appendChild(frag([stateK[key]]));
-        continue;
-      }
-      if (key.includes("data-")) {
-        element.setAttribute(key, stateK[key]);
-        continue;
-      }
-      element[key] = stateK[key];
-    }
-  }
-  if (typeof state === "string") {
-    element.innerText = state;
-    return;
-  }
-  if (typeof state === "function") {
-    element.appendChild(frag([state]));
-    return;
-  }
-  if (state instanceof HTMLElement) {
-    element.appendChild(state);
-  }
-  if (!(typeof state === "object" && !Array.isArray(state))) {
-    throw new Error(
-      " \u2718  Cradova err: Cradova got invalid state  => \n" + String(state)
-    );
-  }
-}
-
-// lib/parts/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(name, action) {
-    if (typeof name === "string" && typeof action === "function") {
-      this.actions[name] = action;
-    } else {
-      throw new Error(
-        `\u2718  Cradova err : can't create action, ${name} is not a function`
-      );
-    }
-  }
-  createActions(Actions) {
-    for (const [name, action] of Object.entries(Actions)) {
-      if (typeof name === "string" && typeof action === "function") {
-        this.actions[name] = action;
-      } else {
-        throw new Error(
-          `\u2718  Cradova err : can't create action, ${name} is not a function`
-        );
-      }
-    }
-  }
-  fireAction(key, data2) {
-    this._updateState(key, data2);
-    if (typeof this.actions[key] === "function") {
-      this.actions[key].call(this, data2);
-    } else {
-      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 Signal"
-    );
-  }
-  listen(callback) {
-    this.callback = callback;
-  }
-  clearPersist() {
-    if (this.persistName) {
-      localStorage.removeItem(this.persistName);
-    }
-  }
-};
-
-// lib/parts/Screen.ts
-var localTree = new reference();
-var Screen = class {
-  constructor(cradova_screen_initials) {
-    this._secondaryChildren = [];
-    this._errorHandler = null;
-    this._packed = false;
-    this._template = document.createElement("div");
-    this._persist = true;
-    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 = 0;
-    } else {
-      if (typeof persist === "boolean") {
-        this._persist = persist;
-      }
-    }
-  }
-  get _delegatedRoutes() {
-    if (this._delegatedRoutesCount > 100) {
-      return -1;
-    }
-    return this._delegatedRoutesCount;
-  }
-  set _delegatedRoutes(count) {
-    if (count) {
-      this._delegatedRoutesCount += 1;
-    }
-  }
-  setErrorHandler(errorHandler) {
-    this._errorHandler = errorHandler;
-  }
-  async _package() {
-    if (typeof this._html === "function") {
-      let fuc = await this._html.apply(this, this._data);
-      if (typeof fuc === "function") {
-        fuc = fuc();
-        if (isNode(fuc)) {
-          this._template.innerHTML = "";
-          this._template.appendChild(fuc);
-        }
-      } else {
-        if (isNode(fuc)) {
-          this._template.innerHTML = "";
-          this._template.appendChild(fuc);
-        }
-      }
-    }
-    if (this._secondaryChildren.length) {
-      this._template.appendChild(frag(this._secondaryChildren));
-    }
-  }
-  onActivate(cb) {
-    this._callBack = cb;
-  }
-  onDeactivate(cb) {
-    this._deCallBack = cb;
-  }
-  addChildren(...addOns) {
-    this._secondaryChildren.push(...addOns);
-  }
-  async _deActivate() {
-    if (this._deCallBack) {
-      await this._deCallBack();
-    }
-    if (this._transition) {
-      this._template.classList.remove(this._transition);
-    }
-  }
-  async _Activate(force = false) {
-    if (!this._persist || force || !this._packed) {
-      await this._package();
-      this._packed = true;
-    }
-    if (!localTree._doc) {
-      localTree._appendDomForce(
-        "_doc",
-        document.querySelector("[data-wrapper=app]")
-      );
-    }
-    if (!localTree._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);
-    }
-    localTree._doc.innerHTML = "";
-    localTree._doc.appendChild(this._template);
-    document.title = this._name;
-    CradovaEvent.dispatchEvent("onmountEvent");
-    if (this._callBack) {
-      await this._callBack();
-    }
-  }
-};
-
-// lib/parts/Router.ts
-var RouterBox = {};
-RouterBox["lastNavigatedRouteController"] = null;
-RouterBox["nextRouteController"] = null;
-RouterBox["lastNavigatedRoute"] = null;
-RouterBox["pageShow"] = null;
-RouterBox["pageHide"] = null;
-RouterBox["errorHandler"] = null;
-RouterBox["loadingScreen"] = {};
-RouterBox["params"] = {};
-RouterBox["routes"] = {};
-RouterBox["pageevents"] = [];
-RouterBox["start_pageevents"] = async function(lastR, newR) {
-  setTimeout(() => {
-    for (let ci = 0; ci < RouterBox["pageevents"].length; ci++) {
-      RouterBox["pageevents"][ci](lastR, newR);
-    }
-  }, 300);
-};
-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;
-    }
-    const urlFixtures = url.split("/");
-    const pathFixtures = path.split("/");
-    if (url.endsWith("/")) {
-      urlFixtures.pop();
-    }
-    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++;
-          continue;
-        }
-        if (urlFixtures[i2] === pathFixtures[i2]) {
-          fixturesX++;
-        }
-      }
-      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 (typeof screen !== "undefined") {
-    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");
-    }
-    return RouterBox.routes[path] = screen;
-  }
-  return void 0;
-};
-RouterBox.router = async function(_e, _force) {
-  let url, route, params;
-  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 (typeof route === "function") {
-        if (RouterBox["LoadingScreen"] && RouterBox["LoadingScreen"]._Activate) {
-          await RouterBox["LoadingScreen"]._Activate();
-        }
-        route = await route();
-        if (!route) {
-          if (RouterBox["lastNavigatedRoute"]) {
-            history.pushState({}, url, RouterBox["lastNavigatedRoute"]);
-          }
-          return;
-        }
-      }
-      if (route._delegatedRoutes !== -1) {
-        route._delegatedRoutes = true;
-        route = new Screen({
-          name: route._name,
-          template: route._html
-        });
-        RouterBox.routes[url] = route;
-      }
-      if (params) {
-        RouterBox.params.params = params;
-      }
-      await route._Activate(_force);
-      RouterBox["lastNavigatedRouteController"] && RouterBox["lastNavigatedRouteController"]._deActivate();
-      RouterBox["lastNavigatedRoute"] = url;
-      RouterBox["lastNavigatedRouteController"] = route;
-    } catch (error) {
-      if (route && route["_errorHandler"]) {
-        route._errorHandler(error);
-      } else {
-        if (RouterBox["errorHandler"]) {
-          RouterBox["errorHandler"](error);
-        } else {
-          console.error(error);
-          throw new Error(
-            " \u2718  Cradova err:  consider adding error boundary to the specific screen  "
-          );
-        }
-      }
-    }
-  } else {
-    if (RouterBox.routes["/404"]) {
-      await RouterBox.routes["/404"]._Activate(_force);
-    }
-  }
-};
-var RouterClass = class {
-  BrowserRoutes(obj) {
-    for (const path in obj) {
-      let screen = obj[path];
-      if (typeof screen === "object" && typeof screen.then === "function" || typeof screen === "function") {
-        RouterBox["routes"][path] = async () => {
-          screen = await (typeof screen === "function" ? await screen() : await screen);
-          return RouterBox.route(path, screen?.default || screen);
-        };
-      } else {
-        RouterBox.route(path, screen);
-      }
-    }
-    this._mount();
-  }
-  back() {
-    history.go(-1);
-  }
-  forward() {
-    history.go(1);
-  }
-  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"
-      );
-    }
-    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;
-        window.history.pushState({}, "", href);
-      }
-      RouterBox.params.params = params;
-      RouterBox.params.data = data2;
-      RouterBox.router(null, force);
-      RouterBox["start_pageevents"](lastR, href);
-    }
-  }
-  setLoadingScreen(screen) {
-    if (screen instanceof Screen) {
-      RouterBox["LoadingScreen"] = screen;
-    } else {
-      throw new Error(
-        " \u2718  Cradova err:  Loading Screen should be a cradova screen class"
-      );
-    }
-  }
-  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;
-  }
-  getParams() {
-    return RouterBox["params"];
-  }
-  addErrorHandler(callback) {
-    if (typeof callback === "function") {
-      RouterBox["errorHandler"] = callback;
-    } else {
-      throw new Error(" \u2718  Cradova err:  callback for event is not a function");
-    }
-  }
-  _mount() {
-    let doc = document.querySelector("[data-wrapper=app]");
-    if (!doc) {
-      doc = document.createElement("div");
-      doc.setAttribute("data-wrapper", "app");
-      document.body.appendChild(doc);
-      localTree._appendDomForce("doc", doc);
-    }
-    window.addEventListener("pageshow", RouterBox.router);
-    window.addEventListener("popstate", (_e) => {
-      RouterBox.router();
-    });
-  }
-};
-var Router = new RouterClass();
-
-// lib/parts/elements.ts
-var makeElement = (element, ElementChildrenAndPropertyList) => {
-  let props = {}, text = null;
-  if (ElementChildrenAndPropertyList.length !== 0) {
-    for (let i2 = 0; i2 < ElementChildrenAndPropertyList.length; i2++) {
-      let child = ElementChildrenAndPropertyList[i2];
-      if (child instanceof Ref) {
-        child = child.render();
-      }
-      if (typeof child === "function") {
-        child = child();
-      }
-      if (isNode(child)) {
-        element.appendChild(child);
-        continue;
-      }
-      if (Array.isArray(child)) {
-        element.appendChild(Rhoda(child));
-        continue;
-      }
-      if (typeof child === "string" || typeof child === "number") {
-        text = child;
-        continue;
-      }
-      if (typeof child === "object") {
-        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, value] of Object.entries(props)) {
-      if (prop === "style" && typeof value === "object") {
-        for (const [k, v] of Object.entries(value)) {
-          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] = value;
-        continue;
-      }
-      if (prop === "text" && typeof value === "string" && value !== "") {
-        text = value;
-        continue;
-      }
-      if (prop === "href" && typeof value === "string") {
-        const href = value || "";
-        if (!href.includes("://")) {
-          element.addEventListener(
-            "click",
-            (e) => {
-              e.preventDefault();
-              Router.navigate(element.pathname);
-            }
-          );
-        }
-        element.setAttribute(prop, value);
-        continue;
-      }
-      if (Array.isArray(value)) {
-        const clas = value;
-        if (clas[0] instanceof createSignal) {
-          element["updateState"] = dispatch.bind(null, element);
-          clas[0].bindRef(element, {
-            _element_property: prop,
-            signalProperty: clas[1]
-          });
-          continue;
-        }
-        if (prop == "reference" && clas[0] instanceof reference) {
-          element["updateState"] = dispatch.bind(null, element);
-          clas[0]._appendDomForce(clas[1], element);
-          continue;
-        }
-      }
-      if (prop === "onmount" && typeof props["onmount"] === "function") {
-        const ev = () => {
-          props.onmount?.apply(element);
-          props["onmount"] = void 0;
-        };
-        CradovaEvent.addEventListener("onmountEvent", ev);
-        continue;
-      }
-      if (prop.includes("data-")) {
-        element.setAttribute(prop, value);
-        continue;
-      }
-      if (prop.includes("aria-")) {
-        element.setAttribute(prop, value);
-        continue;
-      }
-      element[prop] = value;
-    }
-  }
-  if (text) {
-    element.appendChild(document.createTextNode(text));
-  }
-  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/parts/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)) {
-        ajax.addEventListener(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);
-        }
-        if (typeof value === "string") {
-          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/index.ts
-var make = function(txx) {
-  if (Array.isArray(txx)) {
-    txx = txx[0];
-  }
-  if (typeof txx !== "string") {
-    return [];
-  }
-  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;
-  let teak;
-  if (!txx.includes("#")) {
-    teak = txx.split(".");
-    tag = teak.shift();
-    if (!tag) {
-      tag = "DIV";
-    }
-    return [tag, void 0, teak.join(" "), innerValue];
-  } else {
-    if (!txx.includes(".")) {
-      teak = txx.split("#");
-      tag = teak.shift();
-      if (!tag) {
-        tag = "DIV";
-      }
-      if (teak[0].includes(" ")) {
-        teak = [teak[0].split(" ")[1]];
-      }
-      return [tag, teak[0], void 0, innerValue];
-    }
-  }
-  teak = txx.split(".");
-  const classes = [];
-  const IDs = [];
-  tag = !teak[0].includes("#") && teak.shift();
-  if (!tag) {
-    tag = "DIV";
-  }
-  for (let i2 = 0; i2 < teak.length; i2++) {
-    if (teak[i2].includes("#")) {
-      const item = teak[i2].split("#");
-      IDs.push(item[1]);
-      if (i2 === 0) {
-        tag = item[0];
-        continue;
-      }
-      classes.push(item[0]);
-      continue;
-    }
-    classes.push(teak[i2]);
-  }
-  return [tag || "DIV", IDs[0], classes.join(" "), innerValue];
-};
-var _2 = (...element_initials) => {
-  const {
-    0: tag,
-    1: id,
-    2: className,
-    3: innerText
-  } = make(element_initials[0]);
-  let props = {};
-  const element = tag ? document.createElement(tag) : new DocumentFragment();
-  if (element.tagName) {
-    if (className) {
-      props["className"] = className;
-    }
-    if (id) {
-      props["id"] = id;
-    }
-    if (innerText) {
-      props["innerText"] = innerText;
-    }
-  }
-  typeof tag === "string" && element_initials.shift();
-  props && element_initials.push(props);
-  return makeElement(element, element_initials);
-};
-var lib_default = _2;
-export {
-  Ajax,
-  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,
-  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,
-  table,
-  tbody,
-  td,
-  template,
-  textarea,
-  tfoot,
-  th,
-  thead,
-  time,
-  title,
-  tr,
-  track,
-  u,
-  ul,
-  val,
-  video,
-  wbr
-};
-//! always starts events a moment later
-//! value could be a promise