regor 1.6.9 → 1.7.1

package/dist/regor.es2022.iife.js

@@ -1185,6 +1185,131 @@ var Regor = (() => {
     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,
@@ -1915,10 +2040,11 @@ var Regor = (() => {
             } 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) {
@@ -2254,12 +2380,6 @@ var Regor = (() => {
     }
   };
 
-  // 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;
@@ -3195,115 +3315,6 @@ var Regor = (() => {
     }
   };
 
-  // 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;
@@ -3685,8 +3696,10 @@ var Regor = (() => {
   };
   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();
@@ -3720,6 +3733,35 @@ var Regor = (() => {
     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 = [
@@ -3917,7 +3959,7 @@ var Regor = (() => {
       }
     })
   };
-  function includeBooleanAttr2(value) {
+  function includeBooleanAttr(value) {
     return !!value || value === "";
   }
   var patchProp = (el, key, value) => {
@@ -3949,7 +3991,7 @@ var Regor = (() => {
     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;