marko 6.0.145 → 6.0.147

package/dist/dom.d.ts

@@ -5,7 +5,7 @@ export { _call } from "./common/helpers";
 export { $signal, $signalReset } from "./dom/abort-signal";
 export { compat } from "./dom/compat";
 export { _await_content, _await_promise, _dynamic_tag, _for_in, _for_of, _for_to, _for_until, _if, _resume_dynamic_tag, _try, } from "./dom/control-flow";
-export { _attr_details_or_dialog_open as _attr_details_open, _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_script as _attr_dialog_open_script, _attr_input_checked, _attr_input_checked_script, _attr_input_checkedValue, _attr_input_checkedValue_script, _attr_input_value, _attr_input_value_script, _attr_select_value, _attr_select_value_script, _attr_textarea_value, _attr_textarea_value_script, } from "./dom/controllable";
+export { _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_checked_default, _attr_input_checked_script, _attr_input_checkedValue, _attr_input_checkedValue_default, _attr_input_checkedValue_script, _attr_input_value, _attr_input_value_default, _attr_input_value_script, _attr_select_value, _attr_select_value_default, _attr_select_value_script, _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, } from "./dom/controllable";
 export { _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_nonce, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _html, _lifecycle, _text, _text_content, _to_text, } from "./dom/dom";
 export { _on } from "./dom/event";
 export { _enable_catch as _enable_catch, run } from "./dom/queue";

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,18 +670,28 @@ function _attr_input_checked_script(scope, nodeAccessor) {
     }
   });
 }
+function _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, value) {
+  let multiple = Array.isArray(checkedValue), normalizedValue = normalizeStrProp(value), normalizedCheckedValue = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  _attr(scope[nodeAccessor], "value", normalizedValue), _attr_input_checked_default(
+    scope,
+    nodeAccessor,
+    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue
+  );
+}
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
-  scope["G" /* ControlledValue */ + nodeAccessor] = checkedValue, _attr(scope[nodeAccessor], "value", value), setCheckboxValue(
+  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,
-    1 /* InputCheckedValue */,
-    Array.isArray(checkedValue) ? checkedValue.includes(value) : checkedValue === value,
-    checkedValueChange
+    normalizedCheckedValue,
+    normalizedValue
   );
 }
 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), 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;
@@ -686,103 +706,107 @@ 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] = value, 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) {
-  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(
-    () => setSelectOptions(
-      scope[nodeAccessor],
-      value,
-      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 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], multiple = Array.isArray(oldValue), newValue = getSelectValue(el, multiple);
+      setSelectValue(el, oldValue, multiple), valueChange(newValue), run();
     }
   };
-  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();
-  }).observe(el, {
-    childList: !0,
-    subtree: !0
-  }), syncControllable(el, "input", hasSelectChanged, onChange);
-}
-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 {
-    let normalizedValue = normalizeStrProp(value);
-    if (valueChange)
-      el.value = normalizedValue;
-    else
+  if (isResuming)
+    if (el.multiple) {
+      scope["G" /* ControlledValue */ + nodeAccessor] = [];
       for (let opt of el.options)
-        opt.defaultSelected = opt.value === normalizedValue;
-  }
+        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;
+        }
+    }
+  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 });
+}
+function setSelectValue(el, value, multiple) {
+  if (multiple)
+    for (let opt of el.options)
+      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, openChange ? scope["F" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */ : scope["F" /* ControlledType */ + nodeAccessor] = 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();
     }
-  );
-}
-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);
+  }).observe(el, { attributes: !0, attributeFilter: ["open"] });
 }
-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);
@@ -821,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) {
@@ -853,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);
@@ -999,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,18 +559,28 @@ function _attr_input_checked_script(scope, nodeAccessor) {
     }
   });
 }
+function _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, value) {
+  let multiple = Array.isArray(checkedValue), normalizedValue = normalizeStrProp(value), normalizedCheckedValue = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  _attr(scope[nodeAccessor], "value", normalizedValue), _attr_input_checked_default(
+    scope,
+    nodeAccessor,
+    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue
+  );
+}
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
-  scope["G" /* ControlledValue */ + nodeAccessor] = checkedValue, _attr(scope[nodeAccessor], "value", value), setCheckboxValue(
+  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,
-    1 /* InputCheckedValue */,
-    Array.isArray(checkedValue) ? checkedValue.includes(value) : checkedValue === value,
-    checkedValueChange
+    normalizedCheckedValue,
+    normalizedValue
   );
 }
 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), 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;
@@ -582,103 +595,107 @@ 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] = value, 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) {
-  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(
-    () => setSelectOptions(
-      scope[nodeAccessor],
-      value,
-      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 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], multiple = Array.isArray(oldValue), newValue = getSelectValue(el, multiple);
+      setSelectValue(el, oldValue, multiple), valueChange(newValue), run();
     }
   };
-  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();
-  }).observe(el, {
-    childList: !0,
-    subtree: !0
-  }), syncControllable(el, "input", hasSelectChanged, onChange);
-}
-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 {
-    let normalizedValue = normalizeStrProp(value);
-    if (valueChange)
-      el.value = normalizedValue;
-    else
+  if (isResuming)
+    if (el.multiple) {
+      scope["G" /* ControlledValue */ + nodeAccessor] = [];
       for (let opt of el.options)
-        opt.defaultSelected = opt.value === normalizedValue;
-  }
+        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;
+        }
+    }
+  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 });
+}
+function setSelectValue(el, value, multiple) {
+  if (multiple)
+    for (let opt of el.options)
+      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, openChange ? scope["F" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */ : scope["F" /* ControlledType */ + nodeAccessor] = 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();
     }
-  );
-}
-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);
+  }).observe(el, { attributes: !0, attributeFilter: ["open"] });
 }
-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);
@@ -717,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) {
@@ -749,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);
@@ -895,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(
@@ -1563,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,

package/dist/html/attrs.d.ts

@@ -5,9 +5,9 @@ export declare function _attr_option_value(value: unknown): string;
 export declare function _attr_select_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown, content?: () => void): void;
 export declare function _attr_textarea_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown): string;
 export declare function _attr_input_value(scopeId: number, nodeAccessor: Accessor, value: unknown, valueChange: unknown): string;
-export declare function _attr_input_checked(scopeId: number, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown): string;
+export declare function _attr_input_checked(scopeId: number, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown): "" | " checked";
 export declare function _attr_input_checkedValue(scopeId: number, nodeAccessor: Accessor, checkedValue: unknown, checkedValueChange: unknown, value: unknown): string;
-export declare function _attr_details_or_dialog_open(scopeId: number, nodeAccessor: Accessor, open: unknown, openChange: unknown): string;
+export declare function _attr_details_or_dialog_open(scopeId: number, nodeAccessor: Accessor, open: unknown, openChange: unknown): "" | " open";
 export declare function _attr_nonce(): string;
 export declare function _attr(name: string, value: unknown): string;
 export declare function _attrs(data: Record<string, unknown>, nodeAccessor: Accessor, scopeId: number, tagName: string): string;