regor 1.7.0 → 1.7.2

package/dist/regor.es2019.cjs.js

@@ -32,6 +32,7 @@ __export(index_exports, {
   computeRef: () => computeRef,
   computed: () => computed,
   createApp: () => createApp,
+  cref: () => cref,
   defineComponent: () => defineComponent,
   drainUnbind: () => drainUnbind,
   endBatch: () => endBatch,
@@ -1193,6 +1194,132 @@ var isScope = (value) => {
   return scopeSymbol2 in value;
 };
 
+// src/reactivity/unref.ts
+var unref = (value) => {
+  const anyValue = value;
+  return anyValue != null && anyValue[srefSymbol] > 0 ? anyValue() : anyValue;
+};
+
+// src/directives/attr.ts
+var xlinkNS = "http://www.w3.org/1999/xlink";
+var booleanAttributes = {
+  itemscope: 2,
+  allowfullscreen: 2,
+  formnovalidate: 2,
+  ismap: 2,
+  nomodule: 2,
+  novalidate: 2,
+  readonly: 2,
+  async: 1,
+  autofocus: 1,
+  autoplay: 1,
+  controls: 1,
+  default: 1,
+  defer: 1,
+  disabled: 1,
+  hidden: 1,
+  inert: 1,
+  loop: 1,
+  open: 1,
+  required: 1,
+  reversed: 1,
+  scoped: 1,
+  seamless: 1,
+  checked: 1,
+  muted: 1,
+  multiple: 1,
+  selected: 1
+};
+var updateAttr = (el, values, previousValues, option, previousOption, flags) => {
+  var _a;
+  if (option) {
+    option = unref(option);
+    if (flags && flags.includes("camel")) option = camelize(option);
+    patchAttr(
+      el,
+      option,
+      unref(values[0]),
+      unref(previousOption)
+    );
+    return;
+  }
+  const len = values.length;
+  for (let i = 0; i < len; ++i) {
+    const next = values[i];
+    if (isArray(next)) {
+      const previousKey = unref((_a = previousValues == null ? void 0 : previousValues[i]) == null ? void 0 : _a[0]);
+      const key = unref(next[0]);
+      const value = unref(next[1]);
+      patchAttr(el, key, value, previousKey);
+    } else if (isObject(next)) {
+      for (const item of Object.entries(next)) {
+        const key = item[0];
+        const value = unref(item[1]);
+        const p = unref(previousValues == null ? void 0 : previousValues[i]);
+        const previousKey = p && key in p ? key : void 0;
+        patchAttr(el, key, value, previousKey);
+      }
+    } else {
+      const previousKey = unref(previousValues == null ? void 0 : previousValues[i]);
+      const key = unref(values[i++]);
+      const value = unref(values[i]);
+      patchAttr(el, key, value, previousKey);
+    }
+  }
+};
+var attrDirective = {
+  mount: () => ({
+    update: ({ el, values, previousValues, option, previousOption, flags }) => {
+      updateAttr(
+        el,
+        values,
+        previousValues,
+        option,
+        previousOption,
+        flags
+      );
+    }
+  })
+};
+var patchAttr = (el, key, value, previousKey) => {
+  if (previousKey && previousKey !== key) {
+    el.removeAttribute(previousKey);
+  }
+  if (isNullOrUndefined(key)) {
+    warning(3 /* KeyIsEmpty */, "r-bind", el);
+    return;
+  }
+  if (!isString(key)) {
+    warning(
+      6 /* ErrorLog */,
+      `Attribute key is not string at ${el.outerHTML}`,
+      key
+    );
+    return;
+  }
+  if (key.startsWith("xlink:")) {
+    if (isNullOrUndefined(value)) {
+      el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
+    } else {
+      el.setAttributeNS(xlinkNS, key, value);
+    }
+    return;
+  }
+  if (isNullOrUndefined(value)) {
+    el.removeAttribute(key);
+    return;
+  }
+  if (key in booleanAttributes) {
+    if (toBoolean(value)) {
+      el.setAttribute(key, "");
+    } else {
+      el.removeAttribute(key);
+    }
+    return;
+  }
+  el.setAttribute(key, value);
+};
+
 // src/directives/context.ts
 var contextDirective = {
   collectRefObj: true,
@@ -1931,10 +2058,11 @@ var ComponentBinder = class {
           } else if (attrName === ":style" || attrName === bindStyleName) {
             mergeBinding(":style", bindStyleName, value);
           } else {
-            inheritor.setAttribute(
-              normalizeAttributeName(attrName, binder.__config),
-              value
+            const normalizedName = normalizeAttributeName(
+              attrName,
+              binder.__config
             );
+            patchAttr(inheritor, normalizedName, value);
           }
         };
         for (const { name, value } of inheritedPropAttrs) {
@@ -2276,12 +2404,6 @@ var DynamicBinder = class {
   }
 };
 
-// src/reactivity/unref.ts
-var unref = (value) => {
-  const anyValue = value;
-  return anyValue != null && anyValue[srefSymbol] > 0 ? anyValue() : anyValue;
-};
-
 // src/directives/html.ts
 var updateHtml = (el, values) => {
   const [value, replacer] = values;
@@ -3231,116 +3353,6 @@ var Binder = class {
   }
 };
 
-// src/directives/attr.ts
-var xlinkNS = "http://www.w3.org/1999/xlink";
-var booleanAttributes = {
-  itemscope: 2,
-  allowfullscreen: 2,
-  formnovalidate: 2,
-  ismap: 2,
-  nomodule: 2,
-  novalidate: 2,
-  readonly: 2,
-  async: 1,
-  autofocus: 1,
-  autoplay: 1,
-  controls: 1,
-  default: 1,
-  defer: 1,
-  disabled: 1,
-  hidden: 1,
-  inert: 1,
-  loop: 1,
-  open: 1,
-  required: 1,
-  reversed: 1,
-  scoped: 1,
-  seamless: 1,
-  checked: 1,
-  muted: 1,
-  multiple: 1,
-  selected: 1
-};
-function includeBooleanAttr(value) {
-  return !!value || value === "";
-}
-var updateAttr = (el, values, previousValues, option, previousOption, flags) => {
-  var _a;
-  if (option) {
-    if (flags && flags.includes("camel")) option = camelize(option);
-    patchAttribute(el, option, values[0], previousOption);
-    return;
-  }
-  const len = values.length;
-  for (let i = 0; i < len; ++i) {
-    const next = values[i];
-    if (isArray(next)) {
-      const previousKey = (_a = previousValues == null ? void 0 : previousValues[i]) == null ? void 0 : _a[0];
-      const key = next[0];
-      const value = next[1];
-      patchAttribute(el, key, value, previousKey);
-    } else if (isObject(next)) {
-      for (const item of Object.entries(next)) {
-        const key = item[0];
-        const value = item[1];
-        const p = previousValues == null ? void 0 : previousValues[i];
-        const previousKey = p && key in p ? key : void 0;
-        patchAttribute(el, key, value, previousKey);
-      }
-    } else {
-      const previousKey = previousValues == null ? void 0 : previousValues[i];
-      const key = values[i++];
-      const value = values[i];
-      patchAttribute(el, key, value, previousKey);
-    }
-  }
-};
-var attrDirective = {
-  mount: () => ({
-    update: ({ el, values, previousValues, option, previousOption, flags }) => {
-      updateAttr(
-        el,
-        values,
-        previousValues,
-        option,
-        previousOption,
-        flags
-      );
-    }
-  })
-};
-var patchAttribute = (el, key, value, previousKey) => {
-  if (previousKey && previousKey !== key) {
-    el.removeAttribute(previousKey);
-  }
-  if (isNullOrUndefined(key)) {
-    warning(3 /* KeyIsEmpty */, "r-bind", el);
-    return;
-  }
-  if (!isString(key)) {
-    warning(
-      6 /* ErrorLog */,
-      `Attribute key is not string at ${el.outerHTML}`,
-      key
-    );
-    return;
-  }
-  if (key.startsWith("xlink:")) {
-    if (isNullOrUndefined(value)) {
-      el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
-    } else {
-      el.setAttributeNS(xlinkNS, key, value);
-    }
-    return;
-  }
-  const isBoolean2 = key in booleanAttributes;
-  if (isNullOrUndefined(value) || isBoolean2 && !includeBooleanAttr(value)) {
-    el.removeAttribute(key);
-  } else {
-    el.setAttribute(key, isBoolean2 ? "" : value);
-  }
-};
-
 // src/directives/class.ts
 var updateClass = (el, values, previousValues) => {
   const len = values.length;
@@ -3987,7 +3999,7 @@ var propDirective = {
     }
   })
 };
-function includeBooleanAttr2(value) {
+function includeBooleanAttr(value) {
   return !!value || value === "";
 }
 var patchProp = (el, key, value) => {
@@ -4019,7 +4031,7 @@ var patchProp = (el, key, value) => {
   if (value === "" || value == null) {
     const type = typeof el[key];
     if (type === "boolean") {
-      value = includeBooleanAttr2(value);
+      value = includeBooleanAttr(value);
     } else if (value == null && type === "string") {
       value = "";
       needRemove = true;
@@ -4185,6 +4197,8 @@ var flatten = (reference) => {
 var flattenContent = (value, weakMap = /* @__PURE__ */ new WeakMap()) => {
   if (!value) return value;
   if (!isObject(value)) return value;
+  if (value instanceof Node || value instanceof Date || value instanceof RegExp || value instanceof Promise || value instanceof Error)
+    return value;
   if (isArray(value)) {
     return value.map(flatten);
   }
@@ -4273,6 +4287,11 @@ function ref(value) {
   return result;
 }
 
+// src/reactivity/cref.ts
+function cref(value) {
+  return ref(flatten(value));
+}
+
 // src/app/RegorConfig.ts
 var _RegorConfig = class _RegorConfig {
   constructor(globalContext) {
@@ -4333,6 +4352,7 @@ var _RegorConfig = class _RegorConfig {
       obj[key] = global[key];
     }
     obj.ref = ref;
+    obj.cref = cref;
     obj.sref = sref;
     obj.flatten = flatten;
     return obj;