@brandup/ui 1.0.44 → 2.0.2

package/dist/cjs/dom/bind.js

@@ -0,0 +1,29 @@
+'use strict';
+
+/**
+ * A reactive binding for use as a {@link tag} child. Its `compute` function is
+ * re-evaluated and re-rendered whenever the reactive state it reads changes.
+ */
+class Binding {
+    compute;
+    constructor(compute) {
+        this.compute = compute;
+    }
+}
+/**
+ * Create a reactive {@link Binding} that can be passed as a `tag` child. The
+ * compute function is tracked: it re-runs (updating the DOM in place) whenever
+ * any reactive value it reads changes.
+ *
+ * @example
+ * const state = reactive({ name: "Alice" });
+ * DOM.tag("div", null, "Hi, ", bind(() => state.name));
+ * state.name = "Bob"; // the text updates in place
+ */
+function bind(compute) {
+    return new Binding(compute);
+}
+
+exports.Binding = Binding;
+exports.bind = bind;
+//# sourceMappingURL=bind.js.map

package/dist/cjs/dom/bind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bind.js","sources":["../../../../source/dom/bind.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAKA;;;AAGG;MACU,OAAO,CAAA;AACE,IAAA,OAAA;AAArB,IAAA,WAAA,CAAqB,OAA2B,EAAA;QAA3B,IAAA,CAAA,OAAO,GAAP,OAAO;IAAwB;AACpD;AAED;;;;;;;;;AASG;AACG,SAAU,IAAI,CAAC,OAA2B,EAAA;AAC/C,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC;AAC5B;;;;;"}

package/dist/cjs/dom/binding-cleanup.js

@@ -0,0 +1,162 @@
+'use strict';
+
+// UIElements are located via the data attribute `UIElement.setElement` already sets
+// (`elem.dataset.uiElement` → `data-ui-element`), so no extra marker is needed for them.
+const UIELEM_SELECTOR = "[data-ui-element]";
+// Marker placed on every element a reactive binding renders into, so a removed
+// subtree (or a cleared container) can be queried for affected bindings.
+const BINDING_ATTR = "data-bui-binding";
+const BINDING_SELECTOR = "[data-bui-binding]";
+// node → UIElement auto-destroy entry
+const trackedElements = new Map();
+// container element → bindings rendered into it (one marker per container)
+const bindingsByContainer = new Map();
+let observer;
+function ensureObserver() {
+    if (typeof MutationObserver !== "undefined" && !observer) {
+        observer = new MutationObserver(onMutations);
+        observer.observe(document, { childList: true, subtree: true });
+    }
+}
+function disconnectIfEmpty() {
+    if (trackedElements.size === 0 && bindingsByContainer.size === 0 && observer) {
+        observer.disconnect();
+        observer = undefined;
+    }
+}
+/**
+ * React only to *removed* nodes (insertions never disconnect anything). Two cases:
+ *  - a removed element subtree → dispose the tracked UIElements/bindings inside it;
+ *  - children removed from a surviving container (e.g. `container.innerHTML = ""`) →
+ *    re-check the bindings rendered directly into that container.
+ * Work stays proportional to what changed, not to the total number tracked.
+ */
+function onMutations(mutations) {
+    for (const mutation of mutations) {
+        mutation.removedNodes.forEach(node => {
+            if (node instanceof HTMLElement)
+                disposeDisconnectedWithin(node);
+        });
+        // A binding's managed node (a text/comment) can be removed while its container
+        // stays connected (a cleared/replaced container). The container itself is then
+        // the mutation target, not a removed node, so check its bindings here.
+        const target = mutation.target;
+        if (mutation.removedNodes.length && target instanceof HTMLElement && target.hasAttribute(BINDING_ATTR))
+            disposeDisconnectedBindings(target);
+    }
+    disconnectIfEmpty();
+}
+/** Apply `fn` to `root` itself (when it matches) and every descendant matching `selector`. */
+function forEachSelfAndMatches(root, selector, fn) {
+    if (root.matches(selector))
+        fn(root);
+    root.querySelectorAll(selector).forEach(el => fn(el));
+}
+/** Destroy/stop tracked entries inside a removed subtree that are no longer in the document. */
+function disposeDisconnectedWithin(removed) {
+    // UIElements first: destroying one cascades to its nested UIElements and bindings.
+    forEachSelfAndMatches(removed, UIELEM_SELECTOR, el => {
+        // `isConnected` guards against moves (removed from one place, re-inserted in another).
+        if (!el.isConnected) {
+            const entry = trackedElements.get(el);
+            if (entry)
+                entry.destroy(); // destroy() untracks itself, cascades, and disposes its bindings
+        }
+    });
+    forEachSelfAndMatches(removed, BINDING_SELECTOR, disposeDisconnectedBindings);
+}
+/** Stop the bindings of `container` whose managed node has left the document. */
+function disposeDisconnectedBindings(container) {
+    const set = bindingsByContainer.get(container);
+    if (!set)
+        return;
+    for (const binding of [...set]) {
+        if (!binding.getNode().isConnected) {
+            set.delete(binding);
+            binding.effect.stop();
+        }
+    }
+    if (!set.size) {
+        bindingsByContainer.delete(container);
+        container.removeAttribute(BINDING_ATTR);
+    }
+}
+/** Stop and forget every binding of `container`, unconditionally (owner is being destroyed). */
+function stopAllBindings(container) {
+    const set = bindingsByContainer.get(container);
+    if (!set)
+        return;
+    bindingsByContainer.delete(container);
+    container.removeAttribute(BINDING_ATTR);
+    set.forEach(binding => binding.effect.stop());
+}
+/**
+ * Track a binding so its reactive effect is stopped automatically once its managed node has
+ * been mounted and then removed from the document (via a shared `MutationObserver`), and so
+ * {@link disposeBindingsWithin} can stop it when its owning UIElement is destroyed.
+ *
+ * @param container Element the binding renders into (indexed/marked for subtree queries).
+ * @param getNode Returns the binding's current managed node — its connectivity drives disposal.
+ * @param effect The reactive effect to stop on disposal.
+ */
+function autoDisposeBinding(container, getNode, effect) {
+    let set = bindingsByContainer.get(container);
+    if (!set) {
+        bindingsByContainer.set(container, set = new Set());
+        container.setAttribute(BINDING_ATTR, "");
+    }
+    set.add({ getNode, container, effect });
+    ensureObserver();
+}
+/**
+ * Register a `UIElement`'s DOM node for auto-destroy: once the node has been mounted
+ * into the document and then removed, `destroy` is called automatically.
+ * @internal — called by `UIElement.setElement`.
+ */
+function trackAutoDestroy(node, destroy) {
+    trackedElements.set(node, { node, destroy });
+    ensureObserver();
+}
+/**
+ * Remove a node from auto-destroy tracking (called when `UIElement.destroy` is
+ * invoked explicitly so the entry does not linger).
+ * @internal — called by `UIElement.destroy`.
+ */
+function untrackAutoDestroy(node) {
+    trackedElements.delete(node);
+    disconnectIfEmpty();
+}
+/**
+ * Destroy every tracked `UIElement` nested within `root` (excluding `root` itself),
+ * deepest first. Located via the `data-ui-element` marker, so the cost is proportional
+ * to the subtree rather than to the total number of tracked elements.
+ * @internal — called by `UIElement.destroy`.
+ */
+function destroyUIElementsWithin(root) {
+    const victims = [];
+    root.querySelectorAll(UIELEM_SELECTOR).forEach(el => {
+        if (trackedElements.has(el))
+            victims.push(el);
+    });
+    // querySelectorAll yields document order (ancestors before descendants);
+    // iterate in reverse so deeper / nested elements are destroyed first.
+    for (let i = victims.length - 1; i >= 0; i--)
+        trackedElements.get(victims[i])?.destroy();
+}
+/**
+ * Stop and forget every tracked binding rendered within `root` (used when a UIElement is
+ * destroyed). Unlike the observer path this is unconditional — it does not check connectivity,
+ * because the owner is being torn down.
+ */
+function disposeBindingsWithin(root) {
+    if (root instanceof HTMLElement)
+        forEachSelfAndMatches(root, BINDING_SELECTOR, stopAllBindings);
+    disconnectIfEmpty();
+}
+
+exports.autoDisposeBinding = autoDisposeBinding;
+exports.destroyUIElementsWithin = destroyUIElementsWithin;
+exports.disposeBindingsWithin = disposeBindingsWithin;
+exports.trackAutoDestroy = trackAutoDestroy;
+exports.untrackAutoDestroy = untrackAutoDestroy;
+//# sourceMappingURL=binding-cleanup.js.map

package/dist/cjs/dom/binding-cleanup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"binding-cleanup.js","sources":["../../../../source/dom/binding-cleanup.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/cjs/dom/dom.js

@@ -0,0 +1,184 @@
+'use strict';
+
+var helpers = require('./helpers.js');
+
+/**
+ * Finds an element by its `id` within the whole document.
+ * @param id The element id to look up.
+ * @returns The matching element, or `null` if none exists.
+ */
+function getById(id) {
+    return document.getElementById(id);
+}
+/**
+ * Returns the first descendant of `container` that has the given class.
+ * @param container Element to search within.
+ * @param className Single class name to match.
+ * @returns The first matching element, or `null` if none found.
+ */
+function getByClass(container, className) {
+    const elements = container.getElementsByClassName(className);
+    if (elements.length === 0)
+        return null;
+    return elements.item(0);
+}
+/**
+ * Returns the first element in the document with the given `name` attribute.
+ * @param name The `name` attribute value to look up.
+ * @returns The first matching element, or `null` if none found.
+ */
+function getByName(name) {
+    const elements = document.getElementsByName(name);
+    if (elements.length === 0)
+        return null;
+    return elements.item(0);
+}
+/**
+ * Returns the first descendant of `container` with the given tag name.
+ * @param container Element to search within.
+ * @param tagName Tag name to match (e.g. `"input"`).
+ * @returns The first matching element, or `null` if none found.
+ */
+function getElementByTagName(container, tagName) {
+    const elements = container.getElementsByTagName(tagName);
+    if (elements.length === 0)
+        return null;
+    return elements.item(0);
+}
+/**
+ * Returns all descendants of `container` with the given tag name as a live collection.
+ * @param container Element to search within.
+ * @param tagName Tag name to match (e.g. `"li"`).
+ * @returns A live `HTMLCollection` of matching elements.
+ */
+function getElementsByTagName(container, tagName) {
+    return container.getElementsByTagName(tagName);
+}
+/**
+ * Returns the first descendant of `container` matching the CSS selector.
+ * @param container Element to search within.
+ * @param query CSS selector.
+ * @returns The first matching element, or `null` if none found.
+ */
+function queryElement(container, query) {
+    return container.querySelector(query);
+}
+/**
+ * Returns all descendants of `container` matching the CSS selector.
+ * @param container Element to search within.
+ * @param query CSS selector.
+ * @returns A static `NodeList` of matching elements.
+ */
+function queryElements(container, query) {
+    return container.querySelectorAll(query);
+}
+/**
+ * Walks forward through the following siblings of `current` and returns the first one that has the given class.
+ * @param current Element to start from.
+ * @param className Class name to match.
+ * @returns The first matching following sibling, or `null` if none found.
+ */
+function nextElementByClass(current, className) {
+    let elem = current.nextSibling;
+    while (elem) {
+        if (elem.nodeType === Node.ELEMENT_NODE && elem instanceof HTMLElement && elem.classList.contains(className))
+            return elem;
+        elem = elem.nextSibling;
+    }
+    return null;
+}
+/**
+ * Walks backward through the preceding siblings of `current` and returns the first one that has the given class.
+ * @param current Element to start from.
+ * @param className Class name to match.
+ * @returns The first matching preceding sibling, or `null` if none found.
+ */
+function prevElementByClass(current, className) {
+    let elem = current.previousSibling;
+    while (elem) {
+        if (elem.nodeType === Node.ELEMENT_NODE && elem instanceof HTMLElement && elem.classList.contains(className))
+            return elem;
+        elem = elem.previousSibling;
+    }
+    return null;
+}
+/**
+ * Returns the nearest preceding sibling element of `current`, skipping non-element nodes (e.g. text nodes).
+ * @param current Element to start from.
+ * @returns The previous sibling element, or `null` if none found.
+ */
+function prevElement(current) {
+    let elem = current.previousSibling;
+    while (elem) {
+        if (elem.nodeType === Node.ELEMENT_NODE && elem instanceof HTMLElement)
+            return elem;
+        elem = elem.previousSibling;
+    }
+    return null;
+}
+/**
+ * Returns the nearest following sibling element of `current`, skipping non-element nodes (e.g. text nodes).
+ * @param current Element to start from.
+ * @returns The next sibling element, or `null` if none found.
+ */
+function nextElement(current) {
+    let elem = current.nextSibling;
+    while (elem) {
+        if (elem.nodeType === Node.ELEMENT_NODE && elem instanceof HTMLElement)
+            return elem;
+        elem = elem.nextSibling;
+    }
+    return null;
+}
+/**
+ * Adds the given CSS class(es) to every descendant of `container` matching the selector. No-op when `container` or `cssClass` is falsy.
+ * @param container Element to search within (ignored when null/undefined).
+ * @param selectors CSS selector for the elements to modify.
+ * @param cssClass Class name(s) to add.
+ */
+function addClass(container, selectors, cssClass) {
+    if (!container || !cssClass)
+        return;
+    const nodes = container.querySelectorAll(selectors);
+    nodes.forEach(node => helpers.default.addCssClass(node, cssClass));
+}
+/**
+ * Removes the given CSS class(es) from every descendant of `container` matching the selector. No-op when `container` or `cssClass` is falsy.
+ * @param container Element to search within (ignored when null/undefined).
+ * @param selectors CSS selector for the elements to modify.
+ * @param cssClass Class name(s) to remove.
+ */
+function removeClass(container, selectors, cssClass) {
+    if (!container || !cssClass)
+        return;
+    const nodes = container.querySelectorAll(selectors);
+    nodes.forEach(elem => helpers.default.removeCssClass(elem, cssClass));
+}
+/**
+ * Removes all child nodes from `container`, leaving it empty. No-op when `container` is null/undefined.
+ * @param container Element to clear.
+ */
+function empty(container) {
+    if (!container)
+        return;
+    while (container.hasChildNodes()) {
+        if (container.firstChild)
+            container.removeChild(container.firstChild);
+    }
+}
+
+exports.addClass = addClass;
+exports.empty = empty;
+exports.getByClass = getByClass;
+exports.getById = getById;
+exports.getByName = getByName;
+exports.getElementByTagName = getElementByTagName;
+exports.getElementsByTagName = getElementsByTagName;
+exports.nextElement = nextElement;
+exports.nextElementByClass = nextElementByClass;
+exports.prevElement = prevElement;
+exports.prevElementByClass = prevElementByClass;
+exports.queryElement = queryElement;
+exports.queryElements = queryElements;
+exports.removeClass = removeClass;
+//# sourceMappingURL=dom.js.map

package/dist/cjs/dom/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sources":["../../../../source/dom/dom.ts"],"sourcesContent":[null],"names":["helpers"],"mappings":"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"}

package/dist/cjs/dom/helpers.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * @internal
+ * Adds one or more CSS classes to a single element. A string is split on spaces. No-op when `cssClass` is falsy.
+ */
+const addCssClass = (elem, cssClass) => {
+    if (!cssClass)
+        return;
+    const tokens = (Array.isArray(cssClass) ? cssClass : cssClass.split(' ')).filter(Boolean);
+    if (tokens.length)
+        elem.classList.add(...tokens);
+};
+/**
+ * @internal
+ * Removes one or more CSS classes from a single element. A string is split on spaces. No-op when `cssClass` is falsy.
+ */
+const removeCssClass = (elem, cssClass) => {
+    if (!cssClass)
+        return;
+    const tokens = (Array.isArray(cssClass) ? cssClass : cssClass.split(' ')).filter(Boolean);
+    if (tokens.length)
+        elem.classList.remove(...tokens);
+};
+var helpers = {
+    addCssClass,
+    removeCssClass
+};
+
+exports.default = helpers;
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/dom/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../source/dom/helpers.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAEA;;;AAGG;AACH,MAAM,WAAW,GAAG,CAAC,IAAa,EAAE,QAAkB,KAAI;AACzD,IAAA,IAAI,CAAC,QAAQ;QACZ;AAED,IAAA,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IACzF,IAAI,MAAM,CAAC,MAAM;QAChB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAC/B,CAAC;AAED;;;AAGG;AACH,MAAM,cAAc,GAAG,CAAC,IAAa,EAAE,QAAkB,KAAI;AAC5D,IAAA,IAAI,CAAC,QAAQ;QACZ;AAED,IAAA,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IACzF,IAAI,MAAM,CAAC,MAAM;QAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAClC,CAAC;AAED,cAAe;IACd,WAAW;IACX;CACA;;;;"}

package/dist/cjs/dom/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+require('../reactive/effect.js');
+var dom = require('./dom.js');
+var tag = require('./tag.js');
+
+/** Collection of DOM helper functions: element queries/traversal ({@link getById}, {@link queryElement}, {@link nextElement}, ...), class manipulation ({@link addClass}, {@link removeClass}), {@link empty}, and element creation via {@link tag}. */
+const DOM = {
+    ...dom,
+    ...tag
+};
+
+exports.DOM = DOM;
+//# sourceMappingURL=index.js.map

package/dist/cjs/dom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../source/dom/index.ts"],"sourcesContent":[null],"names":["DomHelpers","TagHelpers"],"mappings":";;;;;;AAMA;AACO,MAAM,GAAG,GAAG;AAClB,IAAA,GAAGA,GAAU;AACb,IAAA,GAAGC;;;;;"}

package/dist/cjs/dom/tag.js

@@ -0,0 +1,207 @@
+'use strict';
+
+var element = require('../element.js');
+var bind = require('./bind.js');
+var bindEach = require('./bind-each.js');
+var effect = require('../reactive/effect.js');
+var bindingCleanup = require('./binding-cleanup.js');
+var helpers = require('./helpers.js');
+
+/** Returns `true` when `value` should be treated as options (or absent options), `false` when it is the first child. */
+const isOptionsArg = (value) => {
+    if (value === null || value === undefined)
+        return true;
+    if (typeof value !== "object")
+        return false; // string, number, boolean, function → child
+    if (Array.isArray(value))
+        return false; // array → children
+    if (value instanceof Element || value instanceof element.UIElement || value instanceof bind.Binding || value instanceof bindEach.BindingEach || value instanceof Promise)
+        return false;
+    return true; // plain object → ElementOptions
+};
+/**
+ * Creates an HTML element, optionally applying options and appending children.
+ *
+ * The second argument is **options** when it is `null` or a plain {@link ElementOptions} object.
+ * It is treated as the **first child** for any {@link TagFirstChild} value — strings, numbers,
+ * elements, bindings, arrays, etc. — so `tag("div", "hello")` appends "hello" as HTML text,
+ * and `tag("ul", bindEach(...))` works without a leading `null`.
+ * To apply a CSS class use `{ class: "name" }` in options.
+ */
+function tag(tagName, optionsOrChild, ...rest) {
+    const elem = document.createElement(tagName);
+    if (isOptionsArg(optionsOrChild)) {
+        applyOptions(elem, optionsOrChild);
+        appendChild(elem, rest);
+    }
+    else {
+        appendChild(elem, optionsOrChild !== undefined ? [optionsOrChild, ...rest] : rest);
+    }
+    return elem;
+}
+/**
+ * Applies element options to an existing element. A string or array is treated as a {@link CssClass}; otherwise each {@link ElementOptions} key is applied (`id`, `styles`, `class`, `command`, `dataset`, `events`, or a plain attribute). `undefined` values are skipped.
+ * @param elem Target element to mutate.
+ * @param options Options object, {@link CssClass} shorthand, or `null`/`undefined` for none.
+ */
+const applyOptions = (elem, options) => {
+    if (!options)
+        return;
+    if (typeof options === "string" || Array.isArray(options))
+        helpers.default.addCssClass(elem, options);
+    else {
+        for (const key in options) {
+            const value = options[key];
+            if (value === undefined)
+                continue;
+            switch (key) {
+                case "id":
+                    elem.id = value;
+                    break;
+                case "styles": {
+                    if (value) {
+                        for (const sKey in value)
+                            elem.style[sKey] = value[sKey];
+                    }
+                    break;
+                }
+                case "class": {
+                    helpers.default.addCssClass(elem, value);
+                    break;
+                }
+                case "command": {
+                    elem.dataset["command"] = value;
+                    break;
+                }
+                case "dataset": {
+                    if (value) {
+                        for (const dataName in value)
+                            elem.dataset[dataName] = value[dataName];
+                    }
+                    break;
+                }
+                case "events": {
+                    if (value) {
+                        for (const eventName in value)
+                            elem.addEventListener(eventName, value[eventName]);
+                    }
+                    break;
+                }
+                default: {
+                    if (value === null)
+                        elem.setAttribute(key, "");
+                    else if (typeof value === "object")
+                        elem.setAttribute(key, JSON.stringify(value));
+                    else
+                        elem.setAttribute(key, String(value));
+                    break;
+                }
+            }
+        }
+    }
+};
+/**
+ * Appends one or more children to a container, recursively resolving arrays, promises and factory functions. Elements are appended as-is; a {@link UIElement} appends its bound element (or defers until `setElement` binds one); a reactive {@link Binding} renders and live-updates in place; strings/numbers/booleans are inserted as HTML; `null`/`undefined` are ignored.
+ * @param container Element to append the children to.
+ * @param children Child or children to append. See {@link TagChildrenLike}.
+ * @throws Error When a child resolves to an unsupported type.
+ */
+const appendChild = (container, children) => {
+    if (children === null || children === undefined)
+        return;
+    if (children instanceof Array)
+        children.forEach(child => appendChild(container, child));
+    else if (children instanceof Element)
+        container.append(children);
+    else if (children instanceof element.UIElement) {
+        if (children.element)
+            container.append(children.element);
+        else {
+            // reserve the position now; replace the placeholder once setElement
+            // binds the element (after _onRenderElement), keeping child order
+            const placeholder = document.createComment("");
+            container.append(placeholder);
+            children.once("rendered", () => {
+                if (children.element)
+                    placeholder.replaceWith(children.element);
+            });
+        }
+    }
+    else if (children instanceof bind.Binding)
+        appendBinding(container, children);
+    else if (children instanceof bindEach.BindingEach)
+        bindEach.appendBindingEach(container, children);
+    else if (children instanceof Promise)
+        children.then((child) => appendChild(container, child));
+    else {
+        const typeName = typeof children;
+        let html;
+        switch (typeName) {
+            case "string":
+                html = children;
+                break;
+            case "number":
+            case "boolean":
+                html = children.toString();
+                break;
+            case "function":
+                const child = children(container);
+                appendChild(container, child);
+                return;
+            default:
+                throw new Error(`Not support child type of ${typeName}.`);
+        }
+        container.insertAdjacentHTML("beforeend", html);
+    }
+};
+/**
+ * Renders a reactive {@link Binding} child and keeps it up to date: a reactive
+ * effect re-evaluates the binding and updates the DOM in place — reusing a text
+ * node for text values and swapping the node when an element/UIElement is returned.
+ */
+const appendBinding = (container, binding) => {
+    let current = document.createTextNode("");
+    let textNode = current;
+    container.append(current);
+    const eff = effect.effect(() => {
+        const value = binding.compute();
+        if (value instanceof Element || value instanceof element.UIElement) {
+            const next = (value instanceof element.UIElement ? value.element : value) ?? document.createComment("");
+            current.replaceWith(next);
+            current = next;
+            textNode = null;
+            // deferred UIElement: its element is bound later — swap the placeholder
+            // for the real element once setElement raises "rendered"
+            if (value instanceof element.UIElement && !value.element) {
+                const placeholder = next;
+                value.once("rendered", () => {
+                    // skip if the binding has since re-rendered to a different node
+                    if (value.element && current === placeholder) {
+                        placeholder.replaceWith(value.element);
+                        current = value.element;
+                    }
+                });
+            }
+        }
+        else {
+            // null/undefined/false render as empty text
+            const text = (value === null || value === undefined || value === false) ? "" : String(value);
+            if (textNode && textNode === current) {
+                textNode.textContent = text;
+            }
+            else {
+                const next = document.createTextNode(text);
+                current.replaceWith(next);
+                current = next;
+                textNode = next;
+            }
+        }
+    });
+    // stop the effect when the rendered node leaves the document
+    bindingCleanup.autoDisposeBinding(container, () => current, eff);
+};
+
+exports.appendChild = appendChild;
+exports.applyOptions = applyOptions;
+exports.tag = tag;
+//# sourceMappingURL=tag.js.map

package/dist/cjs/dom/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sources":["../../../../source/dom/tag.ts"],"sourcesContent":[null],"names":["UIElement","Binding","BindingEach","helpers","appendBindingEach","effect","autoDisposeBinding"],"mappings":"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"}