regor 1.6.9 → 1.7.1

package/dist/regor.es2022.esm.js

@@ -1115,6 +1115,131 @@ 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) => {
+  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(previousValues?.[i]?.[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?.[i]);
+        const previousKey = p && key in p ? key : void 0;
+        patchAttr(el, key, value, previousKey);
+      }
+    } else {
+      const previousKey = unref(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,
@@ -1845,10 +1970,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) {
@@ -2184,12 +2310,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;
@@ -3125,115 +3245,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) => {
-  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 = previousValues?.[i]?.[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?.[i];
-        const previousKey = p && key in p ? key : void 0;
-        patchAttribute(el, key, value, previousKey);
-      }
-    } else {
-      const previousKey = 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;
@@ -3615,8 +3626,10 @@ var handleRadio = (el, getModelRef) => {
 };
 var handleSelect = (el, getModelRef, parsedValue) => {
   const eventType = "change";
+  const stopObservingOptions = observeSelectOptions(el, parsedValue);
   const unbinder = () => {
     el.removeEventListener(eventType, listener);
+    stopObservingOptions();
   };
   const listener = () => {
     const modelRef = getModelRef();
@@ -3650,6 +3663,35 @@ var handleSelect = (el, getModelRef, parsedValue) => {
   el.addEventListener(eventType, listener);
   return unbinder;
 };
+var observeSelectOptions = (el, parsedValue) => {
+  const MutationObserverCtor = globalThis.MutationObserver ?? globalThis.window?.MutationObserver;
+  if (!MutationObserverCtor) return () => {
+  };
+  let pending = false;
+  let stopped = false;
+  const flush = () => {
+    pending = false;
+    if (stopped) return;
+    updateDomElementValue(el, parsedValue()[0]);
+  };
+  const scheduleFlush = () => {
+    if (pending) return;
+    pending = true;
+    if (typeof queueMicrotask === "function") queueMicrotask(flush);
+    else Promise.resolve().then(flush);
+  };
+  const observer = new MutationObserverCtor(scheduleFlush);
+  observer.observe(el, {
+    attributes: true,
+    attributeFilter: ["value"],
+    childList: true,
+    subtree: true
+  });
+  return () => {
+    stopped = true;
+    observer.disconnect();
+  };
+};
 
 // src/directives/on.ts
 var availableFlags = [
@@ -3847,7 +3889,7 @@ var propDirective = {
     }
   })
 };
-function includeBooleanAttr2(value) {
+function includeBooleanAttr(value) {
   return !!value || value === "";
 }
 var patchProp = (el, key, value) => {
@@ -3879,7 +3921,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;