cradova 3.5.0 → 3.5.1

package/dist/index.js

@@ -1,835 +1 @@
-// src/primitives/classes.ts
-class cradovaEvent {
-  static refid = 0;
-  afterMount = [];
-  beforeMountActive = [];
-  afterDeactivate = [];
-  dispatchEvent(eventName) {
-    const eventListeners = this[eventName];
-    if (eventName.includes("Active")) {
-      for (let i = 0;i < eventListeners.length; i++) {
-        eventListeners[i]();
-      }
-      return;
-    }
-    while (eventListeners.length !== 0) {
-      eventListeners.shift()();
-    }
-  }
-}
-var CradovaEvent = new cradovaEvent;
-
-class Comp {
-  id;
-  component;
-  effects = [];
-  effectuate = null;
-  rendered = false;
-  published = false;
-  preRendered = null;
-  reference = null;
-  subData = null;
-  _state = [];
-  _state_index = 0;
-  test;
-  constructor(component) {
-    this.component = component.bind(this);
-    cradovaEvent.refid += 1;
-    this.id = cradovaEvent.refid;
-  }
-  preRender() {
-    this.preRendered = this.render();
-  }
-  render() {
-    this.effects = [];
-    this.rendered = false;
-    if (!this.preRendered) {
-      this._state_index = 0;
-      this._state = [];
-      const html = this.component();
-      if (html instanceof HTMLElement) {
-        this.reference = html;
-        this.effector.apply(this);
-        this.rendered = true;
-        this.published = true;
-      } else {
-        console.error(" \u2718  Cradova err :  Invalid html content, got  - " + html);
-      }
-      return html;
-    } else {
-      return this.preRendered;
-    }
-  }
-  _effect(fn) {
-    if (!this.rendered) {
-      this.effects.push(fn.bind(this));
-    }
-  }
-  async effector() {
-    for (let i = 0;i < this.effects.length; i++) {
-      const fn = await this.effects[i].apply(this);
-      if (typeof fn === "function") {
-        CradovaEvent.afterDeactivate.push(fn);
-      }
-    }
-    this.effects = [];
-    if (this.effectuate) {
-      this.effectuate();
-      this.effectuate = null;
-    }
-  }
-  recall() {
-    if (!this.rendered) {
-      this.effectuate = () => {
-        if (this.published) {
-          this.activate();
-        }
-      };
-    } else {
-      if (this.published) {
-        setTimeout(() => {
-          this.activate();
-        });
-      }
-    }
-  }
-  async activate() {
-    this.published = false;
-    if (!this.rendered) {
-      return;
-    }
-    this._state_index = 0;
-    const node = this.reference;
-    if (document.contains(node)) {
-      const html = this.component();
-      if (html instanceof HTMLElement) {
-        node.insertAdjacentElement("beforebegin", html);
-        node.remove();
-        this.published = true;
-        this.reference = html;
-        CradovaEvent.dispatchEvent("afterMount");
-      } else {
-        console.error(" \u2718  Cradova err :  Invalid html, got  - " + html);
-      }
-    } else {
-      this.reference = null;
-      this.rendered = false;
-    }
-  }
-}
-
-class Signal {
-  pn;
-  subs;
-  pipe;
-  constructor(initial, props) {
-    this.pipe = initial;
-    this.subs = {};
-    if (props && props.persistName) {
-      this.pn = props.persistName;
-      const key = localStorage.getItem(props.persistName);
-      if (key && key !== "undefined") {
-        this.pipe = JSON.parse(key);
-      }
-      if (typeof initial === "object") {
-        for (const key2 in initial) {
-          if (!Object.prototype.hasOwnProperty.call(this.pipe, key2)) {
-            this.pipe[key2] = initial[key2];
-          }
-        }
-      }
-    }
-  }
-  publish(eventName, data) {
-    this.pipe[eventName] = data;
-    const subs = this.subs[eventName] || [];
-    for (let i = 0;i < subs.length; i++) {
-      const comp = subs[i];
-      comp.subData = data;
-      comp.recall();
-    }
-    if (this.pn) {
-      localStorage.setItem(this.pn, JSON.stringify(this.pipe));
-    }
-  }
-  subscribe(eventName, comp) {
-    if (comp instanceof Comp) {
-      if (this.subs[eventName]?.find((cmp) => cmp.id === comp.id)) {
-        return;
-      }
-      if (!this.subs[eventName]) {
-        this.subs[eventName] = [comp];
-      } else {
-        this.subs[eventName].push(comp);
-      }
-      if (this.pipe[eventName]) {
-        comp.subData = this.pipe[eventName];
-      }
-    }
-  }
-  clearPersist() {
-    if (this.pn) {
-      localStorage.removeItem(this.pn);
-    }
-  }
-}
-
-class Page {
-  _name;
-  _html;
-  _template = document.createElement("div");
-  _callBack;
-  _deCallBack;
-  _dropped = false;
-  _snapshot;
-  _snapshot_html;
-  constructor(pageParams) {
-    const { template, name } = pageParams;
-    this._html = template;
-    this._name = name || "Document";
-    this._template.setAttribute("id", "page");
-    this._snapshot = pageParams.snapshotIsolation || false;
-  }
-  async _takeSnapShot() {
-    if (RouterBox.doc.dataset["snapshot"] === "true")
-      return;
-    try {
-      const response = await fetch(location.href);
-      if (!response.ok)
-        throw new Error("Failed to fetch the page");
-      const html = await response.text();
-      const parser = new DOMParser;
-      const doc = parser.parseFromString(html, "text/html");
-      doc.title = this._name;
-      const wrapper = doc.querySelector('[data-wrapper="app"]');
-      if (wrapper) {
-        wrapper.setAttribute("data-snapshot", "true");
-        wrapper.innerHTML = this._snapshot_html;
-      } else {
-        console.error("Wrapper or template is not found");
-        return;
-      }
-      const snapshot = doc.documentElement.outerHTML;
-      await fetch(`${location.origin}`, {
-        body: snapshot,
-        method: "POST",
-        headers: {
-          "Content-Type": "text/html",
-          "cradova-snapshot": location.href
-        }
-      });
-    } catch (error) {
-      console.error("Snapshot error:", error);
-    }
-    this._snapshot_html = undefined;
-  }
-  onActivate(cb) {
-    this._callBack = cb;
-  }
-  onDeactivate(cb) {
-    this._deCallBack = cb;
-  }
-  async _deActivate() {
-    this._deCallBack && await this._deCallBack();
-  }
-  drop(state) {
-    if (typeof state === "boolean") {
-      this._dropped = state;
-      return;
-    } else
-      return this._dropped;
-  }
-  async _activate() {
-    if (this._dropped) {
-      history.go(-1);
-      return;
-    }
-    let html = this._html.apply(this);
-    if (html instanceof HTMLElement) {
-      this._template.innerHTML = "";
-      this._template.appendChild(html);
-    } else {
-      throw new Error(` \u2718  Cradova err:  template function for the page returned ${html} instead of html`);
-    }
-    document.title = this._name;
-    RouterBox.doc.innerHTML = "";
-    CradovaEvent.dispatchEvent("beforeMountActive");
-    if (this._snapshot)
-      this._snapshot_html = this._template.outerHTML;
-    RouterBox.doc.appendChild(this._template);
-    CradovaEvent.dispatchEvent("afterMount");
-    window.scrollTo({
-      top: 0,
-      left: 0,
-      behavior: "instant"
-    });
-    this._callBack && await this._callBack();
-    CradovaEvent.dispatchEvent("afterDeactivate");
-    if (this._snapshot)
-      this._takeSnapShot();
-  }
-}
-
-class RouterBoxClass {
-  doc = null;
-  lastNavigatedRouteController;
-  nextRouteController;
-  lastNavigatedRoute;
-  pageShow = null;
-  pageHide = null;
-  errorHandler;
-  loadingPage = null;
-  pageData = { params: {} };
-  routes = {};
-  pageevents = [];
-  paused = false;
-  async start_pageevents(url) {
-    setTimeout(() => {
-      for (let ci = 0;ci < this.pageevents.length; ci++) {
-        this.pageevents[ci](url);
-      }
-    }, 50);
-  }
-  route(path, page) {
-    if (!page) {
-      console.error(" \u2718  Cradova err:  not a valid page  ", page);
-    }
-    return this.routes[path] = page;
-  }
-  async router(_e, _force) {
-    const url = window.location.href;
-    let route, params;
-    if (this.paused) {
-      window.location.hash = "paused";
-      return;
-    }
-    if (this.nextRouteController) {
-      route = this.nextRouteController;
-      this.nextRouteController = undefined;
-    } else {
-      [route, params] = this.checker(url);
-    }
-    if (typeof route !== "undefined") {
-      try {
-        if (typeof route === "function") {
-          if (this.loadingPage instanceof Page) {
-            await this.loadingPage._activate();
-          }
-          route = await route();
-          if (!route) {
-            if (this.lastNavigatedRoute) {
-              history.pushState({}, url, this.lastNavigatedRoute);
-            }
-            return;
-          }
-        }
-        if (params) {
-          this.pageData.params = params;
-        }
-        await route._activate();
-        this.start_pageevents(url);
-        this.lastNavigatedRouteController && this.lastNavigatedRouteController._deActivate();
-        this.lastNavigatedRoute = url;
-        this.lastNavigatedRouteController = route;
-      } catch (error) {
-        if (typeof this.errorHandler === "function") {
-          this.errorHandler(error, url);
-        } else {
-          console.error(error);
-        }
-      }
-    } else {
-      if (this.routes["*"]) {
-        await this.routes["*"]._activate();
-      }
-    }
-  }
-  checker(url) {
-    if (url[0] !== "/") {
-      url = url.slice(url.indexOf("/", 8));
-    }
-    if (this.routes[url]) {
-      return [this.routes[url], { path: url }];
-    }
-    if (url.includes("?")) {
-      let search;
-      const params = {};
-      [url, search] = url.split("?");
-      new URLSearchParams(search).forEach((val, key) => {
-        params[key] = val;
-      });
-      if (this.routes[url]) {
-        return [this.routes[url], params];
-      }
-    }
-    for (const path in this.routes) {
-      if (path.includes(":")) {
-        const urlFixtures = url.split("/");
-        const pathFixtures = path.split("/");
-        if (url.endsWith("/")) {
-          urlFixtures.pop();
-        }
-        let fixturesX = 0;
-        let fixturesY = 0;
-        if (pathFixtures.length === urlFixtures.length) {
-          for (let i = 0;i < pathFixtures.length; i++) {
-            if (pathFixtures[i].includes(":")) {
-              fixturesY++;
-              continue;
-            }
-            if (urlFixtures[i] === pathFixtures[i]) {
-              fixturesX++;
-            }
-          }
-          if (fixturesX + fixturesY === pathFixtures.length) {
-            const routesParams = {};
-            for (let i = 0;i < pathFixtures.length; i++) {
-              if (pathFixtures[i].includes(":")) {
-                routesParams[pathFixtures[i].split(":")[1]] = urlFixtures[i];
-              }
-            }
-            return [this.routes[path], routesParams];
-          }
-        }
-      }
-      if (path.includes("*")) {
-        const p = path.slice(0, -1);
-        if (url.startsWith(p)) {
-          return [this.routes[path], { extraPath: url.slice(p.length) }];
-        }
-      }
-    }
-    return [];
-  }
-}
-var RouterBox = new RouterBoxClass;
-
-class Router {
-  static BrowserRoutes(obj) {
-    for (const path in obj) {
-      const page = obj[path];
-      if (typeof page === "object" && typeof page.then === "function" || typeof page === "function") {
-        RouterBox.routes[path] = async () => {
-          const pagepp = typeof page === "function" ? await page() : await page;
-          return RouterBox.route(path, pagepp?.default || pagepp);
-        };
-      } else {
-        RouterBox.route(path, page);
-      }
-    }
-    Router._mount();
-  }
-  static back() {
-    history.go(-1);
-  }
-  static forward() {
-    history.go(1);
-  }
-  static pauseNavigation() {
-    RouterBox["paused"] = true;
-    window.location.hash = "paused";
-  }
-  static resumeNavigation() {
-    RouterBox["paused"] = false;
-    window.location.replace(window.location.pathname + window.location.search);
-    history.go(-1);
-  }
-  static navigate(href, data) {
-    if (typeof href !== "string") {
-      console.error(" \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 {
-      [route, params] = RouterBox.checker(href);
-      if (route) {
-        RouterBox.nextRouteController = route;
-        window.history.pushState({}, "", href);
-      }
-      RouterBox.pageData.params = params;
-      RouterBox.pageData.data = data;
-      RouterBox.router(null);
-    }
-  }
-  static setLoadingPage(page) {
-    if (page instanceof Page) {
-      RouterBox.loadingPage = page;
-    } else {
-      throw new Error(" \u2718  Cradova err:  Loading Page should be a cradova page class");
-    }
-  }
-  static onPageEvent(callback) {
-    if (typeof callback === "function") {
-      RouterBox["pageevents"].push(callback);
-    } else {
-      throw new Error(" \u2718  Cradova err:  callback for page events event is not a function");
-    }
-  }
-  static get PageData() {
-    return RouterBox.pageData;
-  }
-  static addErrorHandler(callback) {
-    if (typeof callback === "function") {
-      RouterBox["errorHandler"] = callback;
-    } else {
-      throw new Error(" \u2718  Cradova err:  callback for error event is not a function");
-    }
-  }
-  static _mount() {
-    let doc = document.querySelector("[data-wrapper=app]");
-    if (doc) {
-      RouterBox.doc = doc;
-    } else {
-      throw new Error(`\u2718  Cradova err: please add '<div data-wrapper="app"></div>' to the body of your index.html file `);
-    }
-    window.addEventListener("pageshow", () => RouterBox.router());
-    window.addEventListener("popstate", (_e) => {
-      _e.preventDefault();
-      RouterBox.router();
-    });
-  }
-}
-// src/primitives/functions.ts
-function Rhoda(l) {
-  const fg = new DocumentFragment;
-  for (let ch of l) {
-    if (Array.isArray(ch)) {
-      fg.appendChild(Rhoda(ch));
-    } else {
-      if (ch instanceof Comp) {
-        ch = ch.render();
-      }
-      if (typeof ch === "function") {
-        ch = ch();
-        if (typeof ch === "function") {
-          ch = ch();
-        }
-      }
-      if (ch instanceof HTMLElement || ch instanceof DocumentFragment) {
-        fg.appendChild(ch);
-        continue;
-      }
-      if (typeof ch === "string") {
-        fg.appendChild(document.createTextNode(ch));
-      }
-    }
-  }
-  return fg;
-}
-function $if(condition, ...elements) {
-  if (condition) {
-    return elements;
-  }
-}
-function $ifelse(condition, ifTrue, ifFalse) {
-  if (condition) {
-    return ifTrue;
-  }
-  return ifFalse;
-}
-function $case(value, ...elements) {
-  return (key) => {
-    if (key === value) {
-      return elements;
-    }
-    return;
-  };
-}
-function $switch(key, ...cases) {
-  let elements;
-  if (cases.length) {
-    for (let i = 0;i < cases.length; i++) {
-      elements = cases[i](key);
-      if (elements) {
-        break;
-      }
-    }
-  }
-  return elements;
-}
-function loop(datalist, component) {
-  return Array.isArray(datalist) ? datalist.map(component) : undefined;
-}
-function useState(newState, Comp2) {
-  Comp2._state_index += 1;
-  const idx = Comp2._state_index;
-  if (idx >= Comp2._state.length) {
-    Comp2._state[idx] = newState;
-  }
-  function setState(newState2) {
-    if (typeof newState2 === "function") {
-      newState2 = newState2(Comp2._state[idx]);
-    }
-    Comp2._state[idx] = newState2;
-    Comp2.recall();
-  }
-  return [Comp2._state[idx], setState];
-}
-function useEffect(effect, Comp2) {
-  Comp2._effect(effect);
-}
-function useRef() {
-  return new __raw_ref;
-}
-
-class __raw_ref {
-  tree = {};
-  bindAs(name) {
-    return [this, name];
-  }
-  elem(name) {
-    const elem = this.tree[name];
-    if (document.contains(elem)) {
-      return elem;
-    }
-    this.tree[name] = undefined;
-  }
-  swap(name1, name2) {
-    [this.tree[name1], this.tree[name2]] = [this.tree[name2], this.tree[name1]];
-  }
-  _append(name, Element) {
-    this.tree[name] = Element;
-  }
-}
-var makeElement = (element, ElementChildrenAndPropertyList) => {
-  const props = {};
-  let text = undefined;
-  if (ElementChildrenAndPropertyList.length !== 0) {
-    for (let i = 0;i < ElementChildrenAndPropertyList.length; i++) {
-      let child = ElementChildrenAndPropertyList[i];
-      if (typeof child === "function") {
-        child = child();
-      }
-      if (child instanceof Comp) {
-        child = child.render();
-      }
-      if (child instanceof HTMLElement || child instanceof DocumentFragment) {
-        element.appendChild(child);
-        continue;
-      }
-      if (Array.isArray(child)) {
-        element.appendChild(Rhoda(child));
-        continue;
-      }
-      if (typeof child === "string") {
-        text = child;
-        continue;
-      }
-      if (typeof child === "object") {
-        Object.assign(props, child);
-        continue;
-      }
-    }
-  } else {
-    return element;
-  }
-  if (typeof props === "object" && element) {
-    for (const [prop, value] of Object.entries(props)) {
-      if (prop === "style" && typeof value === "object") {
-        Object.assign(element.style, value);
-        continue;
-      }
-      if (prop === "href") {
-        const href = value || "";
-        if (!href.includes("://")) {
-          element.addEventListener("click", (e) => {
-            e.preventDefault();
-            Router.navigate(element.href);
-            if (href.includes("#")) {
-              const l = href.split("#").at(-1);
-              document.getElementById("#" + l)?.scrollIntoView();
-            }
-          });
-        }
-        element.setAttribute(prop, value);
-        continue;
-      }
-      if (Array.isArray(value)) {
-        if (prop == "reference" && value[0] instanceof __raw_ref) {
-          value[0]._append(value[1], element);
-          continue;
-        }
-      }
-      if (prop === "onmount") {
-        CradovaEvent.afterMount.push(() => {
-          typeof props["onmount"] === "function" && props["onmount"].apply(element);
-        });
-        continue;
-      }
-      if (prop.includes("data-") || prop.includes("aria-")) {
-        element.setAttribute(prop, value);
-        continue;
-      }
-      element[prop] = value;
-    }
-  }
-  if (text !== undefined) {
-    element.appendChild(document.createTextNode(text));
-  }
-  return element;
-};
-var cra = (tag) => {
-  return (...Children_and_Properties) => makeElement(document.createElement(tag), Children_and_Properties);
-};
-var frag = function(children) {
-  const par = document.createDocumentFragment();
-  for (let i = 0;i < children.length; i++) {
-    let html = children[i];
-    if (typeof html === "function") {
-      html = html();
-    }
-    if (html instanceof HTMLElement || html instanceof DocumentFragment) {
-      par.appendChild(html);
-      continue;
-    }
-    if (html instanceof String) {
-      par.appendChild(document.createTextNode(html));
-      continue;
-    }
-    console.error(" \u2718  Cradova err:   wrong element type" + html);
-  }
-  return par;
-};
-// src/primitives/dom-objects.ts
-var a = cra("a");
-var audio = cra("audio");
-var br = cra("br");
-var button = cra("button");
-var canvas = cra("canvas");
-var caption = cra("caption");
-var datalist = cra("datalist");
-var details = cra("details");
-var dialog = cra("dialog");
-var div = cra("div");
-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 i = cra("i");
-var iframe = cra("iframe");
-var img = cra("img");
-var input = cra("input");
-var label = cra("label");
-var li = cra("li");
-var main = cra("main");
-var nav = cra("nav");
-var ol = cra("ol");
-var optgroup = cra("optgroup");
-var option = cra("option");
-var p = cra("p");
-var progress = cra("progress");
-var q = cra("q");
-var section = cra("section");
-var select = cra("select");
-var source = cra("source");
-var span = cra("span");
-var strong = cra("strong");
-var summary = cra("summary");
-var table = cra("table");
-var tbody = cra("tbody");
-var td = cra("td");
-var textarea = cra("textarea");
-var th = cra("th");
-var title = cra("title");
-var tr = cra("tr");
-var u = cra("u");
-var ul = cra("ul");
-var video = cra("video");
-var svg = (svg2, properties) => {
-  const span2 = document.createElement("span");
-  span2.innerHTML = svg2;
-  return makeElement(span2, properties || []);
-};
-var raw = (html) => {
-  const div2 = document.createElement("div");
-  if (Array.isArray(html)) {
-    div2.innerHTML = html[0];
-  } else {
-    if (typeof html === "string") {
-      div2.innerHTML = html;
-    }
-  }
-  const df = new DocumentFragment;
-  df.append(...Array.from(div2.children));
-  return df;
-};
-export {
-  video,
-  useState,
-  useRef,
-  useEffect,
-  ul,
-  u,
-  tr,
-  title,
-  th,
-  textarea,
-  td,
-  tbody,
-  table,
-  svg,
-  summary,
-  strong,
-  span,
-  source,
-  select,
-  section,
-  raw,
-  q,
-  progress,
-  p,
-  option,
-  optgroup,
-  ol,
-  nav,
-  makeElement,
-  main,
-  loop,
-  li,
-  label,
-  input,
-  img,
-  iframe,
-  i,
-  hr,
-  header,
-  head,
-  h6,
-  h5,
-  h4,
-  h3,
-  h2,
-  h1,
-  frag,
-  form,
-  footer,
-  div,
-  dialog,
-  details,
-  datalist,
-  cra,
-  caption,
-  canvas,
-  button,
-  br,
-  audio,
-  a,
-  Signal,
-  Router,
-  Rhoda,
-  Page,
-  CradovaEvent,
-  Comp,
-  $switch,
-  $ifelse,
-  $if,
-  $case
-};
+class U{static compId=0;afterMount=[];beforeMountActive=[];afterDeactivate=[];dispatchEvent(H){const L=this[H];if(H.includes("Active")){for(let T=0;T<L.length;T++)L[T]();return}while(L.length!==0)L.shift()()}}var J=new U;class G{id;component;effects=[];effectuate=null;rendered=!1;published=!1;preRendered=null;reference=null;subData=null;_state=[];_state_index=0;constructor(H){this.component=H.bind(this),U.compId+=1,this.id=U.compId}preRender(){this.preRendered=this.render()}render(){if(this.effects=[],this.rendered=!1,!this.preRendered){this._state_index=0,this._state=[];const H=this.component();if(H instanceof HTMLElement)this.reference=H,this.effector.apply(this),this.rendered=!0,this.published=!0;else console.error(" \u2718  Cradova err :  Invalid html content, got  - "+H);return H}else return this.preRendered}_effect(H){if(!this.rendered)this.effects.push(H.bind(this))}async effector(){for(let H=0;H<this.effects.length;H++){const L=await this.effects[H].apply(this);if(typeof L==="function")J.afterDeactivate.push(L)}if(this.effects=[],this.effectuate)this.effectuate(),this.effectuate=null}recall(){if(!this.rendered)this.effectuate=()=>{if(this.published)this.activate()};else if(this.published)setTimeout(()=>{this.activate()})}async activate(){if(this.published=!1,!this.rendered)return;this._state_index=0;const H=this.reference;if(document.contains(H)){const L=this.component();if(L instanceof HTMLElement)H.insertAdjacentElement("beforebegin",L),H.remove(),this.published=!0,this.reference=L,J.dispatchEvent("afterMount");else console.error(" \u2718  Cradova err :  Invalid html, got  - "+L)}else this.reference=null,this.rendered=!1}}class Z{pn;subs;pipe;constructor(H,L){if(this.pipe=H,this.subs={},L&&L.persistName){this.pn=L.persistName;const T=localStorage.getItem(L.persistName);if(T&&T!=="undefined")this.pipe=JSON.parse(T);if(typeof H==="object"){for(let M in H)if(!Object.prototype.hasOwnProperty.call(this.pipe,M))this.pipe[M]=H[M]}}}publish(H,L){this.pipe[H]=L;const T=this.subs[H]||[];for(let M=0;M<T.length;M++){const E=T[M];E.subData=L,E.recall()}if(this.pn)localStorage.setItem(this.pn,JSON.stringify(this.pipe))}subscribe(H,L){if(L instanceof G){if(this.subs[H]?.find((T)=>T.id===L.id))return;if(!this.subs[H])this.subs[H]=[L];else this.subs[H].push(L);if(this.pipe[H])L.subData=this.pipe[H]}}clearPersist(){if(this.pn)localStorage.removeItem(this.pn)}}class q{_name;_html;_template=document.createElement("div");_dropped=!1;_snapshot;_snapshot_html;_deCB;constructor(H){const{template:L,name:T}=H;this._html=L,this._name=T||"Document",this._template.setAttribute("id","page"),this._snapshot=H.snapshotIsolation||!1}async _takeSnapShot(){if(A.doc.dataset.snapshot==="true")return;try{const H=await fetch(location.href);if(!H.ok)throw new Error("Failed to fetch the page");const L=await H.text(),M=new DOMParser().parseFromString(L,"text/html");M.title=this._name;const E=M.querySelector('[data-wrapper="app"]');if(E)E.setAttribute("data-snapshot","true"),E.innerHTML=this._snapshot_html;else{console.error("Wrapper or template is not found");return}const I=M.documentElement.outerHTML;await fetch(`${location.origin}`,{body:I,method:"POST",headers:{"Content-Type":"text/html","cradova-snapshot":location.href}})}catch(H){console.error("Snapshot error:",H)}this._snapshot_html=void 0}set onDeactivate(H){this._deCB=H}drop(H){if(typeof H==="boolean"){this._dropped=H;return}else return this._dropped}async _activate(){if(this._dropped){history.go(-1);return}let H=this._html.apply(this);if(H instanceof HTMLElement)this._template.innerHTML="",this._template.appendChild(H);else throw new Error(` \u2718  Cradova err:  template function for the page returned ${H} instead of html`);if(document.title=this._name,A.doc.innerHTML="",J.dispatchEvent("beforeMountActive"),this._snapshot)this._snapshot_html=this._template.outerHTML;if(A.doc.appendChild(this._template),J.dispatchEvent("afterMount"),window.scrollTo({top:0,left:0,behavior:"instant"}),J.dispatchEvent("afterDeactivate"),this._snapshot)this._takeSnapShot()}}class Q{doc=null;lastNavigatedRouteController;nextRouteController;lastNavigatedRoute;pageShow=null;pageHide=null;errorHandler;loadingPage=null;pageData={params:{}};routes={};paused=!1;route(H,L){if(!L)console.error(" \u2718  Cradova err:  not a valid page  ",L);return this.routes[H]=L}async router(H,L){const T=window.location.href;let M,E;if(this.paused){window.location.hash="paused";return}if(this.nextRouteController)M=this.nextRouteController,this.nextRouteController=void 0;else[M,E]=this.checker(T);if(typeof M!=="undefined")try{if(typeof M==="function"){if(this.loadingPage instanceof q)await this.loadingPage._activate();if(M=await M(),!M){if(this.lastNavigatedRoute)history.pushState({},T,this.lastNavigatedRoute);return}}if(E)this.pageData.params=E;await M._activate(),this.lastNavigatedRouteController&&this.lastNavigatedRouteController._deCB?.(),this.lastNavigatedRoute=T,this.lastNavigatedRouteController=M}catch(I){if(typeof this.errorHandler==="function")this.errorHandler(I,T);else console.error(I)}else if(this.routes["*"])await this.routes["*"]._activate()}checker(H){if(H[0]!=="/")H=H.slice(H.indexOf("/",8));if(this.routes[H])return[this.routes[H],{path:H}];if(H.includes("?")){let L;const T={};if([H,L]=H.split("?"),new URLSearchParams(L).forEach((M,E)=>{T[E]=M}),this.routes[H])return[this.routes[H],T]}for(let L in this.routes){if(L.includes(":")){const T=H.split("/"),M=L.split("/");if(H.endsWith("/"))T.pop();let E=0,I=0;if(M.length===T.length){for(let D=0;D<M.length;D++){if(M[D].includes(":")){I++;continue}if(T[D]===M[D])E++}if(E+I===M.length){const D={};for(let O=0;O<M.length;O++)if(M[O].includes(":"))D[M[O].split(":")[1]]=T[O];return[this.routes[L],D]}}}if(L.includes("*")){const T=L.slice(0,-1);if(H.startsWith(T))return[this.routes[L],{extraPath:H.slice(T.length)}]}}return[]}}var A=new Q;class Y{static BrowserRoutes(H){for(let L in H){const T=H[L];if(typeof T==="object"&&typeof T.then==="function"||typeof T==="function")A.routes[L]=async()=>{const M=typeof T==="function"?await T():await T;return A.route(L,M)};else A.route(L,T)}Y._mount()}static pauseNavigation(){A.paused=!0,window.location.hash="paused"}static resumeNavigation(){A.paused=!1,window.location.replace(window.location.pathname+window.location.search),history.go(-1)}static navigate(H,L){if(typeof H!=="string")console.error(" \u2718  Cradova err:  href must be a defined path but got "+H+" instead");let T=null,M;if(H.includes("."))window.location.href=H;else{if([T,M]=A.checker(H),T)A.nextRouteController=T,window.history.pushState({},"",H);A.pageData.params=M,A.pageData.data=L,A.router(null)}}static setLoadingPage(H){if(H instanceof q)A.loadingPage=H;else throw new Error(" \u2718  Cradova err:  Loading Page should be a cradova page class")}static get PageData(){return A.pageData}static addErrorHandler(H){if(typeof H==="function")A.errorHandler=H;else throw new Error(" \u2718  Cradova err:  callback for error event is not a function")}static _mount(){let H=document.querySelector("[data-wrapper=app]");if(H)A.doc=H;else throw new Error(`\u2718  Cradova err: please add '<div data-wrapper="app"></div>' to the body of your index.html file `);window.addEventListener("pageshow",()=>A.router()),window.addEventListener("popstate",(L)=>{L.preventDefault(),A.router()})}}function S(H){const L=new DocumentFragment;for(let T of H)if(Array.isArray(T))L.appendChild(S(T));else{if(T instanceof G)T=T.render();if(typeof T==="function"){if(T=T(),typeof T==="function")T=T()}if(T instanceof HTMLElement||T instanceof DocumentFragment){L.appendChild(T);continue}if(typeof T==="string")L.appendChild(document.createTextNode(T))}return L}function x(H,...L){if(H)return L}function j(H,L,T){if(H)return L;return T}function y(H,...L){return(T)=>{if(T===H)return L;return}}function g(H,...L){let T;if(L.length){for(let M=0;M<L.length;M++)if(T=L[M](H),T)break}return T}function b(H,L){return Array.isArray(H)?H.map(L):void 0}function w(H,L){L._state_index+=1;const T=L._state_index;if(T>=L._state.length)L._state[T]=H;function M(E){if(typeof E==="function")E=E(L._state[T]);L._state[T]=E,L.recall()}return[L._state[T],M]}function _(H,L){L._effect(H)}function P(){return new z}class z{tree={};bindAs(H){return[this,H]}elem(H){const L=this.tree[H];if(document.contains(L))return L;this.tree[H]=void 0}swap(H,L){[this.tree[H],this.tree[L]]=[this.tree[L],this.tree[H]]}_append(H,L){this.tree[H]=L}}var K=(H,L)=>{const T={};let M=void 0;if(L.length!==0)for(let E=0;E<L.length;E++){let I=L[E];if(typeof I==="function")I=I();if(I instanceof G)I=I.render();if(I instanceof HTMLElement||I instanceof DocumentFragment){H.appendChild(I);continue}if(Array.isArray(I)){H.appendChild(S(I));continue}if(typeof I==="string"){M=I;continue}if(typeof I==="object"){Object.assign(T,I);continue}}else return H;if(typeof T==="object"&&H)for(let[E,I]of Object.entries(T)){if(E==="style"&&typeof I==="object"){Object.assign(H.style,I);continue}if(E==="href"){const D=I||"";if(!D.includes("://"))H.addEventListener("click",(O)=>{if(O.preventDefault(),Y.navigate(H.href),D.includes("#")){const W=D.split("#").at(-1);document.getElementById("#"+W)?.scrollIntoView()}});H.setAttribute(E,I);continue}if(E==="onmount"){J.afterMount.push(()=>{typeof T.onmount==="function"&&T.onmount.apply(H)});continue}if(E.includes("data-")||E.includes("aria-")){H.setAttribute(E,I);continue}if(Array.isArray(I)){if(E=="ref"&&I[0]instanceof z){I[0]._append(I[1],H);continue}}H[E]=I}if(M!==void 0)H.appendChild(document.createTextNode(M));return H},V=(H)=>{return(...L)=>K(document.createElement(H),L)},F=function(H){const L=document.createDocumentFragment();for(let T=0;T<H.length;T++){let M=H[T];if(typeof M==="function")M=M();if(M instanceof HTMLElement||M instanceof DocumentFragment){L.appendChild(M);continue}if(M instanceof String){L.appendChild(document.createTextNode(M));continue}console.error(" \u2718  Cradova err:   wrong element type"+M)}return L};var N=V("a"),B=V("audio"),c=V("button"),f=V("canvas"),R=V("div"),s=V("footer"),C=V("form"),o=V("h1"),v=V("h2"),d=V("h3"),i=V("h4"),h=V("h5"),p=V("h6"),u=V("header"),m=V("i"),t=V("iframe"),l=V("img"),r=V("input"),a=V("label"),e=V("li"),HH=V("main"),LH=V("nav"),TH=V("ol"),MH=V("optgroup"),EH=V("option"),IH=V("p"),VH=V("section"),AH=V("select"),DH=V("source"),OH=V("span"),JH=V("textarea"),GH=V("ul"),UH=V("video"),YH=(H,L)=>{const T=document.createElement("span");return T.innerHTML=H,K(T,L||[])},qH=(H)=>{const L=document.createElement("div");if(Array.isArray(H))L.innerHTML=H[0];else if(typeof H==="string")L.innerHTML=H;const T=new DocumentFragment;return T.append(...Array.from(L.children)),T};export{UH as video,w as useState,P as useRef,_ as useEffect,GH as ul,JH as textarea,YH as svg,OH as span,DH as source,AH as select,VH as section,qH as raw,IH as p,EH as option,MH as optgroup,TH as ol,LH as nav,K as makeElement,HH as main,b as loop,e as li,a as label,r as input,l as img,t as iframe,m as i,u as header,p as h6,h as h5,i as h4,d as h3,v as h2,o as h1,F as frag,C as form,s as footer,R as div,V as cra,f as canvas,c as button,B as audio,N as a,Z as Signal,Y as Router,S as Rhoda,q as Page,J as CradovaEvent,G as Comp,g as $switch,j as $ifelse,x as $if,y as $case};