@xoong/core 0.0.36 → 0.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xoong/core",
-  "version": "0.0.36",
+  "version": "0.0.39",
   "description": "xoong core: signals, Light DOM custom elements, html templates. Zero dependencies.",
   "type": "module",
   "main": "src/index.js",

package/src/html.js

@@ -14,7 +14,7 @@
  *   @event=${fn}   : event listener.
  * An attribute value must be exactly one expression (no mixing text and `${}`).
  */
-import { effect } from './signals.js';
+import { effect, untracked } from './signals.js';
 
 const MARK = '__xo_';
 const cache = new WeakMap();
@@ -120,7 +120,7 @@ function bindAttr(el, part, value, disposers) {
     else if (v == null || v === false) el.removeAttribute(name);
     else el.setAttribute(name, v === true ? '' : String(v));
   };
-  if (typeof value === 'function') disposers.push(effect(() => apply(value())));
+  if (typeof value === 'function') disposers.push(effect(() => { const v = value(); untracked(() => apply(v)); })); // only `value` is tracked: what a child element reads while it connects must not subscribe this binding
   else apply(value);
 }
 
@@ -139,7 +139,7 @@ function bindChild(marker, value, disposers) {
     appendValue(frag, v, inner);
     end.before(frag);
   };
-  if (typeof value === 'function') disposers.push(effect(() => put(value())));
+  if (typeof value === 'function') disposers.push(effect(() => { const v = value(); untracked(() => put(v)); })); // same: inserting content connects child elements
   else put(value);
   disposers.push(clear);
 }

package/src/syntax.js

@@ -5,7 +5,7 @@
  */
 
 /** Attributes understood inside <xo-view>. */
-export const XO_ATTRIBUTES = ['xo-each', 'xo-if', 'xo-click', 'xo-submit', 'xo-body', 'xo-keep', 'xo-param', 'xo-refresh', 'xo-optimistic', 'xo-select', 'xo-selected', 'xo-with', 'xo-confirm', 'xo-notice', 'xo-add', 'xo-remove', 'xo-move', 'xo-drag', 'xo-t'];
+export const XO_ATTRIBUTES = ['xo-each', 'xo-if', 'xo-click', 'xo-submit', 'xo-body', 'xo-keep', 'xo-param', 'xo-refresh', 'xo-optimistic', 'xo-select', 'xo-selected', 'xo-with', 'xo-confirm', 'xo-notice', 'xo-then', 'xo-add', 'xo-remove', 'xo-move', 'xo-drag', 'xo-t'];
 
 /** Custom elements shipped by xoong. */
 export const XO_ELEMENTS = ['xo-view'];
@@ -16,4 +16,4 @@ export const XO_UI_ELEMENTS = ['xo-table', 'xo-form', 'xo-dialog', 'xo-toast', '
 
 /** Attributes and elements of @xoong/controls and @xoong/richtext. */
 export const XO_CONTROL_ATTRIBUTES = ['xo-tab', 'xo-menu-trigger', 'xo-tooltip'];
-export const XO_CONTROL_ELEMENTS = ['xo-tabs', 'xo-menu', 'xo-combobox', 'xo-tags', 'xo-richtext', 'xo-carousel', 'xo-switch', 'xo-date', 'xo-time', 'xo-slider', 'xo-stepper', 'xo-password', 'xo-copy'];
+export const XO_CONTROL_ELEMENTS = ['xo-tabs', 'xo-menu', 'xo-combobox', 'xo-tags', 'xo-richtext', 'xo-carousel', 'xo-switch', 'xo-date', 'xo-time', 'xo-slider', 'xo-stepper', 'xo-password', 'xo-copy', 'xo-image'];