@marko/runtime-tags 0.1.25 → 0.2.0

package/dist/common/types.d.ts

@@ -32,6 +32,7 @@ export declare enum AccessorChar {
     LifecycleAbortController = "-",
     DynamicPlaceholderLastChild = "-",
     TagVariable = "/",
+    TagVariableChange = "@",
     ConditionalScope = "!",
     ConditionalRenderer = "(",
     LoopScopeArray = "!",

package/dist/debug/dom.js

@@ -78,9 +78,11 @@ __export(dom_exports, {
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
   setTagVar: () => setTagVar,
+  setTagVarChange: () => setTagVarChange,
   state: () => state,
   styleAttr: () => styleAttr,
   tagVarSignal: () => tagVarSignal,
+  tagVarSignalChange: () => tagVarSignalChange,
   value: () => value
 });
 module.exports = __toCommonJS(dom_exports);
@@ -606,6 +608,10 @@ function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
 }
 var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2);
 var renderBodyClosures = (renderBody, childScope, op) => {
   const signals = renderBody?.___closureSignals;
   if (signals) {

package/dist/debug/dom.mjs

@@ -519,6 +519,10 @@ function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
 }
 var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2);
 var renderBodyClosures = (renderBody, childScope, op) => {
   const signals = renderBody?.___closureSignals;
   if (signals) {
@@ -2063,8 +2067,10 @@ export {
   resetAbortSignal,
   run,
   setTagVar,
+  setTagVarChange,
   state,
   styleAttr,
   tagVarSignal,
+  tagVarSignalChange,
   value
 };

package/dist/dom/signals.d.ts

@@ -29,6 +29,8 @@ export declare function childClosures(closureSignals: IntersectionSignal[], chil
 export declare function dynamicSubscribers(valueAccessor: Accessor): (scope: Scope, op: SignalOp) => void;
 export declare function setTagVar(scope: Scope, childAccessor: Accessor, tagVarSignal: ValueSignal): void;
 export declare const tagVarSignal: (scope: Scope, valueOrOp: unknown | SignalOp) => any;
+export declare function setTagVarChange(scope: Scope, changeHandler: (value: unknown) => void): void;
+export declare const tagVarSignalChange: (scope: Scope, value: unknown) => any;
 export declare const renderBodyClosures: (renderBody: Renderer | string | undefined, childScope: Scope, op: SignalOp) => void;
 export declare const inMany: (scopes: Scope[], op: SignalOp, signal: IntersectionSignal) => void;
 export declare function nextTagId({ $global }: Scope): string;

package/dist/dom.d.ts

@@ -11,5 +11,5 @@ export { run } from "./dom/queue";
 export { createRenderer, createRendererWithOwner, dynamicTagAttrs, } from "./dom/renderer";
 export { init, nodeRef, register, registerBoundSignal, registerSubscriber, } from "./dom/resume";
 export { createScope } from "./dom/scope";
-export { childClosures, closure, dynamicClosure, dynamicSubscribers, effect, inChild, intersection, intersections, nextTagId, setTagVar, state, tagVarSignal, value, } from "./dom/signals";
+export { childClosures, closure, dynamicClosure, dynamicSubscribers, effect, inChild, intersection, intersections, nextTagId, setTagVar, setTagVarChange, state, tagVarSignal, tagVarSignalChange, value, } from "./dom/signals";
 export { createTemplate } from "./dom/template";

package/dist/dom.js

@@ -75,9 +75,11 @@ __export(dom_exports, {
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
   setTagVar: () => setTagVar,
+  setTagVarChange: () => setTagVarChange,
   state: () => state,
   styleAttr: () => styleAttr,
   tagVarSignal: () => tagVarSignal,
+  tagVarSignalChange: () => tagVarSignalChange,
   value: () => value
 });
 module.exports = __toCommonJS(dom_exports);
@@ -381,7 +383,11 @@ function dynamicSubscribers(valueAccessor) {
 function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
 }
-var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp), renderBodyClosures = (renderBody, childScope, op) => {
+var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), renderBodyClosures = (renderBody, childScope, op) => {
   let signals = renderBody?.c;
   if (signals)
     for (let signal of signals)

package/dist/dom.mjs

@@ -297,7 +297,11 @@ function dynamicSubscribers(valueAccessor) {
 function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
 }
-var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp), renderBodyClosures = (renderBody, childScope, op) => {
+var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), renderBodyClosures = (renderBody, childScope, op) => {
   let signals = renderBody?.c;
   if (signals)
     for (let signal of signals)
@@ -1328,8 +1332,10 @@ export {
   resetAbortSignal,
   run,
   setTagVar,
+  setTagVarChange,
   state,
   styleAttr,
   tagVarSignal,
+  tagVarSignalChange,
   value
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/runtime-tags",
-  "version": "0.1.25",
+  "version": "0.2.0",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",