@blukavantui/community 0.0.0-stage → 1.0.1

package/src/runtime/timeline.d.ts

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

package/src/runtime/timeline.js

@@ -0,0 +1,213 @@
+// ../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 btn(text, fn, primary) {
+  var n = el("button", "blu-common-button" + (primary ? " blu-common-button--primary" : ""), text);
+  n.type = "button";
+  n.addEventListener("click", fn);
+  return n;
+}
+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 list(raw, max) {
+  var a = typeof raw === "string" ? JSON.parse(raw || "[]") : raw || [];
+  if (!Array.isArray(a) || a.length > max) throw Error("Expected a list with at most " + max + " items.");
+  return a;
+}
+function keyed(raw, max) {
+  var seen = /* @__PURE__ */ new Set();
+  return list(raw, max).map(function(r) {
+    if (!r || typeof r.Key !== "string" || !r.Key.trim() || seen.has(r.Key)) throw Error("Every item needs a unique, nonempty Key.");
+    seen.add(r.Key);
+    return r;
+  });
+}
+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 syncTimeline(s) {
+  var o = s.options, rows = keyed(o.ItemsJson, 5e3).slice();
+  rows.forEach(function(r) {
+    color(r.Color);
+  });
+  if (o.IsReversed) rows.reverse();
+  var root = body(s, "blu-timeline");
+  clear(root);
+  root.classList.toggle("blu-timeline--compact", !!o.IsCompact);
+  at(root, "role", "list");
+  at(root, "aria-label", o.AccessibleLabel || "Activity history");
+  if (!rows.length) root.append(el("p", "blu-common-muted", o.EmptyText || "No activity yet."));
+  rows.forEach(function(r) {
+    var item = at(el("div", "blu-timeline__item"), "role", "listitem"), marker = el("span", "blu-timeline__marker", r.Icon || "");
+    tint(marker, r.Color);
+    at(marker, "aria-hidden", "true");
+    var copy = el("div", "blu-timeline__copy");
+    if (r.Timestamp) copy.append(el("span", "blu-timeline__time", r.Timestamp));
+    copy.append(el("h3", "", r.Title || ""));
+    if (r.Description) copy.append(el("p", "", r.Description));
+    if (r.ActionLabel) copy.append(btn(r.ActionLabel, function() {
+      emit(s, "ItemClick", r.Key);
+    }));
+    item.append(marker, copy);
+    root.append(item);
+  });
+}
+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 installTimeline() {
+  return register("Timeline", () => api("Timeline", syncTimeline, true));
+}
+export {
+  installTimeline
+};

package/src/runtime/tour.d.ts

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

package/src/runtime/tour.js

@@ -0,0 +1,412 @@
+// ../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 }));
+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 btn(text, fn, primary) {
+  var n = el("button", "blu-common-button" + (primary ? " blu-common-button--primary" : ""), text);
+  n.type = "button";
+  n.addEventListener("click", fn);
+  return n;
+}
+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 list(raw, max) {
+  var a = typeof raw === "string" ? JSON.parse(raw || "[]") : raw || [];
+  if (!Array.isArray(a) || a.length > max) throw Error("Expected a list with at most " + max + " items.");
+  return a;
+}
+function keyed(raw, max) {
+  var seen = /* @__PURE__ */ new Set();
+  return list(raw, max).map(function(r) {
+    if (!r || typeof r.Key !== "string" || !r.Key.trim() || seen.has(r.Key)) throw Error("Every item needs a unique, nonempty Key.");
+    seen.add(r.Key);
+    return r;
+  });
+}
+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 focusables(n) {
+  return Array.from(n.querySelectorAll('button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(function(x) {
+    return !x.disabled && !x.closest("[hidden],[inert]") && x.getClientRects().length;
+  });
+}
+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 openOverlay(s, layer, panel, onEscape) {
+  if (s.overlayOpen) return;
+  s.overlayOpen = true;
+  s.layer = layer;
+  s.panel = panel;
+  s.returnFocus = document.activeElement;
+  layer.hidden = false;
+  at(layer, "popover", "manual");
+  if (layer.showPopover) {
+    try {
+      layer.showPopover();
+    } catch (_) {
+    }
+  }
+  shared.overlays.push(s);
+  refreshInert();
+  panel.tabIndex = -1;
+  s.overlayKey = function(e) {
+    if (shared.overlays[shared.overlays.length - 1] !== s) return;
+    if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      onEscape();
+    } else if (e.key === "Tab") {
+      var nodes = focusables(panel), first = nodes[0] || panel, last = nodes[nodes.length - 1] || panel;
+      if (e.shiftKey && (document.activeElement === first || !panel.contains(document.activeElement))) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && (document.activeElement === last || !panel.contains(document.activeElement))) {
+        e.preventDefault();
+        first.focus();
+      }
+    }
+  };
+  s.overlayFocus = function(e) {
+    if (shared.overlays[shared.overlays.length - 1] === s && !panel.contains(e.target)) (focusables(panel)[0] || panel).focus();
+  };
+  document.addEventListener("keydown", s.overlayKey, true);
+  document.addEventListener("focusin", s.overlayFocus, true);
+  (focusables(panel)[0] || panel).focus();
+}
+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 syncTour(s) {
+  var o = s.options, steps = keyed(o.StepsJson, 100);
+  steps.forEach(function(r) {
+    choice(r.Placement, ["Bottom", "Top", "Left", "Right"], "Bottom");
+  });
+  s.steps = steps;
+  if (!s.layer) {
+    s.layer = el("div", "blu-tour");
+    s.panel = at(el("section", "blu-tour__panel"), "role", "dialog");
+    at(s.panel, "aria-modal", "true");
+    s.highlight = at(el("div", "blu-tour__highlight"), "aria-hidden", "true");
+    s.layer.append(s.highlight, s.panel);
+    s.host.append(s.layer);
+    s.dispose = function() {
+      if (s.stopTracking) s.stopTracking();
+      s.layer.remove();
+    };
+  }
+  if (!o.IsOpen) {
+    closeOverlay(s);
+    s.layer.hidden = true;
+    cancelAnimationFrame(s.frame);
+    return;
+  }
+  if (!steps.length) throw Error("Tour needs at least one step.");
+  var current = Math.min(steps.length, int(o.CurrentStep, 1, 1, 100));
+  s.current = current;
+  var step = steps[current - 1], hadFocus = s.panel.contains(document.activeElement);
+  clear(s.panel);
+  var progress = el("span", "blu-tour__progress", current + " of " + steps.length), title = el("h2", "", step.Title || ""), desc = el("p", "", step.Description || "");
+  title.id = s.uid + "-title";
+  desc.id = s.uid + "-desc";
+  at(s.panel, "aria-labelledby", title.id);
+  at(s.panel, "aria-describedby", desc.id);
+  var actions = el("div", "blu-tour__actions"), skip = btn(o.SkipLabel || "Skip tour", function() {
+    endTour(s, "Skipped");
+  }), back = btn("Back", function() {
+    stepTour(s, current - 1);
+  });
+  back.disabled = current === 1;
+  var next = btn(current === steps.length ? o.FinishLabel || "Finish" : "Next", function() {
+    if (current === steps.length) {
+      emit(s, "Completed", step.Key);
+      endTour(s, "Completed");
+    } else stepTour(s, current + 1);
+  }, true);
+  actions.append(skip, back, next);
+  s.panel.append(progress, title, desc, actions);
+  var target = step.TargetId ? document.getElementById(step.TargetId) : null;
+  if (target && target.getClientRects().length) target.scrollIntoView({ block: "center", inline: "nearest" });
+  openOverlay(s, s.layer, s.panel, function() {
+    endTour(s, "Escape");
+  });
+  if (s.previousStep !== current || hadFocus) {
+    next.focus();
+    s.previousStep = current;
+  }
+  trackTour(s, step);
+}
+function trackTour(s, step) {
+  if (s.stopTracking) s.stopTracking();
+  var cleanup = [], observer, mutations, target = null, animated = /* @__PURE__ */ new Set(), stopped = false;
+  function moving() {
+    if (target) {
+      var n = target;
+      while (n && n !== document) {
+        animated.add(n);
+        n = n.parentElement;
+      }
+    }
+    var running = false;
+    animated.forEach(function(n2) {
+      var active = n2.isConnected && n2.getAnimations && n2.getAnimations().some(function(a) {
+        return a.playState === "running";
+      });
+      if (active) running = true;
+      else animated.delete(n2);
+    });
+    return running;
+  }
+  function observeTarget() {
+    var next = step.TargetId ? document.getElementById(step.TargetId) : null;
+    if (next === target) return;
+    if (observer && target) observer.unobserve(target);
+    target = next;
+    if (observer && target) observer.observe(target);
+  }
+  function schedule() {
+    if (stopped || s.dead || !s.overlayOpen || s.frame) return;
+    s.frame = requestAnimationFrame(function() {
+      s.frame = 0;
+      if (stopped || s.dead || !s.overlayOpen) return;
+      observeTarget();
+      positionTour(s, step);
+      if (moving()) schedule();
+    });
+  }
+  function on(n, event, fn, capture) {
+    n.addEventListener(event, fn, capture);
+    cleanup.push(function() {
+      n.removeEventListener(event, fn, capture);
+    });
+  }
+  on(document, "scroll", schedule, true);
+  on(global2, "resize", schedule);
+  on(document, "load", schedule, true);
+  if (global2.visualViewport) {
+    on(global2.visualViewport, "resize", schedule);
+    on(global2.visualViewport, "scroll", schedule);
+  }
+  function motion(e) {
+    if (s.layer.contains(e.target)) return;
+    if (target && (e.target.contains(target) || e.target.parentElement && e.target.parentElement.contains(target))) animated.add(e.target);
+    schedule();
+  }
+  ["transitionrun", "transitionend", "transitioncancel", "animationstart", "animationend", "animationcancel"].forEach(function(name) {
+    on(document, name, motion, true);
+  });
+  if (global2.ResizeObserver) {
+    observer = new global2.ResizeObserver(schedule);
+    observer.observe(document.documentElement);
+    observer.observe(document.body);
+    observer.observe(s.panel);
+  }
+  if (global2.MutationObserver) {
+    mutations = new global2.MutationObserver(function(records) {
+      if (records.some(function(r) {
+        return !s.layer.contains(r.target);
+      })) schedule();
+    });
+    mutations.observe(document.body, { subtree: true, childList: true, characterData: true, attributes: true, attributeFilter: ["style", "class", "hidden", "open", "id"] });
+  }
+  s.stopTracking = function() {
+    stopped = true;
+    cancelAnimationFrame(s.frame);
+    s.frame = 0;
+    cleanup.forEach(function(f) {
+      f();
+    });
+    if (observer) observer.disconnect();
+    if (mutations) mutations.disconnect();
+    animated.clear();
+    s.stopTracking = null;
+  };
+  observeTarget();
+  positionTour(s, step);
+  if (moving()) schedule();
+}
+function stepTour(s, n) {
+  s.options.CurrentStep = n;
+  syncTour(s);
+  emit(s, "StepChanged", n, s.steps[n - 1].Key);
+}
+function endTour(s, reason) {
+  s.options.IsOpen = false;
+  closeOverlay(s);
+  cancelAnimationFrame(s.frame);
+  emit(s, "OpenChanged", false, reason);
+}
+function positionTour(s, step) {
+  var target = step.TargetId ? document.getElementById(step.TargetId) : null, r = target && target.getClientRects().length ? target.getBoundingClientRect() : null, w = global2.innerWidth, h = global2.innerHeight, p = s.panel.getBoundingClientRect(), left = (w - p.width) / 2, top = (h - p.height) / 2;
+  function style(n, k, v) {
+    if (n.style[k] !== v) n.style[k] = v;
+  }
+  s.highlight.hidden = !r;
+  if (r) {
+    var x = Math.max(8, r.left - 6), y = Math.max(8, r.top - 6), width = Math.min(w - 16, r.width + 12), height = Math.min(h - 16, r.height + 12);
+    style(s.highlight, "left", x + "px");
+    style(s.highlight, "top", y + "px");
+    style(s.highlight, "width", width + "px");
+    style(s.highlight, "height", height + "px");
+    left = x;
+    top = y + height + 12;
+    var placement = step.Placement || "Bottom";
+    if (placement === "Top") top = y - p.height - 12;
+    if (placement === "Left") {
+      left = x - p.width - 12;
+      top = y;
+    }
+    if (placement === "Right") {
+      left = x + width + 12;
+      top = y;
+    }
+    if (top + p.height > h - 12) top = y - p.height - 12;
+  }
+  style(s.panel, "left", Math.max(12, Math.min(w - p.width - 12, left)) + "px");
+  style(s.panel, "top", Math.max(12, Math.min(h - p.height - 12, top)) + "px");
+  s.layer.classList.toggle("blu-tour--centered", !r);
+}
+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 installTour() {
+  return register("Tour", () => api("Tour", syncTour, false));
+}
+export {
+  installTour
+};

package/src/runtime/transfer.d.ts

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