miqro 6.2.13 → 7.0.1

package/build/jsx.dom.js

@@ -1,1587 +0,0 @@
-// node_modules/@miqro/jsx/build/esm/vdom/log.js
-var debugLogEnabled = false;
-function debug(runtime2, message, ...args) {
-  if (debugLogEnabled) {
-    runtime2.consoleLog(message, ...args);
-  }
-}
-function error(runtime2, message, ...args) {
-  runtime2.consoleError(message, ...args);
-}
-function enableDebugLog() {
-  debugLogEnabled = true;
-}
-
-// node_modules/@miqro/jsx/build/esm/vdom/actions.js
-function createAppendAction(node, runtime2) {
-  return {
-    isDestructive: true,
-    execute: () => {
-      const parent = node.parent;
-      const nodeRef = node.ref;
-      let changes = 0;
-      if (parent) {
-        debug(runtime2, "%s.children.add(%s)", parent.getName(), node.getName());
-        parent.children.add(node);
-        if (nodeRef) {
-          let currentParent = parent;
-          if (currentParent.ref) {
-            debug(runtime2, "%s.appendChild(%s)", currentParent.getName(), node.getName());
-            if (currentParent.state?.shadowRoot) {
-              currentParent.state.shadowRoot.appendChild(nodeRef);
-            } else {
-              currentParent.ref.appendChild(nodeRef);
-            }
-            changes++;
-            return changes;
-          } else {
-            while (currentParent !== null) {
-              currentParent = currentParent.parent;
-              if (currentParent && currentParent.ref) {
-                debug(runtime2, "%s.appendChild(%s)", currentParent.getName(), node.getName());
-                if (currentParent.state?.shadowRoot) {
-                  currentParent.state.shadowRoot.appendChild(nodeRef);
-                } else {
-                  currentParent.ref.appendChild(nodeRef);
-                }
-                changes++;
-                return changes;
-              }
-            }
-          }
-        } else {
-          return changes;
-        }
-      }
-      throw new Error("cannot find real parent(3)");
-    }
-  };
-}
-function createRemoveAttributesAction(node, toRemove, runtime2) {
-  return {
-    execute: () => {
-      const ref = node.ref;
-      let changes = 0;
-      if (ref) {
-        const element = ref;
-        for (const name of toRemove) {
-          debug(runtime2, "%s.removeAttribute(%s)", node.getName(), name);
-          element.removeAttribute(name);
-          changes++;
-          if (name === "checked") {
-            debug(runtime2, "%s.%s=...", node.getName(), "checked");
-            element.checked = false;
-            changes++;
-          }
-        }
-      }
-      return changes;
-    }
-  };
-}
-function createSetAttributesAction(node, toSet, runtime2) {
-  return {
-    execute: () => {
-      const ref = node.ref;
-      let changes = 0;
-      if (ref) {
-        const element = ref;
-        for (const s of toSet) {
-          if (s.name === "className") {
-            s.name = "class";
-          }
-          debug(runtime2, "%s.setAttribute(%s, ...)", node.getName(), s.name);
-          element.setAttribute(s.name, s.value);
-          changes++;
-          if (s.name === "value") {
-            debug(runtime2, "%s.%s=...", node.getName(), s.name);
-            element.value = s.value;
-            changes++;
-          } else if (s.name === "checked") {
-            debug(runtime2, "%s.%s=...", node.getName(), s.name);
-            element.checked = true;
-            changes++;
-          }
-        }
-      }
-      return changes;
-    }
-  };
-}
-function createFlushEffects(node, options, runtime2) {
-  return {
-    postExecute: () => {
-      const meta = node.state;
-      const func = node.component;
-      const changes = 0;
-      if (func && meta) {
-        debug(runtime2, "flush effects callbacks for [%s]", node.getName());
-        flushEffectCallbacks(meta.effectCallbacks, options.disableEffects, runtime2);
-        debug(runtime2, "flush effects for [%s]", node.getName());
-        flushEffects(meta.effects, meta.effectQueueCallbacks, options.disableEffects, runtime2);
-      }
-      return changes;
-    }
-  };
-}
-function createFlushEffectsRemove(node, options, runtime2) {
-  return {
-    execute: () => {
-      const meta = node.state;
-      const changes = 0;
-      if (node.component && meta) {
-        debug(runtime2, "flush effects callbacks for [%s]", node.getName());
-        flushEffectCallbacks(meta.effectCallbacks, options.disableEffects, runtime2);
-        debug(runtime2, "flush effects for [%s]", node.getName());
-        flushEffectCallbacks(meta.effectQueueCallbacks, options.disableEffects, runtime2);
-      }
-      return changes;
-    }
-  };
-}
-function flushEffectCallbacks(callbacks, disableEffects, runtime2) {
-  const keys = Object.keys(callbacks);
-  for (const key of keys) {
-    if (!disableEffects) {
-      try {
-        callbacks[key]();
-      } catch (e) {
-        error(runtime2, e);
-      }
-    }
-    delete callbacks[key];
-  }
-}
-function flushEffects(effects, callbacks, disableEffects, runtime2) {
-  const keys = Object.keys(effects);
-  for (const key of keys) {
-    if (!disableEffects) {
-      try {
-        const callback = effects[key]();
-        if (callback) {
-          callbacks[key] = callback;
-        }
-      } catch (e) {
-        error(runtime2, e);
-      }
-    }
-    delete effects[key];
-  }
-}
-function createRemoveListeners(node, runtime2) {
-  return {
-    execute: () => {
-      const ref = node.ref;
-      let changes = 0;
-      if (!ref) {
-        throw new Error("cannot update listeners without a ref");
-      }
-      const element = ref;
-      for (const listener of node.currentEventListeners) {
-        debug(runtime2, "%s.removeEventListener(%s, ...)", node.getName(), listener.eventName);
-        element.removeEventListener(listener.eventName, listener.listener);
-        changes++;
-      }
-      node.currentEventListeners = [];
-      return changes;
-    }
-  };
-}
-function createUpdateListeners(node, listeners, runtime2) {
-  return {
-    execute: () => {
-      const ref = node.ref;
-      let changes = 0;
-      if (!ref) {
-        throw new Error("cannot update listeners without a ref");
-      }
-      const element = ref;
-      for (const listener of node.currentEventListeners) {
-        debug(runtime2, "%s.removeEventListener(%s, ...)", node.getName(), listener.eventName);
-        element.removeEventListener(listener.eventName, listener.listener);
-        changes++;
-      }
-      node.currentEventListeners = [];
-      for (const listener of listeners) {
-        debug(runtime2, "%s.addEventListener(%s, ...)", node.getName(), listener.eventName);
-        element.addEventListener(listener.eventName, listener.listener);
-        changes++;
-      }
-      node.currentEventListeners = listeners;
-      return changes;
-    }
-  };
-}
-function createNotifyRef(node, refListener, runtime2) {
-  return {
-    postExecute: () => {
-      const ref = node.ref;
-      let changes = 0;
-      if (!ref) {
-        throw new Error("cannot notify ref without a ref");
-      }
-      debug(runtime2, "calling ref [%s]", node.getName());
-      refListener(ref);
-      return changes;
-    }
-  };
-}
-function createRemoveNode(node, options, runtime2) {
-  return {
-    isDestructive: true,
-    execute: () => {
-      const meta = node.state;
-      let changes = 0;
-      if (node.component && meta) {
-        debug(runtime2, "[%s].remove()", node.getName());
-      }
-      const parent = node.parent;
-      if (!parent) {
-        throw new Error(`cannot remove from tree ${node.type} ${node.textContent}`);
-      }
-      parent.children.delete(node);
-      const nodeRef = node.ref;
-      if (nodeRef) {
-        changes++;
-        debug(runtime2, "%s.remove()", node.getName());
-        nodeRef.remove();
-      }
-      node.parent = null;
-      return changes;
-    }
-  };
-}
-function createSetTextAction(node, textContent, runtime2) {
-  return {
-    execute: () => {
-      const ref = node.ref;
-      let changes = 0;
-      if (ref) {
-        debug(runtime2, "%s.textContent = ...", node.getName());
-        ref.textContent = textContent ? textContent : "";
-        node.textContent = textContent;
-        changes++;
-      }
-      return changes;
-    }
-  };
-}
-function createUpdateLastRenderArgs(node, options, runtime2, props, children) {
-  return {
-    postExecute: () => {
-      node.lastRenderArgs = {
-        props,
-        children
-      };
-      return 0;
-    }
-  };
-}
-function createSetInnerHTMLAction(node, innerHTML, runtime2) {
-  return {
-    execute: () => {
-      const ref = node.ref;
-      let changes = 0;
-      if (ref) {
-        debug(runtime2, "%s.innerHTML = ...", node.getName());
-        if (innerHTML !== null && innerHTML !== void 0) {
-          ref.innerHTML = String(innerHTML);
-          changes++;
-        }
-        node.innerHTML = innerHTML;
-      }
-      return changes;
-    }
-  };
-}
-
-// node_modules/@miqro/jsx/build/esm/vdom/nodes/base-node.js
-function setDefaultOptions(options) {
-  if (defaultOptionsFuse) {
-    throw new Error("cannot override default options once and before an element has been created!");
-  }
-  defaultOptionsFuse = true;
-  DEFAULT_OPTIONS = options;
-  Object.freeze(DEFAULT_OPTIONS);
-}
-var BaseNode = class {
-  type;
-  parent;
-  children = /* @__PURE__ */ new Set();
-  currentEventListeners = [];
-  contextKey;
-  contextValue;
-  state;
-  tagName;
-  lastRenderArgs = {};
-  component;
-  textContent;
-  innerHTML;
-  ref;
-  isRoot;
-  constructor(type, parent) {
-    this.type = type;
-    this.parent = parent;
-  }
-  create(runtime2, options, change, parent, list) {
-    this.parent = parent;
-    this.update(runtime2, options, change, list, true);
-    list.push(createAppendAction(this, runtime2));
-    this.lastRenderArgs = {
-      props: change.props,
-      children: change.children
-    };
-    return this;
-  }
-  update(runtime2, options, change, list, initial) {
-    return this;
-  }
-  compare(change) {
-    return this.type === change.type && this.component === change.func && this.tagName === change.tagName && this.contextKey === change.contextKey;
-  }
-  remove(runtime2, options, list) {
-    if (this.children) {
-      for (const child of this.children) {
-        child.remove(runtime2, options, list);
-      }
-    }
-    if (this.state && this.component) {
-      list.push(createFlushEffectsRemove(this, options, runtime2));
-    }
-    list.push(createRemoveNode(this, options, runtime2));
-    return this;
-  }
-  calculateChildren(runtime2, options, change, list) {
-    return change.children ? change.children : [];
-  }
-  getName() {
-    return this.component ? this.component.name : this.tagName ? this.tagName : this.type;
-  }
-  initComponentState(runtime2, options) {
-    if (this.state) {
-      throw new Error("already initialized");
-    }
-    const ref = this.ref;
-    const o = options ? {
-      ...getDefaultOptions(),
-      ...options ? options : {}
-    } : {
-      ...getDefaultOptions()
-    };
-    const shadowInit = o.shadowInit;
-    const renderAsFragment = o.asFragment;
-    if (!ref && !renderAsFragment) {
-      throw new Error("createMeta without ref");
-    }
-    this.state = {
-      effectConditions: {},
-      effectCallbacks: {},
-      effectQueueCallbacks: {},
-      effects: {},
-      shadowRoot: renderAsFragment || !runtime2.isIntanceOfHTMLElement(ref) || shadowInit === false ? void 0 : runtime2.attachShadow(ref, shadowInit === void 0 || shadowInit === true ? {
-        mode: "closed"
-      } : shadowInit)
-    };
-    return this;
-  }
-  abortApply(runtime2) {
-    if (!this.state) {
-      throw new Error("no meta");
-    }
-    runtime2.clearTimeout(this.state.refreshTimeout);
-    if (this.state.abort) {
-      this.state.abort.abort("abortApply!");
-    }
-    this.state.abort = runtime2.createAbortController();
-    return this.state.abort;
-  }
-};
-var DEFAULT_OPTIONS = {
-  /*shadowInit: {
-    mode: "closed"
-  },
-  asFragment: false*/
-  /*shadowInit: false*/
-  shadowInit: false,
-  asFragment: true
-};
-var defaultOptionsFuse = false;
-function getDefaultOptions() {
-  defaultOptionsFuse = true;
-  return DEFAULT_OPTIONS;
-}
-
-// node_modules/@miqro/jsx/build/esm/jsx.js
-var Fragment = Symbol("Fragment");
-function createElement(tag, attributes, ...children) {
-  if (!tag) {
-    throw new Error(`cannot call createElement with [${String(tag)}] `);
-  }
-  const isFragment = tag === Fragment;
-  const fAsFragment = typeof tag === "string" || isFragment ? getDefaultOptions().asFragment : tag.asFragment !== void 0 ? tag.asFragment : getDefaultOptions().asFragment;
-  const tagName = typeof tag === "string" ? tag : isFragment ? "Fragment" : `${!tag.name ? "no-name" : tag.name}-component`.toLowerCase();
-  return isFragment ? {
-    type: "Fragment",
-    children
-  } : typeof tag === "function" ? {
-    type: fAsFragment ? "FragmentComponent" : "Component",
-    tagName: !fAsFragment ? tagName : void 0,
-    props: attributes ? attributes : /* @__PURE__ */ Object.create(null),
-    func: tag,
-    children
-  } : {
-    type: "Element",
-    tagName,
-    props: attributes ? attributes : /* @__PURE__ */ Object.create(null),
-    children
-  };
-}
-var JSX = /* @__PURE__ */ Object.create(null);
-var objectDefineProperty = Object.defineProperty;
-objectDefineProperty(JSX, "createElement", {
-  configurable: false,
-  enumerable: true,
-  writable: false,
-  value: createElement
-});
-objectDefineProperty(JSX, "jsxFactory", {
-  configurable: false,
-  enumerable: true,
-  writable: false,
-  value: createElement
-});
-objectDefineProperty(JSX, "Fragment", {
-  configurable: false,
-  enumerable: true,
-  writable: false,
-  value: Fragment
-});
-objectDefineProperty(JSX, "jsxFragmentFactory", {
-  configurable: false,
-  enumerable: true,
-  writable: false,
-  value: Fragment
-});
-Object.freeze(JSX);
-
-// node_modules/@miqro/jsx/build/esm/vdom/types.js
-var CHANGE_TYPES_SET = /* @__PURE__ */ new Set(["FragmentComponent", "Component", "Element", "Ref", "Fragment", "ContextProvider"]);
-
-// node_modules/@miqro/jsx/build/esm/vdom/nodes/context-provider.js
-var ContextProvider = class extends BaseNode {
-  constructor(parent) {
-    super("ContextProvider", parent);
-  }
-  create(runtime2, options, change, parent, list) {
-    if (!change.contextKey) {
-      throw new Error("cannot create ContextProvider without contextKey");
-    }
-    this.contextKey = change.contextKey;
-    this.contextValue = change.contextValue;
-    this.parent = parent;
-    const children = this.calculateChildren(runtime2, options, change, list);
-    for (const child of children) {
-      createNewNodeFromChange(runtime2, options, normalizeChild(runtime2, child), this, list);
-    }
-    return super.create(runtime2, options, change, parent, list);
-  }
-  update(runtime2, options, change, list, initial) {
-    this.contextValue = change.contextValue;
-    return this;
-  }
-};
-
-// node_modules/@miqro/jsx/build/esm/vdom/nodes/fragment.js
-var Fragment2 = class extends BaseNode {
-  constructor(parent) {
-    super("Fragment", parent);
-  }
-  create(runtime2, options, change, parent, list) {
-    this.parent = parent;
-    const children = this.calculateChildren(runtime2, options, change, list);
-    for (const child of children) {
-      createNewNodeFromChange(runtime2, options, normalizeChild(runtime2, child), this, list);
-    }
-    super.create(runtime2, options, change, parent, list);
-    return this;
-  }
-};
-
-// node_modules/@miqro/jsx/build/esm/component/render.js
-var currentContext = null;
-function useConditional(name) {
-  return pushContextCall(currentContext, name);
-}
-function useRenderContext() {
-  if (!currentContext) {
-    throw new Error("useContext not in render");
-  }
-  return currentContext;
-}
-function renderComponent(runtime2, component, options, list, props, children) {
-  try {
-    const meta = component.state;
-    const func = component.component;
-    if (!meta || !func) {
-      throw new Error("meta not found!");
-    }
-    if (meta.conditionalUseDetected) {
-      throw new Error("conditional this.use calls detected(4)!");
-    }
-    const context = {
-      calls: [],
-      node: component,
-      options,
-      runtime: runtime2
-    };
-    list.push(createUpdateLastRenderArgs(component, options, runtime2, props, children));
-    currentContext = null;
-    currentContext = context;
-    const output = func(props, children);
-    currentContext = null;
-    if (meta.lastContextCalls && meta.lastContextCalls.length !== context.calls.length) {
-      meta.conditionalUseDetected = true;
-      throw new Error("conditional this.use calls detected(3)!");
-    }
-    meta.lastContextCalls = context.calls;
-    return [output];
-  } catch (e) {
-    currentContext = null;
-    throw e;
-  }
-}
-function pushContextCall(context, name) {
-  if (!context) {
-    throw new Error("not in render(7)");
-  }
-  const meta = context.node.state;
-  if (!meta) {
-    throw new Error("not in render(-1)");
-  }
-  const callIndex = context.calls.length;
-  const key = `${callIndex}-${name}`;
-  context.calls.push({
-    key
-  });
-  if (!meta.lastContextCalls) {
-    return key;
-  }
-  if (context.calls > meta.lastContextCalls) {
-    meta.conditionalUseDetected = true;
-    throw new Error("conditional this.use calls detected(1)!");
-  }
-  const lastCall = meta.lastContextCalls[callIndex];
-  if (lastCall === void 0 || lastCall.key !== key) {
-    meta.conditionalUseDetected = true;
-    throw new Error("conditional this.use calls detected(2)!");
-  }
-  return key;
-}
-
-// node_modules/@miqro/jsx/build/esm/vdom/nodes/component-fragment.js
-var FragmentComponent = class extends Fragment2 {
-  constructor(parent) {
-    super(parent);
-    this.type = "FragmentComponent";
-  }
-  create(runtime2, options, change, parent, list) {
-    if (change.func === void 0) {
-      throw new Error("cannot create FragmentFunction without func");
-    }
-    this.component = change.func;
-    const o = {
-      asFragment: true
-    };
-    if (this.component.shadowInit !== void 0) {
-      o.shadowInit = this.component.shadowInit;
-    }
-    this.initComponentState(runtime2, o);
-    this.parent = parent;
-    this.lastRenderArgs = {
-      props: change.props,
-      children: change.children
-    };
-    return super.create(runtime2, options, change, parent, list);
-  }
-  calculateChildren(runtime2, options, change, list) {
-    if (this.component && this.state) {
-      list.push(createFlushEffects(this, options, runtime2));
-      const out = renderComponent(runtime2, this, options, list, change.props, change.children);
-      return out ? out : [];
-    } else {
-      return change.children ? change.children : [];
-    }
-  }
-};
-
-// node_modules/@miqro/jsx/build/esm/vdom/nodes/element.js
-var ATTRIBUTES_WITHOUT_VALUE = /* @__PURE__ */ new Set([
-  "disabled",
-  "checked",
-  "selected",
-  "hidden"
-]);
-var Element = class extends BaseNode {
-  constructor(parent) {
-    super("Element", parent);
-  }
-  create(runtime2, options, change, parent, list) {
-    if (change.tagName === void 0) {
-      throw new Error("cannot create element without a tagName");
-    }
-    this.tagName = change.tagName;
-    this.ref = runtime2.createElement(change.tagName);
-    this.parent = parent;
-    const children = this.calculateChildren(runtime2, options, change, list);
-    for (const child of children) {
-      createNewNodeFromChange(runtime2, options, normalizeChild(runtime2, child), this, list);
-    }
-    return super.create(runtime2, options, change, parent, list);
-  }
-  update(runtime2, options, change, list, initial) {
-    const attributesSet = [];
-    let setInnerHTMLFlag = true;
-    let setInnerHTML = void 0;
-    const attributesRemove = [];
-    const listenerChanges = [];
-    let refListener = null;
-    const changeProps = change.props ? change.props : {};
-    const changePropNames = new Set(Object.keys(changeProps));
-    const element = this.ref;
-    const currentAttributeNames = new Set(element.getAttributeNames());
-    for (const changePropName of changePropNames) {
-      const changePropValue = changeProps[changePropName];
-      if (typeof changePropValue === "function") {
-        if (changePropName === "ref") {
-          if (!initial) {
-            continue;
-          } else {
-            refListener = changePropValue;
-            continue;
-          }
-        } else if (changePropName.indexOf("on") === 0) {
-          const eventName = changePropName.substring("on".length);
-          listenerChanges.push({
-            eventName,
-            listener: changePropValue
-          });
-          continue;
-        } else if (changePropName.indexOf("data-on") === 0) {
-          const eventName = changePropName.substring("data-on".length);
-          listenerChanges.push({
-            eventName,
-            listener: changePropValue
-          });
-          continue;
-        }
-        continue;
-      }
-      if (!this.component) {
-        if (changePropName === "innerHTML") {
-          if (changePropValue !== this.innerHTML) {
-            setInnerHTMLFlag = true;
-            setInnerHTML = changePropValue;
-          }
-          continue;
-        }
-        const attributeName = changePropName === "className" ? "class" : changePropName;
-        currentAttributeNames.delete(attributeName);
-        const currentAttributeValue = attributeName === "value" ? element.value : attributeName === "checked" ? element.checked : element.getAttribute(attributeName);
-        if (typeof changePropValue === "boolean" && ATTRIBUTES_WITHOUT_VALUE.has(attributeName)) {
-          if (attributeName === "checked") {
-            if (changePropValue) {
-              attributesSet.push({
-                name: attributeName,
-                value: ""
-              });
-            } else {
-              attributesRemove.push(attributeName);
-            }
-          } else if (!changePropValue && currentAttributeValue !== null) {
-            attributesRemove.push(attributeName);
-          } else if (changePropValue && currentAttributeValue === null) {
-            attributesSet.push({
-              name: attributeName,
-              value: ""
-            });
-          }
-        } else {
-          const sValue = String(changePropValue);
-          if (sValue !== currentAttributeValue) {
-            attributesSet.push({
-              name: attributeName,
-              value: String(changePropValue)
-            });
-          }
-        }
-      }
-    }
-    if (!this.component) {
-      if (currentAttributeNames.size > 0) {
-        for (const name of currentAttributeNames) {
-          attributesRemove.push(name);
-        }
-      }
-    }
-    if (this.currentEventListeners.length > 0) {
-      list.push(createRemoveListeners(this, runtime2));
-    }
-    if (attributesRemove.length > 0) {
-      list.push(createRemoveAttributesAction(this, attributesRemove, runtime2));
-    }
-    if (attributesSet.length > 0) {
-      list.push(createSetAttributesAction(this, attributesSet, runtime2));
-    }
-    if (listenerChanges.length > 0) {
-      list.push(createUpdateListeners(this, listenerChanges, runtime2));
-    }
-    if (refListener !== null) {
-      list.push(createNotifyRef(this, refListener, runtime2));
-    }
-    if (setInnerHTMLFlag) {
-      list.push(createSetInnerHTMLAction(this, setInnerHTML, runtime2));
-    }
-    return super.update(runtime2, options, change, list);
-  }
-};
-
-// node_modules/@miqro/jsx/build/esm/vdom/nodes/component.js
-var Component = class extends Element {
-  constructor(parent) {
-    super(parent);
-    this.type = "Component";
-  }
-  create(runtime2, options, change, parent, list) {
-    if (change.func === void 0) {
-      throw new Error("cannot create Function without func");
-    }
-    if (change.tagName === void 0) {
-      throw new Error("cannot create element without a tagName");
-    }
-    this.component = change.func;
-    this.tagName = change.tagName;
-    this.ref = runtime2.createElement(change.tagName);
-    if (this.component) {
-      const o = {};
-      if (this.component.asFragment !== void 0) {
-        o.asFragment = this.component.asFragment;
-      }
-      if (this.component.shadowInit !== void 0) {
-        o.shadowInit = this.component.shadowInit;
-      }
-      this.initComponentState(runtime2, o);
-    }
-    this.parent = parent;
-    const children = this.calculateChildren(runtime2, options, change, list);
-    for (const child of children) {
-      createNewNodeFromChange(runtime2, options, normalizeChild(runtime2, child), this, list);
-    }
-    this.parent = parent;
-    this.update(runtime2, options, change, list, true);
-    list.push(createAppendAction(this, runtime2));
-    this.lastRenderArgs = {
-      props: change.props,
-      children: change.children
-    };
-    return this;
-  }
-  calculateChildren(runtime2, options, change, list) {
-    if (this.component && this.state) {
-      list.push(createFlushEffects(this, options, runtime2));
-      const out = renderComponent(runtime2, this, options, list, change.props, change.children);
-      return out ? out : [];
-    } else {
-      return super.calculateChildren(runtime2, options, change, list);
-    }
-  }
-};
-
-// node_modules/@miqro/jsx/build/esm/vdom/nodes/ref.js
-var Ref = class extends BaseNode {
-  constructor(parent) {
-    super("Ref", parent);
-  }
-  create(runtime2, options, change, parent, list) {
-    if (!change.ref) {
-      throw new Error("cannot create ref without ref");
-    }
-    this.ref = change.ref;
-    this.parent = parent;
-    list.push(createAppendAction(this, runtime2));
-    return this;
-  }
-  compare(change) {
-    return this.type === change.type && this.ref === change.ref && this.component === change.func && this.tagName === change.tagName && this.ref === change.ref;
-  }
-};
-
-// node_modules/@miqro/jsx/build/esm/vdom/nodes/text.js
-var Text = class extends BaseNode {
-  constructor(parent) {
-    super("Text", parent);
-  }
-  create(runtime2, options, change, parent, list) {
-    if (change.textContent === void 0) {
-      throw new Error("cannot create text without a textContent");
-    }
-    this.ref = runtime2.createTextNode(change.textContent);
-    this.textContent = change.textContent;
-    this.parent = parent;
-    list.push(createAppendAction(this, runtime2));
-    return this;
-  }
-  update(runtime2, options, change, list, initial) {
-    if (this.textContent !== change.textContent) {
-      list.push(createSetTextAction(this, change.textContent, runtime2));
-    }
-    return this;
-  }
-};
-
-// node_modules/@miqro/jsx/build/esm/vdom/tree.js
-var Tree = class extends BaseNode {
-  name;
-  constructor(name, ref, runtime2, shadowInit) {
-    super("Fragment", null);
-    this.isRoot = true;
-    this.parent = null;
-    this.ref = ref;
-    this.initComponentState(runtime2, {
-      asFragment: false,
-      shadowInit
-    });
-    this.name = name;
-  }
-  getName() {
-    return this.name;
-  }
-};
-function createNewNodeFromChange(runtime2, options, change, parent, list) {
-  switch (change.type) {
-    case "ContextProvider":
-      return new ContextProvider(parent).create(runtime2, options, change, parent, list);
-    case "Element":
-      return new Element(parent).create(runtime2, options, change, parent, list);
-    case "Component":
-      return new Component(parent).create(runtime2, options, change, parent, list);
-    case "Ref":
-      return new Ref(parent).create(runtime2, options, change, parent, list);
-    case "Text":
-      return new Text(parent).create(runtime2, options, change, parent, list);
-    case "Fragment":
-      return new Fragment2(parent).create(runtime2, options, change, parent, list);
-    case "FragmentComponent":
-      return new FragmentComponent(parent).create(runtime2, options, change, parent, list);
-    default:
-      throw new Error(`unsopported change.type = %${change.type}`);
-  }
-}
-function normalizeChild(runtime2, c) {
-  if (typeof c === "object") {
-    if (c instanceof Array) {
-      return {
-        type: "Fragment",
-        children: c
-      };
-    } else if (runtime2.isInstanceofNode(c)) {
-      return {
-        type: "Ref",
-        ref: c
-      };
-    } else if (c && CHANGE_TYPES_SET.has(c.type)) {
-      return c;
-    }
-  }
-  return {
-    type: "Text",
-    textContent: String(c)
-  };
-}
-
-// node_modules/@miqro/jsx/build/esm/vdom/diff.js
-function diff(abortSignal, tree, changes, actions, options, runtime2, lo = false) {
-  if (changes === void 0 || changes === null || abortSignal.aborted) {
-    return actions;
-  }
-  const currentChildren = tree.children.values();
-  let currentChildrenRet = currentChildren.next();
-  for (const change of changes) {
-    const normalizedChange = normalizeChild(runtime2, change);
-    const actualChild = currentChildrenRet.value;
-    if (actualChild === void 0) {
-      createNewNodeFromChange(runtime2, options, normalizedChange, tree, actions);
-    } else if (!actualChild.compare(normalizedChange)) {
-      currentChildrenRet = removeFrom(runtime2, currentChildren, currentChildrenRet, actions, options);
-      createNewNodeFromChange(runtime2, options, normalizedChange, tree, actions);
-    } else {
-      actualChild.update(runtime2, options, normalizedChange, actions);
-      if (actualChild.type === "Fragment" || actualChild.type === "FragmentComponent" || actualChild.type === "ContextProvider") {
-        const fragmentActions = [];
-        diff(abortSignal, actualChild, actualChild.calculateChildren(runtime2, options, normalizedChange, fragmentActions), fragmentActions, options, runtime2, true);
-        if (areActionDestructive(fragmentActions)) {
-          currentChildrenRet = currentChildren.next();
-          currentChildrenRet = removeFrom(runtime2, currentChildren, currentChildrenRet, actions, options);
-        }
-        actions.push(...fragmentActions);
-      } else {
-        diff(abortSignal, actualChild, actualChild.calculateChildren(runtime2, options, normalizedChange, actions), actions, options, runtime2);
-      }
-    }
-    currentChildrenRet = currentChildren.next();
-  }
-  currentChildrenRet = removeFrom(runtime2, currentChildren, currentChildrenRet, actions, options);
-  return actions;
-}
-function removeFrom(runtime2, nodeIterator, nodeIteratorRet, currentActions, options) {
-  while (nodeIteratorRet.value !== void 0) {
-    nodeIteratorRet.value.remove(runtime2, options, currentActions);
-    nodeIteratorRet = nodeIterator.next();
-  }
-  return nodeIteratorRet;
-}
-function areActionDestructive(actions) {
-  for (const fragmentAction of actions) {
-    if (fragmentAction.isDestructive) {
-      return true;
-    }
-  }
-  return false;
-}
-
-// node_modules/@miqro/jsx/build/esm/vdom/execute.js
-function execute(abortSignal, runtime2, actions) {
-  if (abortSignal.aborted) {
-    return 0;
-  }
-  let changes = 0;
-  const postExecute = [];
-  for (const action of actions) {
-    try {
-      if (action.execute) {
-        const actionChanges = action.execute();
-        changes += actionChanges;
-      }
-      if (action.postExecute) {
-        postExecute.push(action);
-      }
-    } catch (e) {
-      error(runtime2, e);
-      throw e;
-    }
-  }
-  for (const action of postExecute) {
-    try {
-      const actionChanges = action.postExecute();
-      changes += actionChanges;
-    } catch (e) {
-      error(runtime2, e);
-      throw e;
-    }
-  }
-  return changes;
-}
-
-// node_modules/@miqro/jsx/build/esm/vdom/render.js
-function render(runtime2, tree, treeOptions, change, preActions = [], props, children) {
-  const meta = tree.state;
-  if (!meta) {
-    throw new Error("cannot find meta");
-  }
-  const abortSignal = tree.abortApply(runtime2).signal;
-  debug(runtime2, "render for [%s]", tree.getName());
-  if (tree.isRoot || tree.parent !== null) {
-    const applyStart = Date.now();
-    const out = change instanceof Array ? change : change === true ? renderComponent(runtime2, tree, treeOptions, preActions, props, children) : void 0;
-    const changes = execute(abortSignal, runtime2, diff(abortSignal, tree, out, preActions, treeOptions, runtime2));
-    const took = Date.now() - applyStart;
-    if (took > 5e3) {
-      error(runtime2, "render for [%s] with [%s] changes took [%s]ms", tree.getName(), changes, took);
-    } else {
-      debug(runtime2, "render for [%s] with [%s] changes took [%s]ms", tree.getName(), changes, took);
-    }
-    return changes;
-  } else {
-    debug(runtime2, "render skipped for [%s]", tree.getName());
-    return 0;
-  }
-}
-
-// node_modules/@miqro/jsx/build/esm/component/container.js
-var objectDefineProperty2 = Object.defineProperty;
-function createContainer(element, runtime2, args) {
-  const name = `DOMContainer [${String(element)}]`;
-  const tree = new Tree(name, element, runtime2, args?.shadowInit);
-  const treeOptions = args && args.runtimeOptions ? {
-    disableEffects: false,
-    disableRefListener: false,
-    disableRefresh: false,
-    disableEvents: false,
-    ...args.runtimeOptions
-  } : {
-    disableEffects: false,
-    disableRefListener: false,
-    disableRefresh: false,
-    disableEvents: false
-  };
-  const container = /* @__PURE__ */ Object.create(null);
-  objectDefineProperty2(container, "name", {
-    configurable: false,
-    enumerable: true,
-    writable: false,
-    value: name
-  });
-  objectDefineProperty2(container, "render", {
-    configurable: false,
-    enumerable: true,
-    writable: false,
-    value: function render2(out) {
-      return render(runtime2, tree, treeOptions, [out]);
-    }
-  });
-  objectDefineProperty2(container, "disconnect", {
-    configurable: false,
-    enumerable: true,
-    writable: false,
-    value: function disconnect() {
-      return render(runtime2, tree, treeOptions, []);
-    }
-  });
-  Object.freeze(container);
-  return container;
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/runtime.js
-function useRuntime() {
-  useConditional("useRuntime");
-  const currentContext2 = useRenderContext();
-  if (!currentContext2) {
-    throw new Error("useRuntime not in render");
-  }
-  return currentContext2.runtime;
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/refresh.js
-var REFRESH_TIMEOUT_MS = 0;
-function useRefresh() {
-  useConditional("useRefresh");
-  const currentContext2 = useRenderContext();
-  if (!currentContext2) {
-    throw new Error("useRefresh not in render");
-  }
-  const meta = currentContext2.node.state;
-  if (!meta) {
-    throw new Error("useRefresh without meta");
-  }
-  const runtime2 = useRuntime();
-  const options = currentContext2.options;
-  const node = currentContext2.node;
-  const component = node.component;
-  if (!component) {
-    throw new Error("useRefresh without func");
-  }
-  return (cb) => {
-    runtime2.clearTimeout(meta.refreshTimeout);
-    if (options.disableRefresh) {
-      debug(runtime2, "useRefresh.refresh() disabled for [%s]", component.name);
-    } else {
-      meta.refreshTimeout = runtime2.setTimeout(() => {
-        debug(runtime2, "useRefresh.refresh() for [%s]", component.name);
-        const props = node.lastRenderArgs.props;
-        const children = node.lastRenderArgs.children;
-        const changes = render(runtime2, node, options, true, [createFlushEffects(node, options, runtime2)], props, children);
-        if (cb) {
-          runtime2.setTimeout(() => cb(changes), 0);
-        }
-      }, REFRESH_TIMEOUT_MS);
-    }
-  };
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/state.js
-function useState(defaultValue) {
-  const key = useConditional("useState");
-  const currentContext2 = useRenderContext();
-  if (!currentContext2) {
-    throw new Error("useState not in render");
-  }
-  const refresh = useRefresh();
-  const meta = currentContext2.node.state;
-  const runtime2 = useRuntime();
-  if (!meta) {
-    throw new Error("useState without meta");
-  }
-  if (!meta.state) {
-    meta.state = /* @__PURE__ */ Object.create(null);
-  }
-  if (!meta.state) {
-    throw new Error("useState without meta.state");
-  }
-  const name = currentContext2.node.component?.name;
-  const currentStateItem = meta.state[key];
-  if (currentStateItem === void 0) {
-    const stateItem = {
-      value: defaultValue,
-      set: (newValue, refreshOnSet = true) => {
-        debug(runtime2, "setState() for [%s]", name);
-        if (stateItem.value !== newValue) {
-          stateItem.value = newValue;
-          if (refreshOnSet) {
-            refresh(typeof refreshOnSet === "function" ? refreshOnSet : void 0);
-          }
-        }
-      },
-      get: () => {
-        return stateItem.value;
-      }
-    };
-    meta.state[key] = stateItem;
-    return [
-      stateItem.value,
-      stateItem.set,
-      stateItem.get
-    ];
-  } else {
-    return [
-      currentStateItem.value,
-      currentStateItem.set,
-      currentStateItem.get
-    ];
-  }
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/effect.js
-function useEffect(effect, condition) {
-  const currentContext2 = useRenderContext();
-  if (!currentContext2) {
-    throw new Error("useEffect not in render");
-  }
-  const key = useConditional("useEffect");
-  const meta = currentContext2.node.state;
-  if (!meta) {
-    throw new Error("useEffect without meta");
-  }
-  const c = condition ? condition : false;
-  if (meta.effectConditions[key] === void 0 || condition === void 0 && meta.effectConditions[key] === false || !equalArray(meta.effectConditions[key], c)) {
-    meta.effectConditions[key] = c;
-    const oldCallback = meta.effectQueueCallbacks[key];
-    delete meta.effectQueueCallbacks[key];
-    if (meta.effectCallbacks[key]) {
-      meta.conditionalUseDetected = true;
-      throw new Error("invalid state. component lock.");
-    }
-    if (oldCallback) {
-      meta.effectCallbacks[key] = oldCallback;
-    }
-    meta.effects[key] = effect;
-  }
-}
-function equalArray(a, c) {
-  if (typeof a !== typeof c) {
-    return false;
-  }
-  if (typeof a === "undefined" || typeof a === "boolean") {
-    return a === c;
-  }
-  const l1 = a;
-  const l2 = c;
-  if (l1.length !== l2.length) {
-    return false;
-  }
-  for (let i = 0; i < l1.length; i++) {
-    if (l1[i] !== l2[i]) {
-      return false;
-    }
-  }
-  return true;
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/pathname.js
-function usePathname() {
-  const runtime2 = useRuntime();
-  const pathname = runtime2.getLocation().pathname;
-  const [currentLocation, setCurrentLocation, getL] = useState(pathname);
-  debug(runtime2, "usePathname [%s]", currentLocation);
-  useEffect(function usePathnameEffect() {
-    const listener = () => {
-      const newLocation = runtime2.getLocation().pathname;
-      setCurrentLocation(newLocation);
-    };
-    runtime2.addPathListener(listener);
-    return function usePathnameEffectUnLoad() {
-      runtime2.removePathListener(listener);
-    };
-  }, []);
-  return String(currentLocation);
-}
-
-// node_modules/@miqro/jsx/build/esm/component/router.js
-function useIsLocationPathNameActive(path) {
-  useConditional("useIsLocationPathNameMatch");
-  const runtime2 = useRuntime();
-  const basePath = runtime2.getBasePath();
-  return isPathLocation(basePath, path, usePathname());
-}
-function Router(props) {
-  const defaultElement = props.defaultElement;
-  const locationPathName = usePathname();
-  const runtime2 = useRuntime();
-  const active = getActiveRoute(locationPathName, props.routes, runtime2);
-  return active ? active.element : defaultElement;
-}
-Router.asFragment = true;
-Router.shadowInit = false;
-function Link(props, children) {
-  const path = props.path;
-  const runtime2 = useRuntime();
-  const basePath = runtime2.getBasePath();
-  const className = props.className ? props.className : "";
-  const activeClass = props.classNameActive ? props.classNameActive : "active";
-  const inactiveClass = props.classNameInactive ? props.classNameInactive : "inactive";
-  const isActive = useIsLocationPathNameActive(path);
-  const newClassName = `${className ? `${className} ` : ""}${isActive ? activeClass : inactiveClass}`;
-  const fullPath = getFullPath(basePath, path);
-  const element = {
-    type: "Element",
-    tagName: "a",
-    props: {
-      class: newClassName,
-      href: fullPath
-    },
-    children
-  };
-  return props.disableHandler ? element : {
-    ...element,
-    props: {
-      ...element.props,
-      onclick: (ev) => {
-        ev.preventDefault();
-        runtime2.pushPath(fullPath);
-      }
-    }
-  };
-}
-Link.asFragment = true;
-Link.shadowInit = false;
-function getFullPath(basePath, p) {
-  return normalizePath(`${basePath ? basePath : ""}${p}`);
-}
-function isPathLocation(basePath, p, currentLocation) {
-  const path = getFullPath(basePath, p);
-  const pathname = normalizePath(currentLocation);
-  return pathname.toLocaleLowerCase() === path.toLowerCase();
-}
-function getActiveRoute(locationPathName, routes, runtime2) {
-  let activeRoute;
-  const basePath = runtime2.getBasePath() ? runtime2.getBasePath() : "";
-  for (const route of routes) {
-    if (isPathLocation(basePath, route.path, locationPathName)) {
-      activeRoute = route;
-      break;
-    }
-  }
-  return activeRoute;
-}
-function normalizePath(path) {
-  if (path.length > 1 && path.charAt(path.length - 1) === "/") {
-    path = path.substring(0, path.length - 1);
-  }
-  return path;
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/ref.js
-function useRef() {
-  const [ref, setRef] = useState(null);
-  function useRefFunction(newRef) {
-    setRef(newRef);
-  }
-  ;
-  useRefFunction.current = ref;
-  return useRefFunction;
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/query.js
-function useAllQuery(watch = true) {
-  const key = useConditional(`useAllQuery`);
-  const runtime2 = useRuntime();
-  const [last, setLast, getLast] = useState(getQueryValue(runtime2));
-  useEffect(function useQueryEffect() {
-    if (watch) {
-      let useQueryEffectPathListener = function() {
-        const current = getQueryValue(runtime2);
-        if (getLast() !== current) {
-          debug(runtime2, "useQuery listener for %s", key);
-          setLast(current);
-        }
-      };
-      runtime2.addPathListener(useQueryEffectPathListener);
-      return function useQueryEffectUnLoad() {
-        runtime2.removePathListener(useQueryEffectPathListener);
-      };
-    }
-  }, []);
-  return last;
-}
-function useQuery(name, defaultValue, watch = true) {
-  const key = useConditional(`useQuery-${name}-${defaultValue}`);
-  const runtime2 = useRuntime();
-  const [last, setLast, getLast] = useState(getQueryValue(runtime2, name, defaultValue));
-  useEffect(function useQueryEffect() {
-    if (watch) {
-      let useQueryEffectPathListener = function() {
-        const current = getQueryValue(runtime2, name, defaultValue);
-        if (getLast() !== current) {
-          debug(runtime2, "useQuery listener for %s", key);
-          setLast(current);
-        }
-      };
-      runtime2.addPathListener(useQueryEffectPathListener);
-      return function useQueryEffectUnLoad() {
-        runtime2.removePathListener(useQueryEffectPathListener);
-      };
-    }
-  }, []);
-  return [
-    last,
-    function setQuery(newValue) {
-      setQueryValue(runtime2, name, newValue, watch);
-      setLast(newValue);
-    },
-    function getQuery() {
-      return getQueryValue(runtime2, name, defaultValue);
-    }
-  ];
-}
-function getQueryValue(runtime2, name, defaultValue) {
-  if (!name) {
-    return runtime2.getLocation().searchParams.toString();
-  } else {
-    const ret = runtime2.getLocation().searchParams.getAll(name);
-    if (ret.length === 0) {
-      return defaultValue !== void 0 ? defaultValue : null;
-    }
-    return ret && ret.length === 1 && !(defaultValue instanceof Array) ? ret[0] : ret;
-  }
-}
-function setQueryValue(runtime2, name, value, watch = true) {
-  const url = runtime2.getLocation();
-  if (value instanceof Array) {
-    url.searchParams.delete(name);
-    for (const v of value) {
-      url.searchParams.append(name, v);
-    }
-  } else if (value !== null) {
-    url.searchParams.set(name, value);
-  } else {
-    url.searchParams.delete(name);
-  }
-  if (watch) {
-    runtime2.pushPath(String(url));
-  }
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/useelement.js
-function useElement() {
-  useConditional("useElement");
-  const currentContext2 = useRenderContext();
-  if (!currentContext2) {
-    throw new Error("useElement not in render");
-  }
-  return currentContext2.node.ref ? currentContext2.node.ref : null;
-}
-
-// node_modules/@miqro/jsx/build/esm/hooks/context.js
-function createContext(defaultValue) {
-  const symbol = Symbol();
-  return {
-    provider: createContextProvider(symbol, defaultValue),
-    symbol
-  };
-}
-function useContext(context) {
-  useConditional("useContext");
-  const currentContext2 = useRenderContext();
-  if (!currentContext2) {
-    throw new Error("useContext not in render");
-  }
-  let currentNode = currentContext2.node;
-  while (currentNode) {
-    if (currentNode.type === "ContextProvider" && currentNode.contextKey === context.symbol) {
-      return currentNode.contextValue;
-    }
-    currentNode = currentNode.parent;
-  }
-  throw new Error("cannot find provider!");
-}
-function createContextProvider(symbol, defaultValue) {
-  function ContextProvider2({ value }, ...children) {
-    useConditional("ContextProvider");
-    const currentContext2 = useRenderContext();
-    if (!currentContext2) {
-      throw new Error("ContextProvider not in render");
-    }
-    return {
-      type: "ContextProvider",
-      contextKey: symbol,
-      contextValue: value === void 0 ? defaultValue : value,
-      children
-    };
-  }
-  ContextProvider2.asFragment = true;
-  ContextProvider2.shadowInit = false;
-  return ContextProvider2;
-}
-
-// src/define.ts
-var customElementDefine = customElements.define.bind(customElements);
-function domElementDefine(tagName, component, options) {
-  let container = null;
-  let originalChildNodes = [];
-  customElementDefine(tagName, class CustomElement extends HTMLElement {
-    static {
-      this.observedAttributes = options?.observedAttributes;
-    }
-    constructor() {
-      super();
-      container = runtime.createContainer(this, { shadowInit: options?.shadowInit, runtimeOptions: options?.runtimeOptions });
-    }
-    connectedCallback() {
-      if (!container) {
-        throw new Error("cannot find container!");
-      }
-      this.reCalculateOriginalChildren();
-      const props = {};
-      const self = this;
-      for (const name of self.getAttributeNames()) {
-        props[name] = self.getAttribute(name);
-      }
-      props["$element$"] = self;
-      container.render(
-        createElement(component, props, originalChildNodes)
-      );
-    }
-    disconnectedCallback() {
-      if (!container) {
-        throw new Error("cannot find container!");
-      }
-      container.disconnect();
-    }
-    attributeChangedCallback() {
-      if (!container) {
-        throw new Error("cannot find container!");
-      }
-      const props = {};
-      const self = this;
-      for (const name of self.getAttributeNames()) {
-        props[name] = self.getAttribute(name);
-      }
-      props["$element$"] = self;
-      container.render(createElement(component, props, originalChildNodes));
-    }
-    reCalculateOriginalChildren() {
-      originalChildNodes = [];
-      const self = this;
-      for (let i = 0; i < self.childNodes.length; i++) {
-        const node = self.childNodes[i];
-        originalChildNodes.push(node);
-      }
-      for (const o of originalChildNodes) {
-        o.remove();
-      }
-    }
-    getProps() {
-      const props = {};
-      const self = this;
-      for (const name of self.getAttributeNames()) {
-        props[name] = self.getAttribute(name);
-      }
-      return props;
-    }
-  }, options && options.extends ? {
-    extends: options.extends
-  } : void 0);
-}
-
-// src/runtime.ts
-var elementAttachShadowPrototype = HTMLElement.prototype.attachShadow;
-var documentGetElementById = document.getElementById.bind(document);
-var documentCreateElementPrototype = document.createElement.bind(document);
-var documentCreateTextNodePrototype = document.createTextNode.bind(document);
-var consoleLog = console.log.bind(console);
-var consoleError = console.error.bind(console);
-var documentDocumentElementGetAttributePrototype = document.documentElement.getAttribute.bind(document.documentElement);
-var runtime = {
-  name: "dom",
-  newEvent: (type, detail) => {
-    return new CustomEvent(type, {
-      detail
-    });
-  },
-  getActiveElement: () => {
-    return document.activeElement;
-  },
-  createContainer: (element, options) => {
-    return createContainer(element, runtime, options);
-  },
-  getElementById: (id) => {
-    return documentGetElementById(id);
-  },
-  define: (tagName, component, options) => {
-    return domElementDefine(tagName, component, options);
-  },
-  createElement: (tagName) => documentCreateElementPrototype(tagName),
-  createTextNode: (textContent) => documentCreateTextNodePrototype(textContent),
-  attachShadow: (element, options) => elementAttachShadowPrototype.call(element, options),
-  isInstanceofNode: (obj) => obj instanceof Node,
-  isIntanceOfHTMLElement: (obj) => obj instanceof HTMLElement,
-  createAbortController: () => new AbortController(),
-  consoleLog: (...args) => consoleLog(...args),
-  consoleError: (...args) => consoleError(...args),
-  clearTimeout: (timeout) => clearTimeout(timeout),
-  setTimeout: (cb, ms) => setTimeout(cb, ms),
-  getLocation: () => {
-    return new URL(window.location.href);
-  },
-  getBasePath: () => {
-    return documentDocumentElementGetAttributePrototype("data-base-path");
-  },
-  addPathListener: (listener) => {
-    window.addEventListener("popstate", listener);
-  },
-  removePathListener: (listener) => {
-    window.removeEventListener("popstate", listener);
-  },
-  pushPath: (pathname) => {
-    history.pushState(null, "", pathname);
-    window.dispatchEvent(new PopStateEvent("popstate"));
-  }
-};
-function createDOMContainer(element, options) {
-  return runtime.createContainer(element, options);
-}
-export {
-  Fragment,
-  JSX,
-  Link,
-  Router,
-  createContainer,
-  createContext,
-  createDOMContainer,
-  createElement,
-  domElementDefine as define,
-  enableDebugLog,
-  isPathLocation,
-  runtime,
-  setDefaultOptions,
-  useAllQuery,
-  useConditional,
-  useContext,
-  useEffect,
-  useElement,
-  useIsLocationPathNameActive,
-  usePathname,
-  useQuery,
-  useRef,
-  useRefresh,
-  useRuntime,
-  useState
-};