@marko/runtime-tags 6.0.145 → 6.0.146

package/dist/debug/dom.js

@@ -1105,18 +1105,30 @@ function _attr_input_checked_script(scope, nodeAccessor) {
   });
 }
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
-  scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = checkedValue;
-  _attr(scope[nodeAccessor], "value", value);
+  const multiple = Array.isArray(checkedValue);
+  const normalizedValue = normalizeStrProp(value);
+  const normalizedCheckedValue = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizedCheckedValue;
+  _attr(scope[nodeAccessor], "value", normalizedValue);
   setCheckboxValue(
     scope,
     nodeAccessor,
     1 /* InputCheckedValue */,
-    Array.isArray(checkedValue) ? checkedValue.includes(value) : checkedValue === value,
+    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue,
     checkedValueChange
   );
 }
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
+  if (isResuming && el.defaultChecked) {
+    if (scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]) {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor].push(
+        el.value
+      );
+    } else {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = el.value;
+    }
+  }
   syncControllable(el, "input", hasCheckboxChanged, () => {
     const checkedValueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (checkedValueChange) {
@@ -1144,7 +1156,7 @@ function _attr_input_value(scope, nodeAccessor, value, valueChange) {
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = valueChange;
   if (valueChange) {
     scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 2 /* InputValue */;
-    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = value;
+    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizedValue;
     if (el.isConnected) {
       setValueAndUpdateSelection(el, normalizedValue);
     } else {
@@ -1175,17 +1187,18 @@ function _attr_input_value_script(scope, nodeAccessor) {
   });
 }
 function _attr_select_value(scope, nodeAccessor, value, valueChange) {
+  const normalizedValue = Array.isArray(value) ? value.map(normalizeStrProp) : normalizeStrProp(value);
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = valueChange;
   if (valueChange) {
     scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */;
-    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = value;
+    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizedValue;
   } else {
     scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
   }
   pendingEffects.unshift(
     () => setSelectOptions(
       scope[nodeAccessor],
-      value,
+      normalizedValue,
       valueChange
     ),
     scope
@@ -1196,22 +1209,35 @@ function _attr_select_value_script(scope, nodeAccessor) {
   const onChange = () => {
     const valueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
-      const newValue = Array.isArray(
-        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]
-      ) ? Array.from(el.selectedOptions, toValueProp) : el.value;
-      setSelectOptions(
-        el,
-        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor],
-        valueChange
-      );
+      const oldValue = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
+      const newValue = Array.isArray(oldValue) ? Array.from(el.selectedOptions, toValueProp) : el.value;
+      setSelectOptions(el, oldValue, valueChange);
       valueChange(newValue);
       run();
     }
   };
+  if (isResuming) {
+    if (el.multiple) {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = [];
+      for (const opt of el.options) {
+        if (opt.defaultSelected) {
+          scope["ControlledValue:" /* ControlledValue */ + nodeAccessor].push(opt.value);
+        }
+      }
+    } else {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = "";
+      for (const opt of el.options) {
+        if (opt.defaultSelected) {
+          scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = opt.value;
+          break;
+        }
+      }
+    }
+  }
   if (!el._) {
     new MutationObserver(() => {
       const value = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
-      if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value != value) {
+      if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value !== value) {
         onChange();
       }
     }).observe(el, {
@@ -1232,28 +1258,23 @@ function setSelectOptions(el, value, valueChange) {
       }
     }
   } else {
-    const normalizedValue = normalizeStrProp(value);
     if (valueChange) {
-      el.value = normalizedValue;
+      el.value = value;
     } else {
       for (const opt of el.options) {
-        opt.defaultSelected = opt.value === normalizedValue;
+        opt.defaultSelected = opt.value === value;
       }
     }
   }
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = openChange;
-  if (openChange) {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */;
-  } else {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
-  }
+  scope["ControlledType:" /* ControlledType */ + nodeAccessor] = openChange ? 4 /* DetailsOrDialogOpen */ : 5 /* None */;
   scope[nodeAccessor].open = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
-  const hasChanged = () => el.open !== scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
+  const hasChanged = () => el.open === !scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",

package/dist/debug/dom.mjs

@@ -998,18 +998,30 @@ function _attr_input_checked_script(scope, nodeAccessor) {
   });
 }
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
-  scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = checkedValue;
-  _attr(scope[nodeAccessor], "value", value);
+  const multiple = Array.isArray(checkedValue);
+  const normalizedValue = normalizeStrProp(value);
+  const normalizedCheckedValue = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizedCheckedValue;
+  _attr(scope[nodeAccessor], "value", normalizedValue);
   setCheckboxValue(
     scope,
     nodeAccessor,
     1 /* InputCheckedValue */,
-    Array.isArray(checkedValue) ? checkedValue.includes(value) : checkedValue === value,
+    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue,
     checkedValueChange
   );
 }
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
+  if (isResuming && el.defaultChecked) {
+    if (scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]) {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor].push(
+        el.value
+      );
+    } else {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = el.value;
+    }
+  }
   syncControllable(el, "input", hasCheckboxChanged, () => {
     const checkedValueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (checkedValueChange) {
@@ -1037,7 +1049,7 @@ function _attr_input_value(scope, nodeAccessor, value, valueChange) {
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = valueChange;
   if (valueChange) {
     scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 2 /* InputValue */;
-    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = value;
+    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizedValue;
     if (el.isConnected) {
       setValueAndUpdateSelection(el, normalizedValue);
     } else {
@@ -1068,17 +1080,18 @@ function _attr_input_value_script(scope, nodeAccessor) {
   });
 }
 function _attr_select_value(scope, nodeAccessor, value, valueChange) {
+  const normalizedValue = Array.isArray(value) ? value.map(normalizeStrProp) : normalizeStrProp(value);
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = valueChange;
   if (valueChange) {
     scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */;
-    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = value;
+    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizedValue;
   } else {
     scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
   }
   pendingEffects.unshift(
     () => setSelectOptions(
       scope[nodeAccessor],
-      value,
+      normalizedValue,
       valueChange
     ),
     scope
@@ -1089,22 +1102,35 @@ function _attr_select_value_script(scope, nodeAccessor) {
   const onChange = () => {
     const valueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
-      const newValue = Array.isArray(
-        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]
-      ) ? Array.from(el.selectedOptions, toValueProp) : el.value;
-      setSelectOptions(
-        el,
-        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor],
-        valueChange
-      );
+      const oldValue = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
+      const newValue = Array.isArray(oldValue) ? Array.from(el.selectedOptions, toValueProp) : el.value;
+      setSelectOptions(el, oldValue, valueChange);
       valueChange(newValue);
       run();
     }
   };
+  if (isResuming) {
+    if (el.multiple) {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = [];
+      for (const opt of el.options) {
+        if (opt.defaultSelected) {
+          scope["ControlledValue:" /* ControlledValue */ + nodeAccessor].push(opt.value);
+        }
+      }
+    } else {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = "";
+      for (const opt of el.options) {
+        if (opt.defaultSelected) {
+          scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = opt.value;
+          break;
+        }
+      }
+    }
+  }
   if (!el._) {
     new MutationObserver(() => {
       const value = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
-      if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value != value) {
+      if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value !== value) {
         onChange();
       }
     }).observe(el, {
@@ -1125,28 +1151,23 @@ function setSelectOptions(el, value, valueChange) {
       }
     }
   } else {
-    const normalizedValue = normalizeStrProp(value);
     if (valueChange) {
-      el.value = normalizedValue;
+      el.value = value;
     } else {
       for (const opt of el.options) {
-        opt.defaultSelected = opt.value === normalizedValue;
+        opt.defaultSelected = opt.value === value;
       }
     }
   }
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = openChange;
-  if (openChange) {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */;
-  } else {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
-  }
+  scope["ControlledType:" /* ControlledType */ + nodeAccessor] = openChange ? 4 /* DetailsOrDialogOpen */ : 5 /* None */;
   scope[nodeAccessor].open = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
-  const hasChanged = () => el.open !== scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
+  const hasChanged = () => el.open === !scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",

package/dist/debug/html.js

@@ -2879,8 +2879,8 @@ function _attr_style(value) {
   return stringAttr("style", styleValue(value));
 }
 function _attr_option_value(value) {
-  const selectedValue = getContext(kSelectedValue);
-  return _attr("value", value) + (!isVoid(value) && (Array.isArray(selectedValue) ? selectedValue.includes(value) : selectedValue === value) ? " selected" : "");
+  const valueAttr = _attr("value", value);
+  return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
 }
 var kSelectedValue = /* @__PURE__ */ Symbol("selectedValue");
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content) {
@@ -2889,7 +2889,7 @@ function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content)
       3 /* SelectValue */,
       scopeId,
       nodeAccessor,
-      value,
+      void 0,
       valueChange
     );
   }
@@ -2931,33 +2931,44 @@ function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
       checkedChange
     );
   }
-  return _attr("checked", checked);
+  return normalizeBoolAttrValue(checked) ? " checked" : "";
 }
 function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
-  const multiple = Array.isArray(checkedValue);
   const valueAttr = _attr("value", value);
   if (checkedValueChange) {
     writeControlledScope(
       1 /* InputCheckedValue */,
       scopeId,
       nodeAccessor,
-      checkedValue,
+      getCheckedValueRef(checkedValue),
       checkedValueChange
     );
   }
-  return (multiple ? checkedValue.includes(value) : checkedValue === value) ? valueAttr + " checked" : valueAttr;
+  return normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
+}
+var checkedValuesRefs = /* @__PURE__ */ new WeakMap();
+function getCheckedValueRef(checkedValue) {
+  if (Array.isArray(checkedValue)) {
+    let ref = checkedValuesRefs.get(checkedValue);
+    if (!ref) {
+      ref = [];
+      checkedValuesRefs.set(checkedValue, ref);
+    }
+    return ref;
+  }
 }
 function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
+  const normalizedOpen = normalizeBoolAttrValue(open);
   if (openChange) {
     writeControlledScope(
       4 /* DetailsOrDialogOpen */,
       scopeId,
       nodeAccessor,
-      open,
+      normalizedOpen,
       openChange
     );
   }
-  return _attr("open", open);
+  return normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
   return getChunk().boundary.state.nonceAttr;
@@ -3120,6 +3131,27 @@ function escapeDoubleQuotedAttrValue(value) {
 function replaceUnsafeDoubleQuoteAttrChar(match) {
   return match === '"' ? """ : "&";
 }
+function normalizedValueMatches(a, b) {
+  const value = normalizeStrAttrValue(b);
+  if (Array.isArray(a)) {
+    for (const item of a) {
+      if (normalizeStrAttrValue(item) === value) {
+        return true;
+      }
+    }
+  } else if (normalizeStrAttrValue(a) === value) {
+    return true;
+  }
+  return false;
+}
+function normalizeStrAttrValue(value) {
+  return value && value !== true || value === 0 ? value + "" : "";
+}
+function normalizeBoolAttrValue(value) {
+  if (value != null && value !== false) {
+    return true;
+  }
+}
 
 // src/common/compat-meta.ts
 var prefix = true ? "$compat_" : "$C_";

package/dist/debug/html.mjs

@@ -2786,8 +2786,8 @@ function _attr_style(value) {
   return stringAttr("style", styleValue(value));
 }
 function _attr_option_value(value) {
-  const selectedValue = getContext(kSelectedValue);
-  return _attr("value", value) + (!isVoid(value) && (Array.isArray(selectedValue) ? selectedValue.includes(value) : selectedValue === value) ? " selected" : "");
+  const valueAttr = _attr("value", value);
+  return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
 }
 var kSelectedValue = /* @__PURE__ */ Symbol("selectedValue");
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content) {
@@ -2796,7 +2796,7 @@ function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content)
       3 /* SelectValue */,
       scopeId,
       nodeAccessor,
-      value,
+      void 0,
       valueChange
     );
   }
@@ -2838,33 +2838,44 @@ function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
       checkedChange
     );
   }
-  return _attr("checked", checked);
+  return normalizeBoolAttrValue(checked) ? " checked" : "";
 }
 function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
-  const multiple = Array.isArray(checkedValue);
   const valueAttr = _attr("value", value);
   if (checkedValueChange) {
     writeControlledScope(
       1 /* InputCheckedValue */,
       scopeId,
       nodeAccessor,
-      checkedValue,
+      getCheckedValueRef(checkedValue),
       checkedValueChange
     );
   }
-  return (multiple ? checkedValue.includes(value) : checkedValue === value) ? valueAttr + " checked" : valueAttr;
+  return normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
+}
+var checkedValuesRefs = /* @__PURE__ */ new WeakMap();
+function getCheckedValueRef(checkedValue) {
+  if (Array.isArray(checkedValue)) {
+    let ref = checkedValuesRefs.get(checkedValue);
+    if (!ref) {
+      ref = [];
+      checkedValuesRefs.set(checkedValue, ref);
+    }
+    return ref;
+  }
 }
 function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
+  const normalizedOpen = normalizeBoolAttrValue(open);
   if (openChange) {
     writeControlledScope(
       4 /* DetailsOrDialogOpen */,
       scopeId,
       nodeAccessor,
-      open,
+      normalizedOpen,
       openChange
     );
   }
-  return _attr("open", open);
+  return normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
   return getChunk().boundary.state.nonceAttr;
@@ -3027,6 +3038,27 @@ function escapeDoubleQuotedAttrValue(value) {
 function replaceUnsafeDoubleQuoteAttrChar(match) {
   return match === '"' ? """ : "&";
 }
+function normalizedValueMatches(a, b) {
+  const value = normalizeStrAttrValue(b);
+  if (Array.isArray(a)) {
+    for (const item of a) {
+      if (normalizeStrAttrValue(item) === value) {
+        return true;
+      }
+    }
+  } else if (normalizeStrAttrValue(a) === value) {
+    return true;
+  }
+  return false;
+}
+function normalizeStrAttrValue(value) {
+  return value && value !== true || value === 0 ? value + "" : "";
+}
+function normalizeBoolAttrValue(value) {
+  if (value != null && value !== false) {
+    return true;
+  }
+}
 
 // src/common/compat-meta.ts
 var prefix = true ? "$compat_" : "$C_";

package/dist/dom.js

@@ -661,17 +661,20 @@ function _attr_input_checked_script(scope, nodeAccessor) {
   });
 }
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
-  scope["G" /* ControlledValue */ + nodeAccessor] = checkedValue, _attr(scope[nodeAccessor], "value", value), setCheckboxValue(
+  let multiple = Array.isArray(checkedValue), normalizedValue = normalizeStrProp(value), normalizedCheckedValue = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  scope["G" /* ControlledValue */ + nodeAccessor] = normalizedCheckedValue, _attr(scope[nodeAccessor], "value", normalizedValue), setCheckboxValue(
     scope,
     nodeAccessor,
     1 /* InputCheckedValue */,
-    Array.isArray(checkedValue) ? checkedValue.includes(value) : checkedValue === value,
+    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue,
     checkedValueChange
   );
 }
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
-  syncControllable(el, "input", hasCheckboxChanged, () => {
+  isResuming && el.defaultChecked && (scope["G" /* ControlledValue */ + nodeAccessor] ? scope["G" /* ControlledValue */ + nodeAccessor].push(
+    el.value
+  ) : scope["G" /* ControlledValue */ + nodeAccessor] = el.value), syncControllable(el, "input", hasCheckboxChanged, () => {
     let checkedValueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (checkedValueChange) {
       let oldValue = scope["G" /* ControlledValue */ + nodeAccessor], newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
@@ -688,7 +691,7 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 }
 function _attr_input_value(scope, nodeAccessor, value, valueChange) {
   let el = scope[nodeAccessor], normalizedValue = normalizeStrProp(value);
-  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["F" /* ControlledType */ + nodeAccessor] = 2 /* InputValue */, scope["G" /* ControlledValue */ + nodeAccessor] = value, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["F" /* ControlledType */ + nodeAccessor] = 2 /* InputValue */, scope["G" /* ControlledValue */ + nodeAccessor] = normalizedValue, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
 }
 function _attr_input_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
@@ -701,10 +704,11 @@ function _attr_input_value_script(scope, nodeAccessor) {
   });
 }
 function _attr_select_value(scope, nodeAccessor, value, valueChange) {
-  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["F" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */, scope["G" /* ControlledValue */ + nodeAccessor] = value) : scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, pendingEffects.unshift(
+  let normalizedValue = Array.isArray(value) ? value.map(normalizeStrProp) : normalizeStrProp(value);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["F" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */, scope["G" /* ControlledValue */ + nodeAccessor] = normalizedValue) : scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, pendingEffects.unshift(
     () => setSelectOptions(
       scope[nodeAccessor],
-      value,
+      normalizedValue,
       valueChange
     ),
     scope
@@ -714,19 +718,26 @@ function _attr_select_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor], onChange = () => {
     let valueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
-      let newValue = Array.isArray(
-        scope["G" /* ControlledValue */ + nodeAccessor]
-      ) ? Array.from(el.selectedOptions, toValueProp) : el.value;
-      setSelectOptions(
-        el,
-        scope["G" /* ControlledValue */ + nodeAccessor],
-        valueChange
-      ), valueChange(newValue), run();
+      let oldValue = scope["G" /* ControlledValue */ + nodeAccessor], newValue = Array.isArray(oldValue) ? Array.from(el.selectedOptions, toValueProp) : el.value;
+      setSelectOptions(el, oldValue, valueChange), valueChange(newValue), run();
     }
   };
+  if (isResuming)
+    if (el.multiple) {
+      scope["G" /* ControlledValue */ + nodeAccessor] = [];
+      for (let opt of el.options)
+        opt.defaultSelected && scope["G" /* ControlledValue */ + nodeAccessor].push(opt.value);
+    } else {
+      scope["G" /* ControlledValue */ + nodeAccessor] = "";
+      for (let opt of el.options)
+        if (opt.defaultSelected) {
+          scope["G" /* ControlledValue */ + nodeAccessor] = opt.value;
+          break;
+        }
+    }
   el._ || new MutationObserver(() => {
     let value = scope["G" /* ControlledValue */ + nodeAccessor];
-    (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value != value) && onChange();
+    (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value !== value) && onChange();
   }).observe(el, {
     childList: !0,
     subtree: !0
@@ -738,20 +749,17 @@ function setSelectOptions(el, value, valueChange) {
       let selected = value.includes(opt.value);
       valueChange ? opt.selected = selected : opt.defaultSelected = selected;
     }
-  else {
-    let normalizedValue = normalizeStrProp(value);
-    if (valueChange)
-      el.value = normalizedValue;
-    else
-      for (let opt of el.options)
-        opt.defaultSelected = opt.value === normalizedValue;
-  }
+  else if (valueChange)
+    el.value = value;
+  else
+    for (let opt of el.options)
+      opt.defaultSelected = opt.value === value;
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
-  scope["E" /* ControlledHandler */ + nodeAccessor] = openChange, openChange ? scope["F" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */ : scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, scope[nodeAccessor].open = scope["G" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = openChange, scope["F" /* ControlledType */ + nodeAccessor] = openChange ? 4 /* DetailsOrDialogOpen */ : 5 /* None */, scope[nodeAccessor].open = scope["G" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
-  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope["G" /* ControlledValue */ + nodeAccessor];
+  let el = scope[nodeAccessor], hasChanged = () => el.open === !scope["G" /* ControlledValue */ + nodeAccessor];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",