essor 0.0.10-beta.21 → 0.0.10-beta.22

package/dist/essor.dev.esm.js

@@ -1,1181 +0,0 @@
-/**
-* essor v0.0.10-beta.20
-* (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
-* @license MIT
-**/
-
-// src/version.ts
-var essor_version = "0.0.10-beta.20";
-
-// ../shared/dist/essor-shared.js
-var isObject = (val) => val !== null && typeof val === "object";
-var isArray = Array.isArray;
-function isString(val) {
-  return typeof val === "string";
-}
-function isNil(x) {
-  return x === null || x === void 0;
-}
-var isFunction = (val) => typeof val === "function";
-function isFalsy(x) {
-  return x === false || x === null || x === void 0;
-}
-function coerceArray(data) {
-  return Array.isArray(data) ? data.flat() : [data];
-}
-function startsWith(str, searchString) {
-  if (!isString(str)) {
-    return false;
-  }
-  return str.indexOf(searchString) === 0;
-}
-var kebabCase = (string) => {
-  return string.replaceAll(/[A-Z]+/g, (match, offset) => {
-    return `${offset > 0 ? "-" : ""}${match.toLocaleLowerCase()}`;
-  });
-};
-var capitalizeFirstLetter = (inputString) => {
-  return inputString.charAt(0).toUpperCase() + inputString.slice(1);
-};
-
-// ../signal/dist/signal.dev.esm.js
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var isObject2 = (val) => val !== null && typeof val === "object";
-var isArray2 = Array.isArray;
-function isString2(val) {
-  return typeof val === "string";
-}
-function isNull(val) {
-  return val === null;
-}
-function isSet(val) {
-  return _toString.call(val) === "[object Set]";
-}
-function isWeakMap(val) {
-  return _toString.call(val) === "[object WeakMap]";
-}
-function isWeakSet(val) {
-  return _toString.call(val) === "[object WeakSet]";
-}
-function isMap(val) {
-  return _toString.call(val) === "[object Map]";
-}
-var isFunction2 = (val) => typeof val === "function";
-var isPrimitive = (val) => ["string", "number", "boolean", "symbol", "undefined"].includes(typeof val) || isNull(val);
-function isHTMLElement(obj) {
-  if (!obj) return false;
-  return obj && typeof obj === "object" && obj.nodeType === 1 && typeof obj.nodeName === "string";
-}
-var _toString = Object.prototype.toString;
-var hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
-var noop2 = Function.prototype;
-function startsWith2(str, searchString) {
-  if (!isString2(str)) {
-    return false;
-  }
-  return str.indexOf(searchString) === 0;
-}
-function isExclude(key, exclude) {
-  return Array.isArray(exclude) ? exclude.includes(key) : isFunction2(exclude) ? exclude(key) : false;
-}
-function warn(msg, ...args) {
-  console.warn.apply(console, [`[Essor warn]: ${msg}`].concat(args));
-}
-var activeEffect = null;
-var activeComputed = null;
-var computedMap = /* @__PURE__ */ new WeakMap();
-var signalMap = /* @__PURE__ */ new WeakMap();
-var effectDeps = /* @__PURE__ */ new Set();
-var reactiveMap = /* @__PURE__ */ new WeakMap();
-var arrayMethods = ["push", "pop", "shift", "unshift", "splice", "sort", "reverse"];
-function track(target, key) {
-  if (!activeEffect && !activeComputed) return;
-  let depsMap = signalMap.get(target);
-  if (!depsMap) {
-    depsMap = /* @__PURE__ */ new Map();
-    signalMap.set(target, depsMap);
-  }
-  let dep = depsMap.get(key);
-  if (!dep) {
-    dep = /* @__PURE__ */ new Set();
-    depsMap.set(key, dep);
-  }
-  if (activeEffect) dep.add(activeEffect);
-  let computedDepsMap = computedMap.get(target);
-  if (!computedDepsMap) {
-    computedDepsMap = /* @__PURE__ */ new Map();
-    computedMap.set(target, computedDepsMap);
-  }
-  let computedDeps = computedDepsMap.get(key);
-  if (!computedDeps) {
-    computedDeps = /* @__PURE__ */ new Set();
-    computedDepsMap.set(key, computedDeps);
-  }
-  if (activeComputed) {
-    computedDeps.add(activeComputed);
-  }
-}
-function trigger(target, key) {
-  const depsMap = signalMap.get(target);
-  if (!depsMap) return;
-  const dep = depsMap.get(key);
-  if (dep) {
-    dep.forEach((effect) => effectDeps.has(effect) && effect());
-  }
-  const computedDepsMap = computedMap.get(target);
-  if (computedDepsMap) {
-    const computeds = computedDepsMap.get(key);
-    if (computeds) {
-      computeds.forEach((computed) => computed.run());
-    }
-  }
-}
-var Signal = class {
-  constructor(value, shallow = false) {
-    this._value = value;
-    this._shallow = shallow;
-  }
-  /**
-   * Get the current value of the Signal and track its usage.
-   */
-  get value() {
-    track(this, "_sv");
-    this.__triggerObject();
-    return this._value;
-  }
-  /**
-   * Trigger reactivity for non-primitive and non-HTMLElement values.
-   * Recursively applies reactivity to nested objects.
-   */
-  __triggerObject() {
-    if (!isPrimitive(this._value) && !isHTMLElement(this._value) && !this._shallow) {
-      useReactive(this._value);
-    }
-  }
-  /**
-   * Set a new value to the Signal and trigger updates if the value has changed.
-   */
-  set value(newValue) {
-    if (isSignal(newValue)) {
-      console.warn("Signal cannot be set to another signal, use .peek() instead");
-      newValue = newValue.peek();
-    }
-    if (hasChanged(newValue, this._value)) {
-      this._value = newValue;
-      if (!isPrimitive(this._value) && !isHTMLElement(this._value)) {
-        this.__triggerObject();
-      }
-      trigger(this, "_sv");
-    }
-  }
-  /**
-   * Peek at the current value of the Signal without tracking it.
-   */
-  peek() {
-    return this._value;
-  }
-};
-function useSignal(value) {
-  if (isSignal(value)) {
-    return value;
-  }
-  return new Signal(value);
-}
-function shallowSignal(value) {
-  return new Signal(value, true);
-}
-function isSignal(value) {
-  return value instanceof Signal;
-}
-var Computed = class {
-  constructor(fn) {
-    this.fn = fn;
-    const prev = activeComputed;
-    activeComputed = this;
-    this._value = this.fn();
-    activeComputed = prev;
-  }
-  /**
-   * Get the current computed value without tracking it.
-   */
-  peek() {
-    return this._value;
-  }
-  /**
-   * Run the computed function and update the value if it has changed.
-   */
-  run() {
-    const newValue = this.fn();
-    if (hasChanged(newValue, this._value)) {
-      this._value = newValue;
-      trigger(this, "_cv");
-    }
-  }
-  /**
-   * Get the current computed value and track its usage.
-   */
-  get value() {
-    track(this, "_cv");
-    return this._value;
-  }
-};
-function useComputed(fn) {
-  return new Computed(fn);
-}
-function isComputed(value) {
-  return value instanceof Computed;
-}
-function useEffect(fn) {
-  function effectFn() {
-    const prev = activeEffect;
-    activeEffect = effectFn;
-    fn();
-    activeEffect = prev;
-  }
-  effectDeps.add(effectFn);
-  effectFn();
-  return () => {
-    effectDeps.delete(effectFn);
-    activeEffect = null;
-  };
-}
-function signalObject(initialValues, exclude) {
-  const signals = Object.entries(initialValues).reduce((acc, [key, value]) => {
-    acc[key] = isExclude(key, exclude) || isSignal(value) ? value : useSignal(value);
-    return acc;
-  }, {});
-  return signals;
-}
-function unSignal(signal, exclude) {
-  if (!signal) return {};
-  if (isSignal(signal)) {
-    return signal.peek();
-  }
-  if (isArray2(signal)) {
-    return signal.map((value) => unSignal(value, exclude));
-  }
-  if (isObject2(signal)) {
-    return Object.entries(signal).reduce((acc, [key, value]) => {
-      if (isExclude(key, exclude)) {
-        acc[key] = value;
-      } else {
-        acc[key] = isSignal(value) ? value.peek() : isReactive(value) ? unReactive(value) : value;
-      }
-      return acc;
-    }, {});
-  }
-  return signal;
-}
-var REACTIVE_MARKER = Symbol("useReactive");
-function isReactive(obj) {
-  return obj && obj[REACTIVE_MARKER] === true;
-}
-function unReactive(obj) {
-  if (!isReactive(obj)) {
-    return obj;
-  }
-  return __spreadValues({}, obj);
-}
-function createArrayProxy(initialValue) {
-  arrayMethods.forEach((method) => {
-    const originalMethod = Array.prototype[method];
-    track(initialValue, "length");
-    Object.defineProperty(initialValue, method, {
-      value(...args) {
-        const result = originalMethod.apply(this, args);
-        if (["push", "pop", "shift", "unshift", "splice", "sort", "reverse"].includes(method)) {
-          trigger(initialValue, "length");
-        }
-        return result;
-      },
-      enumerable: false,
-      writable: true,
-      configurable: true
-    });
-  });
-}
-function useReactive(initialValue, exclude) {
-  return reactive(initialValue, exclude, false);
-}
-function shallowReactive(initialValue, exclude) {
-  return reactive(initialValue, exclude, true);
-}
-function reactive(initialValue, exclude, shallow = false) {
-  if (!isObject2(initialValue)) {
-    return initialValue;
-  }
-  if (isReactive(initialValue)) {
-    return initialValue;
-  }
-  if (reactiveMap.has(initialValue)) {
-    return reactiveMap.get(initialValue);
-  }
-  if (Array.isArray(initialValue)) {
-    createArrayProxy(initialValue);
-  }
-  if (isSet(initialValue) || isMap(initialValue) || isWeakSet(initialValue) || isWeakMap(initialValue)) {
-    return initialValue;
-  }
-  const handler = {
-    get(target, key, receiver) {
-      if (key === REACTIVE_MARKER || startsWith2(key, "_")) return true;
-      const getValue = Reflect.get(target, key, receiver);
-      const value = isSignal(getValue) ? getValue.value : getValue;
-      if (isExclude(key, exclude)) {
-        return value;
-      }
-      track(target, key);
-      if (isObject2(value) && !shallow) {
-        return useReactive(value);
-      }
-      return value;
-    },
-    set(target, key, value, receiver) {
-      if (isExclude(key, exclude)) {
-        Reflect.set(target, key, value, receiver);
-        return true;
-      }
-      let oldValue = Reflect.get(target, key, receiver);
-      if (isSignal(oldValue)) {
-        oldValue = oldValue.value;
-      }
-      if (isSignal(value)) {
-        value = value.value;
-      }
-      const obj = Reflect.set(target, key, value, receiver);
-      if (hasChanged(value, oldValue)) {
-        trigger(target, key);
-      }
-      return obj;
-    },
-    deleteProperty(target, key) {
-      const oldValue = Reflect.get(target, key);
-      const result = Reflect.deleteProperty(target, key);
-      if (oldValue !== void 0) {
-        trigger(target, key);
-      }
-      return result;
-    }
-  };
-  const proxy = new Proxy(initialValue, handler);
-  reactiveMap.set(initialValue, proxy);
-  return proxy;
-}
-function useWatch(source, cb, options) {
-  return doWatch(source, cb, options);
-}
-function doWatch(source, cb, options) {
-  let getter;
-  if (isSignal(source) || isComputed(source)) {
-    getter = () => source.value;
-  } else if (isReactive(source)) {
-    getter = () => __spreadValues({}, source);
-  } else if (isArray2(source)) {
-    getter = () => source.map((s) => {
-      if (isSignal(s) || isComputed(s)) return s.value;
-      if (isReactive(s)) return __spreadValues({}, s);
-      if (isFunction2(s)) return s();
-      return warn("Invalid source", s);
-    });
-  } else if (isFunction2(source)) {
-    getter = source;
-  } else {
-    warn("Invalid source type", source);
-    getter = noop2;
-  }
-  let oldValue;
-  const effectFn = () => {
-    const newValue = getter();
-    if ((options == null ? void 0 : options.deep) || hasChanged(newValue, oldValue)) {
-      cb && cb(newValue, oldValue);
-      oldValue = newValue;
-    }
-  };
-  const stop = useEffect(effectFn);
-  if (options == null ? void 0 : options.immediate) {
-    effectFn();
-  }
-  return stop;
-}
-var _id = 0;
-var StoreMap = /* @__PURE__ */ new Map();
-function createOptionsStore(options) {
-  const { state, getters, actions } = options;
-  const initState = __spreadValues({}, state != null ? state : {});
-  const reactiveState = useReactive(state != null ? state : {});
-  const subscriptions = [];
-  const actionCallbacks = [];
-  const default_actions = {
-    patch$(payload) {
-      Object.assign(reactiveState, payload);
-      subscriptions.forEach((callback) => callback(reactiveState));
-      actionCallbacks.forEach((callback) => callback(reactiveState));
-    },
-    subscribe$(callback) {
-      subscriptions.push(callback);
-    },
-    unsubscribe$(callback) {
-      const index = subscriptions.indexOf(callback);
-      if (index !== -1) {
-        subscriptions.splice(index, 1);
-      }
-    },
-    onAction$(callback) {
-      actionCallbacks.push(callback);
-    },
-    reset$() {
-      Object.assign(reactiveState, initState);
-    }
-  };
-  const store = __spreadValues({
-    state: reactiveState
-  }, default_actions);
-  for (const key in getters) {
-    const getter = getters[key];
-    if (getter) {
-      useWatch(useComputed(getter.bind(reactiveState, reactiveState)), (value) => {
-        store[key] = value;
-      });
-    }
-  }
-  for (const key in actions) {
-    const action = actions[key];
-    if (action) {
-      store[key] = action.bind(reactiveState);
-    }
-  }
-  StoreMap.set(_id, store);
-  ++_id;
-  return store;
-}
-function createStore(options) {
-  return function() {
-    if (StoreMap.has(_id)) {
-      return StoreMap.get(_id);
-    }
-    return createOptionsStore(options);
-  };
-}
-
-// ../template/dist/template.dev.esm.js
-var _ComponentNode = class _ComponentNode2 {
-  constructor(template2, props) {
-    this.template = template2;
-    this.props = props;
-    this.proxyProps = {};
-    this.context = {};
-    this.emitter = /* @__PURE__ */ new Set();
-    this.mounted = false;
-    this.rootNode = null;
-    this.hooks = {
-      mounted: /* @__PURE__ */ new Set(),
-      destroy: /* @__PURE__ */ new Set()
-    };
-    this.trackMap = /* @__PURE__ */ new Map();
-    this.proxyProps = signalObject(
-      props,
-      (key) => startsWith(key, "on") || startsWith(key, "update")
-    );
-  }
-  addEventListener() {
-  }
-  removeEventListener() {
-  }
-  get firstChild() {
-    var _a, _b;
-    return (_b = (_a = this.rootNode) == null ? void 0 : _a.firstChild) != null ? _b : null;
-  }
-  get isConnected() {
-    var _a, _b;
-    return (_b = (_a = this.rootNode) == null ? void 0 : _a.isConnected) != null ? _b : false;
-  }
-  addHook(hook, cb) {
-    var _a;
-    (_a = this.hooks[hook]) == null ? void 0 : _a.add(cb);
-  }
-  getContext(context) {
-    return _ComponentNode2.context[context];
-  }
-  setContext(context, value) {
-    _ComponentNode2.context[context] = value;
-  }
-  inheritNode(node) {
-    this.context = node.context;
-    this.hooks = node.hooks;
-    Object.assign(this.proxyProps, node.proxyProps);
-    this.rootNode = node.rootNode;
-    this.trackMap = node.trackMap;
-    const props = this.props;
-    this.props = node.props;
-    this.patchProps(props);
-  }
-  mount(parent, before) {
-    var _a, _b, _c, _d;
-    if (!isFunction(this.template)) {
-      throw new Error("Template must be a function");
-    }
-    if (this.isConnected) {
-      return (_b = (_a = this.rootNode) == null ? void 0 : _a.mount(parent, before)) != null ? _b : [];
-    }
-    _ComponentNode2.ref = this;
-    this.rootNode = this.template(useReactive(this.proxyProps, ["children"]));
-    _ComponentNode2.ref = null;
-    this.mounted = true;
-    const mountedNode = (_d = (_c = this.rootNode) == null ? void 0 : _c.mount(parent, before)) != null ? _d : [];
-    this.hooks.mounted.forEach((handler) => handler());
-    this.patchProps(this.props);
-    return mountedNode;
-  }
-  unmount() {
-    var _a;
-    this.hooks.destroy.forEach((handler) => handler());
-    Object.values(this.hooks).forEach((set) => set.clear());
-    (_a = this.rootNode) == null ? void 0 : _a.unmount();
-    this.rootNode = null;
-    this.proxyProps = {};
-    this.mounted = false;
-    this.emitter.forEach((emitter) => emitter());
-  }
-  getNodeTrack(trackKey, suppressCleanupCall) {
-    let track2 = this.trackMap.get(trackKey);
-    if (!track2) {
-      track2 = { cleanup: () => {
-      } };
-      this.trackMap.set(trackKey, track2);
-    }
-    if (!suppressCleanupCall) {
-      track2.cleanup();
-    }
-    return track2;
-  }
-  patchProps(props) {
-    var _a, _b, _c, _d, _e;
-    for (const [key, prop] of Object.entries(props)) {
-      if (startsWith(key, "on") && ((_a = this.rootNode) == null ? void 0 : _a.nodes)) {
-        const event = key.slice(2).toLowerCase();
-        const listener = prop;
-        const cleanup = addEventListener(this.rootNode.nodes[0], event, listener);
-        this.emitter.add(cleanup);
-      } else if (key === "ref") {
-        if (isSignal(prop)) {
-          props[key].value = (_b = this.rootNode) == null ? void 0 : _b.nodes[0];
-        } else if (isFunction(prop)) {
-          props[key]((_c = this.rootNode) == null ? void 0 : _c.nodes[0]);
-        }
-      } else if (startsWith(key, "update")) {
-        props[key] = isSignal(prop) ? prop.value : prop;
-      } else if (key !== "children") {
-        const newValue = (_e = (_d = this.proxyProps)[key]) != null ? _e : _d[key] = useSignal(prop);
-        const track2 = this.getNodeTrack(key);
-        track2.cleanup = useEffect(() => {
-          newValue.value = isFunction(prop) ? prop() : prop;
-        });
-      }
-    }
-    this.props = props;
-  }
-};
-_ComponentNode.ref = null;
-_ComponentNode.context = {};
-var ComponentNode = _ComponentNode;
-function h(_template, props) {
-  if (isString(_template)) {
-    if (isHtmlTagName(_template)) {
-      _template = convertToHtmlTag(_template);
-      props = {
-        1: props
-      };
-    }
-    if (_template === "") {
-      props = {
-        0: props
-      };
-    }
-    _template = template(_template);
-  }
-  return isFunction(_template) ? new ComponentNode(_template, props) : new TemplateNode(_template, props);
-}
-function isJsxElement(node) {
-  return node instanceof ComponentNode || node instanceof TemplateNode;
-}
-function template(html) {
-  html = closeHtmlTags(html);
-  const template2 = document.createElement("template");
-  template2.innerHTML = html;
-  return template2;
-}
-function Fragment(props) {
-  return props.children;
-}
-var selfClosingTags = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr";
-var htmlTags = "a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bdi,bdo,bgsound,big,blink,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,command,content,data,datalist,dd,del,details,dfn,dialog,dir,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,image,img,input,ins,kbd,keygen,label,legend,li,link,listing,main,map,mark,marquee,menu,menuitem,meta,meter,nav,nobr,noframes,noscript,object,ol,optgroup,option,output,p,param,picture,plaintext,pre,progress,q,rb,rp,rt,rtc,ruby,s,samp,script,section,select,shadow,small,source,spacer,span,strike,strong,style,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr,xmp";
-function coerceNode(data) {
-  if (isJsxElement(data) || data instanceof Node) {
-    return data;
-  }
-  const text = isFalsy(data) ? "" : String(data);
-  return document.createTextNode(text);
-}
-function insertChild(parent, child, before = null) {
-  const beforeNode = isJsxElement(before) ? before.firstChild : before;
-  if (isJsxElement(child)) {
-    child.mount(parent, beforeNode);
-  } else if (beforeNode) {
-    beforeNode.before(child);
-  } else {
-    parent.append(child);
-  }
-}
-function removeChild(child) {
-  if (isJsxElement(child)) {
-    child.unmount();
-  } else {
-    const parent = child.parentNode;
-    if (parent) {
-      child.remove();
-    }
-  }
-}
-function replaceChild(parent, node, child) {
-  insertChild(parent, node, child);
-  removeChild(child);
-}
-function setAttribute(element, attr, value) {
-  if (attr === "class") {
-    if (typeof value === "string") {
-      element.className = value;
-    } else if (Array.isArray(value)) {
-      element.className = value.join(" ");
-    } else if (value && typeof value === "object") {
-      element.className = Object.entries(value).reduce((acc, [key, value2]) => acc + (value2 ? ` ${key}` : ""), "").trim();
-    }
-    return;
-  }
-  if (attr === "style") {
-    if (typeof value === "string") {
-      element.style.cssText = value;
-    } else if (value && typeof value === "object") {
-      const obj = value;
-      Object.keys(obj).forEach((key) => {
-        element.style.setProperty(kebabCase(key), String(obj[key]));
-      });
-    }
-    return;
-  }
-  if (isFalsy(value)) {
-    element.removeAttribute(attr);
-  } else if (value === true) {
-    element.setAttribute(attr, "");
-  } else {
-    if (element instanceof HTMLInputElement) {
-      element.value = String(value);
-    } else {
-      element.setAttribute(attr, String(value));
-    }
-  }
-}
-function binNode(node, setter) {
-  if (node instanceof HTMLInputElement) {
-    switch (node.type) {
-      case "checkbox":
-        return addEventListener(node, "change", () => {
-          setter(Boolean(node.checked));
-        });
-      case "date":
-        return addEventListener(node, "change", () => {
-          setter(node.value ? node.value : "");
-        });
-      case "file":
-        return addEventListener(node, "change", () => {
-          if (node.files) {
-            setter(node.files);
-          }
-        });
-      case "number":
-        return addEventListener(node, "input", () => {
-          const value = Number.parseFloat(node.value);
-          setter(Number.isNaN(value) ? "" : String(value));
-        });
-      case "radio":
-        return addEventListener(node, "change", () => {
-          setter(node.checked ? node.value : "");
-        });
-      case "text":
-        return addEventListener(node, "input", () => {
-          setter(node.value);
-        });
-    }
-  }
-  if (node instanceof HTMLSelectElement) {
-    return addEventListener(node, "change", () => {
-      setter(node.value);
-    });
-  }
-  if (node instanceof HTMLTextAreaElement) {
-    return addEventListener(node, "input", () => {
-      setter(node.value);
-    });
-  }
-}
-var p = Promise.resolve();
-function nextTick(fn) {
-  return fn ? p.then(fn) : p;
-}
-function addEventListener(node, eventName, handler) {
-  node.addEventListener(eventName, handler);
-  return () => node.removeEventListener(eventName, handler);
-}
-function closeHtmlTags(input) {
-  const selfClosingTagList = selfClosingTags.split(",");
-  const tagStack = [];
-  const output = [];
-  const tagPattern = /<\/?([\da-z-]+)([^>]*)>/gi;
-  let lastIndex = 0;
-  while (true) {
-    const match = tagPattern.exec(input);
-    if (!match) break;
-    const [fullMatch, tagName] = match;
-    const isEndTag = fullMatch[1] === "/";
-    output.push(input.slice(lastIndex, match.index));
-    lastIndex = match.index + fullMatch.length;
-    if (isEndTag) {
-      while (tagStack.length > 0 && tagStack[tagStack.length - 1] !== tagName) {
-        const unclosedTag = tagStack.pop();
-        if (unclosedTag) {
-          output.push(`</${unclosedTag}>`);
-        }
-      }
-      if (tagStack.length > 0) {
-        tagStack.pop();
-      }
-    } else if (!selfClosingTagList.includes(tagName)) {
-      tagStack.push(tagName);
-    }
-    output.push(fullMatch);
-  }
-  output.push(input.slice(lastIndex));
-  while (tagStack.length > 0) {
-    const unclosedTag = tagStack.pop();
-    if (unclosedTag) {
-      output.push(`</${unclosedTag}>`);
-    }
-  }
-  return output.join("");
-}
-function isHtmlTagName(tagName) {
-  const htmlTagsList = htmlTags.split(",");
-  return htmlTagsList.includes(tagName);
-}
-function convertToHtmlTag(tagName) {
-  const selfClosingTagList = selfClosingTags.split(",");
-  if (selfClosingTagList.includes(tagName)) {
-    return `<${tagName}/>`;
-  } else {
-    return `<${tagName}></${tagName}>`;
-  }
-}
-function patchChildren(parent, childrenMap, nextChildren, before) {
-  const result = /* @__PURE__ */ new Map();
-  const children = Array.from(childrenMap.values());
-  const childrenLength = children.length;
-  if (childrenMap.size > 0 && nextChildren.length === 0) {
-    if (parent.childNodes.length === childrenLength + (before ? 1 : 0)) {
-      parent.innerHTML = "";
-      if (before) {
-        insertChild(parent, before);
-      }
-    } else {
-      const range = document.createRange();
-      const child = children[0];
-      const start = isJsxElement(child) ? child.firstChild : child;
-      range.setStartBefore(start);
-      if (before) {
-        range.setEndBefore(before);
-      } else {
-        range.setEndAfter(parent);
-      }
-      range.deleteContents();
-    }
-    children.forEach((node) => {
-      if (isJsxElement(node)) {
-        node.unmount();
-      }
-    });
-    return result;
-  }
-  const replaces = [];
-  const nextChildrenMap = mapKeys(nextChildren);
-  let childIndex = 0;
-  for (let [i, child] of nextChildren.entries()) {
-    let currChild = children[childIndex];
-    let currKey = getKey(currChild, i);
-    while (currChild && !nextChildrenMap.has(currKey)) {
-      removeChild(currChild);
-      childrenMap.delete(currKey);
-      currChild = children[++childIndex];
-      currKey = getKey(currChild, i);
-    }
-    const key = getKey(child, i);
-    const origChild = childrenMap.get(key);
-    if (origChild) {
-      child = patch(parent, origChild, child);
-    }
-    if (currChild) {
-      if (currChild === origChild) {
-        childIndex++;
-      } else {
-        const placeholder = document.createComment("");
-        insertChild(parent, placeholder, currChild);
-        replaces.push([placeholder, child]);
-      }
-    } else {
-      insertChild(parent, child, before);
-    }
-    result.set(key, child);
-  }
-  replaces.forEach(([placeholder, child]) => replaceChild(parent, child, placeholder));
-  childrenMap.forEach((child, key) => {
-    if (child.isConnected && !result.has(key)) {
-      removeChild(child);
-    }
-  });
-  return result;
-}
-function patch(parent, node, next) {
-  if (node === next) {
-    return node;
-  }
-  if (isJsxElement(node) && isJsxElement(next) && node.template === next.template) {
-    next.inheritNode(node);
-    return next;
-  }
-  if (node instanceof Text && next instanceof Text) {
-    if (node.textContent !== next.textContent) {
-      node.textContent = next.textContent;
-    }
-    return node;
-  }
-  replaceChild(parent, next, node);
-  return next;
-}
-function mapKeys(children) {
-  const result = /* @__PURE__ */ new Map();
-  for (const [i, child] of children.entries()) {
-    const key = getKey(child, i);
-    result.set(key, child);
-  }
-  return result;
-}
-function getKey(node, index) {
-  const id = node instanceof Element ? node.id : void 0;
-  const result = id === "" ? void 0 : id;
-  return result != null ? result : `_$${index}$`;
-}
-var TemplateNode = class _TemplateNode {
-  constructor(template2, props) {
-    this.template = template2;
-    this.props = props;
-    this.treeMap = /* @__PURE__ */ new Map();
-    this.mounted = false;
-    this.nodes = [];
-    this.provides = {};
-    this.trackMap = /* @__PURE__ */ new Map();
-    this.parent = null;
-  }
-  get firstChild() {
-    var _a;
-    return (_a = this.nodes[0]) != null ? _a : null;
-  }
-  get isConnected() {
-    return this.mounted;
-  }
-  addEventListener() {
-  }
-  removeEventListener() {
-  }
-  unmount() {
-    this.trackMap.forEach((track2) => {
-      var _a, _b;
-      (_a = track2.cleanup) == null ? void 0 : _a.call(track2);
-      (_b = track2.lastNodes) == null ? void 0 : _b.forEach((node) => {
-        if (track2.isRoot) {
-          removeChild(node);
-        } else if (node instanceof _TemplateNode) {
-          node.unmount();
-        }
-      });
-    });
-    this.trackMap.clear();
-    this.treeMap.clear();
-    this.nodes.forEach((node) => removeChild(node));
-    this.nodes = [];
-    this.mounted = false;
-  }
-  mount(parent, before) {
-    var _a;
-    this.parent = parent;
-    if (this.isConnected) {
-      this.nodes.forEach((node) => insertChild(parent, node, before));
-      return this.nodes;
-    }
-    const cloneNode = this.template.content.cloneNode(true);
-    const firstChild = cloneNode.firstChild;
-    if ((_a = firstChild == null ? void 0 : firstChild.hasAttribute) == null ? void 0 : _a.call(firstChild, "_svg_")) {
-      firstChild.remove();
-      firstChild == null ? void 0 : firstChild.childNodes.forEach((node) => {
-        cloneNode.append(node);
-      });
-    }
-    this.nodes = Array.from(cloneNode.childNodes);
-    this.mapNodeTree(parent, cloneNode);
-    insertChild(parent, cloneNode, before);
-    this.patchNodes(this.props);
-    this.mounted = true;
-    return this.nodes;
-  }
-  mapNodeTree(parent, tree) {
-    let index = 1;
-    this.treeMap.set(0, parent);
-    const walk = (node) => {
-      if (node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {
-        this.treeMap.set(index++, node);
-      }
-      let child = node.firstChild;
-      while (child) {
-        walk(child);
-        child = child.nextSibling;
-      }
-    };
-    walk(tree);
-  }
-  patchNodes(props) {
-    for (const key in props) {
-      const index = Number(key);
-      const node = this.treeMap.get(index);
-      if (node) {
-        const value = this.props[key];
-        this.patchNode(key, node, value, index === 0);
-      }
-    }
-    this.props = props;
-  }
-  getNodeTrack(trackKey, trackLastNodes, isRoot) {
-    var _a;
-    let track2 = this.trackMap.get(trackKey);
-    if (!track2) {
-      track2 = { cleanup: () => {
-      } };
-      if (trackLastNodes) {
-        track2.lastNodes = /* @__PURE__ */ new Map();
-      }
-      if (isRoot) {
-        track2.isRoot = true;
-      }
-      this.trackMap.set(trackKey, track2);
-    }
-    (_a = track2.cleanup) == null ? void 0 : _a.call(track2);
-    return track2;
-  }
-  inheritNode(node) {
-    this.mounted = node.mounted;
-    this.nodes = node.nodes;
-    this.trackMap = node.trackMap;
-    this.treeMap = node.treeMap;
-    const props = this.props;
-    this.props = node.props;
-    this.patchNodes(props);
-  }
-  patchNode(key, node, props, isRoot) {
-    for (const attr in props) {
-      if (attr === "children" && props.children) {
-        if (!isArray(props.children)) {
-          const trackKey = `${key}:${attr}:${0}`;
-          const track2 = this.getNodeTrack(trackKey, true, isRoot);
-          patchChild(track2, node, props.children, null);
-        } else {
-          props.children.filter(Boolean).forEach((item, index) => {
-            var _a;
-            const [child, path] = isArray(item) ? item : [item, null];
-            const before = isNil(path) ? null : (_a = this.treeMap.get(path)) != null ? _a : null;
-            const trackKey = `${key}:${attr}:${index}`;
-            const track2 = this.getNodeTrack(trackKey, true, isRoot);
-            patchChild(track2, node, child, before);
-          });
-        }
-      } else if (attr === "ref") {
-        if (isSignal(props[attr])) {
-          props[attr].value = node;
-        } else if (isFunction(props[attr])) {
-          props[attr](node);
-        }
-      } else if (startsWith(attr, "on")) {
-        const eventName = attr.slice(2).toLocaleLowerCase();
-        const track2 = this.getNodeTrack(`${key}:${attr}`);
-        const listener = props[attr];
-        track2.cleanup = addEventListener(node, eventName, listener);
-      } else if (!startsWith(attr, "update")) {
-        const track2 = this.getNodeTrack(`${key}:${attr}`);
-        const val = props[attr];
-        const triggerValue = isSignal(val) ? val : useSignal(val);
-        patchAttribute(track2, node, attr, triggerValue.value);
-        const cleanup = useEffect(() => {
-          triggerValue.value = isSignal(val) ? val.value : val;
-          patchAttribute(track2, node, attr, triggerValue.value);
-        });
-        let cleanupBind;
-        const updateKey = `update${capitalizeFirstLetter(attr)}`;
-        if (props[updateKey]) {
-          cleanupBind = binNode(node, (value) => {
-            props[updateKey](value);
-          });
-        }
-        track2.cleanup = () => {
-          cleanup && cleanup();
-          cleanupBind && cleanupBind();
-        };
-      }
-    }
-  }
-};
-function patchAttribute(track2, node, attr, data) {
-  const element = node;
-  if (!element.setAttribute) {
-    return;
-  }
-  if (isFunction(data)) {
-    track2.cleanup = useEffect(() => {
-      setAttribute(element, attr, data());
-    });
-  } else {
-    setAttribute(element, attr, data);
-  }
-}
-function patchChild(track2, parent, child, before) {
-  if (isFunction(child)) {
-    track2.cleanup = useEffect(() => {
-      const nextNodes = coerceArray(child()).map(coerceNode);
-      track2.lastNodes = patchChildren(parent, track2.lastNodes, nextNodes, before);
-    });
-  } else {
-    coerceArray(child).forEach((node, i) => {
-      const newNode = coerceNode(node);
-      track2.lastNodes.set(String(i), newNode);
-      insertChild(parent, newNode, before);
-    });
-  }
-}
-function onMount(cb) {
-  var _a;
-  throwIfOutsideComponent("onMounted");
-  (_a = ComponentNode.ref) == null ? void 0 : _a.addHook("mounted", cb);
-}
-function onDestroy(cb) {
-  var _a;
-  throwIfOutsideComponent("onDestroy");
-  (_a = ComponentNode.ref) == null ? void 0 : _a.addHook("destroy", cb);
-}
-function throwIfOutsideComponent(hook) {
-  if (!ComponentNode.ref) {
-    console.error(
-      `"${hook}" can only be called within the component function body
-      and cannot be used in asynchronous or deferred calls.`
-    );
-  }
-}
-function useProvide(key, value) {
-  var _a;
-  throwIfOutsideComponent("useProvide");
-  (_a = ComponentNode.ref) == null ? void 0 : _a.setContext(key, value);
-}
-function useInject(key, defaultValue) {
-  var _a;
-  throwIfOutsideComponent("useInject");
-  return ((_a = ComponentNode.ref) == null ? void 0 : _a.getContext(key)) || defaultValue;
-}
-function convertJsonToAttributes(json) {
-  return Object.entries(json).map(([key, value]) => `${key}=${JSON.stringify(escape(String(value)))}`).join(" ");
-}
-function renderTemplate(template2, props) {
-  if (isFunction(template2)) {
-    return template2(props);
-  }
-  const templateCollection = Array.isArray(template2) ? template2.reduce((acc, tmpl, index) => {
-    acc[index + 1] = { template: tmpl };
-    return acc;
-  }, {}) : template2;
-  const childNodesMap = {};
-  const processedTemplates = {};
-  if (isObject(templateCollection)) {
-    for (const [key, tmpl] of Object.entries(templateCollection)) {
-      const prop = props[key];
-      if (prop) {
-        for (const propKey in prop) {
-          if (startsWith(propKey, "on") && isFunction(prop[propKey])) {
-            delete prop[propKey];
-          }
-        }
-        if (prop.children) {
-          for (const [child, idx] of prop.children) {
-            if (!childNodesMap[idx]) childNodesMap[idx] = [];
-            childNodesMap[idx].push(child);
-          }
-          delete prop.children;
-        }
-      }
-      processedTemplates[key] = { template: tmpl.template, props: prop };
-    }
-  }
-  return Object.entries(processedTemplates).map(([key, { template: tmpl, props: prop }]) => {
-    let renderedString = tmpl;
-    if (prop) {
-      renderedString += ` ${convertJsonToAttributes(prop)}`;
-    }
-    if (childNodesMap[key]) {
-      renderedString += childNodesMap[key].map((child) => renderTemplate(child, prop)).join("");
-    }
-    return renderedString;
-  }).join("");
-}
-function renderToString(component, props) {
-  return renderTemplate(component, props);
-}
-function renderSSG(component, root, props = {}) {
-  root.innerHTML = renderTemplate(component, props);
-}
-
-// src/index.ts
-if (globalThis) {
-  globalThis.__essor_version__ = essor_version;
-}
-/**
-* @estjs/shared v0.0.10-beta.20
-* (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
-* @license MIT
-**/
-/**
-* @estjs/signal v0.0.10-beta.20
-* (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
-* @license MIT
-**/
-/**
-* @estjs/template v0.0.10-beta.20
-* (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
-* @license MIT
-**/
-
-export { ComponentNode, Fragment, TemplateNode, createStore, essor_version, h, isComputed, isJsxElement, isReactive, isSignal, nextTick, onDestroy, onMount, renderSSG, renderTemplate, renderToString, shallowReactive, shallowSignal, signalObject, template, unReactive, unSignal, useComputed, useEffect, useInject, useProvide, useReactive, useSignal, useWatch };