@dlh.io/bideux 0.1.0

package/dist/chunk-NGM5R3LW.js

@@ -0,0 +1,881 @@
+import { pivotVisibleRows, pivotOpenColumnLevels, pivotOpenRowLevels, pivotFilterCount, pivotGroupKeys, pivotValueColumns, buildPivotTotalRow, buildPivotRows, buildPivotColumns, initialPivotViewState, PIVOT_META_PROP, pivotCellAction, togglePivotGroup, nextPivotSort, buildPivotRendererModel, isPivotColumnGroup, pivotRowMeta, pivotCellPresentation, setPivotColumnFilter, pivotSortDirection } from './chunk-LHD445PJ.js';
+import { resolveRendererTheme, clearElement, applyWidgetTheme, setStyles, createLabel, createMessage } from './chunk-75CRTQK7.js';
+import { defineCustomElements } from '@revolist/revogrid/loader';
+
+// ../dashboard-renderer-revogrid/src/model.ts
+var ROW_INDENT = 14;
+var ROW_HEADER_COLUMN_SIZE = 180;
+var VALUE_COLUMN_SIZE = 130;
+var COLLAPSED_MARK = "\u25B8";
+var EXPANDED_MARK = "\u25BE";
+var SORT_MARK = { asc: "\u2191", desc: "\u2193" };
+var FUNNEL_PATH = "M22 3H2l8 9.46V19l4 2v-8.54L22 3z";
+function hexToRgb(color) {
+  const hex = /^#([0-9a-f]{6})$/i.exec(color.trim());
+  if (hex === null || hex[1] === void 0) return null;
+  const value = Number.parseInt(hex[1], 16);
+  return `${value >> 16 & 255}, ${value >> 8 & 255}, ${value & 255}`;
+}
+function headerName(model, column) {
+  const direction = pivotSortDirection(model.view, model.payload, column.prop);
+  return direction === null ? column.name : `${column.name} ${SORT_MARK[direction]}`;
+}
+function rowHeaderColumn(model, column, tokens) {
+  const level = model.payload.row_fields.findIndex(
+    (field) => field.key === column.prop
+  );
+  return {
+    prop: column.prop,
+    name: headerName(model, column),
+    readonly: true,
+    sortable: false,
+    pin: "colPinStart",
+    size: ROW_HEADER_COLUMN_SIZE,
+    cellTemplate: (createElement, props) => {
+      const meta = pivotRowMeta(props.model);
+      const text = pivotCellPresentation(model, props.model, column).text;
+      if (meta === null || meta.kind !== "group" || meta.depth !== level) {
+        return createElement("span", null, text);
+      }
+      const mark = model.view.collapsed.has(meta.key) ? COLLAPSED_MARK : EXPANDED_MARK;
+      return createElement("span", null, `${mark} ${text}`);
+    },
+    cellProperties: ({ model: row }) => {
+      const meta = pivotRowMeta(row);
+      const props = { style: { color: tokens.foreground } };
+      if (meta === null) return props;
+      props.style = {
+        ...props.style,
+        paddingLeft: `${8 + meta.depth * ROW_INDENT}px`
+      };
+      if (meta.kind !== "leaf") {
+        props.style = { ...props.style, fontWeight: "600" };
+      }
+      return props;
+    }
+  };
+}
+function filterableHeader(model, column, tokens, controls) {
+  const name = headerName(model, column);
+  const active = model.view.filters[column.prop] !== void 0;
+  return (createElement) => createElement(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "4px",
+        width: "100%"
+      }
+    },
+    [
+      createElement(
+        "span",
+        {
+          style: { flex: "1", overflow: "hidden", textOverflow: "ellipsis" }
+        },
+        name
+      ),
+      createElement(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Filter ${column.name}`,
+          title: `Filter ${column.name}`,
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            border: "none",
+            background: "transparent",
+            cursor: "pointer",
+            padding: "0",
+            color: active ? tokens.secondary : "inherit",
+            opacity: active ? "1" : "0.55"
+          },
+          onMouseDown: (event) => {
+            event.stopPropagation();
+          },
+          onClick: (event) => {
+            event.stopPropagation();
+            const anchor = event.currentTarget.getBoundingClientRect();
+            controls.openFilter(column.prop, {
+              left: anchor.left,
+              top: anchor.bottom + 4
+            });
+          }
+        },
+        createElement(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            width: "11",
+            height: "11",
+            fill: active ? "currentColor" : "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          },
+          createElement("path", { d: FUNNEL_PATH })
+        )
+      )
+    ]
+  );
+}
+function measureColumn(model, column, tokens, controls) {
+  const heatmapRgb = hexToRgb(tokens.primary) ?? "130, 204, 92";
+  const definition = {
+    prop: column.prop,
+    name: headerName(model, column),
+    readonly: true,
+    sortable: false,
+    size: VALUE_COLUMN_SIZE,
+    cellTemplate: (createElement, props) => createElement(
+      "span",
+      null,
+      pivotCellPresentation(model, props.model, column).text
+    ),
+    cellProperties: ({ model: row }) => {
+      const presentation = pivotCellPresentation(model, row, column);
+      const props = {
+        style: { textAlign: "right", color: tokens.foreground }
+      };
+      if (presentation.emphasized) {
+        props.style = { ...props.style, fontWeight: "600" };
+      }
+      if (presentation.heatmapIntensity !== null) {
+        props.style = {
+          ...props.style,
+          background: `rgba(${heatmapRgb}, ${(0.08 + presentation.heatmapIntensity * 0.42).toFixed(3)})`
+        };
+      }
+      return props;
+    }
+  };
+  if (controls !== null && !column.isTotal) {
+    definition.columnTemplate = filterableHeader(
+      model,
+      column,
+      tokens,
+      controls
+    );
+  }
+  if (column.pinStart) definition.pin = "colPinStart";
+  return definition;
+}
+function groupColumn(model, group, tokens, controls) {
+  const children = group.children.map(
+    (child) => gridColumn(model, child, tokens, controls)
+  );
+  if (controls === null || !group.foldable) {
+    return { name: group.name, children };
+  }
+  const mark = group.folded ? COLLAPSED_MARK : EXPANDED_MARK;
+  const count = group.leafCount > 1 ? ` (${group.leafCount})` : "";
+  return {
+    name: group.name,
+    children,
+    columnTemplate: (createElement) => createElement(
+      "span",
+      {
+        style: {
+          cursor: "pointer",
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "4px"
+        },
+        title: group.folded ? `Open ${group.name}` : `Fold ${group.name}`,
+        onMouseDown: (event) => {
+          event.stopPropagation();
+        },
+        onClick: (event) => {
+          event.stopPropagation();
+          controls.toggleColumnGroup(group.key);
+        }
+      },
+      `${mark} ${group.name}${count}`
+    )
+  };
+}
+function gridColumn(model, column, tokens, controls) {
+  if (isPivotColumnGroup(column)) {
+    return groupColumn(model, column, tokens, controls);
+  }
+  return column.isRowField ? rowHeaderColumn(model, column, tokens) : measureColumn(model, column, tokens, controls);
+}
+function revoGridColumns(model, tokens, controls = null) {
+  return model.columns.map(
+    (column) => gridColumn(model, column, tokens, controls)
+  );
+}
+function projectPivotView(model, view) {
+  const visibleRows = pivotVisibleRows(model.payload, view);
+  return {
+    ...model,
+    view,
+    columns: buildPivotColumns(model.payload, view.collapsedColumns),
+    rows: buildPivotRows(model.payload, visibleRows),
+    totalRow: buildPivotTotalRow(model.payload),
+    valueColumns: pivotValueColumns(model.payload, view.collapsedColumns),
+    controls: {
+      ...model.controls,
+      groupCount: pivotGroupKeys(model.payload).length,
+      filterCount: pivotFilterCount(view),
+      reordered: view.sort !== null
+    },
+    openLevels: {
+      rows: pivotOpenRowLevels(model.payload, view),
+      columns: pivotOpenColumnLevels(model.payload, view)
+    }
+  };
+}
+function resetPivotView(model) {
+  return projectPivotView(model, initialPivotViewState(model.payload, false));
+}
+
+// ../dashboard-renderer-revogrid/src/toolbar.ts
+var FILTER_OPS = [
+  { op: "gte", label: "At least" },
+  { op: "gt", label: "Greater than" },
+  { op: "eq", label: "Equals" },
+  { op: "lte", label: "At most" },
+  { op: "lt", label: "Less than" }
+];
+var ICON_PATHS = {
+  search: ["M21 21l-4.34-4.34", "M11 3a8 8 0 1 0 0 16 8 8 0 1 0 0-16z"],
+  expand: ["m7 15 5 5 5-5", "m7 9 5-5 5 5"],
+  collapse: ["m7 20 5-5 5 5", "m7 4 5 5 5-5"],
+  reset: ["M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", "M3 3v5h5"],
+  filter: ["M22 3H2l8 9.46V19l4 2v-8.54L22 3z"],
+  download: [
+    "M12 15V3",
+    "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+    "m7 10 5 5 5-5"
+  ],
+  spreadsheet: [
+    "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z",
+    "M14 2v4a2 2 0 0 0 2 2h4",
+    "M8 13h2",
+    "M14 13h2",
+    "M8 17h2",
+    "M14 17h2"
+  ]
+};
+function icon(document, name, size) {
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", String(size));
+  svg.setAttribute("height", String(size));
+  svg.setAttribute("fill", "none");
+  svg.setAttribute("stroke", "currentColor");
+  svg.setAttribute("stroke-width", "2");
+  svg.setAttribute("stroke-linecap", "round");
+  svg.setAttribute("stroke-linejoin", "round");
+  svg.setAttribute("aria-hidden", "true");
+  for (const d of ICON_PATHS[name]) {
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute("d", d);
+    svg.append(path);
+  }
+  svg.style.flexShrink = "0";
+  return svg;
+}
+function ghostButton(document, tokens, label, glyph, onClick) {
+  const button = document.createElement("button");
+  button.type = "button";
+  button.append(icon(document, glyph, 12), document.createTextNode(label));
+  setStyles(button, {
+    display: "inline-flex",
+    "align-items": "center",
+    gap: "4px",
+    height: "28px",
+    padding: "0 8px",
+    border: "none",
+    "border-radius": "6px",
+    background: "transparent",
+    color: "inherit",
+    font: "inherit",
+    "font-size": "12px",
+    "line-height": "16px",
+    cursor: "pointer",
+    "white-space": "nowrap"
+  });
+  button.addEventListener("mouseenter", () => {
+    if (!button.disabled) button.style.background = tokens.border;
+  });
+  button.addEventListener("mouseleave", () => {
+    button.style.background = "transparent";
+  });
+  button.addEventListener("click", onClick);
+  return button;
+}
+function fieldStyles(tokens) {
+  return {
+    height: "28px",
+    "box-sizing": "border-box",
+    border: `1px solid ${tokens.border}`,
+    "border-radius": "6px",
+    background: "transparent",
+    color: "inherit",
+    font: "inherit",
+    "font-size": "12px",
+    "line-height": "16px",
+    padding: "0 8px",
+    outline: "none"
+  };
+}
+function setDisabled(button, disabled) {
+  button.disabled = disabled;
+  button.style.opacity = disabled ? "0.5" : "1";
+  button.style.cursor = disabled ? "default" : "pointer";
+}
+function createPivotToolbar(input, model, setView, tokens, parent) {
+  const document = parent.ownerDocument;
+  const toolbar = document.createElement("div");
+  toolbar.dataset.bideuxPart = "pivot-actions";
+  setStyles(toolbar, {
+    display: "flex",
+    "align-items": "center",
+    gap: "8px",
+    "flex-wrap": "wrap",
+    flex: "0 0 auto"
+  });
+  const searchWrap = document.createElement("div");
+  setStyles(searchWrap, { position: "relative", display: "inline-flex" });
+  const glass = document.createElement("span");
+  glass.append(icon(document, "search", 12));
+  setStyles(glass, {
+    position: "absolute",
+    left: "8px",
+    top: "50%",
+    transform: "translateY(-50%)",
+    display: "inline-flex",
+    "pointer-events": "none",
+    color: tokens.mutedForeground
+  });
+  const search = document.createElement("input");
+  search.type = "search";
+  search.placeholder = model().controls.searchPlaceholder;
+  search.value = model().view.search;
+  search.setAttribute("aria-label", "Find a row");
+  setStyles(search, {
+    ...fieldStyles(tokens),
+    width: "160px",
+    "padding-left": "28px"
+  });
+  search.addEventListener("focus", () => {
+    search.style.borderColor = tokens.primary;
+  });
+  search.addEventListener("blur", () => {
+    search.style.borderColor = tokens.border;
+  });
+  search.addEventListener("input", () => {
+    setView({ ...model().view, search: search.value });
+  });
+  searchWrap.append(glass, search);
+  toolbar.append(searchWrap);
+  if (model().controls.expandable) {
+    const groupCount = pivotGroupKeys(model().payload).length;
+    const expand = ghostButton(document, tokens, "Expand all", "expand", () => {
+      setView({ ...model().view, collapsed: /* @__PURE__ */ new Set() });
+    });
+    setDisabled(expand, model().view.collapsed.size === 0);
+    const collapse = ghostButton(
+      document,
+      tokens,
+      "Collapse all",
+      "collapse",
+      () => {
+        setView({
+          ...model().view,
+          collapsed: new Set(pivotGroupKeys(model().payload))
+        });
+      }
+    );
+    setDisabled(collapse, model().view.collapsed.size === groupCount);
+    toolbar.append(expand, collapse);
+  }
+  if (model().controls.reordered) {
+    toolbar.append(
+      ghostButton(document, tokens, "Reset order", "reset", () => {
+        setView({ ...model().view, sort: null });
+      })
+    );
+  }
+  const filterCount = model().controls.filterCount;
+  if (filterCount > 0) {
+    toolbar.append(
+      ghostButton(
+        document,
+        tokens,
+        `Clear filters (${filterCount})`,
+        "filter",
+        () => {
+          setView({ ...model().view, filters: {} });
+        }
+      )
+    );
+  }
+  const exports = document.createElement("div");
+  setStyles(exports, {
+    display: "inline-flex",
+    "align-items": "center",
+    gap: "8px",
+    "margin-left": "auto"
+  });
+  for (const format of ["csv", "excel"]) {
+    if (!model().exports[format]) continue;
+    exports.append(
+      ghostButton(
+        document,
+        tokens,
+        format === "csv" ? "CSV" : "Excel",
+        format === "csv" ? "download" : "spreadsheet",
+        () => {
+          const request = {
+            widgetId: model().frame.widgetId,
+            format,
+            filename: model().exports.filename
+          };
+          void Promise.resolve().then(() => input().callbacks?.onExport?.(request)).catch((error) => {
+            input().callbacks?.onError?.(
+              error instanceof Error ? error : new Error("Pivot export failed")
+            );
+          });
+        }
+      )
+    );
+  }
+  if (exports.childElementCount > 0) toolbar.append(exports);
+  parent.append(toolbar);
+  return toolbar;
+}
+function readThreshold(text) {
+  const trimmed = text.trim();
+  if (trimmed === "") return null;
+  const value = Number(trimmed);
+  return Number.isFinite(value) ? value : null;
+}
+function openPivotFilterPanel(document, tokens, prop, label, anchor, current, filters, apply, onClose) {
+  const backdrop = document.createElement("div");
+  backdrop.setAttribute("aria-hidden", "true");
+  setStyles(backdrop, { position: "fixed", inset: "0", "z-index": "40" });
+  const panel = document.createElement("div");
+  panel.setAttribute("role", "dialog");
+  panel.setAttribute("aria-label", `Filter ${label}`);
+  panel.dataset.bideuxPart = "pivot-filter";
+  setStyles(panel, {
+    position: "fixed",
+    left: `${anchor.left}px`,
+    top: `${anchor.top}px`,
+    "z-index": "50",
+    width: "224px",
+    "box-sizing": "border-box",
+    padding: "12px",
+    border: `1px solid ${tokens.border}`,
+    "border-radius": "6px",
+    background: tokens.surface,
+    color: tokens.surfaceForeground,
+    "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    "font-family": tokens.fontFamily
+  });
+  const title = document.createElement("div");
+  title.textContent = label;
+  setStyles(title, {
+    "font-size": "12px",
+    "line-height": "16px",
+    "font-weight": "500",
+    overflow: "hidden",
+    "text-overflow": "ellipsis",
+    "white-space": "nowrap"
+  });
+  const fields = document.createElement("div");
+  setStyles(fields, {
+    display: "flex",
+    "flex-direction": "column",
+    gap: "8px",
+    "margin-top": "8px"
+  });
+  const select = document.createElement("select");
+  select.setAttribute("aria-label", "Comparison");
+  for (const option of FILTER_OPS) {
+    const entry = document.createElement("option");
+    entry.value = option.op;
+    entry.textContent = option.label;
+    select.append(entry);
+  }
+  select.value = current?.op ?? "gte";
+  setStyles(select, fieldStyles(tokens));
+  const value = document.createElement("input");
+  value.type = "number";
+  value.placeholder = "Value";
+  value.value = current === void 0 ? "" : String(current.value);
+  value.setAttribute("aria-label", `Keep rows where ${label} matches`);
+  setStyles(value, { ...fieldStyles(tokens), width: "100%" });
+  fields.append(select, value);
+  const footer = document.createElement("div");
+  setStyles(footer, {
+    display: "flex",
+    "align-items": "center",
+    "justify-content": "space-between",
+    "margin-top": "8px"
+  });
+  const close = () => {
+    backdrop.remove();
+    panel.remove();
+    onClose();
+  };
+  const commit = () => {
+    const threshold = readThreshold(value.value);
+    const op = FILTER_OPS.find((entry) => entry.op === select.value)?.op;
+    if (op === void 0) return;
+    apply(
+      setPivotColumnFilter(
+        filters(),
+        prop,
+        threshold === null ? null : { op, value: threshold }
+      )
+    );
+  };
+  const clear = ghostButton(document, tokens, "Clear", "filter", () => {
+    apply(setPivotColumnFilter(filters(), prop, null));
+    close();
+  });
+  clear.replaceChildren(document.createTextNode("Clear"));
+  const done = document.createElement("button");
+  done.type = "button";
+  done.textContent = "Done";
+  setStyles(done, {
+    height: "28px",
+    padding: "0 8px",
+    border: `1px solid ${tokens.border}`,
+    "border-radius": "6px",
+    background: "transparent",
+    color: "inherit",
+    font: "inherit",
+    "font-size": "12px",
+    cursor: "pointer"
+  });
+  done.addEventListener("click", close);
+  footer.append(clear, done);
+  select.addEventListener("change", commit);
+  value.addEventListener("input", commit);
+  value.addEventListener("keydown", (event) => {
+    if (event.key === "Enter" || event.key === "Escape") close();
+  });
+  backdrop.addEventListener("mousedown", close);
+  panel.append(title, fields, footer);
+  document.body.append(backdrop, panel);
+  value.focus();
+  return { prop, close };
+}
+
+// ../dashboard-renderer-revogrid/src/renderer.ts
+var defaultRuntime = {
+  define(targetWindow) {
+    defineCustomElements(targetWindow);
+  },
+  create(document) {
+    return document.createElement("revo-grid");
+  }
+};
+function findColumn(columns, prop) {
+  for (const column of columns) {
+    if (isPivotColumnGroup(column)) {
+      const nested = findColumn(column.children, prop);
+      if (nested !== null) return nested;
+    } else if (column.prop === prop) {
+      return column;
+    }
+  }
+  return null;
+}
+function createGrid(input, runtime, model, controls) {
+  const document = input.element.ownerDocument;
+  const targetWindow = document.defaultView;
+  if (targetWindow === null) {
+    throw new Error("RevoGrid requires a browser window");
+  }
+  runtime.define(targetWindow);
+  const grid = runtime.create(document);
+  grid.dataset.bideuxPart = "revogrid";
+  grid.setAttribute("aria-label", `${model.frame.widgetId} pivot table`);
+  grid.source = model.rows;
+  grid.pinnedBottomSource = model.totalRow === null ? [] : [model.totalRow];
+  grid.columns = revoGridColumns(
+    model,
+    resolveRendererTheme(input.theme),
+    controls
+  );
+  grid.theme = "compact";
+  grid.readonly = true;
+  grid.resize = true;
+  grid.range = false;
+  grid.canFocus = true;
+  setStyles(grid, { flex: "1", "min-height": "0", width: "100%" });
+  return grid;
+}
+async function enableLicensedCapability(input, grid, model) {
+  if (input.licensePort === void 0 || input.licensedCapability === void 0) {
+    return;
+  }
+  const license = await input.licensePort.getLicense({
+    renderer: "revogrid",
+    capability: "pivot-pro"
+  });
+  if (license === null || license.length === 0) return;
+  return input.licensedCapability.enable({ element: grid, license, model });
+}
+async function createRevoGridRenderer(input, runtime = defaultRuntime) {
+  let current = input;
+  let model = input.model;
+  let grid;
+  let licensed;
+  let filterPanel = null;
+  const tokens = resolveRendererTheme(input.theme);
+  clearElement(input.element);
+  applyWidgetTheme(input.element, model.frame, tokens);
+  setStyles(input.element, {
+    display: "flex",
+    "flex-direction": "column",
+    gap: "4px",
+    overflow: "hidden"
+  });
+  if (model.frame.label?.position === "top" && model.frame.label.text !== void 0) {
+    input.element.append(
+      createLabel(input.element.ownerDocument, model.frame.label.text, tokens)
+    );
+  }
+  const updateGrid = (notifyHost = false) => {
+    grid.source = model.rows;
+    grid.pinnedBottomSource = model.totalRow === null ? [] : [model.totalRow];
+    grid.columns = revoGridColumns(
+      model,
+      resolveRendererTheme(current.theme),
+      headerControls
+    );
+    if (notifyHost) {
+      current.callbacks?.onPivotViewChange?.(model.frame.widgetId, model.view);
+    }
+  };
+  const renderToolbar = () => {
+    const previousSearch = toolbar.querySelector("input[type=search]");
+    const searchFocused = previousSearch !== null && previousSearch.ownerDocument.activeElement === previousSearch;
+    const caret = previousSearch?.selectionStart ?? null;
+    toolbar.remove();
+    toolbar = createPivotToolbar(
+      () => current,
+      () => model,
+      setView,
+      resolveRendererTheme(current.theme),
+      current.element
+    );
+    current.element.insertBefore(toolbar, grid);
+    if (searchFocused) {
+      const search = toolbar.querySelector("input[type=search]");
+      if (search !== null) {
+        search.focus();
+        if (caret !== null) search.setSelectionRange(caret, caret);
+      }
+    }
+  };
+  const setView = (view) => {
+    model = projectPivotView(model, view);
+    updateGrid(true);
+    renderToolbar();
+    licensed?.updateModel(model);
+  };
+  const headerControls = {
+    toggleColumnGroup: (key) => {
+      const collapsedColumns = new Set(model.view.collapsedColumns);
+      if (!collapsedColumns.delete(key)) collapsedColumns.add(key);
+      setView({ ...model.view, collapsedColumns });
+    },
+    openFilter: (prop, anchor) => {
+      filterPanel?.close();
+      const label = model.valueColumns.find((column) => column.key === prop)?.label ?? prop;
+      filterPanel = openPivotFilterPanel(
+        current.element.ownerDocument,
+        resolveRendererTheme(current.theme),
+        prop,
+        label,
+        anchor,
+        model.view.filters[prop],
+        () => model.view.filters,
+        (filters) => {
+          setView({ ...model.view, filters });
+        },
+        () => {
+          filterPanel = null;
+        }
+      );
+    }
+  };
+  let toolbar = createPivotToolbar(
+    () => current,
+    () => model,
+    setView,
+    tokens,
+    input.element
+  );
+  try {
+    grid = createGrid(input, runtime, model, headerControls);
+    input.element.append(grid);
+  } catch (error) {
+    const normalized = error instanceof Error ? error : new Error("RevoGrid rendering failed");
+    input.callbacks?.onError?.(normalized);
+    clearElement(input.element);
+    input.element.append(
+      createMessage(
+        input.element.ownerDocument,
+        normalized.message,
+        "error",
+        tokens
+      )
+    );
+    throw normalized;
+  }
+  try {
+    licensed = await enableLicensedCapability(input, grid, model);
+  } catch (error) {
+    input.callbacks?.onError?.(
+      error instanceof Error ? error : new Error("RevoGrid licensed capability failed")
+    );
+  }
+  const handleFocus = (event) => {
+    if (current.widget === void 0 || !(event instanceof CustomEvent)) {
+      return;
+    }
+    const detail = event.detail;
+    const original = detail.originalEvent;
+    if (original === void 0) return;
+    if (original instanceof KeyboardEvent && original.key !== "Enter" && original.key !== " ") {
+      return;
+    }
+    const prop = String(detail.prop);
+    const column = findColumn(model.columns, prop);
+    const meta = detail.model[PIVOT_META_PROP];
+    if (column === null || meta === void 0) return;
+    const action = pivotCellAction(
+      model,
+      current.widget,
+      meta,
+      column,
+      detail.value,
+      current.callbacks?.onPivotDetail !== void 0
+    );
+    if (action?.kind === "toggle-row-group") {
+      setView({
+        ...model.view,
+        collapsed: togglePivotGroup(model.view.collapsed, action.key)
+      });
+    } else if (action?.kind === "interaction") {
+      current.callbacks?.onInteraction?.(action.interaction, action.context);
+    } else if (action?.kind === "detail") {
+      const request = {
+        widgetId: model.frame.widgetId,
+        filters: action.filters,
+        label: action.label
+      };
+      void Promise.resolve().then(() => current.callbacks?.onPivotDetail?.(request)).catch((error) => {
+        current.callbacks?.onError?.(
+          error instanceof Error ? error : new Error("Pivot detail request failed")
+        );
+      });
+    }
+  };
+  const handleHeaderClick = (event) => {
+    if (!(event instanceof CustomEvent)) return;
+    const detail = event.detail;
+    if (detail.prop === void 0) return;
+    const prop = String(detail.prop);
+    if (findColumn(model.columns, prop) === null) return;
+    setView({
+      ...model.view,
+      sort: nextPivotSort(model.view, model.payload, prop)
+    });
+  };
+  grid.addEventListener("beforecellfocus", handleFocus);
+  grid.addEventListener("headerclick", handleHeaderClick);
+  if (model.truncation !== null) {
+    const notice = createMessage(
+      input.element.ownerDocument,
+      model.truncation,
+      "notice",
+      tokens
+    );
+    setStyles(notice, { height: "auto", flex: "0 0 auto" });
+    input.element.append(notice);
+  }
+  if (model.frame.label?.position === "bottom" && model.frame.label.text !== void 0) {
+    input.element.append(
+      createLabel(input.element.ownerDocument, model.frame.label.text, tokens)
+    );
+  }
+  return {
+    update(next) {
+      if (next.element !== current.element) {
+        throw new Error(
+          "RevoGrid renderers cannot move between elements. Create a new renderer."
+        );
+      }
+      current = next;
+      model = next.model;
+      renderToolbar();
+      applyWidgetTheme(
+        next.element,
+        model.frame,
+        resolveRendererTheme(next.theme)
+      );
+      updateGrid();
+      licensed?.updateModel(model);
+    },
+    resize() {
+      grid.dispatchEvent(new Event("resize"));
+      licensed?.resize();
+    },
+    destroy() {
+      filterPanel?.close();
+      grid.removeEventListener("beforecellfocus", handleFocus);
+      grid.removeEventListener("headerclick", handleHeaderClick);
+      licensed?.destroy();
+      clearElement(current.element);
+    }
+  };
+}
+
+// ../dashboard-renderer-revogrid/src/widget-factory.ts
+function createRevoGridWidgetFactory(runtime) {
+  const pivotInput = (input) => {
+    const model = buildPivotRendererModel(
+      input.widget,
+      input.result ?? {},
+      input.context ?? {}
+    );
+    if (model.status !== "ready") {
+      throw new Error(model.message);
+    }
+    return {
+      element: input.element,
+      model,
+      widget: input.widget,
+      ...input.callbacks === void 0 ? {} : { callbacks: input.callbacks },
+      ...input.theme === void 0 ? {} : { theme: input.theme }
+    };
+  };
+  return async (input) => {
+    const first = pivotInput(input);
+    const renderer = runtime === void 0 ? await createRevoGridRenderer(first) : await createRevoGridRenderer(first, runtime);
+    return {
+      update: (next) => {
+        renderer.update(pivotInput(next));
+      },
+      resize: () => renderer.resize(),
+      destroy: () => renderer.destroy()
+    };
+  };
+}
+
+export { COLLAPSED_MARK, EXPANDED_MARK, ROW_HEADER_COLUMN_SIZE, ROW_INDENT, VALUE_COLUMN_SIZE, createRevoGridRenderer, createRevoGridWidgetFactory, projectPivotView, resetPivotView, revoGridColumns };
+//# sourceMappingURL=chunk-NGM5R3LW.js.map
+//# sourceMappingURL=chunk-NGM5R3LW.js.map