marko 6.0.146 → 6.0.148

package/dist/dom.js

@@ -26,22 +26,29 @@ __export(dom_exports, {
   _attr_class_items: () => _attr_class_items,
   _attr_content: () => _attr_content,
   _attr_details_open: () => _attr_details_or_dialog_open,
+  _attr_details_open_default: () => _attr_details_or_dialog_open_default,
   _attr_details_open_script: () => _attr_details_or_dialog_open_script,
   _attr_dialog_open: () => _attr_details_or_dialog_open,
+  _attr_dialog_open_default: () => _attr_details_or_dialog_open_default,
   _attr_dialog_open_script: () => _attr_details_or_dialog_open_script,
   _attr_input_checked: () => _attr_input_checked,
   _attr_input_checkedValue: () => _attr_input_checkedValue,
+  _attr_input_checkedValue_default: () => _attr_input_checkedValue_default,
   _attr_input_checkedValue_script: () => _attr_input_checkedValue_script,
+  _attr_input_checked_default: () => _attr_input_checked_default,
   _attr_input_checked_script: () => _attr_input_checked_script,
   _attr_input_value: () => _attr_input_value,
+  _attr_input_value_default: () => _attr_input_value_default,
   _attr_input_value_script: () => _attr_input_value_script,
   _attr_nonce: () => _attr_nonce,
   _attr_select_value: () => _attr_select_value,
+  _attr_select_value_default: () => _attr_select_value_default,
   _attr_select_value_script: () => _attr_select_value_script,
   _attr_style: () => _attr_style,
   _attr_style_item: () => _attr_style_item,
   _attr_style_items: () => _attr_style_items,
   _attr_textarea_value: () => _attr_input_value,
+  _attr_textarea_value_default: () => _attr_input_value_default,
   _attr_textarea_value_script: () => _attr_input_value_script,
   _attrs: () => _attrs,
   _attrs_content: () => _attrs_content,
@@ -641,18 +648,21 @@ function _el(id, accessor) {
 }
 
 // src/dom/controllable.ts
+var inputType = "", controllableDelegate = createDelegator();
+function _attr_input_checked_default(scope, nodeAccessor, checked) {
+  let el = scope[nodeAccessor], normalizedChecked = normalizeBoolProp(checked);
+  if (el.defaultChecked !== normalizedChecked) {
+    let restoreValue = scope.H ? normalizedChecked : el.checked;
+    el.defaultChecked = normalizedChecked, restoreValue !== normalizedChecked && (el.checked = restoreValue);
+  }
+}
 function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
-  setCheckboxValue(
-    scope,
-    nodeAccessor,
-    0 /* InputChecked */,
-    normalizeBoolProp(checked),
-    checkedChange
-  );
+  let el = scope[nodeAccessor], normalizedChecked = normalizeBoolProp(checked);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = checkedChange, scope["F" /* ControlledType */ + nodeAccessor] = checkedChange ? 0 /* InputChecked */ : 5 /* None */, checkedChange && !scope.H ? el.checked = normalizedChecked : _attr_input_checked_default(scope, nodeAccessor, normalizedChecked);
 }
 function _attr_input_checked_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
-  syncControllable(el, "input", hasCheckboxChanged, () => {
+  syncControllableFormInput(el, hasCheckboxChanged, () => {
     let checkedChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (checkedChange) {
       let newValue = el.checked;
@@ -660,21 +670,28 @@ function _attr_input_checked_script(scope, nodeAccessor) {
     }
   });
 }
-function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
+function _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, value) {
   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(
+  _attr(scope[nodeAccessor], "value", normalizedValue), _attr_input_checked_default(
     scope,
     nodeAccessor,
-    1 /* InputCheckedValue */,
-    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue,
-    checkedValueChange
+    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue
+  );
+}
+function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
+  let el = scope[nodeAccessor], multiple = Array.isArray(checkedValue), normalizedValue = normalizeStrProp(value), normalizedCheckedValue = scope["G" /* ControlledValue */ + nodeAccessor] = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  _attr(el, "value", normalizedValue), scope["E" /* ControlledHandler */ + nodeAccessor] = checkedValueChange, scope["F" /* ControlledType */ + nodeAccessor] = checkedValueChange ? 1 /* InputCheckedValue */ : 5 /* None */, checkedValueChange && !scope.H ? el.checked = multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue : _attr_input_checkedValue_default(
+    scope,
+    nodeAccessor,
+    normalizedCheckedValue,
+    normalizedValue
   );
 }
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   isResuming && el.defaultChecked && (scope["G" /* ControlledValue */ + nodeAccessor] ? scope["G" /* ControlledValue */ + nodeAccessor].push(
     el.value
-  ) : scope["G" /* ControlledValue */ + nodeAccessor] = el.value), syncControllable(el, "input", hasCheckboxChanged, () => {
+  ) : scope["G" /* ControlledValue */ + nodeAccessor] = el.value), syncControllableFormInput(el, 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;
@@ -689,37 +706,58 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
     }
   });
 }
+function _attr_input_value_default(scope, nodeAccessor, value) {
+  let el = scope[nodeAccessor], normalizedValue = normalizeStrProp(value);
+  if (el.defaultValue !== normalizedValue) {
+    let restoreValue = scope.H ? normalizedValue : el.value;
+    el.defaultValue = normalizedValue, setInputValue(el, restoreValue);
+  }
+}
 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] = normalizedValue, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, scope["G" /* ControlledValue */ + nodeAccessor] = normalizedValue, scope["F" /* ControlledType */ + nodeAccessor] = valueChange ? 2 /* InputValue */ : 5 /* None */, valueChange && !scope.H ? setInputValue(el, normalizedValue) : _attr_input_value_default(scope, nodeAccessor, normalizedValue);
 }
 function _attr_input_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
-  isResuming && (scope["G" /* ControlledValue */ + nodeAccessor] = el.defaultValue), syncControllable(el, "input", hasValueChanged, (ev) => {
+  isResuming && (scope["G" /* ControlledValue */ + nodeAccessor] = el.defaultValue), syncControllableFormInput(el, hasValueChanged, (ev) => {
     let valueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
-    valueChange && (inputType = ev?.inputType, valueChange(el.value), run(), setValueAndUpdateSelection(
-      el,
-      scope["G" /* ControlledValue */ + nodeAccessor]
-    ), inputType = "");
+    valueChange && (inputType = ev?.inputType, valueChange(el.value), run(), setInputValue(el, scope["G" /* ControlledValue */ + nodeAccessor]), inputType = "");
   });
 }
+function setInputValue(el, value) {
+  if (el.value !== value) {
+    let updatedPosition = resolveCursorPosition(
+      inputType,
+      el.getRootNode().activeElement === el && el.selectionStart,
+      el.value,
+      el.value = value
+    );
+    ~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
+  }
+}
+function _attr_select_value_default(scope, nodeAccessor, value) {
+  let restoreValue, el = scope[nodeAccessor], existing = !scope.H, multiple = Array.isArray(value), normalizedValue = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
+  pendingEffects.unshift(() => {
+    for (let opt of el.options) {
+      let selected = multiple ? normalizedValue.includes(opt.value) : opt.value === normalizedValue;
+      opt.defaultSelected !== selected && (existing && (restoreValue ??= getSelectValue(el, multiple)), opt.defaultSelected = selected);
+    }
+    restoreValue !== void 0 && setSelectValue(el, restoreValue, multiple);
+  }, scope);
+}
 function _attr_select_value(scope, nodeAccessor, value, valueChange) {
-  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],
-      normalizedValue,
-      valueChange
-    ),
+  let el = scope[nodeAccessor], existing = !scope.H, multiple = Array.isArray(value), normalizedValue = scope["G" /* ControlledValue */ + nodeAccessor] = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, scope["F" /* ControlledType */ + nodeAccessor] = valueChange ? 3 /* SelectValue */ : 5 /* None */, valueChange && existing ? pendingEffects.unshift(
+    () => setSelectValue(el, normalizedValue, multiple),
     scope
-  );
+  ) : _attr_select_value_default(scope, nodeAccessor, normalizedValue);
 }
 function _attr_select_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor], onChange = () => {
     let valueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
-      let oldValue = scope["G" /* ControlledValue */ + nodeAccessor], newValue = Array.isArray(oldValue) ? Array.from(el.selectedOptions, toValueProp) : el.value;
-      setSelectOptions(el, oldValue, valueChange), valueChange(newValue), run();
+      let oldValue = scope["G" /* ControlledValue */ + nodeAccessor], multiple = Array.isArray(oldValue), newValue = getSelectValue(el, multiple);
+      setSelectValue(el, oldValue, multiple), valueChange(newValue), run();
     }
   };
   if (isResuming)
@@ -735,62 +773,40 @@ function _attr_select_value_script(scope, nodeAccessor) {
           break;
         }
     }
-  el._ || new MutationObserver(() => {
+  syncControllableFormInput(el, hasSelectChanged, onChange), 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();
-  }).observe(el, {
-    childList: !0,
-    subtree: !0
-  }), syncControllable(el, "input", hasSelectChanged, onChange);
+  }).observe(el, { childList: !0, subtree: !0 });
 }
-function setSelectOptions(el, value, valueChange) {
-  if (Array.isArray(value))
-    for (let opt of el.options) {
-      let selected = value.includes(opt.value);
-      valueChange ? opt.selected = selected : opt.defaultSelected = selected;
-    }
-  else if (valueChange)
-    el.value = value;
-  else
+function setSelectValue(el, value, multiple) {
+  if (multiple)
     for (let opt of el.options)
-      opt.defaultSelected = opt.value === value;
+      opt.selected = value.includes(opt.value);
+  else
+    el.value = value;
+}
+function getSelectValue(el, multiple) {
+  return multiple ? Array.from(el.selectedOptions, (opt) => opt.value) : el.value;
+}
+function _attr_details_or_dialog_open_default(scope, nodeAccessor, open) {
+  scope.H && (scope[nodeAccessor].open = normalizeBoolProp(open));
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
-  scope["E" /* ControlledHandler */ + nodeAccessor] = openChange, scope["F" /* ControlledType */ + nodeAccessor] = openChange ? 4 /* DetailsOrDialogOpen */ : 5 /* None */, scope[nodeAccessor].open = scope["G" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
+  let normalizedOpen = scope["G" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = openChange, scope["F" /* ControlledType */ + nodeAccessor] = openChange ? 4 /* DetailsOrDialogOpen */ : 5 /* None */, openChange && !scope.H ? scope[nodeAccessor].open = normalizedOpen : _attr_details_or_dialog_open_default(scope, nodeAccessor, normalizedOpen);
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
-  let el = scope[nodeAccessor], hasChanged = () => el.open === !scope["G" /* ControlledValue */ + nodeAccessor];
-  syncControllable(
-    el,
-    el.tagName === "DIALOG" ? "close" : "toggle",
-    hasChanged,
-    () => {
-      let openChange = scope["E" /* ControlledHandler */ + nodeAccessor];
-      if (openChange && hasChanged()) {
-        let newValue = el.open;
-        el.open = !newValue, openChange(newValue), run();
-      }
+  let el = scope[nodeAccessor];
+  new MutationObserver(() => {
+    let openChange = scope["E" /* ControlledHandler */ + nodeAccessor];
+    if (openChange && el.open === !scope["G" /* ControlledValue */ + nodeAccessor]) {
+      let newValue = el.open;
+      el.open = !newValue, openChange(newValue), run();
     }
-  );
+  }).observe(el, { attributes: !0, attributeFilter: ["open"] });
 }
-var inputType = "";
-function setValueAndUpdateSelection(el, value) {
-  if (el.value !== value) {
-    let updatedPosition = resolveCursorPosition(
-      inputType,
-      el.getRootNode().activeElement === el && el.selectionStart,
-      el.value,
-      el.value = value
-    );
-    ~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
-  }
-}
-function setCheckboxValue(scope, nodeAccessor, type, checked, checkedChange) {
-  scope["E" /* ControlledHandler */ + nodeAccessor] = checkedChange, checkedChange ? (scope["F" /* ControlledType */ + nodeAccessor] = type, scope[nodeAccessor].checked = checked) : (scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, scope[nodeAccessor].defaultChecked = checked);
-}
-var controllableDelegate = createDelegator();
-function syncControllable(el, event, hasChanged, onChange) {
-  el._ || (controllableDelegate(el, event, handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange)), el._ = onChange;
+function syncControllableFormInput(el, hasChanged, onChange) {
+  el._ = onChange, controllableDelegate(el, "input", handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
 }
 function handleChange(ev) {
   ev.target._?.(ev);
@@ -829,9 +845,6 @@ function updateList(arr, val, push2) {
   let index = arr.indexOf(val);
   return (push2 ? !~index && [...arr, val] : ~index && arr.slice(0, index).concat(arr.slice(index + 1))) || arr;
 }
-function toValueProp(it) {
-  return it.value;
-}
 
 // src/dom/dom.ts
 function _to_text(value) {
@@ -861,7 +874,7 @@ function _attr_style_items(element, items) {
     _attr_style_item(element, key, items[key]);
 }
 function _attr_style_item(element, name, value) {
-  element.style.setProperty(name, value || value === 0 ? value + "" : "");
+  element.style.setProperty(name, _to_text(value));
 }
 function _attr_nonce(scope, nodeAccessor) {
   _attr(scope[nodeAccessor], "nonce", scope.$.cspNonce);
@@ -1007,7 +1020,7 @@ function _attrs_script(scope, nodeAccessor) {
 }
 function _html(scope, value, accessor) {
   let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope["H" /* DynamicHTMLLastChild */ + accessor] || firstChild, newContent = parseHTML(
-    value || value === 0 ? value + "" : "",
+    _to_text(value),
     parentNode.namespaceURI
   );
   insertChildNodes(

package/dist/dom.mjs

@@ -537,18 +537,21 @@ function _el(id, accessor) {
 }
 
 // src/dom/controllable.ts
+var inputType = "", controllableDelegate = createDelegator();
+function _attr_input_checked_default(scope, nodeAccessor, checked) {
+  let el = scope[nodeAccessor], normalizedChecked = normalizeBoolProp(checked);
+  if (el.defaultChecked !== normalizedChecked) {
+    let restoreValue = scope.H ? normalizedChecked : el.checked;
+    el.defaultChecked = normalizedChecked, restoreValue !== normalizedChecked && (el.checked = restoreValue);
+  }
+}
 function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
-  setCheckboxValue(
-    scope,
-    nodeAccessor,
-    0 /* InputChecked */,
-    normalizeBoolProp(checked),
-    checkedChange
-  );
+  let el = scope[nodeAccessor], normalizedChecked = normalizeBoolProp(checked);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = checkedChange, scope["F" /* ControlledType */ + nodeAccessor] = checkedChange ? 0 /* InputChecked */ : 5 /* None */, checkedChange && !scope.H ? el.checked = normalizedChecked : _attr_input_checked_default(scope, nodeAccessor, normalizedChecked);
 }
 function _attr_input_checked_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
-  syncControllable(el, "input", hasCheckboxChanged, () => {
+  syncControllableFormInput(el, hasCheckboxChanged, () => {
     let checkedChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (checkedChange) {
       let newValue = el.checked;
@@ -556,21 +559,28 @@ function _attr_input_checked_script(scope, nodeAccessor) {
     }
   });
 }
-function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
+function _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, value) {
   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(
+  _attr(scope[nodeAccessor], "value", normalizedValue), _attr_input_checked_default(
     scope,
     nodeAccessor,
-    1 /* InputCheckedValue */,
-    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue,
-    checkedValueChange
+    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue
+  );
+}
+function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
+  let el = scope[nodeAccessor], multiple = Array.isArray(checkedValue), normalizedValue = normalizeStrProp(value), normalizedCheckedValue = scope["G" /* ControlledValue */ + nodeAccessor] = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  _attr(el, "value", normalizedValue), scope["E" /* ControlledHandler */ + nodeAccessor] = checkedValueChange, scope["F" /* ControlledType */ + nodeAccessor] = checkedValueChange ? 1 /* InputCheckedValue */ : 5 /* None */, checkedValueChange && !scope.H ? el.checked = multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue : _attr_input_checkedValue_default(
+    scope,
+    nodeAccessor,
+    normalizedCheckedValue,
+    normalizedValue
   );
 }
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   isResuming && el.defaultChecked && (scope["G" /* ControlledValue */ + nodeAccessor] ? scope["G" /* ControlledValue */ + nodeAccessor].push(
     el.value
-  ) : scope["G" /* ControlledValue */ + nodeAccessor] = el.value), syncControllable(el, "input", hasCheckboxChanged, () => {
+  ) : scope["G" /* ControlledValue */ + nodeAccessor] = el.value), syncControllableFormInput(el, 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;
@@ -585,37 +595,58 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
     }
   });
 }
+function _attr_input_value_default(scope, nodeAccessor, value) {
+  let el = scope[nodeAccessor], normalizedValue = normalizeStrProp(value);
+  if (el.defaultValue !== normalizedValue) {
+    let restoreValue = scope.H ? normalizedValue : el.value;
+    el.defaultValue = normalizedValue, setInputValue(el, restoreValue);
+  }
+}
 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] = normalizedValue, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, scope["G" /* ControlledValue */ + nodeAccessor] = normalizedValue, scope["F" /* ControlledType */ + nodeAccessor] = valueChange ? 2 /* InputValue */ : 5 /* None */, valueChange && !scope.H ? setInputValue(el, normalizedValue) : _attr_input_value_default(scope, nodeAccessor, normalizedValue);
 }
 function _attr_input_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
-  isResuming && (scope["G" /* ControlledValue */ + nodeAccessor] = el.defaultValue), syncControllable(el, "input", hasValueChanged, (ev) => {
+  isResuming && (scope["G" /* ControlledValue */ + nodeAccessor] = el.defaultValue), syncControllableFormInput(el, hasValueChanged, (ev) => {
     let valueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
-    valueChange && (inputType = ev?.inputType, valueChange(el.value), run(), setValueAndUpdateSelection(
-      el,
-      scope["G" /* ControlledValue */ + nodeAccessor]
-    ), inputType = "");
+    valueChange && (inputType = ev?.inputType, valueChange(el.value), run(), setInputValue(el, scope["G" /* ControlledValue */ + nodeAccessor]), inputType = "");
   });
 }
+function setInputValue(el, value) {
+  if (el.value !== value) {
+    let updatedPosition = resolveCursorPosition(
+      inputType,
+      el.getRootNode().activeElement === el && el.selectionStart,
+      el.value,
+      el.value = value
+    );
+    ~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
+  }
+}
+function _attr_select_value_default(scope, nodeAccessor, value) {
+  let restoreValue, el = scope[nodeAccessor], existing = !scope.H, multiple = Array.isArray(value), normalizedValue = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
+  pendingEffects.unshift(() => {
+    for (let opt of el.options) {
+      let selected = multiple ? normalizedValue.includes(opt.value) : opt.value === normalizedValue;
+      opt.defaultSelected !== selected && (existing && (restoreValue ??= getSelectValue(el, multiple)), opt.defaultSelected = selected);
+    }
+    restoreValue !== void 0 && setSelectValue(el, restoreValue, multiple);
+  }, scope);
+}
 function _attr_select_value(scope, nodeAccessor, value, valueChange) {
-  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],
-      normalizedValue,
-      valueChange
-    ),
+  let el = scope[nodeAccessor], existing = !scope.H, multiple = Array.isArray(value), normalizedValue = scope["G" /* ControlledValue */ + nodeAccessor] = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, scope["F" /* ControlledType */ + nodeAccessor] = valueChange ? 3 /* SelectValue */ : 5 /* None */, valueChange && existing ? pendingEffects.unshift(
+    () => setSelectValue(el, normalizedValue, multiple),
     scope
-  );
+  ) : _attr_select_value_default(scope, nodeAccessor, normalizedValue);
 }
 function _attr_select_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor], onChange = () => {
     let valueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
-      let oldValue = scope["G" /* ControlledValue */ + nodeAccessor], newValue = Array.isArray(oldValue) ? Array.from(el.selectedOptions, toValueProp) : el.value;
-      setSelectOptions(el, oldValue, valueChange), valueChange(newValue), run();
+      let oldValue = scope["G" /* ControlledValue */ + nodeAccessor], multiple = Array.isArray(oldValue), newValue = getSelectValue(el, multiple);
+      setSelectValue(el, oldValue, multiple), valueChange(newValue), run();
     }
   };
   if (isResuming)
@@ -631,62 +662,40 @@ function _attr_select_value_script(scope, nodeAccessor) {
           break;
         }
     }
-  el._ || new MutationObserver(() => {
+  syncControllableFormInput(el, hasSelectChanged, onChange), 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();
-  }).observe(el, {
-    childList: !0,
-    subtree: !0
-  }), syncControllable(el, "input", hasSelectChanged, onChange);
+  }).observe(el, { childList: !0, subtree: !0 });
 }
-function setSelectOptions(el, value, valueChange) {
-  if (Array.isArray(value))
-    for (let opt of el.options) {
-      let selected = value.includes(opt.value);
-      valueChange ? opt.selected = selected : opt.defaultSelected = selected;
-    }
-  else if (valueChange)
-    el.value = value;
-  else
+function setSelectValue(el, value, multiple) {
+  if (multiple)
     for (let opt of el.options)
-      opt.defaultSelected = opt.value === value;
+      opt.selected = value.includes(opt.value);
+  else
+    el.value = value;
+}
+function getSelectValue(el, multiple) {
+  return multiple ? Array.from(el.selectedOptions, (opt) => opt.value) : el.value;
+}
+function _attr_details_or_dialog_open_default(scope, nodeAccessor, open) {
+  scope.H && (scope[nodeAccessor].open = normalizeBoolProp(open));
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
-  scope["E" /* ControlledHandler */ + nodeAccessor] = openChange, scope["F" /* ControlledType */ + nodeAccessor] = openChange ? 4 /* DetailsOrDialogOpen */ : 5 /* None */, scope[nodeAccessor].open = scope["G" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
+  let normalizedOpen = scope["G" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = openChange, scope["F" /* ControlledType */ + nodeAccessor] = openChange ? 4 /* DetailsOrDialogOpen */ : 5 /* None */, openChange && !scope.H ? scope[nodeAccessor].open = normalizedOpen : _attr_details_or_dialog_open_default(scope, nodeAccessor, normalizedOpen);
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
-  let el = scope[nodeAccessor], hasChanged = () => el.open === !scope["G" /* ControlledValue */ + nodeAccessor];
-  syncControllable(
-    el,
-    el.tagName === "DIALOG" ? "close" : "toggle",
-    hasChanged,
-    () => {
-      let openChange = scope["E" /* ControlledHandler */ + nodeAccessor];
-      if (openChange && hasChanged()) {
-        let newValue = el.open;
-        el.open = !newValue, openChange(newValue), run();
-      }
+  let el = scope[nodeAccessor];
+  new MutationObserver(() => {
+    let openChange = scope["E" /* ControlledHandler */ + nodeAccessor];
+    if (openChange && el.open === !scope["G" /* ControlledValue */ + nodeAccessor]) {
+      let newValue = el.open;
+      el.open = !newValue, openChange(newValue), run();
     }
-  );
+  }).observe(el, { attributes: !0, attributeFilter: ["open"] });
 }
-var inputType = "";
-function setValueAndUpdateSelection(el, value) {
-  if (el.value !== value) {
-    let updatedPosition = resolveCursorPosition(
-      inputType,
-      el.getRootNode().activeElement === el && el.selectionStart,
-      el.value,
-      el.value = value
-    );
-    ~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
-  }
-}
-function setCheckboxValue(scope, nodeAccessor, type, checked, checkedChange) {
-  scope["E" /* ControlledHandler */ + nodeAccessor] = checkedChange, checkedChange ? (scope["F" /* ControlledType */ + nodeAccessor] = type, scope[nodeAccessor].checked = checked) : (scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, scope[nodeAccessor].defaultChecked = checked);
-}
-var controllableDelegate = createDelegator();
-function syncControllable(el, event, hasChanged, onChange) {
-  el._ || (controllableDelegate(el, event, handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange)), el._ = onChange;
+function syncControllableFormInput(el, hasChanged, onChange) {
+  el._ = onChange, controllableDelegate(el, "input", handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
 }
 function handleChange(ev) {
   ev.target._?.(ev);
@@ -725,9 +734,6 @@ function updateList(arr, val, push2) {
   let index = arr.indexOf(val);
   return (push2 ? !~index && [...arr, val] : ~index && arr.slice(0, index).concat(arr.slice(index + 1))) || arr;
 }
-function toValueProp(it) {
-  return it.value;
-}
 
 // src/dom/dom.ts
 function _to_text(value) {
@@ -757,7 +763,7 @@ function _attr_style_items(element, items) {
     _attr_style_item(element, key, items[key]);
 }
 function _attr_style_item(element, name, value) {
-  element.style.setProperty(name, value || value === 0 ? value + "" : "");
+  element.style.setProperty(name, _to_text(value));
 }
 function _attr_nonce(scope, nodeAccessor) {
   _attr(scope[nodeAccessor], "nonce", scope.$.cspNonce);
@@ -903,7 +909,7 @@ function _attrs_script(scope, nodeAccessor) {
 }
 function _html(scope, value, accessor) {
   let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope["H" /* DynamicHTMLLastChild */ + accessor] || firstChild, newContent = parseHTML(
-    value || value === 0 ? value + "" : "",
+    _to_text(value),
     parentNode.namespaceURI
   );
   insertChildNodes(
@@ -1571,22 +1577,29 @@ export {
   _attr_class_items,
   _attr_content,
   _attr_details_or_dialog_open as _attr_details_open,
+  _attr_details_or_dialog_open_default as _attr_details_open_default,
   _attr_details_or_dialog_open_script as _attr_details_open_script,
   _attr_details_or_dialog_open as _attr_dialog_open,
+  _attr_details_or_dialog_open_default as _attr_dialog_open_default,
   _attr_details_or_dialog_open_script as _attr_dialog_open_script,
   _attr_input_checked,
   _attr_input_checkedValue,
+  _attr_input_checkedValue_default,
   _attr_input_checkedValue_script,
+  _attr_input_checked_default,
   _attr_input_checked_script,
   _attr_input_value,
+  _attr_input_value_default,
   _attr_input_value_script,
   _attr_nonce,
   _attr_select_value,
+  _attr_select_value_default,
   _attr_select_value_script,
   _attr_style,
   _attr_style_item,
   _attr_style_items,
   _attr_input_value as _attr_textarea_value,
+  _attr_input_value_default as _attr_textarea_value_default,
   _attr_input_value_script as _attr_textarea_value_script,
   _attrs,
   _attrs_content,