@aigne/afs-ui 1.11.0-beta.12

package/dist/web-page/renderers/table.mjs

@@ -0,0 +1,74 @@
+//#region src/web-page/renderers/table.ts
+const TABLE_JS = `
+  function renderAupTable(node) {
+    var p = node.props || {};
+    var columns = Array.isArray(p.columns) ? p.columns : [];
+    var rows = Array.isArray(p.rows) ? p.rows : [];
+
+    var table = document.createElement("table");
+    table.className = "aup-table";
+
+    // Header
+    var thead = document.createElement("thead");
+    var headerRow = document.createElement("tr");
+    for (var c = 0; c < columns.length; c++) {
+      var th = document.createElement("th");
+      var col = columns[c];
+      th.textContent = _escapeHtml(String(col.label || col.key || ""));
+      if (col.align) th.setAttribute("data-align", col.align);
+      // Sort click event
+      (function(colKey) {
+        th.onclick = function() {
+          if (node.events && node.events.sort) {
+            _fireAupEvent(node.id, "sort", {});
+          }
+        };
+      })(col.key);
+      headerRow.appendChild(th);
+    }
+    thead.appendChild(headerRow);
+    table.appendChild(thead);
+
+    // Body
+    var tbody = document.createElement("tbody");
+    if (rows.length === 0) {
+      var emptyRow = document.createElement("tr");
+      var emptyCell = document.createElement("td");
+      emptyCell.className = "aup-table-empty";
+      emptyCell.colSpan = columns.length || 1;
+      emptyCell.textContent = "No data";
+      emptyRow.appendChild(emptyCell);
+      tbody.appendChild(emptyRow);
+    } else {
+      for (var r = 0; r < rows.length; r++) {
+        var tr = document.createElement("tr");
+        var row = rows[r];
+        for (var ci = 0; ci < columns.length; ci++) {
+          var td = document.createElement("td");
+          var colDef = columns[ci];
+          var cellVal = row[colDef.key];
+          td.textContent = cellVal != null ? _escapeHtml(String(cellVal)) : "";
+          if (colDef.align) td.setAttribute("data-align", colDef.align);
+          tr.appendChild(td);
+        }
+        // Row click for select event
+        (function(rowData) {
+          tr.onclick = function() {
+            if (node.events && node.events.select) {
+              _fireAupEvent(node.id, "select", {});
+            }
+          };
+          tr.style.cursor = node.events && node.events.select ? "pointer" : "default";
+        })(row);
+        tbody.appendChild(tr);
+      }
+    }
+    table.appendChild(tbody);
+    return table;
+  }
+
+`;
+
+//#endregion
+export { TABLE_JS };
+//# sourceMappingURL=table.mjs.map

package/dist/web-page/renderers/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../src/web-page/renderers/table.ts"],"sourcesContent":["export const TABLE_JS = `\n  function renderAupTable(node) {\n    var p = node.props || {};\n    var columns = Array.isArray(p.columns) ? p.columns : [];\n    var rows = Array.isArray(p.rows) ? p.rows : [];\n\n    var table = document.createElement(\"table\");\n    table.className = \"aup-table\";\n\n    // Header\n    var thead = document.createElement(\"thead\");\n    var headerRow = document.createElement(\"tr\");\n    for (var c = 0; c < columns.length; c++) {\n      var th = document.createElement(\"th\");\n      var col = columns[c];\n      th.textContent = _escapeHtml(String(col.label || col.key || \"\"));\n      if (col.align) th.setAttribute(\"data-align\", col.align);\n      // Sort click event\n      (function(colKey) {\n        th.onclick = function() {\n          if (node.events && node.events.sort) {\n            _fireAupEvent(node.id, \"sort\", {});\n          }\n        };\n      })(col.key);\n      headerRow.appendChild(th);\n    }\n    thead.appendChild(headerRow);\n    table.appendChild(thead);\n\n    // Body\n    var tbody = document.createElement(\"tbody\");\n    if (rows.length === 0) {\n      var emptyRow = document.createElement(\"tr\");\n      var emptyCell = document.createElement(\"td\");\n      emptyCell.className = \"aup-table-empty\";\n      emptyCell.colSpan = columns.length || 1;\n      emptyCell.textContent = \"No data\";\n      emptyRow.appendChild(emptyCell);\n      tbody.appendChild(emptyRow);\n    } else {\n      for (var r = 0; r < rows.length; r++) {\n        var tr = document.createElement(\"tr\");\n        var row = rows[r];\n        for (var ci = 0; ci < columns.length; ci++) {\n          var td = document.createElement(\"td\");\n          var colDef = columns[ci];\n          var cellVal = row[colDef.key];\n          td.textContent = cellVal != null ? _escapeHtml(String(cellVal)) : \"\";\n          if (colDef.align) td.setAttribute(\"data-align\", colDef.align);\n          tr.appendChild(td);\n        }\n        // Row click for select event\n        (function(rowData) {\n          tr.onclick = function() {\n            if (node.events && node.events.select) {\n              _fireAupEvent(node.id, \"select\", {});\n            }\n          };\n          tr.style.cursor = node.events && node.events.select ? \"pointer\" : \"default\";\n        })(row);\n        tbody.appendChild(tr);\n      }\n    }\n    table.appendChild(tbody);\n    return table;\n  }\n\n`;\n"],"mappings":";AAAA,MAAa,WAAW"}

package/dist/web-page/renderers/terminal.cjs

@@ -0,0 +1,30 @@
+
+//#region src/web-page/renderers/terminal.ts
+const TERMINAL_JS = `
+  function renderAupTerminal(node) {
+    var el = document.createElement("div");
+    el.className = "aup-terminal";
+    var p = node.props || {};
+    if (p.rows) el.style.minHeight = (parseInt(p.rows) * 18) + "px";
+
+    var placeholder = document.createElement("div");
+    placeholder.className = "aup-terminal-placeholder";
+    placeholder.textContent = "Terminal (connect via WebSocket)";
+    el.appendChild(placeholder);
+
+    // Render children if provided
+    if (node.children) {
+      el.innerHTML = "";
+      node.children.forEach(function(child) {
+        var childEl = renderAupNode(child);
+        if (childEl) el.appendChild(childEl);
+      });
+    }
+
+    return el;
+  }
+
+`;
+
+//#endregion
+exports.TERMINAL_JS = TERMINAL_JS;

package/dist/web-page/renderers/terminal.mjs

@@ -0,0 +1,30 @@
+//#region src/web-page/renderers/terminal.ts
+const TERMINAL_JS = `
+  function renderAupTerminal(node) {
+    var el = document.createElement("div");
+    el.className = "aup-terminal";
+    var p = node.props || {};
+    if (p.rows) el.style.minHeight = (parseInt(p.rows) * 18) + "px";
+
+    var placeholder = document.createElement("div");
+    placeholder.className = "aup-terminal-placeholder";
+    placeholder.textContent = "Terminal (connect via WebSocket)";
+    el.appendChild(placeholder);
+
+    // Render children if provided
+    if (node.children) {
+      el.innerHTML = "";
+      node.children.forEach(function(child) {
+        var childEl = renderAupNode(child);
+        if (childEl) el.appendChild(childEl);
+      });
+    }
+
+    return el;
+  }
+
+`;
+
+//#endregion
+export { TERMINAL_JS };
+//# sourceMappingURL=terminal.mjs.map

package/dist/web-page/renderers/terminal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal.mjs","names":[],"sources":["../../../src/web-page/renderers/terminal.ts"],"sourcesContent":["export const TERMINAL_JS = `\n  function renderAupTerminal(node) {\n    var el = document.createElement(\"div\");\n    el.className = \"aup-terminal\";\n    var p = node.props || {};\n    if (p.rows) el.style.minHeight = (parseInt(p.rows) * 18) + \"px\";\n\n    var placeholder = document.createElement(\"div\");\n    placeholder.className = \"aup-terminal-placeholder\";\n    placeholder.textContent = \"Terminal (connect via WebSocket)\";\n    el.appendChild(placeholder);\n\n    // Render children if provided\n    if (node.children) {\n      el.innerHTML = \"\";\n      node.children.forEach(function(child) {\n        var childEl = renderAupNode(child);\n        if (childEl) el.appendChild(childEl);\n      });\n    }\n\n    return el;\n  }\n\n`;\n"],"mappings":";AAAA,MAAa,cAAc"}

package/dist/web-page/renderers/text.cjs

@@ -0,0 +1,109 @@
+
+//#region src/web-page/renderers/text.ts
+const TEXT_JS = `
+  function renderAupText(node) {
+    var p = node.props || {};
+    var level = p.level || node.state && node.state.level;
+    var tag = level ? "h" + Math.min(6, Math.max(1, parseInt(level))) : "div";
+    var el = document.createElement(tag);
+    el.className = "aup-text";
+    if (level) el.setAttribute("data-level", String(level));
+    if (p.scale) el.setAttribute("data-scale", p.scale);
+    if (p.format) el.setAttribute("data-format", p.format);
+    if (p.intent) el.setAttribute("data-intent", p.intent);
+    if (p.mode) el.setAttribute("data-mode", p.mode);
+    if (p.size) el.setAttribute("data-size", p.size);
+    // ── Animate ──
+    if (p.animate && p.animate !== "none") {
+      el.setAttribute("data-animate", p.animate);
+      if (p.animateDelay) el.style.animationDelay = p.animateDelay + "ms";
+      if (p.animateDuration) el.style.animationDuration = p.animateDuration + "ms";
+    }
+    // Render content as text (escape HTML)
+    var content = String(p.content || "");
+    if (p.format === "markdown" && typeof marked !== "undefined") {
+      el.innerHTML = renderMarkdown(content);
+      // Intercept internal link clicks — fire AUP event instead of navigating
+      el.addEventListener("click", function(e) {
+        var a = e.target.closest ? e.target.closest("a[href]") : null;
+        if (!a) return;
+        var href = a.getAttribute("href") || "";
+        // Skip external links (http://, https://, mailto:, tel:, #anchor)
+        if (/^(https?:|mailto:|tel:|#)/.test(href)) return;
+        e.preventDefault();
+        _fireAupEvent(node.id, "link-click", { href: href });
+      });
+    } else if (p.format === "code") {
+      var pre = document.createElement("pre");
+      var codeEl = document.createElement("code");
+      if (typeof hljs !== "undefined") {
+        if (p.language && hljs.getLanguage(p.language)) {
+          codeEl.innerHTML = hljs.highlight(content, { language: p.language }).value;
+          codeEl.className = "hljs language-" + p.language;
+        } else {
+          var autoResult = hljs.highlightAuto(content);
+          codeEl.innerHTML = autoResult.value;
+          codeEl.className = "hljs";
+        }
+      } else {
+        codeEl.textContent = content;
+      }
+      pre.appendChild(codeEl);
+      el.appendChild(pre);
+    } else {
+      el.textContent = content;
+    }
+    // ── Count-up animation ──
+    if (p.animate === "count-up") {
+      var raw = content.replace(/,/g, "");
+      var target = parseFloat(raw);
+      if (!isNaN(target)) {
+        var isInt = target === Math.floor(target) && raw.indexOf(".") < 0;
+        var hasCommas = content.indexOf(",") >= 0;
+        var prefix = content.match(/^([^0-9.-]*)/);
+        var suffix = content.match(/([^0-9.,]*)$/);
+        var pfx = prefix ? prefix[1] : "";
+        var sfx = suffix ? suffix[1] : "";
+        el.textContent = pfx + "0" + sfx;
+        el._countUpTarget = target;
+        el._countUpIsInt = isInt;
+        el._countUpHasCommas = hasCommas;
+        el._countUpPrefix = pfx;
+        el._countUpSuffix = sfx;
+        el._countUpDuration = p.animateDuration || 2000;
+      }
+    }
+    return el;
+  }
+
+  function _startCountUp(el) {
+    if (typeof el._countUpTarget !== "number") return;
+    var target = el._countUpTarget;
+    var isInt = el._countUpIsInt;
+    var hasCommas = el._countUpHasCommas;
+    var pfx = el._countUpPrefix;
+    var sfx = el._countUpSuffix;
+    var duration = el._countUpDuration;
+    var start = performance.now();
+
+    function formatNum(n) {
+      var s = isInt ? String(Math.round(n)) : n.toFixed(String(target).split(".")[1] ? String(target).split(".")[1].length : 2);
+      if (hasCommas) s = s.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ",");
+      return pfx + s + sfx;
+    }
+
+    function tick(now) {
+      var elapsed = now - start;
+      var progress = Math.min(elapsed / duration, 1);
+      // easeOutQuart for smooth deceleration
+      var eased = 1 - Math.pow(1 - progress, 4);
+      el.textContent = formatNum(target * eased);
+      if (progress < 1) requestAnimationFrame(tick);
+    }
+    requestAnimationFrame(tick);
+  }
+
+`;
+
+//#endregion
+exports.TEXT_JS = TEXT_JS;

package/dist/web-page/renderers/text.mjs

@@ -0,0 +1,109 @@
+//#region src/web-page/renderers/text.ts
+const TEXT_JS = `
+  function renderAupText(node) {
+    var p = node.props || {};
+    var level = p.level || node.state && node.state.level;
+    var tag = level ? "h" + Math.min(6, Math.max(1, parseInt(level))) : "div";
+    var el = document.createElement(tag);
+    el.className = "aup-text";
+    if (level) el.setAttribute("data-level", String(level));
+    if (p.scale) el.setAttribute("data-scale", p.scale);
+    if (p.format) el.setAttribute("data-format", p.format);
+    if (p.intent) el.setAttribute("data-intent", p.intent);
+    if (p.mode) el.setAttribute("data-mode", p.mode);
+    if (p.size) el.setAttribute("data-size", p.size);
+    // ── Animate ──
+    if (p.animate && p.animate !== "none") {
+      el.setAttribute("data-animate", p.animate);
+      if (p.animateDelay) el.style.animationDelay = p.animateDelay + "ms";
+      if (p.animateDuration) el.style.animationDuration = p.animateDuration + "ms";
+    }
+    // Render content as text (escape HTML)
+    var content = String(p.content || "");
+    if (p.format === "markdown" && typeof marked !== "undefined") {
+      el.innerHTML = renderMarkdown(content);
+      // Intercept internal link clicks — fire AUP event instead of navigating
+      el.addEventListener("click", function(e) {
+        var a = e.target.closest ? e.target.closest("a[href]") : null;
+        if (!a) return;
+        var href = a.getAttribute("href") || "";
+        // Skip external links (http://, https://, mailto:, tel:, #anchor)
+        if (/^(https?:|mailto:|tel:|#)/.test(href)) return;
+        e.preventDefault();
+        _fireAupEvent(node.id, "link-click", { href: href });
+      });
+    } else if (p.format === "code") {
+      var pre = document.createElement("pre");
+      var codeEl = document.createElement("code");
+      if (typeof hljs !== "undefined") {
+        if (p.language && hljs.getLanguage(p.language)) {
+          codeEl.innerHTML = hljs.highlight(content, { language: p.language }).value;
+          codeEl.className = "hljs language-" + p.language;
+        } else {
+          var autoResult = hljs.highlightAuto(content);
+          codeEl.innerHTML = autoResult.value;
+          codeEl.className = "hljs";
+        }
+      } else {
+        codeEl.textContent = content;
+      }
+      pre.appendChild(codeEl);
+      el.appendChild(pre);
+    } else {
+      el.textContent = content;
+    }
+    // ── Count-up animation ──
+    if (p.animate === "count-up") {
+      var raw = content.replace(/,/g, "");
+      var target = parseFloat(raw);
+      if (!isNaN(target)) {
+        var isInt = target === Math.floor(target) && raw.indexOf(".") < 0;
+        var hasCommas = content.indexOf(",") >= 0;
+        var prefix = content.match(/^([^0-9.-]*)/);
+        var suffix = content.match(/([^0-9.,]*)$/);
+        var pfx = prefix ? prefix[1] : "";
+        var sfx = suffix ? suffix[1] : "";
+        el.textContent = pfx + "0" + sfx;
+        el._countUpTarget = target;
+        el._countUpIsInt = isInt;
+        el._countUpHasCommas = hasCommas;
+        el._countUpPrefix = pfx;
+        el._countUpSuffix = sfx;
+        el._countUpDuration = p.animateDuration || 2000;
+      }
+    }
+    return el;
+  }
+
+  function _startCountUp(el) {
+    if (typeof el._countUpTarget !== "number") return;
+    var target = el._countUpTarget;
+    var isInt = el._countUpIsInt;
+    var hasCommas = el._countUpHasCommas;
+    var pfx = el._countUpPrefix;
+    var sfx = el._countUpSuffix;
+    var duration = el._countUpDuration;
+    var start = performance.now();
+
+    function formatNum(n) {
+      var s = isInt ? String(Math.round(n)) : n.toFixed(String(target).split(".")[1] ? String(target).split(".")[1].length : 2);
+      if (hasCommas) s = s.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ",");
+      return pfx + s + sfx;
+    }
+
+    function tick(now) {
+      var elapsed = now - start;
+      var progress = Math.min(elapsed / duration, 1);
+      // easeOutQuart for smooth deceleration
+      var eased = 1 - Math.pow(1 - progress, 4);
+      el.textContent = formatNum(target * eased);
+      if (progress < 1) requestAnimationFrame(tick);
+    }
+    requestAnimationFrame(tick);
+  }
+
+`;
+
+//#endregion
+export { TEXT_JS };
+//# sourceMappingURL=text.mjs.map

package/dist/web-page/renderers/text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.mjs","names":[],"sources":["../../../src/web-page/renderers/text.ts"],"sourcesContent":["export const TEXT_JS = `\n  function renderAupText(node) {\n    var p = node.props || {};\n    var level = p.level || node.state && node.state.level;\n    var tag = level ? \"h\" + Math.min(6, Math.max(1, parseInt(level))) : \"div\";\n    var el = document.createElement(tag);\n    el.className = \"aup-text\";\n    if (level) el.setAttribute(\"data-level\", String(level));\n    if (p.scale) el.setAttribute(\"data-scale\", p.scale);\n    if (p.format) el.setAttribute(\"data-format\", p.format);\n    if (p.intent) el.setAttribute(\"data-intent\", p.intent);\n    if (p.mode) el.setAttribute(\"data-mode\", p.mode);\n    if (p.size) el.setAttribute(\"data-size\", p.size);\n    // ── Animate ──\n    if (p.animate && p.animate !== \"none\") {\n      el.setAttribute(\"data-animate\", p.animate);\n      if (p.animateDelay) el.style.animationDelay = p.animateDelay + \"ms\";\n      if (p.animateDuration) el.style.animationDuration = p.animateDuration + \"ms\";\n    }\n    // Render content as text (escape HTML)\n    var content = String(p.content || \"\");\n    if (p.format === \"markdown\" && typeof marked !== \"undefined\") {\n      el.innerHTML = renderMarkdown(content);\n      // Intercept internal link clicks — fire AUP event instead of navigating\n      el.addEventListener(\"click\", function(e) {\n        var a = e.target.closest ? e.target.closest(\"a[href]\") : null;\n        if (!a) return;\n        var href = a.getAttribute(\"href\") || \"\";\n        // Skip external links (http://, https://, mailto:, tel:, #anchor)\n        if (/^(https?:|mailto:|tel:|#)/.test(href)) return;\n        e.preventDefault();\n        _fireAupEvent(node.id, \"link-click\", { href: href });\n      });\n    } else if (p.format === \"code\") {\n      var pre = document.createElement(\"pre\");\n      var codeEl = document.createElement(\"code\");\n      if (typeof hljs !== \"undefined\") {\n        if (p.language && hljs.getLanguage(p.language)) {\n          codeEl.innerHTML = hljs.highlight(content, { language: p.language }).value;\n          codeEl.className = \"hljs language-\" + p.language;\n        } else {\n          var autoResult = hljs.highlightAuto(content);\n          codeEl.innerHTML = autoResult.value;\n          codeEl.className = \"hljs\";\n        }\n      } else {\n        codeEl.textContent = content;\n      }\n      pre.appendChild(codeEl);\n      el.appendChild(pre);\n    } else {\n      el.textContent = content;\n    }\n    // ── Count-up animation ──\n    if (p.animate === \"count-up\") {\n      var raw = content.replace(/,/g, \"\");\n      var target = parseFloat(raw);\n      if (!isNaN(target)) {\n        var isInt = target === Math.floor(target) && raw.indexOf(\".\") < 0;\n        var hasCommas = content.indexOf(\",\") >= 0;\n        var prefix = content.match(/^([^0-9.-]*)/);\n        var suffix = content.match(/([^0-9.,]*)$/);\n        var pfx = prefix ? prefix[1] : \"\";\n        var sfx = suffix ? suffix[1] : \"\";\n        el.textContent = pfx + \"0\" + sfx;\n        el._countUpTarget = target;\n        el._countUpIsInt = isInt;\n        el._countUpHasCommas = hasCommas;\n        el._countUpPrefix = pfx;\n        el._countUpSuffix = sfx;\n        el._countUpDuration = p.animateDuration || 2000;\n      }\n    }\n    return el;\n  }\n\n  function _startCountUp(el) {\n    if (typeof el._countUpTarget !== \"number\") return;\n    var target = el._countUpTarget;\n    var isInt = el._countUpIsInt;\n    var hasCommas = el._countUpHasCommas;\n    var pfx = el._countUpPrefix;\n    var sfx = el._countUpSuffix;\n    var duration = el._countUpDuration;\n    var start = performance.now();\n\n    function formatNum(n) {\n      var s = isInt ? String(Math.round(n)) : n.toFixed(String(target).split(\".\")[1] ? String(target).split(\".\")[1].length : 2);\n      if (hasCommas) s = s.replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, \",\");\n      return pfx + s + sfx;\n    }\n\n    function tick(now) {\n      var elapsed = now - start;\n      var progress = Math.min(elapsed / duration, 1);\n      // easeOutQuart for smooth deceleration\n      var eased = 1 - Math.pow(1 - progress, 4);\n      el.textContent = formatNum(target * eased);\n      if (progress < 1) requestAnimationFrame(tick);\n    }\n    requestAnimationFrame(tick);\n  }\n\n`;\n"],"mappings":";AAAA,MAAa,UAAU"}

package/dist/web-page/renderers/ticker.cjs

@@ -0,0 +1,133 @@
+
+//#region src/web-page/renderers/ticker.ts
+const TICKER_JS = `
+  function renderAupTicker(node) {
+    var p = node.props || {};
+    var mode = p.mode === "flip" || p.mode === "static" ? p.mode : "scroll";
+    var intent = p.intent;
+    var separator = p.separator != null ? String(p.separator) : " \\u2022 ";
+    if (separator.length > 32) separator = separator.slice(0, 32);
+    var speed = p.speed;
+    var pauseOnHover = p.pauseOnHover !== false;
+    var direction = p.direction || "rtl";
+    var flipTransition = p.flipTransition || "fade";
+    var children = node.children || [];
+    if (children.length > 200) children = children.slice(0, 200);
+
+    var el = document.createElement("div");
+    el.className = "aup-ticker";
+    el.setAttribute("data-mode", mode);
+    if (intent) el.setAttribute("data-intent", intent);
+
+    var normalizedSpeed = _normalizeTickerSpeed(mode, speed);
+
+    if (mode === "static") {
+      return _buildStaticTicker(el, children, separator);
+    } else if (mode === "flip") {
+      return _buildFlipTicker(el, children, normalizedSpeed, flipTransition);
+    }
+    // Default: scroll
+    return _buildScrollTicker(el, children, separator, normalizedSpeed, pauseOnHover, direction);
+  }
+
+  function _normalizeTickerSpeed(mode, speed) {
+    var n = Number(speed);
+    if (!isFinite(n)) n = mode === "flip" ? 4000 : 60;
+    if (mode === "flip") {
+      n = Math.round(n);
+      if (n < 1000) n = 1000;
+      if (n > 60000) n = 60000;
+      return n;
+    }
+    if (n < 10) n = 10;
+    if (n > 400) n = 400;
+    return n;
+  }
+
+  function _buildStaticTicker(el, children, separator) {
+    var track = document.createElement("div");
+    track.className = "aup-ticker-track";
+    _appendTickerItems(track, children, separator);
+    el.appendChild(track);
+    return el;
+  }
+
+  function _buildScrollTicker(el, children, separator, pxPerSec, pauseOnHover, direction) {
+    var track = document.createElement("div");
+    track.className = "aup-ticker-track";
+
+    // First copy
+    _appendTickerItems(track, children, separator);
+    // Duplicate for seamless loop
+    _appendTickerItems(track, children, separator);
+
+    el.appendChild(track);
+
+    if (direction === "ltr") el.setAttribute("data-direction", "ltr");
+
+    // Calculate duration after DOM insertion (need widths)
+    requestAnimationFrame(function() {
+      var trackWidth = track.scrollWidth / 2;
+      if (trackWidth > 0 && pxPerSec > 0) {
+        var duration = trackWidth / pxPerSec;
+        el.style.setProperty("--ticker-duration", duration + "s");
+      }
+    });
+
+    if (pauseOnHover) {
+      el.addEventListener("mouseenter", function() { el.setAttribute("data-paused", "true"); });
+      el.addEventListener("mouseleave", function() { el.removeAttribute("data-paused"); });
+    }
+
+    return el;
+  }
+
+  function _buildFlipTicker(el, children, intervalMs, transition) {
+    var track = document.createElement("div");
+    track.className = "aup-ticker-track";
+    el.setAttribute("data-flip-transition", transition);
+
+    var items = [];
+    for (var i = 0; i < children.length; i++) {
+      var item = document.createElement("div");
+      item.className = "aup-ticker-item" + (i === 0 ? " active" : "");
+      var childEl = renderAupNode(children[i]);
+      if (childEl) item.appendChild(childEl);
+      track.appendChild(item);
+      items.push(item);
+    }
+    el.appendChild(track);
+
+    if (items.length > 1) {
+      var currentIdx = 0;
+      var flipTimer = setInterval(function() {
+        items[currentIdx].classList.remove("active");
+        currentIdx = (currentIdx + 1) % items.length;
+        items[currentIdx].classList.add("active");
+      }, intervalMs);
+      // Store timer for potential cleanup on re-render
+      el._flipTimer = flipTimer;
+    }
+
+    return el;
+  }
+
+  function _appendTickerItems(track, children, separator) {
+    for (var i = 0; i < children.length; i++) {
+      if (i > 0 && separator) {
+        var sep = document.createElement("span");
+        sep.className = "aup-ticker-separator";
+        sep.textContent = separator;
+        track.appendChild(sep);
+      }
+      var item = document.createElement("div");
+      item.className = "aup-ticker-item";
+      var childEl = renderAupNode(children[i]);
+      if (childEl) item.appendChild(childEl);
+      track.appendChild(item);
+    }
+  }
+`;
+
+//#endregion
+exports.TICKER_JS = TICKER_JS;

package/dist/web-page/renderers/ticker.mjs

@@ -0,0 +1,133 @@
+//#region src/web-page/renderers/ticker.ts
+const TICKER_JS = `
+  function renderAupTicker(node) {
+    var p = node.props || {};
+    var mode = p.mode === "flip" || p.mode === "static" ? p.mode : "scroll";
+    var intent = p.intent;
+    var separator = p.separator != null ? String(p.separator) : " \\u2022 ";
+    if (separator.length > 32) separator = separator.slice(0, 32);
+    var speed = p.speed;
+    var pauseOnHover = p.pauseOnHover !== false;
+    var direction = p.direction || "rtl";
+    var flipTransition = p.flipTransition || "fade";
+    var children = node.children || [];
+    if (children.length > 200) children = children.slice(0, 200);
+
+    var el = document.createElement("div");
+    el.className = "aup-ticker";
+    el.setAttribute("data-mode", mode);
+    if (intent) el.setAttribute("data-intent", intent);
+
+    var normalizedSpeed = _normalizeTickerSpeed(mode, speed);
+
+    if (mode === "static") {
+      return _buildStaticTicker(el, children, separator);
+    } else if (mode === "flip") {
+      return _buildFlipTicker(el, children, normalizedSpeed, flipTransition);
+    }
+    // Default: scroll
+    return _buildScrollTicker(el, children, separator, normalizedSpeed, pauseOnHover, direction);
+  }
+
+  function _normalizeTickerSpeed(mode, speed) {
+    var n = Number(speed);
+    if (!isFinite(n)) n = mode === "flip" ? 4000 : 60;
+    if (mode === "flip") {
+      n = Math.round(n);
+      if (n < 1000) n = 1000;
+      if (n > 60000) n = 60000;
+      return n;
+    }
+    if (n < 10) n = 10;
+    if (n > 400) n = 400;
+    return n;
+  }
+
+  function _buildStaticTicker(el, children, separator) {
+    var track = document.createElement("div");
+    track.className = "aup-ticker-track";
+    _appendTickerItems(track, children, separator);
+    el.appendChild(track);
+    return el;
+  }
+
+  function _buildScrollTicker(el, children, separator, pxPerSec, pauseOnHover, direction) {
+    var track = document.createElement("div");
+    track.className = "aup-ticker-track";
+
+    // First copy
+    _appendTickerItems(track, children, separator);
+    // Duplicate for seamless loop
+    _appendTickerItems(track, children, separator);
+
+    el.appendChild(track);
+
+    if (direction === "ltr") el.setAttribute("data-direction", "ltr");
+
+    // Calculate duration after DOM insertion (need widths)
+    requestAnimationFrame(function() {
+      var trackWidth = track.scrollWidth / 2;
+      if (trackWidth > 0 && pxPerSec > 0) {
+        var duration = trackWidth / pxPerSec;
+        el.style.setProperty("--ticker-duration", duration + "s");
+      }
+    });
+
+    if (pauseOnHover) {
+      el.addEventListener("mouseenter", function() { el.setAttribute("data-paused", "true"); });
+      el.addEventListener("mouseleave", function() { el.removeAttribute("data-paused"); });
+    }
+
+    return el;
+  }
+
+  function _buildFlipTicker(el, children, intervalMs, transition) {
+    var track = document.createElement("div");
+    track.className = "aup-ticker-track";
+    el.setAttribute("data-flip-transition", transition);
+
+    var items = [];
+    for (var i = 0; i < children.length; i++) {
+      var item = document.createElement("div");
+      item.className = "aup-ticker-item" + (i === 0 ? " active" : "");
+      var childEl = renderAupNode(children[i]);
+      if (childEl) item.appendChild(childEl);
+      track.appendChild(item);
+      items.push(item);
+    }
+    el.appendChild(track);
+
+    if (items.length > 1) {
+      var currentIdx = 0;
+      var flipTimer = setInterval(function() {
+        items[currentIdx].classList.remove("active");
+        currentIdx = (currentIdx + 1) % items.length;
+        items[currentIdx].classList.add("active");
+      }, intervalMs);
+      // Store timer for potential cleanup on re-render
+      el._flipTimer = flipTimer;
+    }
+
+    return el;
+  }
+
+  function _appendTickerItems(track, children, separator) {
+    for (var i = 0; i < children.length; i++) {
+      if (i > 0 && separator) {
+        var sep = document.createElement("span");
+        sep.className = "aup-ticker-separator";
+        sep.textContent = separator;
+        track.appendChild(sep);
+      }
+      var item = document.createElement("div");
+      item.className = "aup-ticker-item";
+      var childEl = renderAupNode(children[i]);
+      if (childEl) item.appendChild(childEl);
+      track.appendChild(item);
+    }
+  }
+`;
+
+//#endregion
+export { TICKER_JS };
+//# sourceMappingURL=ticker.mjs.map

package/dist/web-page/renderers/ticker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticker.mjs","names":[],"sources":["../../../src/web-page/renderers/ticker.ts"],"sourcesContent":["export const TICKER_JS = `\n  function renderAupTicker(node) {\n    var p = node.props || {};\n    var mode = p.mode === \"flip\" || p.mode === \"static\" ? p.mode : \"scroll\";\n    var intent = p.intent;\n    var separator = p.separator != null ? String(p.separator) : \" \\\\u2022 \";\n    if (separator.length > 32) separator = separator.slice(0, 32);\n    var speed = p.speed;\n    var pauseOnHover = p.pauseOnHover !== false;\n    var direction = p.direction || \"rtl\";\n    var flipTransition = p.flipTransition || \"fade\";\n    var children = node.children || [];\n    if (children.length > 200) children = children.slice(0, 200);\n\n    var el = document.createElement(\"div\");\n    el.className = \"aup-ticker\";\n    el.setAttribute(\"data-mode\", mode);\n    if (intent) el.setAttribute(\"data-intent\", intent);\n\n    var normalizedSpeed = _normalizeTickerSpeed(mode, speed);\n\n    if (mode === \"static\") {\n      return _buildStaticTicker(el, children, separator);\n    } else if (mode === \"flip\") {\n      return _buildFlipTicker(el, children, normalizedSpeed, flipTransition);\n    }\n    // Default: scroll\n    return _buildScrollTicker(el, children, separator, normalizedSpeed, pauseOnHover, direction);\n  }\n\n  function _normalizeTickerSpeed(mode, speed) {\n    var n = Number(speed);\n    if (!isFinite(n)) n = mode === \"flip\" ? 4000 : 60;\n    if (mode === \"flip\") {\n      n = Math.round(n);\n      if (n < 1000) n = 1000;\n      if (n > 60000) n = 60000;\n      return n;\n    }\n    if (n < 10) n = 10;\n    if (n > 400) n = 400;\n    return n;\n  }\n\n  function _buildStaticTicker(el, children, separator) {\n    var track = document.createElement(\"div\");\n    track.className = \"aup-ticker-track\";\n    _appendTickerItems(track, children, separator);\n    el.appendChild(track);\n    return el;\n  }\n\n  function _buildScrollTicker(el, children, separator, pxPerSec, pauseOnHover, direction) {\n    var track = document.createElement(\"div\");\n    track.className = \"aup-ticker-track\";\n\n    // First copy\n    _appendTickerItems(track, children, separator);\n    // Duplicate for seamless loop\n    _appendTickerItems(track, children, separator);\n\n    el.appendChild(track);\n\n    if (direction === \"ltr\") el.setAttribute(\"data-direction\", \"ltr\");\n\n    // Calculate duration after DOM insertion (need widths)\n    requestAnimationFrame(function() {\n      var trackWidth = track.scrollWidth / 2;\n      if (trackWidth > 0 && pxPerSec > 0) {\n        var duration = trackWidth / pxPerSec;\n        el.style.setProperty(\"--ticker-duration\", duration + \"s\");\n      }\n    });\n\n    if (pauseOnHover) {\n      el.addEventListener(\"mouseenter\", function() { el.setAttribute(\"data-paused\", \"true\"); });\n      el.addEventListener(\"mouseleave\", function() { el.removeAttribute(\"data-paused\"); });\n    }\n\n    return el;\n  }\n\n  function _buildFlipTicker(el, children, intervalMs, transition) {\n    var track = document.createElement(\"div\");\n    track.className = \"aup-ticker-track\";\n    el.setAttribute(\"data-flip-transition\", transition);\n\n    var items = [];\n    for (var i = 0; i < children.length; i++) {\n      var item = document.createElement(\"div\");\n      item.className = \"aup-ticker-item\" + (i === 0 ? \" active\" : \"\");\n      var childEl = renderAupNode(children[i]);\n      if (childEl) item.appendChild(childEl);\n      track.appendChild(item);\n      items.push(item);\n    }\n    el.appendChild(track);\n\n    if (items.length > 1) {\n      var currentIdx = 0;\n      var flipTimer = setInterval(function() {\n        items[currentIdx].classList.remove(\"active\");\n        currentIdx = (currentIdx + 1) % items.length;\n        items[currentIdx].classList.add(\"active\");\n      }, intervalMs);\n      // Store timer for potential cleanup on re-render\n      el._flipTimer = flipTimer;\n    }\n\n    return el;\n  }\n\n  function _appendTickerItems(track, children, separator) {\n    for (var i = 0; i < children.length; i++) {\n      if (i > 0 && separator) {\n        var sep = document.createElement(\"span\");\n        sep.className = \"aup-ticker-separator\";\n        sep.textContent = separator;\n        track.appendChild(sep);\n      }\n      var item = document.createElement(\"div\");\n      item.className = \"aup-ticker-item\";\n      var childEl = renderAupNode(children[i]);\n      if (childEl) item.appendChild(childEl);\n      track.appendChild(item);\n    }\n  }\n`;\n"],"mappings":";AAAA,MAAa,YAAY"}