regor 1.2.6 → 1.2.8

package/dist/regor.es2022.esm.js

@@ -683,39 +683,374 @@ var entangle = (r1, r2) => {
   };
 };
 
+// src/misc/isRaw.ts
+var isRaw = (value) => {
+  return !!value && value[rawSymbol] === 1;
+};
+
+// src/reactivity/isDeepRef.ts
+var isDeepRef = (value) => {
+  return value?.[refSymbol] === 1;
+};
+
+// src/computed/watchEffect.ts
+var collectedRefs = [];
+var collectRef = (ref2) => {
+  if (collectedRefs.length === 0) return;
+  collectedRefs[collectedRefs.length - 1]?.add(ref2);
+};
+var watchEffect = (effect) => {
+  if (!effect) return () => {
+  };
+  const terminator = { stop: () => {
+  } };
+  watchEffectInternal(effect, terminator);
+  onUnmounted(() => terminator.stop(), true);
+  return terminator.stop;
+};
+var watchEffectInternal = (effect, terminator) => {
+  if (!effect) return;
+  let stopObservingList = [];
+  let isStopped = false;
+  const stopWatch = () => {
+    for (const stop of stopObservingList) stop();
+    stopObservingList = [];
+    isStopped = true;
+  };
+  terminator.stop = stopWatch;
+  try {
+    const set = /* @__PURE__ */ new Set();
+    collectedRefs.push(set);
+    effect((onCleanup) => stopObservingList.push(onCleanup));
+    if (isStopped) return;
+    for (const r of [...set]) {
+      const stopObserving = observe(r, () => {
+        stopWatch();
+        watchEffect(effect);
+      });
+      stopObservingList.push(stopObserving);
+    }
+  } finally {
+    collectedRefs.pop();
+  }
+};
+var silence = (action) => {
+  const len = collectedRefs.length;
+  const hasPush = len > 0 && collectedRefs[len - 1];
+  try {
+    if (hasPush) collectedRefs.push(null);
+    return action();
+  } finally {
+    if (hasPush) collectedRefs.pop();
+  }
+};
+var collectRefs = (action) => {
+  try {
+    const set = /* @__PURE__ */ new Set();
+    collectedRefs.push(set);
+    const result = action();
+    return { value: result, refs: [...set] };
+  } finally {
+    collectedRefs.pop();
+  }
+};
+
+// src/reactivity/trigger.ts
+var trigger = (source, eventSource, isRecursive) => {
+  if (!isRef(source)) return;
+  const srefImpl = source;
+  srefImpl(void 0, eventSource, 1 /* trigger */);
+  if (!isRecursive) return;
+  const obj = srefImpl();
+  if (!obj) return;
+  if (isArray(obj) || isSet(obj)) {
+    for (const el of obj) {
+      trigger(el, eventSource, true);
+    }
+  } else if (isMap(obj)) {
+    for (const el of obj) {
+      trigger(el[0], eventSource, true);
+      trigger(el[1], eventSource, true);
+    }
+  }
+  if (isObject(obj)) {
+    for (const k in obj) {
+      trigger(obj[k], eventSource, true);
+    }
+  }
+};
+
+// src/proxies/proxy.ts
+function define(obj, key, val) {
+  Object.defineProperty(obj, key, {
+    value: val,
+    enumerable: false,
+    writable: true,
+    configurable: true
+  });
+}
+var createProxy = (originalProto, proxyProto, methodsToPatch4) => {
+  methodsToPatch4.forEach(function(method) {
+    const original = originalProto[method];
+    define(proxyProto, method, function mutator(...args) {
+      const result = original.apply(this, args);
+      const subscribers = this[srefSymbol];
+      for (const subscriber of subscribers) trigger(subscriber);
+      return result;
+    });
+  });
+};
+var setToStringTag = (proxyProto, tag) => {
+  Object.defineProperty(proxyProto, Symbol.toStringTag, {
+    value: tag,
+    writable: false,
+    enumerable: false,
+    configurable: true
+  });
+};
+
+// src/proxies/array-ref.ts
+var arrayProto = Array.prototype;
+var proxyArrayProto = Object.create(arrayProto);
+var methodsToPatch = [
+  "push",
+  "pop",
+  "shift",
+  "unshift",
+  "splice",
+  "sort",
+  "reverse"
+];
+createProxy(arrayProto, proxyArrayProto, methodsToPatch);
+
+// src/proxies/map-ref.ts
+var mapProto = Map.prototype;
+var proxyMapProto = Object.create(mapProto);
+var methodsToPatch2 = ["set", "clear", "delete"];
+setToStringTag(proxyMapProto, "Map");
+createProxy(mapProto, proxyMapProto, methodsToPatch2);
+
+// src/proxies/set-ref.ts
+var setProto = Set.prototype;
+var proxySetProto = Object.create(setProto);
+var methodsToPatch3 = ["add", "clear", "delete"];
+setToStringTag(proxySetProto, "Set");
+createProxy(setProto, proxySetProto, methodsToPatch3);
+
+// src/reactivity/sref.ts
+var batchCollector = {};
+var sref = (value) => {
+  if (isRef(value) || isRaw(value)) return value;
+  const refObj = {
+    auto: true,
+    _value: value
+  };
+  const createProxy2 = (value2) => {
+    if (!isObject(value2)) return false;
+    if (srefSymbol in value2) return true;
+    const isAnArray = isArray(value2);
+    if (isAnArray) {
+      Object.setPrototypeOf(value2, proxyArrayProto);
+      return true;
+    }
+    const isASet = isSet(value2);
+    if (isASet) {
+      Object.setPrototypeOf(value2, proxySetProto);
+      return true;
+    }
+    const isAMap = isMap(value2);
+    if (isAMap) {
+      Object.setPrototypeOf(value2, proxyMapProto);
+      return true;
+    }
+    return false;
+  };
+  const isProxy = createProxy2(value);
+  const observers = /* @__PURE__ */ new Set();
+  const trigger2 = (newValue, eventSource) => {
+    if (batchCollector.stack && batchCollector.stack.length) {
+      const current = batchCollector.stack[batchCollector.stack.length - 1];
+      current.add(srefFunction);
+      return;
+    }
+    if (observers.size === 0) return;
+    silence(() => {
+      for (const callback of [...observers.keys()]) {
+        if (!observers.has(callback)) continue;
+        callback(newValue, eventSource);
+      }
+    });
+  };
+  const attachProxyHandle = (value2) => {
+    let proxyHandle = value2[srefSymbol];
+    if (!proxyHandle) value2[srefSymbol] = proxyHandle = /* @__PURE__ */ new Set();
+    proxyHandle.add(srefFunction);
+  };
+  const srefFunction = (...args) => {
+    if (!(2 in args)) {
+      let newValue = args[0];
+      const eventSource = args[1];
+      if (0 in args) {
+        if (refObj._value === newValue) return newValue;
+        if (isRef(newValue)) {
+          newValue = newValue();
+          if (refObj._value === newValue) return newValue;
+        }
+        if (createProxy2(newValue)) attachProxyHandle(newValue);
+        refObj._value = newValue;
+        if (refObj.auto) {
+          trigger2(newValue, eventSource);
+        }
+        return refObj._value;
+      } else {
+        collectRef(srefFunction);
+      }
+      return refObj._value;
+    }
+    const operation = args[2];
+    switch (operation) {
+      case 0 /* observe */: {
+        const observer = args[3];
+        if (!observer) return () => {
+        };
+        const removeObserver = (observer2) => {
+          observers.delete(observer2);
+        };
+        observers.add(observer);
+        return () => {
+          removeObserver(observer);
+        };
+      }
+      case 1 /* trigger */: {
+        const eventSource = args[1];
+        const value2 = refObj._value;
+        trigger2(value2, eventSource);
+        break;
+      }
+      case 2 /* observerCount */: {
+        return observers.size;
+      }
+      case 3 /* pause */: {
+        refObj.auto = false;
+        break;
+      }
+      case 4 /* resume */: {
+        refObj.auto = true;
+      }
+    }
+    return refObj._value;
+  };
+  srefFunction[srefSymbol] = 1;
+  defineRefValue(srefFunction, false);
+  if (isProxy) attachProxyHandle(value);
+  return srefFunction;
+};
+
+// src/reactivity/ref.ts
+var ref = (value) => {
+  if (isRaw(value)) return value;
+  let result;
+  if (isRef(value)) {
+    result = value;
+    value = result();
+  } else {
+    result = sref(value);
+  }
+  if (value instanceof Node || value instanceof Date || value instanceof RegExp || value instanceof Promise || value instanceof Error)
+    return result;
+  result[refSymbol] = 1;
+  if (isArray(value)) {
+    const len = value.length;
+    for (let i = 0; i < len; ++i) {
+      const item = value[i];
+      if (isDeepRef(item)) continue;
+      value[i] = ref(item);
+    }
+    return result;
+  }
+  if (!isObject(value)) return result;
+  for (const item of Object.entries(value)) {
+    const val = item[1];
+    if (isDeepRef(val)) continue;
+    const key = item[0];
+    if (isSymbol(key)) continue;
+    value[key] = null;
+    value[key] = ref(val);
+  }
+  return result;
+};
+
 // src/directives/single-prop.ts
+var modelBridgeSymbol = Symbol("modelBridge");
+var isModelBridge = (value) => !!value?.[modelBridgeSymbol];
+var markModelBridge = (value) => {
+  ;
+  value[modelBridgeSymbol] = 1;
+};
+var createModelBridge = (source) => {
+  const bridge = ref(source());
+  markModelBridge(bridge);
+  return bridge;
+};
 var singlePropDirective = {
   collectRefObj: true,
   onBind: (_, parseResult, _expr, option, _dynamicOption, _flags) => {
     if (!option) return () => {
     };
     const key = camelize(option);
+    let currentSource;
+    let bridge;
     let stopEntangle = () => {
     };
+    const resetSync = () => {
+      stopEntangle();
+      stopEntangle = () => {
+      };
+      currentSource = void 0;
+      bridge = void 0;
+    };
+    const clearEntangle = () => {
+      stopEntangle();
+      stopEntangle = () => {
+      };
+    };
+    const syncRefs = (source, target) => {
+      if (currentSource === source) return;
+      clearEntangle();
+      stopEntangle = entangle(source, target);
+      currentSource = source;
+    };
     const stopObserving = observe(
       parseResult.value,
       () => {
         const value = parseResult.refs[0] ?? parseResult.value()[0];
         const ctx = parseResult.context;
         const ctxKey = ctx[key];
-        if (ctxKey === value) return;
-        if (isRef(value)) {
+        if (!isRef(value)) {
+          if (bridge && ctxKey === bridge) {
+            bridge(value);
+            return;
+          }
+          resetSync();
           if (isRef(ctxKey)) {
-            stopEntangle();
-            stopEntangle = entangle(value, ctxKey);
+            ctxKey(value);
             return;
           }
           ctx[key] = value;
           return;
         }
-        stopEntangle();
-        stopEntangle = () => {
-        };
-        if (isRef(ctxKey)) {
-          ctxKey(value);
+        if (isModelBridge(value)) {
+          if (ctxKey === value) return;
+          if (isRef(ctxKey)) {
+            syncRefs(value, ctxKey);
+          } else {
+            ctx[key] = value;
+          }
           return;
         }
-        ctx[key] = value;
+        if (!bridge) bridge = createModelBridge(value);
+        ctx[key] = bridge;
+        syncRefs(value, bridge);
       },
       true
     );
@@ -964,483 +1299,225 @@ var ComponentBinder = class {
             inheritor.setAttribute(
               normalizeAttributeName(attrName, binder.__config),
               value
-            );
-          }
-        }
-      };
-      const clearUnusedAttributes = () => {
-        for (const attrName of component.getAttributeNames()) {
-          if (!attrName.startsWith("@") && !attrName.startsWith(binder.__config.__builtInNames.on))
-            component.removeAttribute(attrName);
-        }
-      };
-      const bindComponent = () => {
-        transferAttributesToTheComponentChild();
-        clearUnusedAttributes();
-        parser.__push(componentCtx);
-        binder.__bindAttributes(component, false);
-        componentCtx.$emit = head.emit;
-        bindChildNodes(binder, childNodes);
-        addUnbinder(component, () => {
-          callUnmounted(componentCtx);
-        });
-        addUnbinder(startOfComponent, () => {
-          unbind(component);
-        });
-        callMounted(componentCtx);
-      };
-      parser.__scoped(capturedContext, bindComponent);
-    }
-  }
-};
-
-// src/bind/DirectiveCollector.ts
-var DirectiveElement = class {
-  __name;
-  // r-on @click @submit r-on:click.prevent @submit.prevent  @[event-name].self.camel :src :className.prop .class-name.camel r-if r-for key
-  /** Contains: `['@', 'submit'], ['r-on', 'click'], ['\\@', '[dynamicKey]']` */
-  __terms = [];
-  /** Contains directive flags. ['camel', 'prevent',...] */
-  __flags = [];
-  __elements = [];
-  constructor(name2) {
-    this.__name = name2;
-    this.__parse();
-  }
-  __parse() {
-    let name2 = this.__name;
-    const isPropShortcut = name2.startsWith(".");
-    if (isPropShortcut) name2 = ":" + name2.slice(1);
-    const firstFlagIndex = name2.indexOf(".");
-    const terms = this.__terms = (firstFlagIndex < 0 ? name2 : name2.substring(0, firstFlagIndex)).split(/[:@]/);
-    if (isNullOrWhitespace(terms[0])) terms[0] = isPropShortcut ? "." : name2[0];
-    if (firstFlagIndex >= 0) {
-      const flags = this.__flags = name2.slice(firstFlagIndex + 1).split(".");
-      if (flags.includes("camel")) {
-        const index = terms.length - 1;
-        terms[index] = camelize(terms[index]);
-      }
-      if (flags.includes("prop")) {
-        terms[0] = ".";
-      }
-    }
-  }
-};
-var DirectiveCollector = class {
-  __binder;
-  __prefixes;
-  constructor(binder) {
-    this.__binder = binder;
-    this.__prefixes = binder.__config.__getPrefixes();
-  }
-  __collect(element, isRecursive) {
-    const map = /* @__PURE__ */ new Map();
-    if (!isHTMLElement(element)) return map;
-    const prefixes2 = this.__prefixes;
-    const processNode = (node) => {
-      const names = node.getAttributeNames().filter((name2) => prefixes2.some((p) => name2.startsWith(p)));
-      for (const name2 of names) {
-        if (!map.has(name2)) map.set(name2, new DirectiveElement(name2));
-        const item = map.get(name2);
-        item.__elements.push(node);
-      }
-    };
-    processNode(element);
-    if (!isRecursive) return map;
-    const nodes = element.querySelectorAll("*");
-    for (const node of nodes) {
-      processNode(node);
-    }
-    return map;
-  }
-};
-
-// src/bind/DynamicBinder.ts
-var mount2 = (nodes, parent) => {
-  for (const x of nodes) {
-    const node = x.cloneNode(true);
-    parent.appendChild(node);
-  }
-};
-var DynamicBinder = class {
-  __binder;
-  __is;
-  __isSelector;
-  constructor(binder) {
-    this.__binder = binder;
-    this.__is = binder.__config.__builtInNames.is;
-    this.__isSelector = toSelector(this.__is) + ", [is]";
-  }
-  __bindAll(element) {
-    const isComponentElement = element.hasAttribute(this.__is);
-    const elements = findElements(element, this.__isSelector);
-    for (const el of elements) {
-      this.__bind(el);
-    }
-    return isComponentElement;
-  }
-  __bind(el) {
-    let expression = el.getAttribute(this.__is);
-    if (!expression) {
-      expression = el.getAttribute("is");
-      if (!expression) return;
-      if (!expression.startsWith("regor:")) {
-        if (!expression.startsWith("r-")) return;
-        const staticName = expression.slice(2).trim().toLowerCase();
-        if (!staticName) return;
-        const parent = el.parentNode;
-        if (!parent) return;
-        const nativeElement = document.createElement(staticName);
-        for (const attr of el.getAttributeNames()) {
-          if (attr === "is") continue;
-          nativeElement.setAttribute(attr, el.getAttribute(attr));
-        }
-        while (el.firstChild) nativeElement.appendChild(el.firstChild);
-        parent.insertBefore(nativeElement, el);
-        el.remove();
-        this.__binder.__bindDefault(nativeElement);
-        return;
-      }
-      expression = `'${expression.slice(6)}'`;
-      el.removeAttribute("is");
-    }
-    el.removeAttribute(this.__is);
-    this.__bindToExpression(el, expression);
-  }
-  __createRegion(el, expression) {
-    const nodes = getNodes(el);
-    const parent = el.parentNode;
-    const commentBegin = document.createComment(
-      `__begin__ dynamic ${expression ?? ""}`
-    );
-    parent.insertBefore(commentBegin, el);
-    setSwitchOwner(commentBegin, nodes);
-    nodes.forEach((x) => {
-      removeNode(x);
-    });
-    el.remove();
-    const commentEnd = document.createComment(
-      `__end__ dynamic ${expression ?? ""}`
-    );
-    parent.insertBefore(commentEnd, commentBegin.nextSibling);
-    return {
-      nodes,
-      parent,
-      commentBegin,
-      commentEnd
-    };
-  }
-  __bindToExpression(el, expression) {
-    const { nodes, parent, commentBegin, commentEnd } = this.__createRegion(
-      el,
-      ` => ${expression} `
-    );
-    const parseResult = this.__binder.__parser.__parse(expression);
-    const value = parseResult.value;
-    const parser = this.__binder.__parser;
-    const capturedContext = parser.__capture();
-    const mounted = { name: "" };
-    const componentChildNodes = isTemplate(el) ? nodes : [...nodes[0].childNodes];
-    const refresh = () => {
-      parser.__scoped(capturedContext, () => {
-        let name2 = value()[0];
-        if (isObject(name2)) {
-          if (!name2.name) {
-            name2 = Object.entries(parser.__getComponents()).filter(
-              (x) => x[1] === name2
-            )[0]?.[0];
-          } else {
-            name2 = name2.name;
+            );
           }
         }
-        if (!isString(name2) || isNullOrWhitespace(name2)) {
-          unmount(commentBegin, commentEnd);
-          return;
-        }
-        if (mounted.name === name2) return;
-        unmount(commentBegin, commentEnd);
-        const componentElement = document.createElement(name2);
-        for (const attr of el.getAttributeNames()) {
-          if (attr === this.__is) continue;
-          componentElement.setAttribute(attr, el.getAttribute(attr));
+      };
+      const clearUnusedAttributes = () => {
+        for (const attrName of component.getAttributeNames()) {
+          if (!attrName.startsWith("@") && !attrName.startsWith(binder.__config.__builtInNames.on))
+            component.removeAttribute(attrName);
         }
-        mount2(componentChildNodes, componentElement);
-        parent.insertBefore(componentElement, commentEnd);
-        this.__binder.__bindDefault(componentElement);
-        mounted.name = name2;
-      });
-    };
-    const stopObserverList = [];
-    const unbinder = () => {
-      parseResult.stop();
-      for (const stopObserver of stopObserverList) {
-        stopObserver();
-      }
-      stopObserverList.length = 0;
-    };
-    addUnbinder(commentBegin, unbinder);
-    refresh();
-    const stopObserving = observe(value, refresh);
-    stopObserverList.push(stopObserving);
-  }
-};
-
-// src/computed/watchEffect.ts
-var collectedRefs = [];
-var collectRef = (ref2) => {
-  if (collectedRefs.length === 0) return;
-  collectedRefs[collectedRefs.length - 1]?.add(ref2);
-};
-var watchEffect = (effect) => {
-  if (!effect) return () => {
-  };
-  const terminator = { stop: () => {
-  } };
-  watchEffectInternal(effect, terminator);
-  onUnmounted(() => terminator.stop(), true);
-  return terminator.stop;
-};
-var watchEffectInternal = (effect, terminator) => {
-  if (!effect) return;
-  let stopObservingList = [];
-  let isStopped = false;
-  const stopWatch = () => {
-    for (const stop of stopObservingList) stop();
-    stopObservingList = [];
-    isStopped = true;
-  };
-  terminator.stop = stopWatch;
-  try {
-    const set = /* @__PURE__ */ new Set();
-    collectedRefs.push(set);
-    effect((onCleanup) => stopObservingList.push(onCleanup));
-    if (isStopped) return;
-    for (const r of [...set]) {
-      const stopObserving = observe(r, () => {
-        stopWatch();
-        watchEffect(effect);
-      });
-      stopObservingList.push(stopObserving);
+      };
+      const bindComponent = () => {
+        transferAttributesToTheComponentChild();
+        clearUnusedAttributes();
+        parser.__push(componentCtx);
+        binder.__bindAttributes(component, false);
+        componentCtx.$emit = head.emit;
+        bindChildNodes(binder, childNodes);
+        addUnbinder(component, () => {
+          callUnmounted(componentCtx);
+        });
+        addUnbinder(startOfComponent, () => {
+          unbind(component);
+        });
+        callMounted(componentCtx);
+      };
+      parser.__scoped(capturedContext, bindComponent);
     }
-  } finally {
-    collectedRefs.pop();
-  }
-};
-var silence = (action) => {
-  const len = collectedRefs.length;
-  const hasPush = len > 0 && collectedRefs[len - 1];
-  try {
-    if (hasPush) collectedRefs.push(null);
-    return action();
-  } finally {
-    if (hasPush) collectedRefs.pop();
-  }
-};
-var collectRefs = (action) => {
-  try {
-    const set = /* @__PURE__ */ new Set();
-    collectedRefs.push(set);
-    const result = action();
-    return { value: result, refs: [...set] };
-  } finally {
-    collectedRefs.pop();
   }
 };
 
-// src/misc/isRaw.ts
-var isRaw = (value) => {
-  return !!value && value[rawSymbol] === 1;
-};
-
-// src/reactivity/trigger.ts
-var trigger = (source, eventSource, isRecursive) => {
-  if (!isRef(source)) return;
-  const srefImpl = source;
-  srefImpl(void 0, eventSource, 1 /* trigger */);
-  if (!isRecursive) return;
-  const obj = srefImpl();
-  if (!obj) return;
-  if (isArray(obj) || isSet(obj)) {
-    for (const el of obj) {
-      trigger(el, eventSource, true);
-    }
-  } else if (isMap(obj)) {
-    for (const el of obj) {
-      trigger(el[0], eventSource, true);
-      trigger(el[1], eventSource, true);
-    }
+// src/bind/DirectiveCollector.ts
+var DirectiveElement = class {
+  __name;
+  // r-on @click @submit r-on:click.prevent @submit.prevent  @[event-name].self.camel :src :className.prop .class-name.camel r-if r-for key
+  /** Contains: `['@', 'submit'], ['r-on', 'click'], ['\\@', '[dynamicKey]']` */
+  __terms = [];
+  /** Contains directive flags. ['camel', 'prevent',...] */
+  __flags = [];
+  __elements = [];
+  constructor(name2) {
+    this.__name = name2;
+    this.__parse();
   }
-  if (isObject(obj)) {
-    for (const k in obj) {
-      trigger(obj[k], eventSource, true);
+  __parse() {
+    let name2 = this.__name;
+    const isPropShortcut = name2.startsWith(".");
+    if (isPropShortcut) name2 = ":" + name2.slice(1);
+    const firstFlagIndex = name2.indexOf(".");
+    const terms = this.__terms = (firstFlagIndex < 0 ? name2 : name2.substring(0, firstFlagIndex)).split(/[:@]/);
+    if (isNullOrWhitespace(terms[0])) terms[0] = isPropShortcut ? "." : name2[0];
+    if (firstFlagIndex >= 0) {
+      const flags = this.__flags = name2.slice(firstFlagIndex + 1).split(".");
+      if (flags.includes("camel")) {
+        const index = terms.length - 1;
+        terms[index] = camelize(terms[index]);
+      }
+      if (flags.includes("prop")) {
+        terms[0] = ".";
+      }
     }
   }
 };
-
-// src/proxies/proxy.ts
-function define(obj, key, val) {
-  Object.defineProperty(obj, key, {
-    value: val,
-    enumerable: false,
-    writable: true,
-    configurable: true
-  });
-}
-var createProxy = (originalProto, proxyProto, methodsToPatch4) => {
-  methodsToPatch4.forEach(function(method) {
-    const original = originalProto[method];
-    define(proxyProto, method, function mutator(...args) {
-      const result = original.apply(this, args);
-      const subscribers = this[srefSymbol];
-      for (const subscriber of subscribers) trigger(subscriber);
-      return result;
-    });
-  });
-};
-var setToStringTag = (proxyProto, tag) => {
-  Object.defineProperty(proxyProto, Symbol.toStringTag, {
-    value: tag,
-    writable: false,
-    enumerable: false,
-    configurable: true
-  });
-};
-
-// src/proxies/array-ref.ts
-var arrayProto = Array.prototype;
-var proxyArrayProto = Object.create(arrayProto);
-var methodsToPatch = [
-  "push",
-  "pop",
-  "shift",
-  "unshift",
-  "splice",
-  "sort",
-  "reverse"
-];
-createProxy(arrayProto, proxyArrayProto, methodsToPatch);
-
-// src/proxies/map-ref.ts
-var mapProto = Map.prototype;
-var proxyMapProto = Object.create(mapProto);
-var methodsToPatch2 = ["set", "clear", "delete"];
-setToStringTag(proxyMapProto, "Map");
-createProxy(mapProto, proxyMapProto, methodsToPatch2);
-
-// src/proxies/set-ref.ts
-var setProto = Set.prototype;
-var proxySetProto = Object.create(setProto);
-var methodsToPatch3 = ["add", "clear", "delete"];
-setToStringTag(proxySetProto, "Set");
-createProxy(setProto, proxySetProto, methodsToPatch3);
-
-// src/reactivity/sref.ts
-var batchCollector = {};
-var sref = (value) => {
-  if (isRef(value) || isRaw(value)) return value;
-  const refObj = {
-    auto: true,
-    _value: value
-  };
-  const createProxy2 = (value2) => {
-    if (!isObject(value2)) return false;
-    if (srefSymbol in value2) return true;
-    const isAnArray = isArray(value2);
-    if (isAnArray) {
-      Object.setPrototypeOf(value2, proxyArrayProto);
-      return true;
-    }
-    const isASet = isSet(value2);
-    if (isASet) {
-      Object.setPrototypeOf(value2, proxySetProto);
-      return true;
-    }
-    const isAMap = isMap(value2);
-    if (isAMap) {
-      Object.setPrototypeOf(value2, proxyMapProto);
-      return true;
+var DirectiveCollector = class {
+  __binder;
+  __prefixes;
+  constructor(binder) {
+    this.__binder = binder;
+    this.__prefixes = binder.__config.__getPrefixes();
+  }
+  __collect(element, isRecursive) {
+    const map = /* @__PURE__ */ new Map();
+    if (!isHTMLElement(element)) return map;
+    const prefixes2 = this.__prefixes;
+    const processNode = (node) => {
+      const names = node.getAttributeNames().filter((name2) => prefixes2.some((p) => name2.startsWith(p)));
+      for (const name2 of names) {
+        if (!map.has(name2)) map.set(name2, new DirectiveElement(name2));
+        const item = map.get(name2);
+        item.__elements.push(node);
+      }
+    };
+    processNode(element);
+    if (!isRecursive) return map;
+    const nodes = element.querySelectorAll("*");
+    for (const node of nodes) {
+      processNode(node);
     }
-    return false;
-  };
-  const isProxy = createProxy2(value);
-  const observers = /* @__PURE__ */ new Set();
-  const trigger2 = (newValue, eventSource) => {
-    if (batchCollector.stack && batchCollector.stack.length) {
-      const current = batchCollector.stack[batchCollector.stack.length - 1];
-      current.add(srefFunction);
-      return;
+    return map;
+  }
+};
+
+// src/bind/DynamicBinder.ts
+var mount2 = (nodes, parent) => {
+  for (const x of nodes) {
+    const node = x.cloneNode(true);
+    parent.appendChild(node);
+  }
+};
+var DynamicBinder = class {
+  __binder;
+  __is;
+  __isSelector;
+  constructor(binder) {
+    this.__binder = binder;
+    this.__is = binder.__config.__builtInNames.is;
+    this.__isSelector = toSelector(this.__is) + ", [is]";
+  }
+  __bindAll(element) {
+    const isComponentElement = element.hasAttribute(this.__is);
+    const elements = findElements(element, this.__isSelector);
+    for (const el of elements) {
+      this.__bind(el);
     }
-    if (observers.size === 0) return;
-    silence(() => {
-      for (const callback of [...observers.keys()]) {
-        if (!observers.has(callback)) continue;
-        callback(newValue, eventSource);
+    return isComponentElement;
+  }
+  __bind(el) {
+    let expression = el.getAttribute(this.__is);
+    if (!expression) {
+      expression = el.getAttribute("is");
+      if (!expression) return;
+      if (!expression.startsWith("regor:")) {
+        if (!expression.startsWith("r-")) return;
+        const staticName = expression.slice(2).trim().toLowerCase();
+        if (!staticName) return;
+        const parent = el.parentNode;
+        if (!parent) return;
+        const nativeElement = document.createElement(staticName);
+        for (const attr of el.getAttributeNames()) {
+          if (attr === "is") continue;
+          nativeElement.setAttribute(attr, el.getAttribute(attr));
+        }
+        while (el.firstChild) nativeElement.appendChild(el.firstChild);
+        parent.insertBefore(nativeElement, el);
+        el.remove();
+        this.__binder.__bindDefault(nativeElement);
+        return;
       }
+      expression = `'${expression.slice(6)}'`;
+      el.removeAttribute("is");
+    }
+    el.removeAttribute(this.__is);
+    this.__bindToExpression(el, expression);
+  }
+  __createRegion(el, expression) {
+    const nodes = getNodes(el);
+    const parent = el.parentNode;
+    const commentBegin = document.createComment(
+      `__begin__ dynamic ${expression ?? ""}`
+    );
+    parent.insertBefore(commentBegin, el);
+    setSwitchOwner(commentBegin, nodes);
+    nodes.forEach((x) => {
+      removeNode(x);
     });
-  };
-  const attachProxyHandle = (value2) => {
-    let proxyHandle = value2[srefSymbol];
-    if (!proxyHandle) value2[srefSymbol] = proxyHandle = /* @__PURE__ */ new Set();
-    proxyHandle.add(srefFunction);
-  };
-  const srefFunction = (...args) => {
-    if (!(2 in args)) {
-      let newValue = args[0];
-      const eventSource = args[1];
-      if (0 in args) {
-        if (refObj._value === newValue) return newValue;
-        if (isRef(newValue)) {
-          newValue = newValue();
-          if (refObj._value === newValue) return newValue;
+    el.remove();
+    const commentEnd = document.createComment(
+      `__end__ dynamic ${expression ?? ""}`
+    );
+    parent.insertBefore(commentEnd, commentBegin.nextSibling);
+    return {
+      nodes,
+      parent,
+      commentBegin,
+      commentEnd
+    };
+  }
+  __bindToExpression(el, expression) {
+    const { nodes, parent, commentBegin, commentEnd } = this.__createRegion(
+      el,
+      ` => ${expression} `
+    );
+    const parseResult = this.__binder.__parser.__parse(expression);
+    const value = parseResult.value;
+    const parser = this.__binder.__parser;
+    const capturedContext = parser.__capture();
+    const mounted = { name: "" };
+    const componentChildNodes = isTemplate(el) ? nodes : [...nodes[0].childNodes];
+    const refresh = () => {
+      parser.__scoped(capturedContext, () => {
+        let name2 = value()[0];
+        if (isObject(name2)) {
+          if (!name2.name) {
+            name2 = Object.entries(parser.__getComponents()).filter(
+              (x) => x[1] === name2
+            )[0]?.[0];
+          } else {
+            name2 = name2.name;
+          }
         }
-        if (createProxy2(newValue)) attachProxyHandle(newValue);
-        refObj._value = newValue;
-        if (refObj.auto) {
-          trigger2(newValue, eventSource);
+        if (!isString(name2) || isNullOrWhitespace(name2)) {
+          unmount(commentBegin, commentEnd);
+          return;
         }
-        return refObj._value;
-      } else {
-        collectRef(srefFunction);
-      }
-      return refObj._value;
-    }
-    const operation = args[2];
-    switch (operation) {
-      case 0 /* observe */: {
-        const observer = args[3];
-        if (!observer) return () => {
-        };
-        const removeObserver = (observer2) => {
-          observers.delete(observer2);
-        };
-        observers.add(observer);
-        return () => {
-          removeObserver(observer);
-        };
-      }
-      case 1 /* trigger */: {
-        const eventSource = args[1];
-        const value2 = refObj._value;
-        trigger2(value2, eventSource);
-        break;
-      }
-      case 2 /* observerCount */: {
-        return observers.size;
-      }
-      case 3 /* pause */: {
-        refObj.auto = false;
-        break;
-      }
-      case 4 /* resume */: {
-        refObj.auto = true;
+        if (mounted.name === name2) return;
+        unmount(commentBegin, commentEnd);
+        const componentElement = document.createElement(name2);
+        for (const attr of el.getAttributeNames()) {
+          if (attr === this.__is) continue;
+          componentElement.setAttribute(attr, el.getAttribute(attr));
+        }
+        mount2(componentChildNodes, componentElement);
+        parent.insertBefore(componentElement, commentEnd);
+        this.__binder.__bindDefault(componentElement);
+        mounted.name = name2;
+      });
+    };
+    const stopObserverList = [];
+    const unbinder = () => {
+      parseResult.stop();
+      for (const stopObserver of stopObserverList) {
+        stopObserver();
       }
-    }
-    return refObj._value;
-  };
-  srefFunction[srefSymbol] = 1;
-  defineRefValue(srefFunction, false);
-  if (isProxy) attachProxyHandle(value);
-  return srefFunction;
+      stopObserverList.length = 0;
+    };
+    addUnbinder(commentBegin, unbinder);
+    refresh();
+    const stopObserving = observe(value, refresh);
+    stopObserverList.push(stopObserving);
+  }
 };
 
 // src/reactivity/unref.ts
@@ -2882,45 +2959,6 @@ var valueDirective = {
   }
 };
 
-// src/reactivity/isDeepRef.ts
-var isDeepRef = (value) => {
-  return value?.[refSymbol] === 1;
-};
-
-// src/reactivity/ref.ts
-var ref = (value) => {
-  if (isRaw(value)) return value;
-  let result;
-  if (isRef(value)) {
-    result = value;
-    value = result();
-  } else {
-    result = sref(value);
-  }
-  if (value instanceof Node || value instanceof Date || value instanceof RegExp || value instanceof Promise || value instanceof Error)
-    return result;
-  result[refSymbol] = 1;
-  if (isArray(value)) {
-    const len = value.length;
-    for (let i = 0; i < len; ++i) {
-      const item = value[i];
-      if (isDeepRef(item)) continue;
-      value[i] = ref(item);
-    }
-    return result;
-  }
-  if (!isObject(value)) return result;
-  for (const item of Object.entries(value)) {
-    const val = item[1];
-    if (isDeepRef(val)) continue;
-    const key = item[0];
-    if (isSymbol(key)) continue;
-    value[key] = null;
-    value[key] = ref(val);
-  }
-  return result;
-};
-
 // src/app/RegorConfig.ts
 var RegorConfig = class _RegorConfig {
   static getDefault() {