@marko/runtime-tags 0.3.43 → 0.3.45

package/dist/debug/dom.js

@@ -47,7 +47,6 @@ __export(dom_exports, {
   data: () => data,
   dynamicClosure: () => dynamicClosure,
   dynamicTag: () => dynamicTag,
-  dynamicTagAttrs: () => dynamicTagAttrs,
   effect: () => effect,
   forIn: () => forIn,
   forOf: () => forOf,
@@ -1693,45 +1692,6 @@ function initBranch(renderer, branch, parentNode) {
     queueRender(branch, renderer.___setup);
   }
 }
-function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
-  return (scope, attrsOrOp) => {
-    const renderer = scope[nodeAccessor + "(" /* ConditionalRenderer */];
-    if (!renderer || attrsOrOp === DIRTY) {
-      return;
-    }
-    const childScope = scope[nodeAccessor + "!" /* ConditionalScope */];
-    if (attrsOrOp === MARK || attrsOrOp === CLEAN) {
-      return renderer.___args?.(childScope, attrsOrOp);
-    }
-    const content = getContent?.(scope);
-    if (typeof renderer === "string") {
-      const nodeAccessor2 = true ? `#${renderer}/0` : 0;
-      if (renderer === "textarea" && content) {
-        throw new Error(
-          "A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead."
-        );
-      }
-      setConditionalRenderer(
-        childScope,
-        nodeAccessor2,
-        content,
-        createBranchScopeWithTagNameOrRenderer
-      );
-      attrs(childScope, nodeAccessor2, attrsOrOp());
-    } else if (renderer.___args) {
-      const attributes = attrsOrOp();
-      renderer.___args(
-        childScope,
-        inputIsArgs ? attributes : [
-          content ? {
-            ...attributes,
-            content
-          } : attributes
-        ]
-      );
-    }
-  };
-}
 function createRendererWithOwner(template, rawWalks, setup, getArgs) {
   let args;
   const id = true ? Symbol("Marko Renderer") : {};
@@ -1770,12 +1730,12 @@ function createCloneableHTML(html2, ns) {
 // src/dom/control-flow.ts
 function conditional(nodeAccessor, ...branches) {
   const branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
-  return (scope, newBranchIndexOrOp) => {
-    if (newBranchIndexOrOp !== scope[branchAccessor] && newBranchIndexOrOp !== DIRTY && newBranchIndexOrOp !== MARK && newBranchIndexOrOp !== CLEAN) {
+  return (scope, newBranch) => {
+    if (newBranch !== scope[branchAccessor]) {
       setConditionalRenderer(
         scope,
         nodeAccessor,
-        branches[scope[branchAccessor] = newBranchIndexOrOp],
+        branches[scope[branchAccessor] = newBranch],
         createBranchScopeWithRenderer
       );
     }
@@ -1784,31 +1744,59 @@ function conditional(nodeAccessor, ...branches) {
 function patchDynamicTag(fn) {
   dynamicTag = fn(dynamicTag);
 }
-var dynamicTag = function dynamicTag2(nodeAccessor, fn, getIntersection) {
+var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+  const childScopeAccessor = nodeAccessor + "!" /* ConditionalScope */;
   const rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
-  return (scope, newRendererOrOp) => {
+  return (scope, newRendererOrOp, getInput) => {
     if (newRendererOrOp === DIRTY) return;
-    const currentRenderer = scope[rendererAccessor];
-    let op = newRendererOrOp;
-    if (newRendererOrOp !== MARK && newRendererOrOp !== CLEAN) {
-      if (isDifferentRenderer(
-        currentRenderer,
-        scope[rendererAccessor] = normalizeDynamicRenderer(newRendererOrOp)
-      )) {
+    if (newRendererOrOp === MARK || newRendererOrOp === CLEAN) {
+      scope[rendererAccessor]?.___args?.(
+        scope[childScopeAccessor],
+        newRendererOrOp
+      );
+    } else {
+      const newRenderer = normalizeDynamicRenderer(newRendererOrOp);
+      if (!(rendererAccessor in scope) || isDifferentRenderer(scope[rendererAccessor], newRenderer)) {
+        scope[rendererAccessor] = newRenderer;
         setConditionalRenderer(
           scope,
           nodeAccessor,
-          scope[rendererAccessor],
+          newRenderer || (getContent ? getContent(scope) : void 0),
           createBranchScopeWithTagNameOrRenderer
         );
-        fn && fn(scope);
-        op = DIRTY;
-      } else {
-        op = CLEAN;
+        if (getTagVar) {
+          setTagVar(scope, childScopeAccessor, getTagVar());
+        }
+        if (getContent && typeof newRenderer === "string") {
+          setConditionalRenderer(
+            scope[childScopeAccessor],
+            true ? `#${newRenderer}/0` : 0,
+            getContent(scope),
+            createBranchScopeWithRenderer
+          );
+        }
+      }
+      if (newRenderer) {
+        const input = getInput?.();
+        if (typeof newRenderer === "string") {
+          attrs(
+            scope[childScopeAccessor],
+            true ? `#${newRenderer}/0` : 0,
+            (inputIsArgs ? input[0] : input) || {}
+          );
+        } else {
+          newRenderer.___args?.(
+            scope[childScopeAccessor],
+            inputIsArgs ? input : [
+              getContent ? {
+                ...input,
+                content: getContent(scope)
+              } : input || {}
+            ]
+          );
+        }
       }
     }
-    intersection2?.(scope, op);
   };
 };
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
@@ -1926,7 +1914,7 @@ function isDifferentRenderer(a, b) {
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map();
 var compat = {
-  patchConditionals: patchDynamicTag,
+  patchDynamicTag,
   queueEffect,
   init(warp10Noop) {
     register(SET_SCOPE_REGISTER_ID, (branch) => {
@@ -1970,8 +1958,8 @@ var compat = {
     }
     return value2;
   },
-  createRenderer(setup, clone, args) {
-    const renderer = createRenderer("", 0, setup, args && (() => args));
+  createRenderer(args, clone) {
+    const renderer = createRenderer("", 0, 0, () => args);
     renderer.___clone = clone;
     return renderer;
   },

package/dist/debug/dom.mjs

@@ -1607,45 +1607,6 @@ function initBranch(renderer, branch, parentNode) {
     queueRender(branch, renderer.___setup);
   }
 }
-function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
-  return (scope, attrsOrOp) => {
-    const renderer = scope[nodeAccessor + "(" /* ConditionalRenderer */];
-    if (!renderer || attrsOrOp === DIRTY) {
-      return;
-    }
-    const childScope = scope[nodeAccessor + "!" /* ConditionalScope */];
-    if (attrsOrOp === MARK || attrsOrOp === CLEAN) {
-      return renderer.___args?.(childScope, attrsOrOp);
-    }
-    const content = getContent?.(scope);
-    if (typeof renderer === "string") {
-      const nodeAccessor2 = true ? `#${renderer}/0` : 0;
-      if (renderer === "textarea" && content) {
-        throw new Error(
-          "A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead."
-        );
-      }
-      setConditionalRenderer(
-        childScope,
-        nodeAccessor2,
-        content,
-        createBranchScopeWithTagNameOrRenderer
-      );
-      attrs(childScope, nodeAccessor2, attrsOrOp());
-    } else if (renderer.___args) {
-      const attributes = attrsOrOp();
-      renderer.___args(
-        childScope,
-        inputIsArgs ? attributes : [
-          content ? {
-            ...attributes,
-            content
-          } : attributes
-        ]
-      );
-    }
-  };
-}
 function createRendererWithOwner(template, rawWalks, setup, getArgs) {
   let args;
   const id = true ? Symbol("Marko Renderer") : {};
@@ -1684,12 +1645,12 @@ function createCloneableHTML(html2, ns) {
 // src/dom/control-flow.ts
 function conditional(nodeAccessor, ...branches) {
   const branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
-  return (scope, newBranchIndexOrOp) => {
-    if (newBranchIndexOrOp !== scope[branchAccessor] && newBranchIndexOrOp !== DIRTY && newBranchIndexOrOp !== MARK && newBranchIndexOrOp !== CLEAN) {
+  return (scope, newBranch) => {
+    if (newBranch !== scope[branchAccessor]) {
       setConditionalRenderer(
         scope,
         nodeAccessor,
-        branches[scope[branchAccessor] = newBranchIndexOrOp],
+        branches[scope[branchAccessor] = newBranch],
         createBranchScopeWithRenderer
       );
     }
@@ -1698,31 +1659,59 @@ function conditional(nodeAccessor, ...branches) {
 function patchDynamicTag(fn) {
   dynamicTag = fn(dynamicTag);
 }
-var dynamicTag = function dynamicTag2(nodeAccessor, fn, getIntersection) {
+var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+  const childScopeAccessor = nodeAccessor + "!" /* ConditionalScope */;
   const rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
-  return (scope, newRendererOrOp) => {
+  return (scope, newRendererOrOp, getInput) => {
     if (newRendererOrOp === DIRTY) return;
-    const currentRenderer = scope[rendererAccessor];
-    let op = newRendererOrOp;
-    if (newRendererOrOp !== MARK && newRendererOrOp !== CLEAN) {
-      if (isDifferentRenderer(
-        currentRenderer,
-        scope[rendererAccessor] = normalizeDynamicRenderer(newRendererOrOp)
-      )) {
+    if (newRendererOrOp === MARK || newRendererOrOp === CLEAN) {
+      scope[rendererAccessor]?.___args?.(
+        scope[childScopeAccessor],
+        newRendererOrOp
+      );
+    } else {
+      const newRenderer = normalizeDynamicRenderer(newRendererOrOp);
+      if (!(rendererAccessor in scope) || isDifferentRenderer(scope[rendererAccessor], newRenderer)) {
+        scope[rendererAccessor] = newRenderer;
         setConditionalRenderer(
           scope,
           nodeAccessor,
-          scope[rendererAccessor],
+          newRenderer || (getContent ? getContent(scope) : void 0),
           createBranchScopeWithTagNameOrRenderer
         );
-        fn && fn(scope);
-        op = DIRTY;
-      } else {
-        op = CLEAN;
+        if (getTagVar) {
+          setTagVar(scope, childScopeAccessor, getTagVar());
+        }
+        if (getContent && typeof newRenderer === "string") {
+          setConditionalRenderer(
+            scope[childScopeAccessor],
+            true ? `#${newRenderer}/0` : 0,
+            getContent(scope),
+            createBranchScopeWithRenderer
+          );
+        }
+      }
+      if (newRenderer) {
+        const input = getInput?.();
+        if (typeof newRenderer === "string") {
+          attrs(
+            scope[childScopeAccessor],
+            true ? `#${newRenderer}/0` : 0,
+            (inputIsArgs ? input[0] : input) || {}
+          );
+        } else {
+          newRenderer.___args?.(
+            scope[childScopeAccessor],
+            inputIsArgs ? input : [
+              getContent ? {
+                ...input,
+                content: getContent(scope)
+              } : input || {}
+            ]
+          );
+        }
       }
     }
-    intersection2?.(scope, op);
   };
 };
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
@@ -1840,7 +1829,7 @@ function isDifferentRenderer(a, b) {
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map();
 var compat = {
-  patchConditionals: patchDynamicTag,
+  patchDynamicTag,
   queueEffect,
   init(warp10Noop) {
     register(SET_SCOPE_REGISTER_ID, (branch) => {
@@ -1884,8 +1873,8 @@ var compat = {
     }
     return value2;
   },
-  createRenderer(setup, clone, args) {
-    const renderer = createRenderer("", 0, setup, args && (() => args));
+  createRenderer(args, clone) {
+    const renderer = createRenderer("", 0, 0, () => args);
     renderer.___clone = clone;
     return renderer;
   },
@@ -2028,7 +2017,6 @@ export {
   data,
   dynamicClosure,
   dynamicTag,
-  dynamicTagAttrs,
   effect,
   forIn,
   forOf,

package/dist/debug/html.js

@@ -744,7 +744,7 @@ function writeRegistered(state, val, parent, accessor, { access, scope }) {
       }
       state.buf.push(access + "(" + ensureId(state, scopeRef) + ")");
     } else {
-      const pos = state.buf.push("");
+      const pos = state.buf.push("") - 1;
       const assigns = state.assigned.size;
       writeProp(state, scope, parent, "");
       const scopeRef2 = parent && state.refs.get(scope);
@@ -755,7 +755,7 @@ function writeRegistered(state, val, parent, accessor, { access, scope }) {
         fnRef.init = access + "(" + scopeId + ")";
         fnRef.assigns += ensureId(state, parent) + toAccess(accessor) + "=";
       } else {
-        state.buf[pos - 2] += access + "(";
+        state.buf[pos] = access + "(" + state.buf[pos];
         state.buf.push(")");
       }
     }
@@ -1893,7 +1893,7 @@ var State2 = class {
     this.$global = $global2;
     this.$global = $global2;
     if ($global2.cspNonce) {
-      this.nonceAttr = " " + escapeAttrValue($global2.cspNonce + "");
+      this.nonceAttr = " nonce" + attrAssignment($global2.cspNonce);
     }
   }
   tagId = 1;
@@ -2268,15 +2268,15 @@ function getFilteredGlobals($global2) {
 }
 
 // src/html/attrs.ts
-function classAttr(val) {
-  return stringAttr("class", classValue(val));
+function classAttr(value) {
+  return stringAttr("class", classValue(value));
 }
-function styleAttr(val) {
-  return stringAttr("style", styleValue(val));
+function styleAttr(value) {
+  return stringAttr("style", styleValue(value));
 }
 function optionValueAttr(value) {
   const { [kSelectedValue]: selectedValue } = getChunk()?.context || {};
-  return attr("value", value) + (!isVoid(value) && (Array.isArray(value) ? selectedValue.includes(value) : selectedValue === value) ? ` selected` : "");
+  return attr("value", value) + (!isVoid(value) && (Array.isArray(value) ? selectedValue.includes(value) : selectedValue === value) ? " selected" : "");
 }
 var kSelectedValue = Symbol("selectedValue");
 function controllable_select_value(scopeId, nodeAccessor, value, valueChange, content) {
@@ -2355,8 +2355,8 @@ function controllable_detailsOrDialog_open(scopeId, nodeAccessor, open, openChan
   }
   return attr("open", open);
 }
-function attr(name, val) {
-  return isVoid(val) ? "" : nonVoidAttr(name, val);
+function attr(name, value) {
+  return isVoid(value) ? "" : nonVoidAttr(name, value);
 }
 function attrs(data, nodeAccessor, scopeId, tagName) {
   let result = "";
@@ -2417,19 +2417,19 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
       break;
   }
   for (const name in data) {
-    const val = data[name];
+    const value = data[name];
     switch (name) {
       case "class":
-        result += classAttr(val);
+        result += classAttr(value);
         break;
       case "style":
-        result += styleAttr(val);
+        result += styleAttr(value);
         break;
       case "":
       case "content":
         break;
       default:
-        if (!isVoid(val)) {
+        if (!isVoid(value)) {
           if (isEventHandler(name)) {
             if (!events) {
               events = {};
@@ -2437,9 +2437,9 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
                 [nodeAccessor + "~" /* EventAttributes */]: events
               });
             }
-            events[getEventHandlerName(name)] = val;
+            events[getEventHandlerName(name)] = value;
           } else if (!skip.test(name)) {
-            result += nonVoidAttr(name, val);
+            result += nonVoidAttr(name, value);
           }
         }
         break;
@@ -2461,36 +2461,48 @@ function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
     [nodeAccessor + ";" /* ControlledHandler */]: valueChange
   });
 }
-function stringAttr(name, val) {
-  return val && ` ${name}=${escapeAttrValue(val)}`;
+function stringAttr(name, value) {
+  return value && " " + name + attrAssignment(value);
 }
-function nonVoidAttr(name, val) {
-  switch (typeof val) {
+function nonVoidAttr(name, value) {
+  switch (typeof value) {
     case "string":
-      return ` ${name + attrAssignment(val)}`;
+      return " " + name + attrAssignment(value);
     case "boolean":
-      return ` ${name}`;
+      return " " + name;
     case "number":
-      return ` ${name}=${val}`;
+      return " " + name + "=" + value;
     case "object":
-      if (val instanceof RegExp) {
-        return ` ${name + attrAssignment(val.source)}`;
+      if (value instanceof RegExp) {
+        return " " + name + attrAssignment(value.source);
       }
       break;
   }
-  return ` ${name + attrAssignment(val + "")}`;
+  return " " + name + attrAssignment(value + "");
 }
-function attrAssignment(val) {
-  return val ? `=${escapeAttrValue(val)}` : "";
+var singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g;
+var doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g;
+var needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g;
+function attrAssignment(value) {
+  return value ? needsQuotedAttr.test(value) ? value[needsQuotedAttr.lastIndex - 1] === (needsQuotedAttr.lastIndex = 0, '"') ? "='" + escapeSingleQuotedAttrValue(value) + "'" : '="' + escapeDoubleQuotedAttrValue(value) + '"' : "=" + value : "";
 }
-var unsafeAttrChars = /["'>\s]/g;
-function escapeAttrValue(str) {
-  if (unsafeAttrChars.test(str)) {
-    const c = str[unsafeAttrChars.lastIndex - 1];
-    unsafeAttrChars.lastIndex = 0;
-    return c === '"' ? `'${str.replace(/'/g, "'")}'` : `"${str.replace(/"/g, """)}"`;
-  }
-  return str;
+function escapeSingleQuotedAttrValue(value) {
+  return singleQuoteAttrReplacements.test(value) ? value.replace(
+    singleQuoteAttrReplacements,
+    replaceUnsafeSingleQuoteAttrChar
+  ) : value;
+}
+function replaceUnsafeSingleQuoteAttrChar(match) {
+  return match === "'" ? "'" : "&";
+}
+function escapeDoubleQuotedAttrValue(value) {
+  return doubleQuoteAttrReplacements.test(value) ? value.replace(
+    doubleQuoteAttrReplacements,
+    replaceUnsafeDoubleQuoteAttrChar
+  ) : value;
+}
+function replaceUnsafeDoubleQuoteAttrChar(match) {
+  return match === '"' ? """ : "&";
 }
 
 // src/common/compat-meta.ts

package/dist/debug/html.mjs

@@ -663,7 +663,7 @@ function writeRegistered(state, val, parent, accessor, { access, scope }) {
       }
       state.buf.push(access + "(" + ensureId(state, scopeRef) + ")");
     } else {
-      const pos = state.buf.push("");
+      const pos = state.buf.push("") - 1;
       const assigns = state.assigned.size;
       writeProp(state, scope, parent, "");
       const scopeRef2 = parent && state.refs.get(scope);
@@ -674,7 +674,7 @@ function writeRegistered(state, val, parent, accessor, { access, scope }) {
         fnRef.init = access + "(" + scopeId + ")";
         fnRef.assigns += ensureId(state, parent) + toAccess(accessor) + "=";
       } else {
-        state.buf[pos - 2] += access + "(";
+        state.buf[pos] = access + "(" + state.buf[pos];
         state.buf.push(")");
       }
     }
@@ -1812,7 +1812,7 @@ var State2 = class {
     this.$global = $global2;
     this.$global = $global2;
     if ($global2.cspNonce) {
-      this.nonceAttr = " " + escapeAttrValue($global2.cspNonce + "");
+      this.nonceAttr = " nonce" + attrAssignment($global2.cspNonce);
     }
   }
   tagId = 1;
@@ -2187,15 +2187,15 @@ function getFilteredGlobals($global2) {
 }
 
 // src/html/attrs.ts
-function classAttr(val) {
-  return stringAttr("class", classValue(val));
+function classAttr(value) {
+  return stringAttr("class", classValue(value));
 }
-function styleAttr(val) {
-  return stringAttr("style", styleValue(val));
+function styleAttr(value) {
+  return stringAttr("style", styleValue(value));
 }
 function optionValueAttr(value) {
   const { [kSelectedValue]: selectedValue } = getChunk()?.context || {};
-  return attr("value", value) + (!isVoid(value) && (Array.isArray(value) ? selectedValue.includes(value) : selectedValue === value) ? ` selected` : "");
+  return attr("value", value) + (!isVoid(value) && (Array.isArray(value) ? selectedValue.includes(value) : selectedValue === value) ? " selected" : "");
 }
 var kSelectedValue = Symbol("selectedValue");
 function controllable_select_value(scopeId, nodeAccessor, value, valueChange, content) {
@@ -2274,8 +2274,8 @@ function controllable_detailsOrDialog_open(scopeId, nodeAccessor, open, openChan
   }
   return attr("open", open);
 }
-function attr(name, val) {
-  return isVoid(val) ? "" : nonVoidAttr(name, val);
+function attr(name, value) {
+  return isVoid(value) ? "" : nonVoidAttr(name, value);
 }
 function attrs(data, nodeAccessor, scopeId, tagName) {
   let result = "";
@@ -2336,19 +2336,19 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
       break;
   }
   for (const name in data) {
-    const val = data[name];
+    const value = data[name];
     switch (name) {
       case "class":
-        result += classAttr(val);
+        result += classAttr(value);
         break;
       case "style":
-        result += styleAttr(val);
+        result += styleAttr(value);
         break;
       case "":
       case "content":
         break;
       default:
-        if (!isVoid(val)) {
+        if (!isVoid(value)) {
           if (isEventHandler(name)) {
             if (!events) {
               events = {};
@@ -2356,9 +2356,9 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
                 [nodeAccessor + "~" /* EventAttributes */]: events
               });
             }
-            events[getEventHandlerName(name)] = val;
+            events[getEventHandlerName(name)] = value;
           } else if (!skip.test(name)) {
-            result += nonVoidAttr(name, val);
+            result += nonVoidAttr(name, value);
           }
         }
         break;
@@ -2380,36 +2380,48 @@ function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
     [nodeAccessor + ";" /* ControlledHandler */]: valueChange
   });
 }
-function stringAttr(name, val) {
-  return val && ` ${name}=${escapeAttrValue(val)}`;
+function stringAttr(name, value) {
+  return value && " " + name + attrAssignment(value);
 }
-function nonVoidAttr(name, val) {
-  switch (typeof val) {
+function nonVoidAttr(name, value) {
+  switch (typeof value) {
     case "string":
-      return ` ${name + attrAssignment(val)}`;
+      return " " + name + attrAssignment(value);
     case "boolean":
-      return ` ${name}`;
+      return " " + name;
     case "number":
-      return ` ${name}=${val}`;
+      return " " + name + "=" + value;
     case "object":
-      if (val instanceof RegExp) {
-        return ` ${name + attrAssignment(val.source)}`;
+      if (value instanceof RegExp) {
+        return " " + name + attrAssignment(value.source);
       }
       break;
   }
-  return ` ${name + attrAssignment(val + "")}`;
+  return " " + name + attrAssignment(value + "");
 }
-function attrAssignment(val) {
-  return val ? `=${escapeAttrValue(val)}` : "";
+var singleQuoteAttrReplacements = /'|&(?=#?\w+;)/g;
+var doubleQuoteAttrReplacements = /"|&(?=#?\w+;)/g;
+var needsQuotedAttr = /["'>\s]|&#?\w+;|\/$/g;
+function attrAssignment(value) {
+  return value ? needsQuotedAttr.test(value) ? value[needsQuotedAttr.lastIndex - 1] === (needsQuotedAttr.lastIndex = 0, '"') ? "='" + escapeSingleQuotedAttrValue(value) + "'" : '="' + escapeDoubleQuotedAttrValue(value) + '"' : "=" + value : "";
 }
-var unsafeAttrChars = /["'>\s]/g;
-function escapeAttrValue(str) {
-  if (unsafeAttrChars.test(str)) {
-    const c = str[unsafeAttrChars.lastIndex - 1];
-    unsafeAttrChars.lastIndex = 0;
-    return c === '"' ? `'${str.replace(/'/g, "'")}'` : `"${str.replace(/"/g, """)}"`;
-  }
-  return str;
+function escapeSingleQuotedAttrValue(value) {
+  return singleQuoteAttrReplacements.test(value) ? value.replace(
+    singleQuoteAttrReplacements,
+    replaceUnsafeSingleQuoteAttrChar
+  ) : value;
+}
+function replaceUnsafeSingleQuoteAttrChar(match) {
+  return match === "'" ? "'" : "&";
+}
+function escapeDoubleQuotedAttrValue(value) {
+  return doubleQuoteAttrReplacements.test(value) ? value.replace(
+    doubleQuoteAttrReplacements,
+    replaceUnsafeDoubleQuoteAttrChar
+  ) : value;
+}
+function replaceUnsafeDoubleQuoteAttrChar(match) {
+  return match === '"' ? """ : "&";
 }
 
 // src/common/compat-meta.ts

package/dist/dom/compat.d.ts

@@ -2,7 +2,7 @@ import { patchDynamicTag } from "./control-flow";
 import { queueEffect } from "./queue";
 import { type Renderer } from "./renderer";
 export declare const compat: {
-    patchConditionals: typeof patchDynamicTag;
+    patchDynamicTag: typeof patchDynamicTag;
     queueEffect: typeof queueEffect;
     init(warp10Noop: any): void;
     registerRenderer(fn: any): void;
@@ -16,6 +16,6 @@ export declare const compat: {
         runtimeId: string;
         componentIdPrefix: string;
     }): any;
-    createRenderer(setup: Renderer["___setup"], clone: Renderer["___clone"], args: Renderer["___args"]): Renderer;
+    createRenderer(args: NonNullable<Renderer["___args"]>, clone: Renderer["___clone"]): Renderer;
     render(out: any, component: any, renderer: Renderer, args: any): Node | undefined;
 };