regor 1.2.5 → 1.2.7

package/dist/regor.es2019.cjs.js

@@ -742,33 +742,6 @@ var propsOnceDirective = {
   }
 };
 
-// src/directives/single-prop.ts
-var singlePropDirective = {
-  collectRefObj: true,
-  onBind: (_, parseResult, _expr, option, _dynamicOption, _flags) => {
-    if (!option) return () => {
-    };
-    const key = camelize(option);
-    const stopObserving = observe(
-      parseResult.value,
-      () => {
-        var _a;
-        const value = (_a = parseResult.refs[0]) != null ? _a : parseResult.value()[0];
-        const ctx = parseResult.context;
-        const ctxKey = ctx[option];
-        if (ctxKey === value) return;
-        if (isRef(ctxKey)) {
-          ctxKey(value);
-        } else {
-          ctx[key] = value;
-        }
-      },
-      true
-    );
-    return stopObserving;
-  }
-};
-
 // src/reactivity/entangle.ts
 var entangle = (r1, r2) => {
   if (r1 === r2) return () => {
@@ -782,182 +755,561 @@ var entangle = (r1, r2) => {
   };
 };
 
-// src/bind/ComponentBinder.ts
-var ComponentBinder = class {
-  constructor(binder) {
-    __publicField(this, "__binder");
-    __publicField(this, "__inherit");
-    this.__binder = binder;
-    this.__inherit = binder.__config.__builtInNames.inherit;
+// src/misc/isRaw.ts
+var isRaw = (value) => {
+  return !!value && value[rawSymbol] === 1;
+};
+
+// src/reactivity/isDeepRef.ts
+var isDeepRef = (value) => {
+  return (value == null ? void 0 : value[refSymbol]) === 1;
+};
+
+// src/computed/watchEffect.ts
+var collectedRefs = [];
+var collectRef = (ref2) => {
+  var _a;
+  if (collectedRefs.length === 0) return;
+  (_a = collectedRefs[collectedRefs.length - 1]) == null ? void 0 : _a.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();
   }
-  __bindAll(element) {
-    this.__unwrapComponents(element);
+};
+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();
   }
-  __unwrapComponents(element) {
-    var _a;
-    const binder = this.__binder;
-    const parser = binder.__parser;
-    const registeredComponents = binder.__config.__components;
-    const registeredComponentsUpperCase = binder.__config.__componentsUpperCase;
-    const contextComponents = parser.__getComponents();
-    const contextComponentSelectors = parser.__getComponentSelectors();
-    const selector = [
-      ...registeredComponents.keys(),
-      ...contextComponentSelectors,
-      ...[...registeredComponents.keys()].map(hyphenate),
-      ...contextComponentSelectors.map(hyphenate)
-    ].join(",");
-    if (isNullOrWhitespace(selector)) return;
-    const list = element.querySelectorAll(selector);
-    const components = ((_a = element.matches) == null ? void 0 : _a.call(element, selector)) ? [element, ...list] : list;
-    for (const component of components) {
-      if (component.hasAttribute(binder.__pre)) continue;
-      const parent = component.parentNode;
-      if (!parent) continue;
-      const nextSibling = component.nextSibling;
-      const tagName = camelize(component.tagName).toUpperCase();
-      const contextComponent = contextComponents[tagName];
-      const registeredComponent = contextComponent != null ? contextComponent : registeredComponentsUpperCase.get(tagName);
-      if (!registeredComponent) continue;
-      const templateElement = registeredComponent.template;
-      if (!templateElement) continue;
-      const componentParent = component.parentElement;
-      if (!componentParent) continue;
-      const startOfComponent = new Comment(
-        " begin component: " + component.tagName
-      );
-      const endOfComponent = new Comment(" end component: " + component.tagName);
-      componentParent.insertBefore(startOfComponent, component);
-      component.remove();
-      const propsName = binder.__config.__builtInNames.props;
-      const propsOnceName = binder.__config.__builtInNames.propsOnce;
-      const bindName = binder.__config.__builtInNames.bind;
-      const getProps = (component2, capturedContext2) => {
-        const props = {};
-        const hasProps = component2.hasAttribute(propsName);
-        const hasPropsOnce = component2.hasAttribute(propsOnceName);
-        parser.__scoped(capturedContext2, () => {
-          parser.__push(props);
-          if (hasProps) binder.__bind(propsDirective, component2, propsName);
-          if (hasPropsOnce)
-            binder.__bind(propsOnceDirective, component2, propsOnceName);
-          let definedProps = registeredComponent.props;
-          if (!definedProps || definedProps.length === 0) return;
-          definedProps = definedProps.map(camelize);
-          const definedPropsByLowerCase = new Map(
-            definedProps.map((definedProp) => [
-              definedProp.toLowerCase(),
-              definedProp
-            ])
-          );
-          for (const name2 of definedProps.concat(definedProps.map(hyphenate))) {
-            const value = component2.getAttribute(name2);
-            if (value === null) continue;
-            props[camelize(name2)] = value;
-            component2.removeAttribute(name2);
-          }
-          const map = binder.__directiveCollector.__collect(component2, false);
-          for (const [attrName, item] of map.entries()) {
-            const [name2, option] = item.__terms;
-            if (!option) continue;
-            const propName = definedPropsByLowerCase.get(
-              camelize(option).toLowerCase()
-            );
-            if (!propName) continue;
-            if (name2 !== "." && name2 !== ":" && name2 !== bindName) continue;
-            binder.__bind(
-              singlePropDirective,
-              component2,
-              attrName,
-              true,
-              propName,
-              item.__flags
-            );
-          }
-        });
-        return props;
-      };
-      const capturedContext = [...parser.__capture()];
-      const createComponentCtx = () => {
-        var _a2;
-        const props = getProps(component, capturedContext);
-        const head2 = new ComponentHead(
-          props,
-          component,
-          capturedContext,
-          startOfComponent,
-          endOfComponent
-        );
-        const componentCtx2 = useScope(() => {
-          var _a3;
-          return (_a3 = registeredComponent.context(head2)) != null ? _a3 : {};
-        }).context;
-        if (head2.autoProps) {
-          for (const [key, propsValue] of Object.entries(props)) {
-            if (key in componentCtx2) {
-              const compValue = componentCtx2[key];
-              if (compValue === propsValue) continue;
-              if (head2.entangle && isRef(compValue) && isRef(propsValue)) {
-                addUnbinder(startOfComponent, entangle(propsValue, compValue));
-              }
-            } else componentCtx2[key] = propsValue;
-          }
-          (_a2 = head2.onAutoPropsAssigned) == null ? void 0 : _a2.call(head2);
-        }
-        return { componentCtx: componentCtx2, head: head2 };
-      };
-      const { componentCtx, head } = createComponentCtx();
-      const childNodes = [...getChildNodes(templateElement)];
-      const len = childNodes.length;
-      const isEmptyComponent = component.childNodes.length === 0;
-      const expandSlot = (slot) => {
-        const parent2 = slot.parentElement;
-        if (isEmptyComponent) {
-          for (const slotChild of [...slot.childNodes]) {
-            parent2.insertBefore(slotChild, slot);
-          }
-          return;
-        }
-        let name2 = slot.name;
-        if (isNullOrWhitespace(name2)) {
-          name2 = slot.getAttributeNames().filter((x) => x.startsWith("#"))[0];
-          if (isNullOrWhitespace(name2)) {
-            name2 = "default";
-          } else name2 = name2.substring(1);
-        }
-        let compTemplate = component.querySelector(
-          `template[name='${name2}'], template[\\#${name2}]`
-        );
-        if (!compTemplate && name2 === "default") {
-          compTemplate = component.querySelector("template:not([name])");
-          if (compTemplate && compTemplate.getAttributeNames().filter((x) => x.startsWith("#")).length > 0)
-            compTemplate = null;
-        }
-        const createSwitchContext = (childNodes2) => {
-          if (!head.enableSwitch) return;
-          parser.__scoped(capturedContext, () => {
-            parser.__push(componentCtx);
-            const props = getProps(slot, parser.__capture());
-            parser.__scoped(capturedContext, () => {
-              parser.__push(props);
-              const switchContext = parser.__capture();
-              const id = addSwitch(switchContext);
-              for (const child of childNodes2) {
-                if (!isElement(child)) continue;
-                child.setAttribute(rswitch, id);
-                refSwitch(id);
-                addUnbinder(child, () => {
-                  removeSwitch(id);
-                });
-              }
-            });
-          });
-        };
-        if (compTemplate) {
-          const childNodes2 = [...getChildNodes(compTemplate)];
-          for (const slotChild of childNodes2) {
-            parent2.insertBefore(slotChild, slot);
-          }
+};
+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 == null ? void 0 : 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,
+      () => {
+        var _a;
+        const value = (_a = parseResult.refs[0]) != null ? _a : parseResult.value()[0];
+        const ctx = parseResult.context;
+        const ctxKey = ctx[key];
+        if (!isRef(value)) {
+          if (bridge && ctxKey === bridge) {
+            bridge(value);
+            return;
+          }
+          resetSync();
+          if (isRef(ctxKey)) {
+            ctxKey(value);
+            return;
+          }
+          ctx[key] = value;
+          return;
+        }
+        if (isModelBridge(value)) {
+          if (isRef(ctxKey)) {
+            syncRefs(value, ctxKey);
+          } else {
+            ctx[key] = value;
+          }
+          return;
+        }
+        if (!bridge) bridge = createModelBridge(value);
+        ctx[key] = bridge;
+        syncRefs(value, bridge);
+      },
+      true
+    );
+    return () => {
+      stopEntangle();
+      stopObserving();
+    };
+  }
+};
+
+// src/bind/ComponentBinder.ts
+var ComponentBinder = class {
+  constructor(binder) {
+    __publicField(this, "__binder");
+    __publicField(this, "__inherit");
+    this.__binder = binder;
+    this.__inherit = binder.__config.__builtInNames.inherit;
+  }
+  __bindAll(element) {
+    this.__unwrapComponents(element);
+  }
+  __unwrapComponents(element) {
+    var _a;
+    const binder = this.__binder;
+    const parser = binder.__parser;
+    const registeredComponents = binder.__config.__components;
+    const registeredComponentsUpperCase = binder.__config.__componentsUpperCase;
+    const contextComponents = parser.__getComponents();
+    const contextComponentSelectors = parser.__getComponentSelectors();
+    const selector = [
+      ...registeredComponents.keys(),
+      ...contextComponentSelectors,
+      ...[...registeredComponents.keys()].map(hyphenate),
+      ...contextComponentSelectors.map(hyphenate)
+    ].join(",");
+    if (isNullOrWhitespace(selector)) return;
+    const list = element.querySelectorAll(selector);
+    const components = ((_a = element.matches) == null ? void 0 : _a.call(element, selector)) ? [element, ...list] : list;
+    for (const component of components) {
+      if (component.hasAttribute(binder.__pre)) continue;
+      const parent = component.parentNode;
+      if (!parent) continue;
+      const nextSibling = component.nextSibling;
+      const tagName = camelize(component.tagName).toUpperCase();
+      const contextComponent = contextComponents[tagName];
+      const registeredComponent = contextComponent != null ? contextComponent : registeredComponentsUpperCase.get(tagName);
+      if (!registeredComponent) continue;
+      const templateElement = registeredComponent.template;
+      if (!templateElement) continue;
+      const componentParent = component.parentElement;
+      if (!componentParent) continue;
+      const startOfComponent = new Comment(
+        " begin component: " + component.tagName
+      );
+      const endOfComponent = new Comment(" end component: " + component.tagName);
+      componentParent.insertBefore(startOfComponent, component);
+      component.remove();
+      const propsName = binder.__config.__builtInNames.props;
+      const propsOnceName = binder.__config.__builtInNames.propsOnce;
+      const bindName = binder.__config.__builtInNames.bind;
+      const getProps = (component2, capturedContext2) => {
+        const props = {};
+        const hasProps = component2.hasAttribute(propsName);
+        const hasPropsOnce = component2.hasAttribute(propsOnceName);
+        parser.__scoped(capturedContext2, () => {
+          parser.__push(props);
+          if (hasProps) binder.__bind(propsDirective, component2, propsName);
+          if (hasPropsOnce)
+            binder.__bind(propsOnceDirective, component2, propsOnceName);
+          let definedProps = registeredComponent.props;
+          if (!definedProps || definedProps.length === 0) return;
+          definedProps = definedProps.map(camelize);
+          const definedPropsByLowerCase = new Map(
+            definedProps.map((definedProp) => [
+              definedProp.toLowerCase(),
+              definedProp
+            ])
+          );
+          for (const name2 of definedProps.concat(definedProps.map(hyphenate))) {
+            const value = component2.getAttribute(name2);
+            if (value === null) continue;
+            props[camelize(name2)] = value;
+            component2.removeAttribute(name2);
+          }
+          const map = binder.__directiveCollector.__collect(component2, false);
+          for (const [attrName, item] of map.entries()) {
+            const [name2, option] = item.__terms;
+            if (!option) continue;
+            const propName = definedPropsByLowerCase.get(
+              camelize(option).toLowerCase()
+            );
+            if (!propName) continue;
+            if (name2 !== "." && name2 !== ":" && name2 !== bindName) continue;
+            binder.__bind(
+              singlePropDirective,
+              component2,
+              attrName,
+              true,
+              propName,
+              item.__flags
+            );
+          }
+        });
+        return props;
+      };
+      const capturedContext = [...parser.__capture()];
+      const createComponentCtx = () => {
+        var _a2;
+        const props = getProps(component, capturedContext);
+        const head2 = new ComponentHead(
+          props,
+          component,
+          capturedContext,
+          startOfComponent,
+          endOfComponent
+        );
+        const componentCtx2 = useScope(() => {
+          var _a3;
+          return (_a3 = registeredComponent.context(head2)) != null ? _a3 : {};
+        }).context;
+        if (head2.autoProps) {
+          for (const [key, propsValue] of Object.entries(props)) {
+            if (key in componentCtx2) {
+              const compValue = componentCtx2[key];
+              if (compValue === propsValue) continue;
+              if (head2.entangle && isRef(compValue) && isRef(propsValue)) {
+                addUnbinder(startOfComponent, entangle(propsValue, compValue));
+              }
+            } else componentCtx2[key] = propsValue;
+          }
+          (_a2 = head2.onAutoPropsAssigned) == null ? void 0 : _a2.call(head2);
+        }
+        return { componentCtx: componentCtx2, head: head2 };
+      };
+      const { componentCtx, head } = createComponentCtx();
+      const childNodes = [...getChildNodes(templateElement)];
+      const len = childNodes.length;
+      const isEmptyComponent = component.childNodes.length === 0;
+      const expandSlot = (slot) => {
+        const parent2 = slot.parentElement;
+        if (isEmptyComponent) {
+          for (const slotChild of [...slot.childNodes]) {
+            parent2.insertBefore(slotChild, slot);
+          }
+          return;
+        }
+        let name2 = slot.name;
+        if (isNullOrWhitespace(name2)) {
+          name2 = slot.getAttributeNames().filter((x) => x.startsWith("#"))[0];
+          if (isNullOrWhitespace(name2)) {
+            name2 = "default";
+          } else name2 = name2.substring(1);
+        }
+        let compTemplate = component.querySelector(
+          `template[name='${name2}'], template[\\#${name2}]`
+        );
+        if (!compTemplate && name2 === "default") {
+          compTemplate = component.querySelector("template:not([name])");
+          if (compTemplate && compTemplate.getAttributeNames().filter((x) => x.startsWith("#")).length > 0)
+            compTemplate = null;
+        }
+        const createSwitchContext = (childNodes2) => {
+          if (!head.enableSwitch) return;
+          parser.__scoped(capturedContext, () => {
+            parser.__push(componentCtx);
+            const props = getProps(slot, parser.__capture());
+            parser.__scoped(capturedContext, () => {
+              parser.__push(props);
+              const switchContext = parser.__capture();
+              const id = addSwitch(switchContext);
+              for (const child of childNodes2) {
+                if (!isElement(child)) continue;
+                child.setAttribute(rswitch, id);
+                refSwitch(id);
+                addUnbinder(child, () => {
+                  removeSwitch(id);
+                });
+              }
+            });
+          });
+        };
+        if (compTemplate) {
+          const childNodes2 = [...getChildNodes(compTemplate)];
+          for (const slotChild of childNodes2) {
+            parent2.insertBefore(slotChild, slot);
+          }
           createSwitchContext(childNodes2);
         } else {
           if (name2 !== "default") {
@@ -1024,484 +1376,225 @@ var ComponentBinder = class {
               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 {
-  constructor(name2) {
-    __publicField(this, "__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]']` */
-    __publicField(this, "__terms", []);
-    /** Contains directive flags. ['camel', 'prevent',...] */
-    __publicField(this, "__flags", []);
-    __publicField(this, "__elements", []);
-    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 {
-  constructor(binder) {
-    __publicField(this, "__binder");
-    __publicField(this, "__prefixes");
-    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 {
-  constructor(binder) {
-    __publicField(this, "__binder");
-    __publicField(this, "__is");
-    __publicField(this, "__isSelector");
-    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 != null ? expression : ""}`
-    );
-    parent.insertBefore(commentBegin, el);
-    setSwitchOwner(commentBegin, nodes);
-    nodes.forEach((x) => {
-      removeNode(x);
-    });
-    el.remove();
-    const commentEnd = document.createComment(
-      `__end__ dynamic ${expression != null ? 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, () => {
-        var _a;
-        let name2 = value()[0];
-        if (isObject(name2)) {
-          if (!name2.name) {
-            name2 = (_a = Object.entries(parser.__getComponents()).filter(
-              (x) => x[1] === name2
-            )[0]) == null ? void 0 : _a[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) => {
-  var _a;
-  if (collectedRefs.length === 0) return;
-  (_a = collectedRefs[collectedRefs.length - 1]) == null ? void 0 : _a.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 {
+  constructor(name2) {
+    __publicField(this, "__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]']` */
+    __publicField(this, "__terms", []);
+    /** Contains directive flags. ['camel', 'prevent',...] */
+    __publicField(this, "__flags", []);
+    __publicField(this, "__elements", []);
+    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 {
+  constructor(binder) {
+    __publicField(this, "__binder");
+    __publicField(this, "__prefixes");
+    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 {
+  constructor(binder) {
+    __publicField(this, "__binder");
+    __publicField(this, "__is");
+    __publicField(this, "__isSelector");
+    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 != null ? 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 != null ? 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, () => {
+        var _a;
+        let name2 = value()[0];
+        if (isObject(name2)) {
+          if (!name2.name) {
+            name2 = (_a = Object.entries(parser.__getComponents()).filter(
+              (x) => x[1] === name2
+            )[0]) == null ? void 0 : _a[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
@@ -2360,21 +2453,21 @@ var attachDOMChangeListener = (el, parseResult, directiveFlags) => {
     number: f1.number || f2.number,
     trim: f1.trim || f2.trim
   };
-  const modelRef = parseResult.refs[0];
-  if (!modelRef) {
+  if (!parseResult.refs[0]) {
     warning(8 /* ModelRequiresRef */, el);
     return () => {
     };
   }
+  const getModelRef = () => parseResult.refs[0];
   const isAnInput = isInput(el);
   if (isAnInput && isCheckBox(el)) {
-    return handleCheckBox(el, modelRef);
+    return handleCheckBox(el, getModelRef);
   } else if (isAnInput && isRadio(el)) {
-    return handleRadio(el, modelRef);
+    return handleRadio(el, getModelRef);
   } else if (isAnInput || isTextArea(el)) {
-    return handleInputAndTextArea(el, flags, modelRef, parsedValue);
+    return handleInputAndTextArea(el, flags, getModelRef, parsedValue);
   } else if (isSelect(el)) {
-    return handleSelect(el, modelRef, parsedValue);
+    return handleSelect(el, getModelRef, parsedValue);
   } else {
     warning(7 /* ModelNotSupportOnElement */, el);
     return () => {
@@ -2382,7 +2475,7 @@ var attachDOMChangeListener = (el, parseResult, directiveFlags) => {
   }
 };
 var decimalSeparators = /[.,' ·٫]/;
-var handleInputAndTextArea = (el, flags, modelRef, parsedValue) => {
+var handleInputAndTextArea = (el, flags, getModelRef, parsedValue) => {
   const isLazy = flags.lazy;
   const eventType = isLazy ? "change" : "input";
   const isNumber = isNumberInput(el);
@@ -2409,6 +2502,8 @@ var handleInputAndTextArea = (el, flags, modelRef, parsedValue) => {
     el.removeEventListener("change", onCompositionEnd);
   };
   const listener = (event) => {
+    const modelRef = getModelRef();
+    if (!modelRef) return;
     const target = event.target;
     if (!target || target.composing) return;
     let value = target.value;
@@ -2440,12 +2535,14 @@ var handleInputAndTextArea = (el, flags, modelRef, parsedValue) => {
   el.addEventListener("change", onCompositionEnd);
   return unbinder;
 };
-var handleCheckBox = (el, modelRef) => {
+var handleCheckBox = (el, getModelRef) => {
   const eventType = "change";
   const unbinder = () => {
     el.removeEventListener(eventType, listener);
   };
   const listener = () => {
+    const modelRef = getModelRef();
+    if (!modelRef) return;
     const elementValue = getValue(el);
     const checked = el.checked;
     const modelValue = modelRef();
@@ -2496,24 +2593,28 @@ var getCheckboxChecked = (el, value) => {
     return looseEqual(value, el.getAttribute(attrKey));
   return looseEqual(value, true);
 };
-var handleRadio = (el, modelRef) => {
+var handleRadio = (el, getModelRef) => {
   const eventType = "change";
   const unbinder = () => {
     el.removeEventListener(eventType, listener);
   };
   const listener = () => {
+    const modelRef = getModelRef();
+    if (!modelRef) return;
     const elementValue = getValue(el);
     modelRef(elementValue);
   };
   el.addEventListener(eventType, listener);
   return unbinder;
 };
-var handleSelect = (el, modelRef, parsedValue) => {
+var handleSelect = (el, getModelRef, parsedValue) => {
   const eventType = "change";
   const unbinder = () => {
     el.removeEventListener(eventType, listener);
   };
   const listener = () => {
+    const modelRef = getModelRef();
+    if (!modelRef) return;
     const flags = getFlags(parsedValue()[1]);
     const number = flags.number;
     const selectedValue = Array.prototype.filter.call(el.options, (o) => o.selected).map(
@@ -2951,45 +3052,6 @@ var valueDirective = {
   }
 };
 
-// src/reactivity/isDeepRef.ts
-var isDeepRef = (value) => {
-  return (value == null ? void 0 : 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 {
   constructor(globalContext) {
@@ -4781,8 +4843,8 @@ var Parser = class {
             stopObserverList.push(stopObserving);
           }
         }
-        value(evaluated.map((x) => x.value));
         result.refs = evaluated.map((x) => x.ref);
+        value(evaluated.map((x) => x.value));
       };
       refresh();
     } catch (e) {