@blukavantui/community 0.0.0-stage → 1.0.1

package/src/runtime/split-section.js

@@ -0,0 +1,148 @@
+// ../blu-grid/docs/scripts/modules/qr-encoder.js
+import { global } from "./kernel.js";
+
+// ../blu-grid/docs/scripts/modules/common.js
+import { global as global2, runtime, state, register } from "./kernel.js";
+
+// ../blu-grid/docs/scripts/modules/rich.js
+import { global as global3, runtime as runtime2, state as state2, register as register2 } from "./kernel.js";
+var shared = /* @__PURE__ */ state2("rich", () => ({ instances: /* @__PURE__ */ new Map(), serial: 0 }));
+function el(tag, cls, value) {
+  var n = document.createElement(tag);
+  if (cls) n.className = cls;
+  if (value !== void 0) n.textContent = value;
+  return n;
+}
+function attr(n, k, v) {
+  n.setAttribute(k, String(v));
+  return n;
+}
+function num(v, d, min, max) {
+  v = v === void 0 ? d : Number(v);
+  return Number.isFinite(v) ? Math.min(max, Math.max(min, v)) : d;
+}
+function choice(v, values, d) {
+  return values.indexOf(v) >= 0 ? v : d;
+}
+function report(s, e) {
+  var message = e ? e.message || String(e) : "";
+  s.error.textContent = message;
+  s.error.hidden = !message;
+  if (message && message !== s.lastError) {
+    s.lastError = message;
+    if (s.events.Error) try {
+      s.events.Error(message);
+    } catch (_) {
+    }
+  }
+}
+function heading(parent, title, level, cls) {
+  var n = el("h" + num(level, 2, 1, 6), cls, title || "");
+  n.hidden = !title;
+  parent.append(n);
+  return n;
+}
+function slot(s, name, target) {
+  var n = s.slots[name];
+  if (n && n.parentElement !== target) target.append(n);
+  return n;
+}
+function copy(parent, o) {
+  if (o.Eyebrow) parent.append(el("p", "blu-rich-eyebrow", o.Eyebrow));
+  heading(parent, o.Title, o.HeadingLevel, "blu-rich-title");
+  if (o.Description) parent.append(el("p", "blu-rich-description", o.Description));
+}
+function destroy(key) {
+  var s = shared.instances.get(key);
+  if (!s || s.destroying) return;
+  s.destroying = true;
+  if (s.beforeDestroy) s.beforeDestroy();
+  s.dead = true;
+  s.cleanup.forEach(function(f) {
+    f();
+  });
+  if (s.pause) s.pause();
+  if (s.modal) runtime2.Modal.destroy(s.uid + "-modal");
+  if (s.observer) s.observer.disconnect();
+  if (s.resize) s.resize.disconnect();
+  if (s.frame) cancelAnimationFrame(s.frame);
+  Object.keys(s.slots).forEach(function(k) {
+    s.host.append(s.slots[k]);
+  });
+  s.root.remove();
+  if (s.modal) s.modal.remove();
+  if (s.host._bluRichOwner === key) delete s.host._bluRichOwner;
+  shared.instances.delete(key);
+}
+function define(kind, slug, init, update) {
+  return { sync: function(id, options, events, key) {
+    var host = document.getElementById(id);
+    if (!host) return "Component host was not found.";
+    key = key || id;
+    var s = shared.instances.get(key);
+    if (s && (s.host !== host || s.kind !== kind)) {
+      destroy(key);
+      s = null;
+    }
+    if (host._bluRichOwner && host._bluRichOwner !== key) destroy(host._bluRichOwner);
+    if (!s) {
+      s = { host, key, kind, uid: "blu-rich-" + ++shared.serial, cleanup: [], slots: {}, events: {}, options: {} };
+      Array.from(host.children).forEach(function(n) {
+        var match = n.className && String(n.className).match(/blu-common-slot--(\w+)/);
+        if (match) s.slots[match[1]] = n;
+      });
+      s.root = el("div", "blu-rich blu-" + slug);
+      s.body = el("div", "blu-rich-body");
+      s.error = attr(el("p", "blu-rich-error"), "role", "alert");
+      s.error.hidden = true;
+      s.root.append(s.body, s.error);
+      host.append(s.root);
+      shared.instances.set(key, s);
+      s.fresh = true;
+    }
+    host._bluRichOwner = key;
+    s.options = options || {};
+    s.events = events || {};
+    var preview = host.nextElementSibling;
+    if (preview && preview.classList.contains("blu-component-preview")) preview.hidden = true;
+    if (s.options.AccessibleLabel) {
+      attr(s.root, "aria-label", s.options.AccessibleLabel);
+      attr(s.root, "role", "group");
+    } else {
+      s.root.removeAttribute("aria-label");
+      s.root.removeAttribute("role");
+    }
+    try {
+      if (s.fresh) {
+        init(s);
+        s.fresh = false;
+      }
+      update(s);
+      report(s, null);
+      return "";
+    } catch (e) {
+      report(s, e);
+      return e.message || String(e);
+    }
+  }, destroy };
+}
+function installSplitSection() {
+  return register2("SplitSection", () => define("SplitSection", "split-section", function(s) {
+    s.media = el("div", "blu-split-section__media");
+    s.copy = el("div", "blu-split-section__copy");
+    s.body.append(s.media, s.copy);
+    slot(s, "media", s.media);
+  }, function(s) {
+    var o = s.options;
+    attr(s.root, "data-side", choice(o.MediaSide, ["Left", "Right"], "Left").toLowerCase());
+    attr(s.root, "data-surface", choice(o.Surface, ["Default", "Muted", "Contrast"], "Default").toLowerCase());
+    attr(s.root, "data-spacing", choice(o.Spacing, ["Compact", "Comfortable"], "Comfortable").toLowerCase());
+    s.copy.replaceChildren();
+    copy(s.copy, o);
+    slot(s, "content", s.copy);
+    slot(s, "actions", s.copy);
+  }));
+}
+export {
+  installSplitSection
+};

package/src/runtime/splitter.d.ts

@@ -0,0 +1 @@
+export function installSplitter(): any;

package/src/runtime/splitter.js

@@ -0,0 +1,278 @@
+// ../blu-grid/docs/scripts/modules/workspace.js
+import { global, runtime, state, register } from "./kernel.js";
+var shared = /* @__PURE__ */ state("workspace", () => ({ instances: /* @__PURE__ */ new Map(), serial: 0 }));
+function el(tag, cls, text) {
+  var n = document.createElement(tag);
+  if (cls) n.className = cls;
+  if (text !== void 0) n.textContent = text;
+  return n;
+}
+function attr(n, k, v) {
+  n.setAttribute(k, String(v));
+  return n;
+}
+function clear(n) {
+  while (n.firstChild) n.removeChild(n.firstChild);
+}
+function button(label, fn, cls) {
+  var n = el("button", cls, label);
+  n.type = "button";
+  n.addEventListener("click", fn);
+  return n;
+}
+function listen(s, n, event, fn) {
+  n.addEventListener(event, fn);
+  s.cleanup.push(function() {
+    n.removeEventListener(event, fn);
+  });
+}
+function emit(s, event) {
+  if (s.disposed || s.host._bluWorkspaceOwner !== s.key || !s.events[event]) return;
+  var args = Array.prototype.slice.call(arguments, 2);
+  function fail(e) {
+    if (event === "SaveRequested" && s.pending) {
+      s.pending = null;
+      s.saveError = e.message || String(e);
+      if (s.refreshBoard) s.refreshBoard();
+    }
+    if (event === "TransitionRequested" && s.transition) {
+      s.transition = null;
+      if (s.refreshBoard) s.refreshBoard();
+    }
+    if (event !== "Error") report(s, e.message || String(e));
+  }
+  try {
+    Promise.resolve(s.events[event].apply(null, args)).catch(fail);
+  } catch (e) {
+    fail(e);
+  }
+}
+function report(s, message) {
+  if (s.error) {
+    s.error.textContent = message;
+    s.error.hidden = !message;
+  }
+  if (message) emit(s, "Error", message);
+}
+function destroy(key) {
+  var s = shared.instances.get(key);
+  if (!s) return;
+  s.disposed = true;
+  s.cleanup.forEach(function(f) {
+    f();
+  });
+  if (s.dispose) s.dispose();
+  if (s.host._bluWorkspaceOwner === key) {
+    if (s.kind === "Kanban") clear(s.host);
+    else if (s.handle) {
+      clear(s.handle);
+      s.host.removeAttribute("data-blu-ready");
+    }
+    delete s.host._bluWorkspaceOwner;
+  }
+  shared.instances.delete(key);
+}
+function begin(id, key, kind, events) {
+  var host = document.getElementById(id);
+  if (!host) return null;
+  key = key || id;
+  var s = shared.instances.get(key);
+  if (s && s.host !== host) {
+    destroy(key);
+    s = null;
+  }
+  if (!s) {
+    s = { key, host, kind, events: events || {}, cleanup: [], uid: "blu-workspace-" + ++shared.serial, disposed: false };
+    shared.instances.set(key, s);
+  }
+  host._bluWorkspaceOwner = key;
+  s.events = events || {};
+  return s;
+}
+function cssHeight(value, fallback) {
+  value = value || fallback;
+  if (!/^(?:\d+(?:\.\d+)?(?:px|rem|em|vh|dvh|%)|auto)$/.test(value)) throw new Error("Height must be a non-negative CSS length, percentage, or auto.");
+  return value;
+}
+function splitOptions(o) {
+  var min = o.MinPrimarySize === void 0 ? 15 : Number(o.MinPrimarySize);
+  var max = o.MaxPrimarySize === void 0 ? 85 : Number(o.MaxPrimarySize);
+  var size = o.PrimarySize === void 0 ? 35 : Number(o.PrimarySize);
+  if (!Number.isFinite(min) || !Number.isFinite(max) || min < 1 || max > 99 || min > max) throw new Error("Primary size limits must satisfy 1 \u2264 minimum \u2264 maximum \u2264 99.");
+  if (!Number.isFinite(size)) throw new Error("PrimarySize must be a number.");
+  return { min, max, size: Math.max(min, Math.min(max, size)), collapsed: !!o.IsCollapsed && o.IsCollapsible !== false, vertical: !!o.IsVertical, height: cssHeight(o.Height, "360px") };
+}
+function paintSplit(s) {
+  var p = s.collapsed ? 0 : s.size, spec = "minmax(0," + p + "fr) 32px minmax(0," + (100 - p) + "fr)";
+  s.host.classList.toggle("blu-splitter--vertical", s.config.vertical);
+  s.host.style.height = s.config.height;
+  s.host.style.gridTemplateColumns = s.config.vertical ? "minmax(0,1fr)" : spec;
+  s.host.style.gridTemplateRows = s.config.vertical ? spec : "minmax(0,1fr)";
+  s.primary.hidden = s.collapsed;
+  attr(s.separator, "aria-orientation", s.config.vertical ? "horizontal" : "vertical");
+  attr(s.separator, "aria-valuemin", s.collapsed ? 0 : s.config.min);
+  attr(s.separator, "aria-valuemax", s.config.max);
+  attr(s.separator, "aria-valuenow", Math.round(p));
+  attr(s.separator, "aria-valuetext", s.collapsed ? "Primary panel collapsed" : Math.round(p) + "% primary panel");
+  attr(s.separator, "aria-disabled", !!s.options.IsDisabled);
+  s.separator.tabIndex = s.options.IsDisabled ? -1 : 0;
+  s.toggle.hidden = s.options.IsCollapsible === false;
+  s.toggle.disabled = !!s.options.IsDisabled;
+  s.toggle.textContent = s.collapsed ? "+" : "\u2212";
+  attr(s.toggle, "aria-label", (s.collapsed ? "Expand " : "Collapse ") + (s.options.PrimaryLabel || "primary panel"));
+  attr(s.toggle, "aria-expanded", !s.collapsed);
+  s.decrease.textContent = s.config.vertical ? "\u2191" : "\u2190";
+  s.increase.textContent = s.config.vertical ? "\u2193" : "\u2192";
+  [s.decrease, s.increase].forEach(function(b, i) {
+    var label = (i ? "Increase " : "Decrease ") + (s.options.PrimaryLabel || "primary panel") + " size";
+    attr(b, "aria-label", label);
+    attr(b, "title", label);
+    b.disabled = !!s.options.IsDisabled || !s.collapsed && (i ? s.size >= s.config.max : s.size <= s.config.min);
+  });
+}
+function splitChanged(s) {
+  paintSplit(s);
+  emit(s, "LayoutChanged", Math.round(s.size * 100) / 100, s.collapsed);
+}
+function syncSplit(s, o) {
+  var config = splitOptions(o);
+  s.options = o;
+  s.config = config;
+  s.size = config.size;
+  s.collapsed = config.collapsed;
+  if (!s.ready) {
+    let pane = function(cls) {
+      return Array.from(s.host.children).find(function(n) {
+        return n.classList.contains(cls);
+      });
+    }, step = function(delta, cls) {
+      var b = button("", function() {
+        if (s.options.IsDisabled) return;
+        s.collapsed = false;
+        s.size = Math.max(s.config.min, Math.min(s.config.max, s.size + delta));
+        splitChanged(s);
+      }, "blu-splitter__toggle blu-splitter__" + cls);
+      attr(b, "aria-controls", s.primary.id);
+      s.handle.appendChild(b);
+      return b;
+    };
+    s.primary = pane("blu-splitter__primary");
+    s.secondary = pane("blu-splitter__secondary");
+    s.handle = pane("blu-splitter__handle");
+    s.error = pane("blu-splitter__error");
+    if (!s.primary || !s.secondary || !s.handle) throw new Error("Splitter requires its two native content panes and divider.");
+    attr(s.host, "role", "group");
+    attr(s.primary, "role", "region");
+    attr(s.secondary, "role", "region");
+    if (s.error) attr(s.error, "role", "alert");
+    clear(s.handle);
+    s.primary.id = s.primary.id || s.uid + "-primary";
+    s.separator = attr(el("div", "blu-splitter__separator"), "role", "separator");
+    attr(s.separator, "aria-controls", s.primary.id);
+    s.handle.appendChild(s.separator);
+    s.toggle = button("\u2212", function() {
+      if (s.options.IsDisabled) return;
+      s.collapsed = !s.collapsed;
+      splitChanged(s);
+    }, "blu-splitter__toggle");
+    attr(s.toggle, "aria-controls", s.primary.id);
+    s.handle.appendChild(s.toggle);
+    s.decrease = step(-2, "decrease");
+    s.increase = step(2, "increase");
+    listen(s, s.separator, "keydown", function(e) {
+      if (s.options.IsDisabled) return;
+      if (e.key === "Escape" && s.drag) {
+        s.size = s.drag.size;
+        s.collapsed = s.drag.collapsed;
+        s.drag = null;
+        paintSplit(s);
+        e.preventDefault();
+        return;
+      }
+      var delta = e.shiftKey ? 10 : 2, plus = s.config.vertical ? "ArrowDown" : "ArrowRight", minus = s.config.vertical ? "ArrowUp" : "ArrowLeft";
+      if (e.key === "Enter" && s.options.IsCollapsible !== false) s.collapsed = !s.collapsed;
+      else if ([plus, minus, "Home", "End"].indexOf(e.key) >= 0) {
+        s.collapsed = false;
+        s.size = e.key === "Home" ? s.config.min : e.key === "End" ? s.config.max : Math.max(s.config.min, Math.min(s.config.max, s.size + (e.key === plus ? delta : -delta)));
+      } else return;
+      e.preventDefault();
+      splitChanged(s);
+    });
+    listen(s, s.separator, "pointerdown", function(e) {
+      if (s.options.IsDisabled || e.button !== 0) return;
+      e.preventDefault();
+      s.separator.focus();
+      s.drag = { id: e.pointerId, size: s.size, collapsed: s.collapsed };
+      s.separator.setPointerCapture(e.pointerId);
+    });
+    listen(s, s.separator, "pointermove", function(e) {
+      if (!s.drag || s.drag.id !== e.pointerId || s.options.IsDisabled) return;
+      var r = s.host.getBoundingClientRect(), length = (s.config.vertical ? r.height : r.width) - 32;
+      if (length <= 0) return;
+      var pos = (s.config.vertical ? e.clientY - r.top : e.clientX - r.left) - 16;
+      s.size = Math.max(s.config.min, Math.min(s.config.max, pos / length * 100));
+      s.collapsed = false;
+      paintSplit(s);
+    });
+    listen(s, s.separator, "pointerup", function(e) {
+      if (!s.drag || s.drag.id !== e.pointerId) return;
+      s.drag = null;
+      splitChanged(s);
+    });
+    listen(s, s.separator, "pointercancel", function() {
+      if (!s.drag) return;
+      s.size = s.drag.size;
+      s.collapsed = s.drag.collapsed;
+      s.drag = null;
+      paintSplit(s);
+    });
+    s.ready = true;
+  }
+  attr(s.host, "data-blu-ready", "true");
+  attr(s.host, "aria-label", o.AccessibleLabel || "Resizable panels");
+  attr(s.separator, "aria-label", "Resize " + (o.PrimaryLabel || "primary panel"));
+  attr(s.primary, "aria-label", o.PrimaryLabel || "Primary panel");
+  attr(s.secondary, "aria-label", o.SecondaryLabel || "Secondary panel");
+  if (o.IsDisabled) s.drag = null;
+  paintSplit(s);
+  report(s, "");
+}
+function api(kind, sync) {
+  return Object.freeze({ sync: function(id, o, events, key) {
+    var s = begin(id, key, kind, events);
+    if (!s) return "Runtime host is not ready.";
+    try {
+      sync(s, o || {});
+      return "";
+    } catch (e) {
+      if (kind === "Kanban" && s.base) {
+        report(s, e.message);
+        return e.message;
+      }
+      if (kind === "Kanban") {
+        destroy(s.key);
+        s = begin(id, key, kind, events);
+        s.error = attr(el("div", "blu-kanban__error"), "role", "alert");
+        s.host.appendChild(s.error);
+      } else {
+        s.error = s.host.querySelector(".blu-splitter__error");
+        if (s.separator) {
+          s.options.IsDisabled = true;
+          s.drag = null;
+          paintSplit(s);
+        }
+      }
+      report(s, e.message);
+      return e.message;
+    }
+  }, destroy: function(key) {
+    var s = shared.instances.get(key);
+    if (s && s.kind === kind) destroy(key);
+  } });
+}
+function installSplitter() {
+  return register("Splitter", () => api("Splitter", syncSplit));
+}
+export {
+  installSplitter
+};

package/src/runtime/statistic.d.ts

@@ -0,0 +1 @@
+export function installStatistic(): any;

package/src/runtime/statistic.js

@@ -0,0 +1,204 @@
+// ../blu-grid/docs/scripts/modules/qr-encoder.js
+import { global } from "./kernel.js";
+
+// ../blu-grid/docs/scripts/modules/common.js
+import { global as global2, runtime, state, register } from "./kernel.js";
+var shared = /* @__PURE__ */ state("common", () => ({ instances: /* @__PURE__ */ new Map(), hosts: /* @__PURE__ */ new Map(), serial: 0, overlays: [], inertState: /* @__PURE__ */ new Map(), oldOverflow: void 0 }));
+var colors = /* @__PURE__ */ "default primary secondary success processing warning error danger magenta red volcano orange gold lime green cyan blue geekblue purple".split(" ");
+function el(tag, cls, text) {
+  var n = document.createElement(tag);
+  if (cls) n.className = cls;
+  if (text !== void 0) n.textContent = text;
+  return n;
+}
+function at(n, key, value) {
+  n.setAttribute(key, String(value));
+  return n;
+}
+function clear(n) {
+  while (n.firstChild) n.removeChild(n.firstChild);
+}
+function int(v, fallback, min, max) {
+  v = v === void 0 ? fallback : Number(v);
+  if (!Number.isInteger(v) || v < min || v > max) throw Error("Expected an integer between " + min + " and " + max + ".");
+  return v;
+}
+function choice(v, values, fallback) {
+  v = v || fallback;
+  if (values.indexOf(v) < 0) throw Error("Expected one of: " + values.join(", ") + ".");
+  return v;
+}
+function color(v) {
+  v = String(v || "Default").toLowerCase();
+  if (colors.indexOf(v) < 0) throw Error("Unknown ComponentColor: " + v);
+  return v;
+}
+function tint(n, v) {
+  v = color(v);
+  n.style.setProperty("--blu-common-color", "var(--bluui-color-" + v + "-text)");
+  n.style.setProperty("--blu-common-soft", "var(--bluui-color-" + v + "-soft)");
+  n.style.setProperty("--blu-common-solid", "var(--bluui-color-" + v + "-solid)");
+}
+function emit(s, name) {
+  if (s.dead || s.host._bluCommonOwner !== s.key || !s.events[name]) return;
+  var args = Array.prototype.slice.call(arguments, 2);
+  try {
+    Promise.resolve(s.events[name].apply(null, args)).catch(function(e) {
+      if (name !== "Error") error(s, e.message || String(e));
+    });
+  } catch (e) {
+    if (name !== "Error") error(s, e.message || String(e));
+  }
+}
+function error(s, message) {
+  if (!s.error) {
+    s.error = at(el("p", "blu-common-error"), "role", "alert");
+    s.host.append(s.error);
+  }
+  s.error.textContent = message;
+  s.error.hidden = !message;
+  if (message && message !== s.lastError) emit(s, "Error", message);
+  s.lastError = message;
+}
+function begin(id, options, events, key, kind) {
+  var host = document.getElementById(id);
+  if (!host) return null;
+  key = key || id;
+  var s = shared.instances.get(key);
+  if (s && s.host !== host) {
+    destroy(key);
+    s = null;
+  }
+  if (host._bluCommonOwner && host._bluCommonOwner !== key) destroy(host._bluCommonOwner);
+  if (!s) {
+    s = { host, key, kind, uid: "blu-common-" + ++shared.serial, cleanup: [], events: {}, options: {} };
+    shared.instances.set(key, s);
+  }
+  host._bluCommonOwner = key;
+  s.options = options || {};
+  s.events = events || {};
+  at(host, "data-blu-ready", "true");
+  return s;
+}
+function destroy(key) {
+  var s = shared.instances.get(key);
+  if (!s) return;
+  s.dead = true;
+  closeOverlay(s);
+  if (s.dispose) s.dispose();
+  s.cleanup.forEach(function(f) {
+    f();
+  });
+  if (s.host._bluCommonOwner === key) {
+    delete s.host._bluCommonOwner;
+    s.host.removeAttribute("data-blu-ready");
+    if (!s.preserve) clear(s.host);
+  }
+  shared.instances.delete(key);
+}
+function body(s, cls) {
+  if (!s.body) {
+    s.body = el("div", cls);
+    s.host.append(s.body);
+  }
+  return s.body;
+}
+function refreshInert() {
+  shared.inertState.forEach(function(v, n) {
+    n.inert = v;
+  });
+  shared.inertState.clear();
+  var top = shared.overlays[shared.overlays.length - 1];
+  if (!top) {
+    if (shared.oldOverflow !== void 0) document.body.style.overflow = shared.oldOverflow;
+    shared.oldOverflow = void 0;
+    return;
+  }
+  if (shared.oldOverflow === void 0) shared.oldOverflow = document.body.style.overflow;
+  document.body.style.overflow = "hidden";
+  var node = top.layer;
+  while (node && node.parentElement) {
+    Array.from(node.parentElement.children).forEach(function(sibling) {
+      if (sibling !== node && sibling instanceof HTMLElement) {
+        shared.inertState.set(sibling, sibling.inert);
+        sibling.inert = true;
+      }
+    });
+    node = node.parentElement;
+    if (node === document.body) break;
+  }
+}
+function closeOverlay(s) {
+  if (s.stopTracking) s.stopTracking();
+  if (!s.overlayOpen) return;
+  s.overlayOpen = false;
+  var wasTop = shared.overlays[shared.overlays.length - 1] === s;
+  shared.overlays = shared.overlays.filter(function(x) {
+    return x !== s;
+  });
+  document.removeEventListener("keydown", s.overlayKey, true);
+  document.removeEventListener("focusin", s.overlayFocus, true);
+  if (s.layer.hidePopover) {
+    try {
+      s.layer.hidePopover();
+    } catch (_) {
+    }
+  }
+  s.layer.hidden = true;
+  refreshInert();
+  if (wasTop && s.returnFocus && s.returnFocus.isConnected && !s.returnFocus.closest("[inert],[hidden]")) s.returnFocus.focus();
+}
+function syncStatistic(s) {
+  var o = s.options, precision = int(o.Precision, 0, 0, 8), value = Number(o.Value === void 0 ? 0 : o.Value);
+  if (!Number.isFinite(value)) throw Error("Value must be a finite number.");
+  var direction = choice(o.TrendDirection, ["Neutral", "Up", "Down"], "Neutral"), formatted = new Intl.NumberFormat(o.Locale || "en-US", { minimumFractionDigits: precision, maximumFractionDigits: precision }).format(value);
+  var root = body(s, "blu-statistic");
+  clear(root);
+  tint(root, o.Color);
+  at(root, "aria-busy", !!o.IsLoading);
+  root.append(el("div", "blu-statistic__label", o.Label || "Total"));
+  if (o.IsLoading) {
+    var loading = el("div", "blu-statistic__loading");
+    at(loading, "role", "status");
+    at(loading, "aria-label", "Loading value");
+    root.append(loading);
+  } else {
+    var amount = el("div", "blu-statistic__value");
+    amount.append(el("span", "blu-statistic__affix", o.Prefix || ""), el("strong", "", formatted), el("span", "blu-statistic__affix", o.Suffix || ""));
+    root.append(amount);
+  }
+  if (o.Trend) {
+    var trend = el("p", "blu-statistic__trend");
+    var arrow = el("span", "", direction === "Up" ? "\u2197" : direction === "Down" ? "\u2198" : "");
+    at(arrow, "aria-hidden", "true");
+    trend.append(arrow, document.createTextNode(" " + o.Trend));
+    root.append(trend);
+  }
+}
+function api(kind, render, cached) {
+  return { sync: function(id, options, events, key) {
+    var s = begin(id, options, events, key, kind);
+    if (!s) return;
+    try {
+      var signature = cached ? JSON.stringify(s.options) : null;
+      if (!cached || s.renderSignature !== signature) {
+        render(s);
+        s.renderSignature = signature;
+      }
+      error(s, "");
+      return "";
+    } catch (e) {
+      s.renderSignature = void 0;
+      s.cascaderSignature = null;
+      closeOverlay(s);
+      error(s, e.message || String(e));
+      return e.message || String(e);
+    }
+  }, destroy };
+}
+function installStatistic() {
+  return register("Statistic", () => api("Statistic", syncStatistic, true));
+}
+export {
+  installStatistic
+};

package/src/runtime/text-highlight.d.ts

@@ -0,0 +1 @@
+export function installTextHighlight(): any;