@dlh.io/bideux 0.1.0

package/dist/chunk-RRWZKNDZ.js

@@ -0,0 +1,1004 @@
+import { formatValue, buildChartRendererModel } from './chunk-OMPR32AR.js';
+import { buildPivotRendererModel } from './chunk-LHD445PJ.js';
+import { buildTabulatorRendererModel, buildTableRendererModel } from './chunk-QDQ5VVTC.js';
+import { stringValue, displayBlock, numberValue, isRecord, rendererFrame, clearElement, record, resolveRendererTheme, createMessage, applyWidgetTheme, setStyles, createLabel, getClickInteraction } from './chunk-75CRTQK7.js';
+
+// ../dashboard-core/src/filter-text.ts
+var TOKEN = /\{\{\s*filter:([A-Za-z0-9_.-]+)\s*\}\}/g;
+function isPeriod(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function formatFilterValue(value, empty = "All") {
+  if (value === void 0 || value === null || value === "") return empty;
+  if (Array.isArray(value)) {
+    const parts = value.filter((entry) => entry !== null && entry !== void 0 && entry !== "").map((entry) => String(entry));
+    return parts.length > 0 ? parts.join(", ") : empty;
+  }
+  if (isPeriod(value)) {
+    const period = value;
+    if (period.start && period.end && period.start !== period.end) {
+      return `${period.start} to ${period.end}`;
+    }
+    return period.start ?? period.end ?? empty;
+  }
+  return String(value);
+}
+function fillFilterTokens(content2, filters, labels = {}) {
+  return content2.replace(TOKEN, (whole, id) => {
+    if (labels[id]) return labels[id];
+    if (!(id in filters)) return whole;
+    return formatFilterValue(filters[id]);
+  });
+}
+function mentionsFilter(content2) {
+  TOKEN.lastIndex = 0;
+  return TOKEN.test(content2);
+}
+
+// ../dashboard-renderers/src/filter-model.ts
+function record2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
+}
+function text(value) {
+  return typeof value === "string" && value !== "" ? value : void 0;
+}
+function filterOptions(widget, result) {
+  const fromResult = Array.isArray(result.options) ? result.options : null;
+  const configured = record2(widget.spec.data).options;
+  const fromSpec = Array.isArray(configured) ? configured : [];
+  return (fromResult ?? fromSpec).map((entry) => record2(entry)).filter(
+    (entry) => typeof entry.label === "string"
+  ).map((entry) => ({ value: entry.value, label: entry.label }));
+}
+function describeFilter(value, options) {
+  const name = (entry) => options.find((option) => String(option.value) === String(entry))?.label ?? String(entry);
+  if (Array.isArray(value)) {
+    return value.length === 0 ? "All" : value.map(name).join(", ");
+  }
+  if (typeof value === "object" && value !== null) {
+    const range = record2(value);
+    const start = text(range.start) ?? "Start";
+    const end = text(range.end) ?? "End";
+    return `${start} to ${end}`;
+  }
+  return value === "" || value === null || value === void 0 ? "All" : name(value);
+}
+function resolveControl(display) {
+  const control = text(display.control);
+  if (control === "radio") return "radio";
+  if (control === "date_range") return "date_range";
+  if (control === "date" || control === "calendar") return "date";
+  if (control === "input" || control === "custom") return "input";
+  return display.multi === true ? "multiselect" : "select";
+}
+function isRelativeDateExpression(value) {
+  const normalized = value.trim().toLowerCase();
+  const relative = /^(today|yesterday|tomorrow|\d+\s+(days?|weeks?|months?|years?)\s+ago\s+for\s+\d+\s+(days?|weeks?|months?|years?)|\d+\s+(days?|weeks?|months?|years?)\s+(ago|from now)|(last|past|previous|trailing)?\s*\d+\s+(days?|weeks?|months?|years?)|this\s+(week|month|quarter|year)|last\s+(week|month|quarter|year)|next\s+(week|month|quarter|year))$/;
+  return relative.test(normalized) || normalized.startsWith("before ") || normalized.startsWith("after ");
+}
+function isIsoDate(value) {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) return false;
+  return !Number.isNaN(Date.parse(value));
+}
+function buildFilterModel(widget, result = {}) {
+  const component = widget.spec.component === "select" ? "select" : "filter";
+  const display = record2(record2(widget.spec.display)[component]);
+  const options = filterOptions(widget, result);
+  const header = record2(widget.metadata.header);
+  const presets = Array.isArray(display.presets) ? display.presets.filter(
+    (entry) => typeof entry === "string" && entry !== ""
+  ) : [];
+  return {
+    labelPosition: record2(display.label).position === "bottom" ? "bottom" : "top",
+    showObjectHeader: widget.metadata.header !== void 0 && header.visible !== false,
+    radioOrientation: display.radio_orientation === "horizontal" ? "horizontal" : "vertical",
+    presets,
+    showIcon: display.show_icon !== false,
+    widgetId: widget.metadata.id,
+    label: text(record2(display.label).text) ?? text(display.label) ?? widget.metadata.name,
+    control: resolveControl(display),
+    options,
+    ...text(display.placeholder) === void 0 ? {} : { placeholder: text(display.placeholder) },
+    defaultValue: display.default_value ?? record2(widget.spec.data).default_value ?? "",
+    panelled: display.panel === true || display.panelled === true
+  };
+}
+
+// ../dashboard-renderers/src/state.ts
+var DATA_COMPONENTS = /* @__PURE__ */ new Set([
+  "kpi",
+  "echarts",
+  "table",
+  "tabulator",
+  "pivot_table"
+]);
+function loadingState(component) {
+  return {
+    kind: "loading",
+    skeleton: component === "kpi" ? "kpi" : component === "echarts" ? "chart" : "content",
+    message: "Loading widget"
+  };
+}
+function missingChartColumns(widget, result) {
+  const rows = Array.isArray(result.rows) ? result.rows : [];
+  const returned = new Set(
+    Array.isArray(result.columns) ? result.columns.filter(
+      (column) => typeof column === "string"
+    ) : Object.keys(record(rows[0]))
+  );
+  const mappings = record(widget.spec.mappings);
+  const named = [mappings.x, mappings.category, mappings.value].filter(
+    (field) => typeof field === "string" && field.length > 0
+  );
+  const display = record(record(widget.spec.display).echarts);
+  const hasSeries = Array.isArray(display.series);
+  const missing = named.filter((field) => !returned.has(field));
+  if (hasSeries || named.length === 0 || missing.length !== named.length) {
+    return void 0;
+  }
+  return {
+    kind: "notice",
+    message: `Nothing to draw: this chart reads ${missing.join(", ")}, and the query returned ${[...returned].join(", ") || "no columns"}.`
+  };
+}
+function missingKpiValue(widget, result) {
+  const mapped = stringValue(record(widget.spec.mappings).value);
+  const returned = Array.isArray(result.columns) ? result.columns.filter(
+    (column) => typeof column === "string"
+  ) : [];
+  const arrived = mapped !== void 0 && returned.includes(mapped);
+  return {
+    kind: "notice",
+    message: mapped === void 0 ? "No number to show: pick the column the number comes from." : arrived ? `No number to show: ${mapped} came back empty for the current filters, so there is nothing to add up.` : `No number to show: this card reads ${mapped}, which the query did not return${returned.length > 0 ? `. It returned ${returned.join(", ")}` : ""}.`
+  };
+}
+function resolveWidgetRenderState(widget, result = {}, options = {}) {
+  const component = widget.spec.component ?? "";
+  const isDataComponent = DATA_COMPONENTS.has(component);
+  const loading = options.loading === true;
+  const hasAnswered = isDataComponent && !loading && Object.keys(result).length > 0;
+  const answeredOnce = options.answeredOnce === true || hasAnswered;
+  if (loading && isDataComponent && options.answeredOnce !== true) {
+    return { state: loadingState(component), answeredOnce };
+  }
+  if (component !== "filter" && component !== "select" && typeof result.error === "string") {
+    const state = {
+      kind: "error",
+      message: result.error,
+      retryable: options.retryable === true
+    };
+    const hint = stringValue(result.error_hint);
+    if (hint !== void 0) state.hint = hint;
+    return { state, answeredOnce };
+  }
+  if (isDataComponent && Object.keys(result).length === 0) {
+    return {
+      state: {
+        kind: "notice",
+        message: "Not loaded yet. Save the layout and this widget will be queried with the rest."
+      },
+      answeredOnce
+    };
+  }
+  if ((component === "echarts" || component === "table" || component === "tabulator" || component === "pivot_table") && Array.isArray(result.rows) && result.rows.length === 0) {
+    return {
+      state: {
+        kind: "notice",
+        message: "The query returned no rows for the current filters."
+      },
+      answeredOnce
+    };
+  }
+  if (component === "echarts" && Array.isArray(result.rows)) {
+    const missing = missingChartColumns(widget, result);
+    if (missing !== void 0) return { state: missing, answeredOnce };
+  }
+  if (component === "kpi" && (result.value === void 0 || result.value === null)) {
+    return {
+      state: missingKpiValue(widget, result),
+      answeredOnce
+    };
+  }
+  return {
+    state: {
+      kind: "ready",
+      refreshing: loading && isDataComponent
+    },
+    answeredOnce
+  };
+}
+
+// ../dashboard-renderers/src/models.ts
+function deltaTone(value) {
+  if (value > 0) return "up";
+  if (value < 0) return "down";
+  return "flat";
+}
+function deltaIcon(value, tone) {
+  if (value === "up" || value === "down" || value === "neutral" || value === "none") {
+    return value;
+  }
+  return tone === "flat" ? "neutral" : tone;
+}
+function tooltipIcon(value) {
+  return value === "info" || value === "check" || value === "help" || value === "warning" ? value : void 0;
+}
+function kpiDelta(result, display, valueFormat, valuePrefix) {
+  const delta = numberValue(result.delta);
+  if (delta === void 0) return void 0;
+  const configuration = record(display.delta);
+  const tone = deltaTone(delta);
+  const format = stringValue(configuration.format) ?? stringValue(result.delta_format) ?? "number";
+  const prefix = stringValue(configuration.prefix) ?? "";
+  const comparedWith = typeof result.delta_label === "string" ? `vs ${result.delta_label}` : void 0;
+  const model = {
+    value: delta,
+    formattedValue: format === "percent" ? new Intl.NumberFormat("en-US", {
+      style: "percent",
+      maximumFractionDigits: 1
+    }).format(delta) : formatValue(delta, {
+      format,
+      prefix,
+      compact: configuration.compact === true
+    }),
+    tone,
+    icon: deltaIcon(configuration.icon, tone)
+  };
+  if (comparedWith !== void 0) model.comparedWith = comparedWith;
+  const tooltip = stringValue(configuration.tooltip) ?? comparedWith;
+  if (tooltip !== void 0) model.tooltip = tooltip;
+  const icon = tooltipIcon(configuration.tooltip_icon);
+  if (icon !== void 0) model.tooltipIcon = icon;
+  const color = stringValue(configuration.color);
+  if (color !== void 0) model.color = color;
+  const reference = numberValue(result.delta_ref);
+  if (reference !== void 0) {
+    model.reference = {
+      value: reference,
+      formattedValue: formatValue(reference, {
+        format: valueFormat,
+        prefix: valuePrefix
+      })
+    };
+  }
+  return model;
+}
+function kpiFrame(widget, result, context) {
+  const display = displayBlock(widget, "kpi");
+  const frame = rendererFrame(
+    widget,
+    "kpi",
+    context.widgetDefaults,
+    context.framed
+  );
+  if (!frame.showObjectHeader && frame.label === void 0) {
+    const label = stringValue(result.label) ?? widget.metadata.name;
+    frame.label = {
+      text: label,
+      position: display.position === "bottom" ? "bottom" : "top"
+    };
+  }
+  return frame;
+}
+function buildKpiRendererModel(widget, result, context = {}) {
+  const display = displayBlock(widget, "kpi");
+  const value = Number(result.value);
+  const format = stringValue(display.format) ?? stringValue(result.format) ?? "number";
+  const prefix = stringValue(display.prefix) ?? "";
+  const suffix = stringValue(display.suffix) ?? "";
+  const decimals = numberValue(display.decimals);
+  const options = {
+    format,
+    prefix,
+    suffix,
+    compact: display.compact === true,
+    ...decimals === void 0 ? {} : { decimals }
+  };
+  const formattedValue = formatValue(value, options);
+  const model = {
+    kind: "kpi",
+    frame: kpiFrame(widget, result, context),
+    value,
+    formattedValue,
+    settledValue: formattedValue,
+    valueFormat: options
+  };
+  const delta = kpiDelta(result, display, format, prefix);
+  if (delta !== void 0) model.delta = delta;
+  const note = stringValue(result.delta_note);
+  if (note !== void 0) model.note = note;
+  return model;
+}
+function content(raw, context) {
+  return fillFilterTokens(
+    stringValue(raw) ?? "",
+    context.filters ?? {},
+    context.filterLabels ?? {}
+  );
+}
+function buildTextRendererModel(widget, context = {}) {
+  const display = displayBlock(widget, "text");
+  const custom = isRecord(display.style) ? Object.fromEntries(
+    Object.entries(display.style).filter(
+      (entry) => typeof entry[1] === "string" || typeof entry[1] === "number"
+    )
+  ) : {};
+  const model = {
+    kind: "text",
+    frame: rendererFrame(
+      widget,
+      "text",
+      context.widgetDefaults,
+      context.framed
+    ),
+    content: content(display.content, context),
+    contentFormat: display.markdown === true ? "markdown" : "text",
+    style: {
+      textAlign: display.text_align === "center" || display.text_align === "right" || display.text_align === "justify" ? display.text_align : "left",
+      verticalAlign: display.vertical_align === "middle" || display.vertical_align === "bottom" ? display.vertical_align : "top",
+      truncate: display.truncate === true,
+      custom
+    }
+  };
+  const style = model.style;
+  const fontSize = display.font_size;
+  if (typeof fontSize === "string" || typeof fontSize === "number") {
+    style.fontSize = fontSize;
+  }
+  const fontWeight = display.font_weight;
+  if (typeof fontWeight === "string" || typeof fontWeight === "number") {
+    style.fontWeight = fontWeight;
+  }
+  const color = stringValue(display.color);
+  if (color !== void 0) style.color = color;
+  const lineHeight = display.line_height;
+  if (typeof lineHeight === "string" || typeof lineHeight === "number") {
+    style.lineHeight = lineHeight;
+  }
+  const letterSpacing = display.letter_spacing;
+  if (typeof letterSpacing === "string" || typeof letterSpacing === "number") {
+    style.letterSpacing = letterSpacing;
+  }
+  if (display.white_space === "normal" || display.white_space === "nowrap" || display.white_space === "pre" || display.white_space === "pre-wrap" || display.white_space === "pre-line") {
+    style.whiteSpace = display.white_space;
+  }
+  return model;
+}
+function buildMarkdownRendererModel(widget, context = {}) {
+  const display = displayBlock(widget, "markdown");
+  return {
+    kind: "markdown",
+    frame: rendererFrame(
+      widget,
+      "markdown",
+      context.widgetDefaults,
+      context.framed
+    ),
+    content: content(display.content, context)
+  };
+}
+function buildImageRendererModel(widget, context = {}) {
+  const display = displayBlock(widget, "image");
+  return {
+    kind: "image",
+    frame: rendererFrame(
+      widget,
+      "image",
+      context.widgetDefaults,
+      context.framed
+    ),
+    source: stringValue(display.url) ?? null,
+    alt: stringValue(display.alt) ?? widget.metadata.name,
+    objectFit: display.object_fit === "cover" ? "cover" : "contain"
+  };
+}
+function extensionName(widget) {
+  const component = widget.spec.component;
+  if (component !== "kpi" && component !== "echarts") return void 0;
+  return stringValue(displayBlock(widget, component).customRenderer);
+}
+function extensionModel(name, widget, result, context) {
+  const renderer = context.registry?.get(name);
+  if (renderer === void 0) return void 0;
+  const component = widget.spec.component === "kpi" ? "kpi" : "echarts";
+  const frame = rendererFrame(
+    widget,
+    component,
+    context.widgetDefaults,
+    context.framed
+  );
+  return {
+    kind: "extension",
+    frame,
+    name,
+    content: renderer({ widget, result, frame, context })
+  };
+}
+function buildBasicRendererModel(widget, result = {}, context = {}) {
+  const extension = extensionName(widget);
+  if (extension !== void 0) {
+    const model = extensionModel(extension, widget, result, context);
+    if (model !== void 0) return model;
+  }
+  switch (widget.spec.component) {
+    case "kpi":
+      return buildKpiRendererModel(widget, result, context);
+    case "echarts":
+      return buildChartRendererModel(widget, result, context);
+    case "table":
+      return buildTableRendererModel(widget, result, context);
+    case "tabulator":
+      return buildTabulatorRendererModel(widget, result, context);
+    case "pivot_table":
+      return buildPivotRendererModel(widget, result, context);
+    case "text":
+      return buildTextRendererModel(widget, context);
+    case "markdown":
+      return buildMarkdownRendererModel(widget, context);
+    case "image":
+      return buildImageRendererModel(widget, context);
+    default:
+      return {
+        kind: "unknown",
+        frame: {
+          widgetId: widget.metadata.id,
+          component: widget.spec.component ?? "",
+          theme: {},
+          showObjectHeader: false,
+          interactive: false
+        },
+        message: "Unknown widget type"
+      };
+  }
+}
+function buildWidgetRendererModel(widget, result = {}, context = {}) {
+  const stateOptions = {
+    ...context.loading === void 0 ? {} : { loading: context.loading },
+    ...context.answeredOnce === void 0 ? {} : { answeredOnce: context.answeredOnce },
+    ...context.retryable === void 0 ? {} : { retryable: context.retryable }
+  };
+  const resolution = resolveWidgetRenderState(widget, result, stateOptions);
+  if (resolution.state.kind !== "ready") return resolution;
+  const extension = extensionName(widget);
+  if (extension !== void 0 && context.registry?.get(extension) === void 0) {
+    return {
+      ...resolution,
+      state: { kind: "notice", message: `Unknown renderer: ${extension}` }
+    };
+  }
+  return {
+    ...resolution,
+    model: buildBasicRendererModel(widget, result, context)
+  };
+}
+
+// ../dashboard-renderer-web/src/markdown.ts
+function safeLink(value) {
+  if (value.startsWith("#") || value.startsWith("/") || /^https?:\/\//u.test(value) || /^mailto:/u.test(value)) {
+    return value;
+  }
+  return null;
+}
+function renderInlineMarkdown(document, parent, content2) {
+  const pattern = /(\*\*[^*]+\*\*|~~[^~]+~~|`[^`]+`|\[[^\]]+\]\([^)]+\)|\*[^*]+\*)/gu;
+  let offset = 0;
+  for (const match of content2.matchAll(pattern)) {
+    const index = match.index;
+    if (index > offset) {
+      parent.append(document.createTextNode(content2.slice(offset, index)));
+    }
+    const token = match[0];
+    if (token.startsWith("**")) {
+      const strong = document.createElement("strong");
+      strong.textContent = token.slice(2, -2);
+      parent.append(strong);
+    } else if (token.startsWith("~~")) {
+      const strike = document.createElement("del");
+      strike.textContent = token.slice(2, -2);
+      parent.append(strike);
+    } else if (token.startsWith("`")) {
+      const code = document.createElement("code");
+      code.textContent = token.slice(1, -1);
+      parent.append(code);
+    } else if (token.startsWith("[")) {
+      const parts = /^\[([^\]]+)\]\(([^)]+)\)$/u.exec(token);
+      const href = parts === null ? null : safeLink(parts[2] ?? "");
+      if (parts === null || href === null) {
+        parent.append(document.createTextNode(token));
+      } else {
+        const link = document.createElement("a");
+        link.textContent = parts[1] ?? "";
+        link.href = href;
+        if (/^https?:\/\//u.test(href)) {
+          link.rel = "noreferrer";
+          link.target = "_blank";
+        }
+        parent.append(link);
+      }
+    } else {
+      const emphasis = document.createElement("em");
+      emphasis.textContent = token.slice(1, -1);
+      parent.append(emphasis);
+    }
+    offset = index + token.length;
+  }
+  if (offset < content2.length) {
+    parent.append(document.createTextNode(content2.slice(offset)));
+  }
+}
+function renderMarkdown(document, parent, markdown) {
+  const lines = markdown.replaceAll("\r\n", "\n").split("\n");
+  let list = null;
+  let paragraph = null;
+  let fence = null;
+  const closeBlocks = () => {
+    list = null;
+    paragraph = null;
+  };
+  for (const line of lines) {
+    if (fence !== null) {
+      if (/^\s*```/u.test(line)) {
+        fence = null;
+      } else {
+        fence.textContent = `${fence.textContent ?? ""}${line}
+`;
+      }
+      continue;
+    }
+    if (/^\s*```/u.test(line)) {
+      closeBlocks();
+      const pre = document.createElement("pre");
+      fence = document.createElement("code");
+      pre.append(fence);
+      parent.append(pre);
+      continue;
+    }
+    const heading = /^(#{1,6})\s+(.+)$/u.exec(line);
+    const bullet = /^\s*[-*+]\s+(.+)$/u.exec(line);
+    const numbered = /^\s*\d+[.)]\s+(.+)$/u.exec(line);
+    const quote = /^\s*>\s?(.*)$/u.exec(line);
+    const item = bullet ?? numbered;
+    if (item !== null) {
+      const tag = bullet === null ? "ol" : "ul";
+      if (list === null || list.tagName.toLowerCase() !== tag) {
+        list = document.createElement(tag);
+        parent.append(list);
+      }
+      paragraph = null;
+      const entry = document.createElement("li");
+      renderInlineMarkdown(document, entry, item[1] ?? "");
+      list.append(entry);
+      continue;
+    }
+    if (/^\s*([-*_])(\s*\1){2,}\s*$/u.test(line)) {
+      closeBlocks();
+      parent.append(document.createElement("hr"));
+      continue;
+    }
+    if (line.trim().length === 0) {
+      closeBlocks();
+      continue;
+    }
+    if (heading !== null) {
+      closeBlocks();
+      const block = document.createElement(
+        `h${heading[1]?.length ?? 1}`
+      );
+      renderInlineMarkdown(document, block, heading[2] ?? "");
+      parent.append(block);
+      continue;
+    }
+    if (quote !== null) {
+      closeBlocks();
+      const block = document.createElement("blockquote");
+      renderInlineMarkdown(document, block, quote[1] ?? "");
+      parent.append(block);
+      continue;
+    }
+    list = null;
+    if (paragraph === null) {
+      paragraph = document.createElement("p");
+      parent.append(paragraph);
+    } else {
+      paragraph.append(document.createTextNode(" "));
+    }
+    renderInlineMarkdown(document, paragraph, line.trim());
+  }
+}
+
+// ../dashboard-renderer-web/src/native-renderer.ts
+function record3(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
+}
+function stringValue2(value) {
+  return typeof value === "string" ? value : void 0;
+}
+function frameContainer(element, model, tokens) {
+  applyWidgetTheme(element, model.frame, tokens);
+  setStyles(element, {
+    display: "flex",
+    "flex-direction": "column",
+    gap: "8px",
+    overflow: "auto"
+  });
+  const document = element.ownerDocument;
+  const body = document.createElement("div");
+  body.dataset.bideuxPart = "body";
+  setStyles(body, { flex: "1", "min-height": "0" });
+  if (model.frame.label?.position === "top" && model.frame.label.text !== void 0) {
+    element.append(createLabel(document, model.frame.label.text, tokens));
+  }
+  element.append(body);
+  if (model.frame.label?.position === "bottom" && model.frame.label.text !== void 0) {
+    element.append(createLabel(document, model.frame.label.text, tokens));
+  }
+  return body;
+}
+function bindInteraction(element, widget, callbacks) {
+  const interaction = getClickInteraction(widget);
+  if (interaction === void 0 || callbacks.onInteraction === void 0) {
+    return;
+  }
+  const context = {
+    widgetId: widget.metadata.id
+  };
+  const activate = () => callbacks.onInteraction?.(interaction, context);
+  element.tabIndex = 0;
+  element.setAttribute("role", "button");
+  element.addEventListener("click", activate);
+  element.addEventListener("keydown", (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      activate();
+    }
+  });
+}
+function renderKpi(body, model, tokens) {
+  setStyles(body, {
+    display: "flex",
+    "flex-direction": "column",
+    "justify-content": "center",
+    gap: "8px"
+  });
+  const value = body.ownerDocument.createElement("strong");
+  value.dataset.bideuxPart = "kpi-value";
+  value.textContent = model.formattedValue;
+  setStyles(value, {
+    color: tokens.foreground,
+    "font-size": "clamp(2rem, 5vw, 3rem)",
+    "letter-spacing": "-0.04em"
+  });
+  body.append(value);
+  if (model.delta !== void 0) {
+    const delta = body.ownerDocument.createElement("span");
+    delta.dataset.tone = model.delta.tone;
+    delta.textContent = `${model.delta.icon === "up" ? "\u2191 " : model.delta.icon === "down" ? "\u2193 " : ""}${model.delta.formattedValue}${model.delta.comparedWith === void 0 ? "" : ` ${model.delta.comparedWith}`}`;
+    setStyles(delta, {
+      color: model.delta.color ?? (model.delta.tone === "down" ? tokens.danger : tokens.primary),
+      "font-weight": "700"
+    });
+    body.append(delta);
+  }
+  if (model.note !== void 0) {
+    const note = body.ownerDocument.createElement("small");
+    note.textContent = model.note;
+    note.style.color = tokens.mutedForeground;
+    body.append(note);
+  }
+}
+function renderText(body, model) {
+  const content2 = body.ownerDocument.createElement("div");
+  content2.textContent = model.content;
+  setStyles(content2, {
+    display: "flex",
+    height: "100%",
+    "align-items": model.style.verticalAlign === "middle" ? "center" : model.style.verticalAlign === "bottom" ? "flex-end" : "flex-start",
+    "text-align": model.style.textAlign,
+    "font-size": typeof model.style.fontSize === "number" ? `${model.style.fontSize}px` : model.style.fontSize,
+    "font-weight": model.style.fontWeight === void 0 ? void 0 : String(model.style.fontWeight),
+    color: model.style.color,
+    "line-height": model.style.lineHeight === void 0 ? void 0 : String(model.style.lineHeight),
+    "letter-spacing": model.style.letterSpacing === void 0 ? void 0 : String(model.style.letterSpacing),
+    "white-space": model.style.whiteSpace,
+    overflow: model.style.truncate ? "hidden" : void 0,
+    "text-overflow": model.style.truncate ? "ellipsis" : void 0
+  });
+  for (const [property, value] of Object.entries(model.style.custom)) {
+    content2.style.setProperty(property, String(value));
+  }
+  if (model.contentFormat === "markdown") {
+    content2.textContent = "";
+    renderMarkdown(body.ownerDocument, content2, model.content);
+  }
+  body.append(content2);
+}
+function renderMarkdownModel(body, model) {
+  body.dataset.bideuxPart = "markdown";
+  renderMarkdown(body.ownerDocument, body, model.content);
+}
+function renderImage(body, model) {
+  if (model.source === null) {
+    body.append(
+      createMessage(
+        body.ownerDocument,
+        "No image source",
+        "notice",
+        resolveRendererTheme()
+      )
+    );
+    return;
+  }
+  const image = body.ownerDocument.createElement("img");
+  image.src = model.source;
+  image.alt = model.alt;
+  setStyles(image, {
+    width: "100%",
+    height: "100%",
+    "object-fit": model.objectFit
+  });
+  body.append(image);
+}
+function renderFilter(input, tokens) {
+  const { element, widget, callbacks = {} } = input;
+  const result = input.result ?? {};
+  const component = widget.spec.component === "select" ? "select" : "filter";
+  const display = record3(record3(widget.spec.display)[component]);
+  const options = filterOptions(widget, result);
+  const defaultValue = display.default_value ?? record3(widget.spec.data).default_value ?? "";
+  const value = input.filterValue ?? defaultValue;
+  const frame = {
+    widgetId: widget.metadata.id,
+    component,
+    theme: record3(display.theme),
+    showObjectHeader: false,
+    interactive: true
+  };
+  applyWidgetTheme(element, frame, tokens);
+  setStyles(element, {
+    display: "flex",
+    "flex-direction": "column",
+    "justify-content": "center",
+    gap: "6px"
+  });
+  const document = element.ownerDocument;
+  const label = document.createElement("label");
+  label.textContent = stringValue2(record3(display.label).text) ?? stringValue2(display.label) ?? widget.metadata.name;
+  label.htmlFor = `${widget.metadata.id}-control`;
+  setStyles(label, {
+    color: tokens.mutedForeground,
+    "font-size": "0.78rem",
+    "font-weight": "700"
+  });
+  element.append(label);
+  const control = stringValue2(display.control) ?? "select";
+  if (control === "radio") {
+    renderRadios(document, element, input, options, value, tokens);
+  } else if (control === "date_range") {
+    renderDateRange(document, element, input, value, tokens);
+  } else if (control === "date" || control === "calendar") {
+    const date = document.createElement("input");
+    date.id = `${widget.metadata.id}-control`;
+    date.type = "date";
+    date.value = typeof value === "string" ? value : "";
+    styleControl(date, tokens);
+    date.addEventListener("change", () => {
+      callbacks.onFilterChange?.(widget.metadata.id, date.value);
+      callbacks.onFilterLabelChange?.(widget.metadata.id, date.value || "All");
+    });
+    element.append(date);
+  } else if (control === "input" || control === "custom") {
+    const text2 = document.createElement("input");
+    text2.id = `${widget.metadata.id}-control`;
+    text2.type = "text";
+    text2.value = value === null || value === void 0 ? "" : String(value);
+    text2.placeholder = stringValue2(display.placeholder) ?? "";
+    styleControl(text2, tokens);
+    text2.addEventListener("change", () => {
+      callbacks.onFilterChange?.(widget.metadata.id, text2.value);
+      callbacks.onFilterLabelChange?.(widget.metadata.id, text2.value || "All");
+    });
+    element.append(text2);
+  } else {
+    renderSelect(document, element, input, options, value, tokens);
+  }
+  callbacks.onFilterLabelChange?.(
+    widget.metadata.id,
+    describeFilter(value, options)
+  );
+}
+function styleControl(element, tokens) {
+  setStyles(element, {
+    width: "100%",
+    padding: "9px 10px",
+    border: `1px solid ${tokens.border}`,
+    "border-radius": "8px",
+    color: tokens.foreground,
+    background: tokens.surface,
+    "font-family": tokens.fontFamily
+  });
+}
+function renderSelect(document, element, input, options, value, tokens) {
+  const select = document.createElement("select");
+  select.id = `${input.widget.metadata.id}-control`;
+  select.multiple = record3(
+    record3(input.widget.spec.display)[input.widget.spec.component === "select" ? "select" : "filter"]
+  ).multi === true;
+  const selected = Array.isArray(value) ? value.map(String) : [value === null || value === void 0 ? "" : String(value)];
+  for (const option of options) {
+    const entry = document.createElement("option");
+    entry.value = String(option.value);
+    entry.textContent = option.label;
+    entry.selected = selected.includes(entry.value);
+    select.append(entry);
+  }
+  styleControl(select, tokens);
+  select.addEventListener("change", () => {
+    const next = select.multiple ? Array.from(select.selectedOptions).map(
+      (entry) => options.find((option) => String(option.value) === entry.value)?.value ?? entry.value
+    ) : options.find((option) => String(option.value) === select.value)?.value ?? select.value;
+    input.callbacks?.onFilterChange?.(input.widget.metadata.id, next);
+    input.callbacks?.onFilterLabelChange?.(
+      input.widget.metadata.id,
+      describeFilter(next, options)
+    );
+  });
+  element.append(select);
+}
+function renderRadios(document, element, input, options, value, tokens) {
+  const group = document.createElement("div");
+  group.setAttribute("role", "radiogroup");
+  group.id = `${input.widget.metadata.id}-control`;
+  for (const option of options) {
+    const label = document.createElement("label");
+    const radio = document.createElement("input");
+    radio.type = "radio";
+    radio.name = `${input.widget.metadata.id}-radio`;
+    radio.value = String(option.value);
+    radio.checked = String(option.value) === String(value);
+    radio.addEventListener("change", () => {
+      input.callbacks?.onFilterChange?.(input.widget.metadata.id, option.value);
+      input.callbacks?.onFilterLabelChange?.(
+        input.widget.metadata.id,
+        option.label
+      );
+    });
+    label.append(radio, document.createTextNode(option.label));
+    setStyles(label, {
+      display: "flex",
+      gap: "6px",
+      color: tokens.foreground
+    });
+    group.append(label);
+  }
+  element.append(group);
+}
+function renderDateRange(document, element, input, value, tokens) {
+  const range = record3(value);
+  const container = document.createElement("div");
+  container.id = `${input.widget.metadata.id}-control`;
+  setStyles(container, {
+    display: "grid",
+    "grid-template-columns": "1fr 1fr",
+    gap: "8px"
+  });
+  const start = document.createElement("input");
+  const end = document.createElement("input");
+  start.type = "date";
+  end.type = "date";
+  start.value = stringValue2(range.start) ?? "";
+  end.value = stringValue2(range.end) ?? "";
+  styleControl(start, tokens);
+  styleControl(end, tokens);
+  const update = () => {
+    const next = { start: start.value, end: end.value };
+    input.callbacks?.onFilterChange?.(input.widget.metadata.id, next);
+    input.callbacks?.onFilterLabelChange?.(
+      input.widget.metadata.id,
+      `${start.value || "Start"} to ${end.value || "End"}`
+    );
+  };
+  start.addEventListener("change", update);
+  end.addEventListener("change", update);
+  container.append(start, end);
+  element.append(container);
+}
+function renderReadyModel(input, model, tokens) {
+  const { element, widget, callbacks = {} } = input;
+  const body = frameContainer(element, model, tokens);
+  bindInteraction(element, widget, callbacks);
+  switch (model.kind) {
+    case "kpi":
+      renderKpi(body, model, tokens);
+      break;
+    case "text":
+      renderText(body, model);
+      break;
+    case "markdown":
+      renderMarkdownModel(body, model);
+      break;
+    case "image":
+      renderImage(body, model);
+      break;
+    case "extension":
+      return callbacks.renderExtension?.({ element: body, model });
+    case "unknown":
+      body.append(
+        createMessage(body.ownerDocument, model.message, "notice", tokens)
+      );
+      break;
+    default:
+      body.append(
+        createMessage(
+          body.ownerDocument,
+          `Use the ${model.kind} renderer package for this widget.`,
+          "notice",
+          tokens
+        )
+      );
+  }
+}
+function render(input) {
+  const { element, widget, callbacks = {} } = input;
+  const tokens = resolveRendererTheme(input.theme);
+  clearElement(element);
+  if (widget.spec.component === "filter" || widget.spec.component === "select") {
+    renderFilter(input, tokens);
+    return;
+  }
+  const resolution = buildWidgetRendererModel(
+    widget,
+    input.result ?? {},
+    input.context ?? {}
+  );
+  if (resolution.state.kind !== "ready") {
+    const state = resolution.state;
+    element.append(
+      createMessage(element.ownerDocument, state.message, state.kind, tokens)
+    );
+    if (state.kind === "error" && state.retryable && callbacks.onRetry !== void 0) {
+      const retry = element.ownerDocument.createElement("button");
+      retry.type = "button";
+      retry.textContent = "Try again";
+      retry.addEventListener("click", callbacks.onRetry);
+      element.append(retry);
+    }
+    return;
+  }
+  if (resolution.model !== void 0) {
+    return renderReadyModel(input, resolution.model, tokens);
+  }
+}
+function createNativeWidgetRenderer(input) {
+  let current = input;
+  let extension;
+  try {
+    extension = render(current);
+  } catch (error) {
+    const normalized = error instanceof Error ? error : new Error("Native rendering failed");
+    input.callbacks?.onError?.(normalized);
+    throw normalized;
+  }
+  return {
+    update(next) {
+      if (next.element !== current.element) {
+        throw new Error(
+          "Native renderers cannot move between elements. Create a new renderer."
+        );
+      }
+      extension?.destroy();
+      current = next;
+      extension = render(current);
+    },
+    resize() {
+      extension?.resize();
+    },
+    destroy() {
+      extension?.destroy();
+      clearElement(current.element);
+    }
+  };
+}
+
+export { buildBasicRendererModel, buildFilterModel, buildImageRendererModel, buildKpiRendererModel, buildMarkdownRendererModel, buildTextRendererModel, buildWidgetRendererModel, createNativeWidgetRenderer, describeFilter, fillFilterTokens, filterOptions, formatFilterValue, isIsoDate, isRelativeDateExpression, mentionsFilter, renderInlineMarkdown, renderMarkdown, resolveWidgetRenderState };
+//# sourceMappingURL=chunk-RRWZKNDZ.js.map
+//# sourceMappingURL=chunk-RRWZKNDZ.js.map