@vuu-ui/vuu-table-extras 0.8.26-debug → 0.8.26

package/esm/index.js

@@ -1,3568 +1,2 @@
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-
-// src/cell-edit-validators/CaseValidator.ts
-import { registerComponent } from "@vuu-ui/vuu-utils";
-var isString = (value) => typeof value === "string";
-var CaseValidator = (rule, value) => {
-  if (isString(value)) {
-    if (value === "") {
-      return true;
-    } else if (rule.value === "lower" && value.toLowerCase() !== value) {
-      return "value must be all lowercase";
-    } else if (rule.value === "upper" && value.toUpperCase() !== value) {
-      return "value must be all uppercase";
-    } else {
-      return true;
-    }
-  } else {
-    return "value must be a string";
-  }
-};
-registerComponent("vuu-case", CaseValidator, "data-edit-validator", {});
-
-// src/cell-edit-validators/PatternValidator.ts
-import { registerComponent as registerComponent2 } from "@vuu-ui/vuu-utils";
-var isString2 = (value) => typeof value === "string";
-var defaultMessage = "value does not match expected pattern";
-var PatternValidator = (rule, value) => {
-  if (typeof rule.value !== "string") {
-    throw Error("Pattern validation rule must provide pattern");
-  }
-  if (isString2(value)) {
-    if (value === "") {
-      return true;
-    } else {
-      const { message = defaultMessage } = rule;
-      const pattern = new RegExp(rule.value);
-      return pattern.test(value) || message;
-    }
-  } else {
-    return "value must be a string";
-  }
-};
-registerComponent2("vuu-pattern", PatternValidator, "data-edit-validator", {});
-
-// src/cell-renderers/background-cell/BackgroundCell.tsx
-import {
-  dataAndColumnUnchanged,
-  DOWN1,
-  DOWN2,
-  isTypeDescriptor as isTypeDescriptor2,
-  metadataKeys,
-  registerComponent as registerComponent3,
-  UP1,
-  UP2
-} from "@vuu-ui/vuu-utils";
-import cx from "clsx";
-import { memo } from "react";
-
-// src/cell-renderers/background-cell/useDirection.ts
-import {
-  getMovingValueDirection,
-  isTypeDescriptor,
-  isValidNumber
-} from "@vuu-ui/vuu-utils";
-import { useEffect, useRef } from "react";
-var INITIAL_VALUE = [void 0, void 0, void 0, void 0];
-function useDirection(key, value, column) {
-  var _a;
-  const ref = useRef();
-  const [prevKey, prevValue, prevColumn, prevDirection] = ref.current || INITIAL_VALUE;
-  const { type: dataType } = column;
-  const decimals = isTypeDescriptor(dataType) ? (_a = dataType.formatting) == null ? void 0 : _a.decimals : void 0;
-  const direction = key === prevKey && isValidNumber(value) && isValidNumber(prevValue) && column === prevColumn ? getMovingValueDirection(value, prevDirection, prevValue, decimals) : "";
-  useEffect(() => {
-    ref.current = [key, value, column, direction];
-  });
-  return direction;
-}
-
-// src/cell-renderers/background-cell/BackgroundCell.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var CHAR_ARROW_UP = String.fromCharCode(11014);
-var CHAR_ARROW_DOWN = String.fromCharCode(11015);
-var { KEY } = metadataKeys;
-var classBase = "vuuBackgroundCell";
-var FlashStyle = {
-  ArrowOnly: "arrow",
-  BackgroundOnly: "bg-only",
-  ArrowBackground: "arrow-bg"
-};
-var getFlashStyle = (colType) => {
-  if (isTypeDescriptor2(colType) && colType.renderer) {
-    if ("flashStyle" in colType.renderer) {
-      return colType.renderer["flashStyle"];
-    }
-  }
-  return FlashStyle.BackgroundOnly;
-};
-var BackgroundCell = memo(
-  function BackgroundCell2({
-    column,
-    columnMap,
-    row
-  }) {
-    const { name: name2, type, valueFormatter } = column;
-    const dataIdx = columnMap[name2];
-    const value = row[dataIdx];
-    const flashStyle = getFlashStyle(type);
-    const direction = useDirection(row[KEY], value, column);
-    const arrow = flashStyle === FlashStyle.ArrowOnly || flashStyle === FlashStyle.ArrowBackground ? direction === UP1 || direction === UP2 ? CHAR_ARROW_UP : direction === DOWN1 || direction === DOWN2 ? CHAR_ARROW_DOWN : null : null;
-    const dirClass = direction ? ` ` + direction : "";
-    const className = cx(classBase, dirClass, {
-      [`${classBase}-backgroundOnly`]: flashStyle === FlashStyle.BackgroundOnly,
-      [`${classBase}-arrowOnly`]: flashStyle === FlashStyle.ArrowOnly,
-      [`${classBase}-arrowBackground`]: flashStyle === FlashStyle.ArrowBackground
-    });
-    return /* @__PURE__ */ jsxs("div", { className, tabIndex: -1, children: [
-      /* @__PURE__ */ jsx("div", { className: `${classBase}-arrow`, children: arrow }),
-      valueFormatter(row[dataIdx])
-    ] });
-  },
-  dataAndColumnUnchanged
-);
-registerComponent3(
-  "vuu.price-move-background",
-  BackgroundCell,
-  "cell-renderer",
-  {
-    description: "Change background color of cell when value changes",
-    configEditor: "BackgroundCellConfigurationEditor",
-    label: "Background Flash",
-    serverDataType: ["long", "int", "double"]
-  }
-);
-
-// src/cell-renderers/background-cell/BackgroundCellConfigurationEditor.tsx
-import { Dropdown } from "@vuu-ui/vuu-ui-controls";
-import {
-  registerConfigurationEditor
-} from "@vuu-ui/vuu-utils";
-import { FormField, FormFieldLabel } from "@salt-ds/core";
-import { useCallback, useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var classBase2 = "vuuBackgroundCellConfiguration";
-var flashOptions = [
-  { label: "Background Only", value: "bg-only" },
-  { label: "Background and Arrow", value: "arrow-bg" },
-  { label: "Arrow Only", value: "arrow" }
-];
-var [defaultFlashOption] = flashOptions;
-var valueFromColumn = (column) => {
-  const { flashStyle } = column.type.renderer;
-  return flashOptions.find((o) => o.value === flashStyle) || defaultFlashOption;
-};
-var BackgroundCellConfigurationEditor = ({
-  column,
-  onChangeRendering
-}) => {
-  const [flashStyle, setFlashStyle] = useState(
-    valueFromColumn(column)
-  );
-  const handleSelectionChange = useCallback(
-    (_, flashOption) => {
-      var _a;
-      setFlashStyle(flashOption);
-      const renderProps = column.type.renderer;
-      onChangeRendering({
-        ...renderProps,
-        flashStyle: (_a = flashOption == null ? void 0 : flashOption.value) != null ? _a : defaultFlashOption.value
-      });
-    },
-    [column.type, onChangeRendering]
-  );
-  return /* @__PURE__ */ jsxs2(FormField, { children: [
-    /* @__PURE__ */ jsx2(FormFieldLabel, { children: "Flash Style" }),
-    /* @__PURE__ */ jsx2(
-      Dropdown,
-      {
-        className: `${classBase2}-flashStyle`,
-        onSelectionChange: handleSelectionChange,
-        selected: flashStyle,
-        source: flashOptions,
-        width: "100%"
-      }
-    )
-  ] });
-};
-registerConfigurationEditor(
-  "BackgroundCellConfigurationEditor",
-  BackgroundCellConfigurationEditor
-);
-
-// src/cell-renderers/dropdown-cell/DropdownCell.tsx
-import { getSelectedOption, useLookupValues } from "@vuu-ui/vuu-data-react";
-import {
-  Dropdown as Dropdown2,
-  WarnCommit
-} from "@vuu-ui/vuu-ui-controls";
-import {
-  dataColumnAndKeyUnchanged,
-  dispatchCustomEvent,
-  registerComponent as registerComponent4
-} from "@vuu-ui/vuu-utils";
-import { memo as memo2, useCallback as useCallback2, useMemo, useRef as useRef2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var classBase3 = "vuuTableDropdownCell";
-var openKeys = ["Enter", " "];
-var DropdownCell = memo2(
-  function DropdownCell2({
-    column,
-    columnMap,
-    onCommit = WarnCommit,
-    row
-  }) {
-    const dataIdx = columnMap[column.name];
-    const dataValue = row[dataIdx];
-    const { values } = useLookupValues(column, dataValue);
-    const valueRef = useRef2(null);
-    useMemo(() => {
-      valueRef.current = getSelectedOption(values, dataValue);
-    }, [dataValue, values]);
-    const handleSelectionChange = useCallback2(
-      (evt, selectedOption) => {
-        if (selectedOption) {
-          onCommit(selectedOption.value).then((response) => {
-            if (response === true && evt) {
-              dispatchCustomEvent(evt.target, "vuu-commit");
-            }
-          });
-        }
-      },
-      [onCommit]
-    );
-    return /* @__PURE__ */ jsx3(
-      Dropdown2,
-      {
-        className: classBase3,
-        onSelectionChange: handleSelectionChange,
-        openKeys,
-        selected: valueRef.current,
-        source: values,
-        width: column.width - 17
-      }
-    );
-  },
-  dataColumnAndKeyUnchanged
-);
-registerComponent4("dropdown-cell", DropdownCell, "cell-renderer", {
-  userCanAssign: false
-});
-
-// src/cell-renderers/lookup-cell/LookupCell.tsx
-import { useLookupValues as useLookupValues2 } from "@vuu-ui/vuu-data-react";
-import { dataAndColumnUnchanged as dataAndColumnUnchanged2, registerComponent as registerComponent5 } from "@vuu-ui/vuu-utils";
-import { memo as memo3 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var LookupCell = memo3(
-  function LookupCell2({
-    column,
-    columnMap,
-    row
-  }) {
-    const dataIdx = columnMap[column.name];
-    const dataValue = row[dataIdx];
-    const { initialValue: value } = useLookupValues2(column, dataValue);
-    return /* @__PURE__ */ jsx4("span", { children: value == null ? void 0 : value.label });
-  },
-  dataAndColumnUnchanged2
-);
-registerComponent5("lookup-cell", LookupCell, "cell-renderer", {
-  userCanAssign: false
-});
-
-// src/cell-renderers/pct-progress-cell/PctProgressCell.tsx
-import { registerComponent as registerComponent6 } from "@vuu-ui/vuu-utils";
-import cx2 from "clsx";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var classBase4 = "vuuPctProgressCell";
-var getPercentageValue = (value) => {
-  if (value >= 0 && value <= 1) {
-    return value * 100;
-  } else if (value > 2) {
-    return 0;
-  } else if (value > 1) {
-    return 100;
-  } else {
-    return 0;
-  }
-};
-var PctProgressCell = ({ column, columnMap, row }) => {
-  const value = row[columnMap[column.name]];
-  const percentageValue = getPercentageValue(value);
-  const className = cx2(classBase4, {});
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      className: cx2(className, {
-        [`${classBase4}-zero`]: percentageValue === 0,
-        [`${classBase4}-complete`]: percentageValue >= 100
-      }),
-      tabIndex: -1,
-      children: [
-        /* @__PURE__ */ jsx5(
-          "span",
-          {
-            className: `${classBase4}-progressBar`,
-            style: { "--progress-bar-pct": `${percentageValue}%` }
-          }
-        ),
-        /* @__PURE__ */ jsx5("span", { className: `${classBase4}-text`, children: `${percentageValue.toFixed(
-          2
-        )} %` })
-      ]
-    }
-  );
-};
-registerComponent6("vuu.pct-progress", PctProgressCell, "cell-renderer", {
-  description: "Percentage formatter",
-  label: "Percentage formatter",
-  serverDataType: "double"
-});
-
-// src/cell-renderers/progress-cell/ProgressCell.tsx
-import {
-  isColumnTypeRenderer,
-  isTypeDescriptor as isTypeDescriptor3,
-  isValidNumber as isValidNumber2,
-  registerComponent as registerComponent7
-} from "@vuu-ui/vuu-utils";
-import cx3 from "clsx";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var classBase5 = "vuuProgressCell";
-var ProgressCell = ({ column, columnMap, row }) => {
-  const { name: name2, type } = column;
-  const value = row[columnMap[name2]];
-  let showProgress = false;
-  let percentage = 0;
-  if (isTypeDescriptor3(type) && isColumnTypeRenderer(type.renderer)) {
-    const { associatedField } = type.renderer;
-    if (associatedField) {
-      const associatedValue = row[columnMap[associatedField]];
-      if (isValidNumber2(value) && isValidNumber2(associatedValue)) {
-        percentage = Math.min(Math.round(value / associatedValue * 100), 100);
-        percentage = Math.min(Math.round(value / associatedValue * 100), 100);
-        showProgress = isFinite(percentage);
-      } else {
-        const floatValue = parseFloat(value);
-        if (Number.isFinite(floatValue)) {
-          const floatOtherValue = parseFloat(associatedValue);
-          if (Number.isFinite(floatOtherValue)) {
-            percentage = Math.min(
-              Math.round(floatValue / floatOtherValue * 100),
-              100
-            );
-            showProgress = isFinite(percentage);
-          }
-        }
-      }
-    } else {
-      throw Error("ProgressCell associatedField is required to render");
-    }
-  }
-  const className = cx3(classBase5, {});
-  return /* @__PURE__ */ jsxs4("div", { className, tabIndex: -1, children: [
-    showProgress ? /* @__PURE__ */ jsxs4("span", { className: `${classBase5}-track`, children: [
-      /* @__PURE__ */ jsx6("span", { className: `${classBase5}-bg` }),
-      /* @__PURE__ */ jsx6(
-        "span",
-        {
-          className: `${classBase5}-bar`,
-          style: { "--progress-bar-pct": `-${100 - percentage}%` }
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ jsx6("span", { className: `${classBase5}-text`, children: `${percentage} %` })
-  ] });
-};
-registerComponent7("vuu.progress", ProgressCell, "cell-renderer", {
-  description: "Progress formatter",
-  label: "Progress formatter",
-  serverDataType: ["long", "int", "double"],
-  // Not until we provide settings for associaetd field
-  userCanAssign: false
-});
-
-// src/column-list/ColumnList.tsx
-import {
-  Icon,
-  List,
-  ListItem
-} from "@vuu-ui/vuu-ui-controls";
-import { Checkbox, Switch } from "@salt-ds/core";
-import cx4 from "clsx";
-import {
-  useCallback as useCallback3
-} from "react";
-import { getColumnLabel, queryClosest } from "@vuu-ui/vuu-utils";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var classBase6 = "vuuColumnList";
-var classBaseListItem = "vuuColumnListItem";
-var ColumnListItem = ({
-  className: classNameProp,
-  item,
-  ...listItemProps
-}) => {
-  return /* @__PURE__ */ jsxs5(
-    ListItem,
-    {
-      ...listItemProps,
-      className: cx4(classNameProp, classBaseListItem),
-      "data-name": item == null ? void 0 : item.name,
-      children: [
-        /* @__PURE__ */ jsx7(Icon, { name: "draggable", size: 16 }),
-        (item == null ? void 0 : item.isCalculated) ? /* @__PURE__ */ jsx7(Icon, { name: "function" }) : /* @__PURE__ */ jsx7(
-          Checkbox,
-          {
-            className: `${classBase6}-checkBox`,
-            checked: item == null ? void 0 : item.subscribed
-          }
-        ),
-        /* @__PURE__ */ jsx7("span", { className: `${classBase6}-text`, children: getColumnLabel(item) }),
-        /* @__PURE__ */ jsx7(
-          Switch,
-          {
-            className: `${classBase6}-switch`,
-            checked: (item == null ? void 0 : item.hidden) !== true,
-            disabled: (item == null ? void 0 : item.subscribed) !== true
-          }
-        )
-      ]
-    }
-  );
-};
-var ColumnList = ({
-  columnItems,
-  onChange,
-  onMoveListItem,
-  onNavigateToColumn,
-  ...htmlAttributes
-}) => {
-  const handleChange = useCallback3(
-    ({ target }) => {
-      const input = target;
-      const listItem = queryClosest(target, `.${classBaseListItem}`);
-      const {
-        dataset: { name: name2 }
-      } = listItem;
-      if (name2) {
-        const saltCheckbox = queryClosest(target, `.${classBase6}-checkBox`);
-        const saltSwitch = queryClosest(target, `.${classBase6}-switch`);
-        if (saltCheckbox) {
-          onChange(name2, "subscribed", input.checked);
-        } else if (saltSwitch) {
-          onChange(name2, "hidden", input.checked === false);
-        }
-      }
-    },
-    [onChange]
-  );
-  const handleClick = useCallback3((evt) => {
-    const targetEl = evt.target;
-    if (targetEl.classList.contains("vuuColumnList-text")) {
-      const listItemEl = targetEl.closest(".vuuListItem");
-      if (listItemEl == null ? void 0 : listItemEl.dataset.name) {
-        onNavigateToColumn == null ? void 0 : onNavigateToColumn(listItemEl.dataset.name);
-      }
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs5("div", { ...htmlAttributes, className: classBase6, children: [
-    /* @__PURE__ */ jsx7("div", { className: `${classBase6}-header`, children: /* @__PURE__ */ jsx7("span", { children: "Column Selection" }) }),
-    /* @__PURE__ */ jsxs5("div", { className: `${classBase6}-colHeadings`, children: [
-      /* @__PURE__ */ jsx7("span", { children: "Column subscription" }),
-      /* @__PURE__ */ jsx7("span", { children: "Visibility" })
-    ] }),
-    /* @__PURE__ */ jsx7(
-      List,
-      {
-        ListItem: ColumnListItem,
-        allowDragDrop: true,
-        height: "auto",
-        onChange: handleChange,
-        onClick: handleClick,
-        onMoveListItem,
-        selectionStrategy: "none",
-        source: columnItems,
-        itemHeight: 33
-      }
-    )
-  ] });
-};
-
-// src/column-settings/ColumnSettingsPanel.tsx
-import { Icon as Icon2, VuuInput } from "@vuu-ui/vuu-ui-controls";
-import {
-  getCalculatedColumnName as getCalculatedColumnName2,
-  getDefaultAlignment,
-  isCalculatedColumn as isCalculatedColumn2
-} from "@vuu-ui/vuu-utils";
-import {
-  Button,
-  FormField as FormField7,
-  FormFieldLabel as FormFieldLabel7,
-  ToggleButton as ToggleButton3,
-  ToggleButtonGroup as ToggleButtonGroup3
-} from "@salt-ds/core";
-import cx7 from "clsx";
-
-// src/column-expression-panel/ColumnExpressionPanel.tsx
-import { Dropdown as Dropdown3 } from "@vuu-ui/vuu-ui-controls";
-import {
-  getCalculatedColumnExpression,
-  getCalculatedColumnName,
-  getCalculatedColumnType
-} from "@vuu-ui/vuu-utils";
-import { FormField as FormField2, FormFieldLabel as FormFieldLabel2, Input } from "@salt-ds/core";
-import { useCallback as useCallback8, useRef as useRef6 } from "react";
-
-// src/column-expression-input/ColumnExpressionInput.tsx
-import { memo as memo4 } from "react";
-
-// src/column-expression-input/useColumnExpressionEditor.ts
-import {
-  autocompletion,
-  defaultKeymap,
-  EditorState as EditorState2,
-  EditorView as EditorView2,
-  ensureSyntaxTree,
-  keymap,
-  minimalSetup,
-  startCompletion
-} from "@vuu-ui/vuu-codemirror";
-import { createEl } from "@vuu-ui/vuu-utils";
-import {
-  useCallback as useCallback5,
-  useEffect as useEffect2,
-  useMemo as useMemo2,
-  useRef as useRef3
-} from "react";
-
-// src/column-expression-input/column-language-parser/ColumnExpressionLanguage.ts
-import {
-  LanguageSupport,
-  LRLanguage,
-  styleTags,
-  tags as tag
-} from "@vuu-ui/vuu-codemirror";
-
-// src/column-expression-input/column-language-parser/generated/column-parser.js
-import { LRParser } from "@lezer/lr";
-var parser = LRParser.deserialize({
-  version: 14,
-  states: "&xOVQPOOO!fQPO'#C^OVQPO'#CcQ!pQPOOO#bQPO'#CkO#gQPO'#CrOOQO'#Cy'#CyO#lQPO,58}OVQPO,59QOVQPO,59QOOQO'#Cn'#CnOVQPO,59XOVQPO,59VOVQPO'#CtOOQO,59^,59^OOQO1G.i1G.iOOQO1G.l1G.lO$bQPO1G.lO%ZQPO1G.sO!pQPO'#CmO%qQQO1G.qO%|QQO'#C{OOQO'#C{'#C{O&wQPO,59`OVQPO,59ZOVQPO,59[OVQPO7+$]OVQPO'#CuO'RQPO1G.zOOQO1G.z1G.zO'ZQQO'#C^O'eQQO1G.sO'{QQO1G.uOOQO1G.v1G.vO(WQPO<<GwO(_QPO,59aOOQO-E6s-E6sOOQO7+$f7+$fOVQPOAN=cO(iQQO1G.lO(yQPOG22}OOQOLD(iLD(iO)QQPO,59QO)QQPO,59QO)QQPO,59X",
-  stateData: ")n~OlOS~ORUOSUOTUOUUOWQO`SOnPO~OWgXZQX[QX]QX^QXpQXqQXrQXsQXtQXuQXeQX~OjQXXQX~PnOZWO[WO]XO^XOpYOqYOrYOsYOtYOuYO~OW[O~OW]O~OX_O~P!pO]Yi^YipYiqYirYisYitYiuYieYi~OZWO[WOjYiXYi~P#sOpaiqairaisaitaiuaieai~OZWO[WO]XO^XOjaiXai~P$rOejOvhOwiO~OZmX[mX]mX^mXeoXpmXqmXrmXsmXtmXumXvoXwoX~OXmOekO~P!pOXuOekO~OvQXwQX~PnOZzO[zO]{O^{Ovaiwai~P$rOwiOecivci~OevO~P!pOXiaeia~P!pOZzO[zOvYiwYi~P#sOXyO~P!pORUOSUOTUOUUOWQO`SOnnO~O`UTn~",
-  goto: "$epPPqPPPPqPPqPPPPqP!S!g!r!rPq!w#Y#]PPP#cP$[oUOQWXZ[]hijkvz{|hUOQWXZ]jkvz{|Ve[hi[ZRVgrsxR|cVf[hioTOQWXZ[]hijkvz{|R^TQlgRtlQROQVQS`WzQaXQbZUc[hiQg]Qo|QrjQskQw{RxvQd[QphRqi",
-  nodeNames: "\u26A0 ColumnDefinitionExpression Column Number String True False ParenthesizedExpression OpenBrace CloseBrace ArithmeticExpression Divide Times Plus Minus ConditionalExpression If RelationalExpression RelationalOperator AndCondition OrCondition Comma CallExpression Function ArgList",
-  maxTerm: 39,
-  skippedNodes: [0],
-  repeatNodeCount: 1,
-  tokenData: ".^~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$jz{$o{|$t|}$y}!O%O!O!P%T!P!Q%c!Q![%h!^!_%s!_!`&Q!`!a&V!c!}&d#R#S&d#T#U&u#U#Y&d#Y#Z(Y#Z#]&d#]#^*j#^#c&d#c#d+f#d#h&d#h#i,b#i#o&d~#USl~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOu~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_OS~~$bP;=`<%l#m~$jOW~~$oOX~~$tO[~~$yO]~~%OOe~~%TO^~~%WP!Q![%Z~%`PR~!Q![%Z~%hOZ~~%mQR~!O!P%Z!Q![%h~%xPr~!_!`%{~&QOt~~&VOp~~&[Pq~!_!`&_~&dOs~P&iSnP!Q![&d!c!}&d#R#S&d#T#o&dR&zUnP!Q![&d!c!}&d#R#S&d#T#b&d#b#c'^#c#o&dR'cUnP!Q![&d!c!}&d#R#S&d#T#W&d#W#X'u#X#o&dR'|SvQnP!Q![&d!c!}&d#R#S&d#T#o&d~(_TnP!Q![&d!c!}&d#R#S&d#T#U(n#U#o&d~(sUnP!Q![&d!c!}&d#R#S&d#T#`&d#`#a)V#a#o&d~)[UnP!Q![&d!c!}&d#R#S&d#T#g&d#g#h)n#h#o&d~)sUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y*V#Y#o&d~*^SU~nP!Q![&d!c!}&d#R#S&d#T#o&d~*oUnP!Q![&d!c!}&d#R#S&d#T#Y&d#Y#Z+R#Z#o&d~+YS`~nP!Q![&d!c!}&d#R#S&d#T#o&dR+kUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g+}#g#o&dR,USwQnP!Q![&d!c!}&d#R#S&d#T#o&d~,gUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g,y#g#o&d~-OUnP!Q![&d!c!}&d#R#S&d#T#i&d#i#j-b#j#o&d~-gUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y-y#Y#o&d~.QST~nP!Q![&d!c!}&d#R#S&d#T#o&d",
-  tokenizers: [0, 1],
-  topRules: { "ColumnDefinitionExpression": [0, 1] },
-  tokenPrec: 393
-});
-
-// src/column-expression-input/column-language-parser/ColumnExpressionLanguage.ts
-var columnExpressionLanguage = LRLanguage.define({
-  name: "VuuColumnExpression",
-  parser: parser.configure({
-    props: [
-      styleTags({
-        Column: tag.attributeValue,
-        Function: tag.variableName,
-        String: tag.string,
-        Or: tag.emphasis,
-        Operator: tag.operator
-      })
-    ]
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  })
-});
-var columnExpressionLanguageSupport = () => {
-  return new LanguageSupport(
-    columnExpressionLanguage
-    /*, [exampleCompletion]*/
-  );
-};
-
-// src/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.ts
-var LiteralExpressionImpl = class {
-  constructor(value) {
-    this.value = value;
-    switch (typeof value) {
-      case "boolean":
-        this.type = "booleanLiteralExpression";
-        break;
-      case "number":
-        this.type = "numericLiteralExpression";
-        break;
-      default:
-        this.type = "stringLiteralExpression";
-    }
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      value: this.value
-    };
-  }
-};
-var ColumnExpressionImpl = class {
-  constructor(columnName) {
-    this.type = "colExpression";
-    this.column = columnName;
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      column: this.column
-    };
-  }
-};
-var _expressions, _op;
-var ArithmeticExpressionImpl = class {
-  constructor(op = "unknown") {
-    __privateAdd(this, _expressions, [
-      { type: "unknown" },
-      { type: "unknown" }
-    ]);
-    __privateAdd(this, _op, void 0);
-    this.type = "arithmeticExpression";
-    __privateSet(this, _op, op);
-  }
-  get op() {
-    return __privateGet(this, _op);
-  }
-  set op(op) {
-    __privateSet(this, _op, op);
-  }
-  get expressions() {
-    return __privateGet(this, _expressions);
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      op: __privateGet(this, _op),
-      expressions: __privateGet(this, _expressions)
-    };
-  }
-};
-_expressions = new WeakMap();
-_op = new WeakMap();
-var _expressions2;
-var CallExpressionImpl = class {
-  constructor(functionName) {
-    __privateAdd(this, _expressions2, []);
-    this.type = "callExpression";
-    this.functionName = functionName;
-  }
-  get expressions() {
-    return __privateGet(this, _expressions2);
-  }
-  get arguments() {
-    return __privateGet(this, _expressions2);
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      functionName: this.functionName,
-      arguments: __privateGet(this, _expressions2).map((e) => {
-        var _a;
-        return (_a = e.toJSON) == null ? void 0 : _a.call(e);
-      })
-    };
-  }
-};
-_expressions2 = new WeakMap();
-var _expressions3, _op2;
-var RelationalExpressionImpl = class {
-  constructor() {
-    __privateAdd(this, _expressions3, [
-      { type: "unknown" },
-      { type: "unknown" }
-    ]);
-    __privateAdd(this, _op2, "unknown");
-    this.type = "relationalExpression";
-  }
-  get op() {
-    return __privateGet(this, _op2);
-  }
-  set op(op) {
-    __privateSet(this, _op2, op);
-  }
-  get expressions() {
-    return __privateGet(this, _expressions3);
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      op: __privateGet(this, _op2),
-      expressions: __privateGet(this, _expressions3)
-    };
-  }
-};
-_expressions3 = new WeakMap();
-_op2 = new WeakMap();
-var _expressions4, _op3;
-var BooleanConditionImp = class {
-  constructor(booleanOperator) {
-    __privateAdd(this, _expressions4, [
-      { type: "unknown" },
-      { type: "unknown" }
-    ]);
-    __privateAdd(this, _op3, void 0);
-    this.type = "booleanCondition";
-    __privateSet(this, _op3, booleanOperator);
-  }
-  get op() {
-    return __privateGet(this, _op3);
-  }
-  get expressions() {
-    return __privateGet(this, _expressions4);
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      op: __privateGet(this, _op3),
-      expressions: __privateGet(this, _expressions4).map((e) => {
-        var _a;
-        return (_a = e.toJSON) == null ? void 0 : _a.call(e);
-      })
-    };
-  }
-};
-_expressions4 = new WeakMap();
-_op3 = new WeakMap();
-var _expressions5;
-var ConditionalExpressionImpl = class {
-  constructor(booleanOperator) {
-    __privateAdd(this, _expressions5, void 0);
-    this.type = "conditionalExpression";
-    __privateSet(this, _expressions5, [
-      booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl(),
-      { type: "unknown" },
-      { type: "unknown" }
-    ]);
-  }
-  get expressions() {
-    return __privateGet(this, _expressions5);
-  }
-  get condition() {
-    return __privateGet(this, _expressions5)[0];
-  }
-  get truthyExpression() {
-    return __privateGet(this, _expressions5)[1];
-  }
-  set truthyExpression(expression) {
-    __privateGet(this, _expressions5)[1] = expression;
-  }
-  get falsyExpression() {
-    return __privateGet(this, _expressions5)[2];
-  }
-  set falsyExpression(expression) {
-    __privateGet(this, _expressions5)[2] = expression;
-  }
-  toJSON() {
-    var _a, _b, _c, _d, _e;
-    return {
-      type: this.type,
-      condition: (_b = (_a = this.condition).toJSON) == null ? void 0 : _b.call(_a),
-      truthyExpression: this.truthyExpression,
-      falsyExpression: (_e = (_d = (_c = this.falsyExpression) == null ? void 0 : _c.toJSON) == null ? void 0 : _d.call(_c)) != null ? _e : this.falsyExpression
-    };
-  }
-};
-_expressions5 = new WeakMap();
-var isUnknown = (e) => e.type === "unknown";
-var isArithmeticExpression = (expression) => expression.type === "arithmeticExpression";
-var isCallExpression = (expression) => expression.type === "callExpression";
-var isConditionalExpression = (expression) => expression.type === "conditionalExpression";
-var isCondition = (expression) => expression.type === "relationalExpression" || expression.type === "booleanCondition";
-var isBooleanCondition = (expression) => expression.type === "booleanCondition";
-var isRelationalExpression = (expression) => (expression == null ? void 0 : expression.type) === "relationalExpression";
-var firstIncompleteExpression = (expression) => {
-  if (isUnknown(expression)) {
-    return expression;
-  } else if (isRelationalExpression(expression)) {
-    const [operand1, operand2] = expression.expressions;
-    if (expressionIsIncomplete(operand1)) {
-      return firstIncompleteExpression(operand1);
-    } else if (expression.op === "unknown") {
-      return expression;
-    } else if (expressionIsIncomplete(operand2)) {
-      return firstIncompleteExpression(operand2);
-    }
-  } else if (isCondition(expression)) {
-    const { expressions = [] } = expression;
-    for (const e of expressions) {
-      if (expressionIsIncomplete(e)) {
-        return firstIncompleteExpression(e);
-      }
-    }
-  } else if (isConditionalExpression(expression)) {
-    const { condition, truthyExpression, falsyExpression } = expression;
-    if (expressionIsIncomplete(condition)) {
-      return firstIncompleteExpression(condition);
-    } else if (expressionIsIncomplete(truthyExpression)) {
-      return firstIncompleteExpression(truthyExpression);
-    } else if (expressionIsIncomplete(falsyExpression)) {
-      return firstIncompleteExpression(falsyExpression);
-    }
-  } else if (isArithmeticExpression(expression)) {
-    const { expressions = [] } = expression;
-    for (const e of expressions) {
-      if (expressionIsIncomplete(e)) {
-        return firstIncompleteExpression(e);
-      }
-    }
-  }
-};
-var replaceUnknownExpression = (incompleteExpression, unknownExpression, expression) => {
-  const { expressions = [] } = incompleteExpression;
-  if (expressions.includes(unknownExpression)) {
-    const pos = expressions.indexOf(unknownExpression);
-    expressions.splice(pos, 1, expression);
-    return true;
-  } else {
-    for (const e of expressions) {
-      if (replaceUnknownExpression(e, unknownExpression, expression)) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-var expressionIsIncomplete = (expression) => {
-  if (isUnknown(expression)) {
-    return true;
-  } else if (isConditionalExpression(expression)) {
-    return expressionIsIncomplete(expression.condition) || expressionIsIncomplete(expression.truthyExpression) || expressionIsIncomplete(expression.falsyExpression);
-  } else if (isRelationalExpression(expression) || isBooleanCondition(expression)) {
-    return expression.op === void 0 || expression.expressions.some((e) => expressionIsIncomplete(e));
-  }
-  return false;
-};
-var addExpression = (expression, subExpression) => {
-  const targetExpression = firstIncompleteExpression(expression);
-  if (targetExpression) {
-    if (targetExpression.expressions) {
-      targetExpression.expressions.push(subExpression);
-    } else {
-      console.warn("don't know how to treat targetExpression");
-    }
-  } else {
-    console.error("no target expression found");
-  }
-};
-var _expression, _callStack;
-var ColumnExpression = class {
-  constructor() {
-    __privateAdd(this, _expression, void 0);
-    __privateAdd(this, _callStack, []);
-  }
-  setCondition(booleanOperator) {
-    if (__privateGet(this, _expression) === void 0) {
-      this.addExpression(new ConditionalExpressionImpl(booleanOperator));
-    } else if (isConditionalExpression(__privateGet(this, _expression))) {
-      if (expressionIsIncomplete(__privateGet(this, _expression).condition)) {
-        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
-        this.addExpression(condition);
-      } else if (isUnknown(__privateGet(this, _expression).truthyExpression)) {
-        __privateGet(this, _expression).truthyExpression = new ConditionalExpressionImpl(
-          booleanOperator
-        );
-      } else if (expressionIsIncomplete(__privateGet(this, _expression).truthyExpression)) {
-        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
-        this.addExpression(condition);
-      } else if (isUnknown(__privateGet(this, _expression).falsyExpression)) {
-        __privateGet(this, _expression).falsyExpression = new ConditionalExpressionImpl(
-          booleanOperator
-        );
-      } else if (expressionIsIncomplete(__privateGet(this, _expression).falsyExpression)) {
-        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
-        this.addExpression(condition);
-      }
-    } else {
-      console.error("setCondition called unexpectedly");
-    }
-  }
-  addExpression(expression) {
-    if (__privateGet(this, _callStack).length > 0) {
-      const currentCallExpression = __privateGet(this, _callStack).at(-1);
-      currentCallExpression == null ? void 0 : currentCallExpression.arguments.push(expression);
-    } else if (__privateGet(this, _expression) === void 0) {
-      __privateSet(this, _expression, expression);
-    } else if (isArithmeticExpression(__privateGet(this, _expression))) {
-      const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
-      if (targetExpression && isUnknown(targetExpression)) {
-        replaceUnknownExpression(
-          __privateGet(this, _expression),
-          targetExpression,
-          expression
-        );
-      }
-    } else if (isConditionalExpression(__privateGet(this, _expression))) {
-      if (expressionIsIncomplete(__privateGet(this, _expression))) {
-        const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
-        if (targetExpression && isUnknown(targetExpression)) {
-          replaceUnknownExpression(
-            __privateGet(this, _expression),
-            targetExpression,
-            expression
-          );
-        } else if (targetExpression) {
-          addExpression(targetExpression, expression);
-        }
-      }
-    }
-  }
-  setFunction(functionName) {
-    const callExpression = new CallExpressionImpl(functionName);
-    this.addExpression(callExpression);
-    __privateGet(this, _callStack).push(callExpression);
-  }
-  setColumn(columnName) {
-    this.addExpression(new ColumnExpressionImpl(columnName));
-  }
-  setArithmeticOp(value) {
-    const op = value;
-    const expression = __privateGet(this, _expression);
-    if (isArithmeticExpression(expression)) {
-      expression.op = op;
-    }
-  }
-  setRelationalOperator(value) {
-    const op = value;
-    if (__privateGet(this, _expression) && isConditionalExpression(__privateGet(this, _expression))) {
-      const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
-      if (isRelationalExpression(targetExpression)) {
-        targetExpression.op = op;
-      } else {
-        console.error(`no target expression found (op = ${value})`);
-      }
-    }
-  }
-  setValue(value) {
-    const literalExpression = new LiteralExpressionImpl(value);
-    if (__privateGet(this, _expression) === void 0) {
-      __privateSet(this, _expression, literalExpression);
-    } else if (isArithmeticExpression(__privateGet(this, _expression))) {
-      this.addExpression(literalExpression);
-    } else if (isCallExpression(__privateGet(this, _expression))) {
-      __privateGet(this, _expression).arguments.push(literalExpression);
-    } else if (isConditionalExpression(__privateGet(this, _expression))) {
-      if (expressionIsIncomplete(__privateGet(this, _expression))) {
-        const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
-        if (targetExpression && isUnknown(targetExpression)) {
-          replaceUnknownExpression(
-            __privateGet(this, _expression),
-            targetExpression,
-            literalExpression
-          );
-        } else if (targetExpression) {
-          addExpression(targetExpression, literalExpression);
-        }
-      } else {
-        console.log("what do we do with value, in a complete expression");
-      }
-    }
-  }
-  closeBrace() {
-    __privateGet(this, _callStack).pop();
-  }
-  get expression() {
-    return __privateGet(this, _expression);
-  }
-  toJSON() {
-    var _a;
-    return (_a = __privateGet(this, _expression)) == null ? void 0 : _a.toJSON();
-  }
-};
-_expression = new WeakMap();
-_callStack = new WeakMap();
-var walkTree = (tree, source) => {
-  const columnExpression = new ColumnExpression();
-  const cursor = tree.cursor();
-  do {
-    const { name: name2, from, to } = cursor;
-    switch (name2) {
-      case "AndCondition":
-        columnExpression.setCondition("and");
-        break;
-      case "OrCondition":
-        columnExpression.setCondition("or");
-        break;
-      case "RelationalExpression":
-        columnExpression.setCondition();
-        break;
-      case "ArithmeticExpression":
-        columnExpression.addExpression(new ArithmeticExpressionImpl());
-        break;
-      case "Column":
-        {
-          const columnName = source.substring(from, to);
-          columnExpression.setColumn(columnName);
-        }
-        break;
-      case "Function":
-        {
-          const functionName = source.substring(from, to);
-          columnExpression.setFunction(functionName);
-        }
-        break;
-      case "Times":
-      case "Divide":
-      case "Plus":
-      case "Minus":
-        {
-          const op = source.substring(from, to);
-          columnExpression.setArithmeticOp(op);
-        }
-        break;
-      case "RelationalOperator":
-        {
-          const op = source.substring(from, to);
-          columnExpression.setRelationalOperator(op);
-        }
-        break;
-      case "False":
-      case "True":
-        {
-          const value = source.substring(from, to);
-          columnExpression.setValue(value === "true" ? true : false);
-        }
-        break;
-      case "String":
-        columnExpression.setValue(source.substring(from + 1, to - 1));
-        break;
-      case "Number":
-        columnExpression.setValue(parseFloat(source.substring(from, to)));
-        break;
-      case "CloseBrace":
-        columnExpression.closeBrace();
-        break;
-      default:
-    }
-  } while (cursor.next());
-  return columnExpression.toJSON();
-};
-
-// src/column-expression-input/column-language-parser/column-expression-parse-utils.ts
-var strictParser = parser.configure({ strict: true });
-var RelationalOperands = ["Number", "String"];
-var ColumnNamedTerms = [
-  ...RelationalOperands,
-  "AndCondition",
-  "ArithmeticExpression",
-  "BooleanOperator",
-  "RelationalOperatorOperator",
-  "CallExpression",
-  "CloseBrace",
-  "Column",
-  "Comma",
-  "ConditionalExpression",
-  "Divide",
-  "Equal",
-  "If",
-  "Minus",
-  "OpenBrace",
-  "OrCondition",
-  "ParenthesizedExpression",
-  "Plus",
-  "RelationalExpression",
-  "RelationalOperator",
-  "Times"
-];
-var isCompleteExpression = (src) => {
-  try {
-    strictParser.parse(src);
-    return true;
-  } catch (err) {
-    return false;
-  }
-};
-var lastNamedChild = (node) => {
-  let { lastChild } = node;
-  while (lastChild && !ColumnNamedTerms.includes(lastChild.name)) {
-    lastChild = lastChild.prevSibling;
-    console.log(lastChild == null ? void 0 : lastChild.name);
-  }
-  return lastChild;
-};
-var isCompleteRelationalExpression = (node) => {
-  if ((node == null ? void 0 : node.name) === "RelationalExpression") {
-    const { firstChild } = node;
-    const lastChild = lastNamedChild(node);
-    if ((firstChild == null ? void 0 : firstChild.name) === "Column" && typeof (lastChild == null ? void 0 : lastChild.name) === "string" && RelationalOperands.includes(lastChild.name)) {
-      return true;
-    }
-  }
-  return false;
-};
-
-// src/column-expression-input/highlighting.ts
-import {
-  HighlightStyle,
-  syntaxHighlighting,
-  tags
-} from "@vuu-ui/vuu-codemirror";
-var myHighlightStyle = HighlightStyle.define([
-  {
-    tag: tags.attributeValue,
-    color: "var(--vuuFilterEditor-variableColor);font-weight: bold"
-  },
-  { tag: tags.variableName, color: "var(--vuuFilterEditor-variableColor)" },
-  { tag: tags.comment, color: "green", fontStyle: "italic" }
-]);
-var vuuHighlighting = syntaxHighlighting(myHighlightStyle);
-
-// src/column-expression-input/theme.ts
-import { EditorView } from "@vuu-ui/vuu-codemirror";
-var vuuTheme = EditorView.theme(
-  {
-    "&": {
-      border: "solid 1px var(--salt-container-primary-borderColor)",
-      color: "var(--vuuFilterEditor-color)",
-      backgroundColor: "var(--vuuFilterEditor-background)"
-    },
-    ".cm-content": {
-      caretColor: "var(--vuuFilterEditor-cursorColor)"
-    },
-    "&.cm-focused .cm-cursor": {
-      borderLeftColor: "var(--vuuFilterEditor-cursorColor)"
-    },
-    "&.cm-focused .cm-selectionBackground, ::selection": {
-      backgroundColor: "var(--vuuFilterEditor-selectionBackground)"
-    },
-    ".cm-selectionBackground, ::selection": {
-      backgroundColor: "var(--vuuFilterEditor-selectionBackground)"
-    },
-    ".cm-scroller": {
-      fontFamily: "var(--vuuFilterEditor-fontFamily)"
-    },
-    ".cm-completionLabel": {
-      color: "var(--vuu-color-gray-50)"
-    },
-    ".cm-completionMatchedText": {
-      color: "var(--vuu-color-gray-80)",
-      fontWeight: 700,
-      textDecoration: "none"
-    },
-    ".cm-tooltip": {
-      background: "var(--vuuFilterEditor-tooltipBackground)",
-      border: "var(--vuuFilterEditor-tooltipBorder)",
-      borderRadius: "4px",
-      boxShadow: "var(--vuuFilterEditor-tooltipElevation)",
-      "&.cm-tooltip-autocomplete > ul": {
-        fontFamily: "var(--vuuFilterEditor-fontFamily)",
-        fontSize: "var(--vuuFilterEditor-fontSize)",
-        maxHeight: "240px"
-      },
-      "&.cm-tooltip-autocomplete > ul > li": {
-        height: "var(--vuuFilterEditor-suggestion-height)",
-        padding: "0 3px",
-        lineHeight: "var(--vuuFilterEditor-suggestion-height)"
-      },
-      "&.cm-tooltip-autocomplete li[aria-selected]": {
-        background: "var(--vuuFilterEditor-suggestion-selectedBackground)",
-        color: "var(--vuuFilterEditor-suggestion-selectedColor)"
-      },
-      "&.cm-tooltip-autocomplete li .cm-completionDetail": {
-        color: "var(--vuuFilterEditor-suggestion-detailColor)"
-      }
-    }
-  },
-  { dark: false }
-);
-
-// src/column-expression-input/useColumnAutoComplete.ts
-import {
-  booleanJoinSuggestions,
-  getNamedParentNode,
-  getPreviousNode,
-  getValue,
-  syntaxTree
-} from "@vuu-ui/vuu-codemirror";
-import { useCallback as useCallback4 } from "react";
-var applyPrefix = (completions, prefix) => prefix ? completions.map((completion) => {
-  var _a;
-  return {
-    ...completion,
-    apply: typeof completion.apply === "function" ? completion.apply : `${prefix}${(_a = completion.apply) != null ? _a : completion.label}`
-  };
-}) : completions;
-var isOperator = (node) => node === void 0 ? false : ["Times", "Divide", "Plus", "Minus"].includes(node.name);
-var completionDone = (onSubmit) => ({
-  apply: () => {
-    onSubmit == null ? void 0 : onSubmit();
-  },
-  label: "Done",
-  boost: 10
-});
-var getLastChild = (node, context) => {
-  var _a;
-  let { lastChild: childNode } = node;
-  const { pos } = context;
-  while (childNode) {
-    const isBeforeCursor = childNode.from < pos;
-    if (isBeforeCursor && ColumnNamedTerms.includes(childNode.name)) {
-      if (childNode.name === "ParenthesizedExpression") {
-        const expression = (_a = childNode.firstChild) == null ? void 0 : _a.nextSibling;
-        if (expression) {
-          childNode = expression;
-        }
-      }
-      return childNode;
-    } else {
-      childNode = childNode.prevSibling;
-    }
-  }
-};
-var getFunctionName = (node, state) => {
-  var _a;
-  if (node.name === "ArgList") {
-    const functionNode = node.prevSibling;
-    if (functionNode) {
-      return getValue(functionNode, state);
-    }
-  } else if (node.name === "OpenBrace") {
-    const maybeFunction = (_a = node.parent) == null ? void 0 : _a.prevSibling;
-    if ((maybeFunction == null ? void 0 : maybeFunction.name) === "Function") {
-      return getValue(maybeFunction, state);
-    }
-  }
-};
-var getRelationalOperator = (node, state) => {
-  if (node.name === "RelationalExpression") {
-    const lastNode = lastNamedChild(node);
-    if ((lastNode == null ? void 0 : lastNode.name) === "RelationalOperator") {
-      return getValue(lastNode, state);
-    }
-  } else {
-    const prevNode = node.prevSibling;
-    if ((prevNode == null ? void 0 : prevNode.name) === "RelationalOperator") {
-      return getValue(prevNode, state);
-    }
-  }
-};
-var getColumnName = (node, state) => {
-  var _a;
-  if (node.name === "RelationalExpression") {
-    if (((_a = node.firstChild) == null ? void 0 : _a.name) === "Column") {
-      return getValue(node.firstChild, state);
-    }
-  } else {
-    const prevNode = node.prevSibling;
-    if ((prevNode == null ? void 0 : prevNode.name) === "Column") {
-      return getValue(prevNode, state);
-    } else if ((prevNode == null ? void 0 : prevNode.name) === "RelationalOperator") {
-      return getColumnName(prevNode, state);
-    }
-  }
-};
-var makeSuggestions = async (context, suggestionProvider, suggestionType, optionalArgs = {}) => {
-  const options = await suggestionProvider.getSuggestions(
-    suggestionType,
-    optionalArgs
-  );
-  const { startsWith = "" } = optionalArgs;
-  return { from: context.pos - startsWith.length, options };
-};
-var handleConditionalExpression = (node, context, suggestionProvider, maybeComplete, onSubmit) => {
-  const lastChild = getLastChild(node, context);
-  switch (lastChild == null ? void 0 : lastChild.name) {
-    case "If":
-      return makeSuggestions(context, suggestionProvider, "expression", {
-        prefix: "( "
-      });
-    case "OpenBrace":
-      return makeSuggestions(context, suggestionProvider, "expression");
-    case "Condition":
-      return makeSuggestions(context, suggestionProvider, "expression", {
-        prefix: ", "
-      });
-    case "CloseBrace":
-      if (maybeComplete) {
-        const options = [completionDone(onSubmit)];
-        return { from: context.pos, options };
-      }
-  }
-};
-var promptToSave = (context, onSubmit) => {
-  const options = [completionDone(onSubmit)];
-  return { from: context.pos, options };
-};
-var useColumnAutoComplete = (suggestionProvider, onSubmit) => {
-  const makeSuggestions2 = useCallback4(
-    async (context, suggestionType, optionalArgs = {}) => {
-      const options = await suggestionProvider.getSuggestions(
-        suggestionType,
-        optionalArgs
-      );
-      const { startsWith = "" } = optionalArgs;
-      return { from: context.pos - startsWith.length, options };
-    },
-    [suggestionProvider]
-  );
-  return useCallback4(
-    async (context) => {
-      var _a, _b;
-      const { state, pos } = context;
-      const word = (_a = context.matchBefore(/\w*/)) != null ? _a : {
-        from: 0,
-        to: 0,
-        text: void 0
-      };
-      const tree = syntaxTree(state);
-      const nodeBefore = tree.resolveInner(pos, -1);
-      const text = state.doc.toString();
-      const maybeComplete = isCompleteExpression(text);
-      switch (nodeBefore.name) {
-        case "If": {
-          return makeSuggestions2(context, "expression", { prefix: "( " });
-        }
-        case "Condition":
-          {
-            const lastChild = getLastChild(nodeBefore, context);
-            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
-              const prevChild = getPreviousNode(lastChild);
-              if ((prevChild == null ? void 0 : prevChild.name) !== "RelationalOperator") {
-                return makeSuggestions2(context, "condition-operator", {
-                  columnName: getValue(lastChild, state)
-                });
-              }
-            } else if ((lastChild == null ? void 0 : lastChild.name) === "RelationalOperator") {
-              return makeSuggestions2(context, "expression");
-            }
-          }
-          break;
-        case "ConditionalExpression":
-          return handleConditionalExpression(
-            nodeBefore,
-            context,
-            suggestionProvider
-          );
-        case "RelationalExpression":
-          {
-            if (isCompleteRelationalExpression(nodeBefore)) {
-              return {
-                from: context.pos,
-                options: booleanJoinSuggestions.concat({
-                  label: ", <truthy expression>, <falsy expression>",
-                  apply: ", "
-                })
-              };
-            } else {
-              const operator = getRelationalOperator(nodeBefore, state);
-              const columnName = getColumnName(nodeBefore, state);
-              if (!operator) {
-                const options = await suggestionProvider.getSuggestions(
-                  "condition-operator",
-                  {
-                    columnName
-                  }
-                );
-                return { from: context.pos, options };
-              } else {
-                return makeSuggestions2(context, "expression");
-              }
-            }
-          }
-          break;
-        case "RelationalOperator":
-          return makeSuggestions2(context, "expression");
-        case "String":
-          {
-            const operator = getRelationalOperator(
-              nodeBefore,
-              state
-            );
-            const columnName = getColumnName(nodeBefore, state);
-            const { from, to } = nodeBefore;
-            if (to - from === 2 && context.pos === from + 1) {
-              if (columnName && operator) {
-                return makeSuggestions2(context, "columnValue", {
-                  columnName,
-                  operator,
-                  startsWith: word.text
-                });
-              }
-            } else if (to - from > 2 && context.pos === to) {
-              return makeSuggestions2(context, "expression", {
-                prefix: ", "
-              });
-            }
-          }
-          break;
-        case "ArithmeticExpression":
-          {
-            const lastChild = getLastChild(nodeBefore, context);
-            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
-              return makeSuggestions2(context, "expression");
-            } else if (isOperator(lastChild)) {
-              const operator = lastChild.name;
-              return makeSuggestions2(context, "column", { operator });
-            }
-          }
-          break;
-        case "OpenBrace":
-          {
-            const functionName = getFunctionName(nodeBefore, state);
-            return makeSuggestions2(context, "expression", { functionName });
-          }
-          break;
-        case "ArgList": {
-          const functionName = getFunctionName(nodeBefore, state);
-          const lastArgument = getLastChild(nodeBefore, context);
-          const prefix = (lastArgument == null ? void 0 : lastArgument.name) === "OpenBrace" || (lastArgument == null ? void 0 : lastArgument.name) === "Comma" ? void 0 : ",";
-          let options = await suggestionProvider.getSuggestions("expression", {
-            functionName
-          });
-          options = prefix ? applyPrefix(options, ", ") : options;
-          if ((lastArgument == null ? void 0 : lastArgument.name) !== "OpenBrace" && (lastArgument == null ? void 0 : lastArgument.name) !== "Comma") {
-            options = [
-              {
-                apply: ") ",
-                boost: 10,
-                label: "Done - no more arguments"
-              }
-            ].concat(options);
-          }
-          return { from: context.pos, options };
-        }
-        case "Equal":
-          if (text.trim() === "=") {
-            return makeSuggestions2(context, "expression");
-          }
-          break;
-        case "ParenthesizedExpression":
-        case "ColumnDefinitionExpression":
-          if (context.pos === 0) {
-            return makeSuggestions2(context, "expression");
-          } else {
-            const lastChild = getLastChild(nodeBefore, context);
-            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
-              if (maybeComplete) {
-                const options = [
-                  completionDone(onSubmit.current)
-                ];
-                const columnName = getValue(lastChild, state);
-                const columnOptions = await suggestionProvider.getSuggestions("operator", {
-                  columnName
-                });
-                return {
-                  from: context.pos,
-                  options: options.concat(columnOptions)
-                };
-              }
-            } else if ((lastChild == null ? void 0 : lastChild.name) === "CallExpression") {
-              if (maybeComplete) {
-                return {
-                  from: context.pos,
-                  options: [completionDone(onSubmit.current)]
-                };
-              }
-            } else if ((lastChild == null ? void 0 : lastChild.name) === "ArithmeticExpression") {
-              if (maybeComplete) {
-                let options = [completionDone(onSubmit.current)];
-                const lastExpressionChild = getLastChild(lastChild, context);
-                if ((lastExpressionChild == null ? void 0 : lastExpressionChild.name) === "Column") {
-                  const columnName = getValue(lastExpressionChild, state);
-                  const suggestions = await suggestionProvider.getSuggestions(
-                    "operator",
-                    { columnName }
-                  );
-                  options = options.concat(suggestions);
-                }
-                return {
-                  from: context.pos,
-                  options
-                };
-              }
-            } else if ((lastChild == null ? void 0 : lastChild.name) === "ConditionalExpression") {
-              return handleConditionalExpression(
-                lastChild,
-                context,
-                suggestionProvider,
-                maybeComplete,
-                onSubmit.current
-              );
-            }
-            break;
-          }
-        case "Column":
-          {
-            const isPartialMatch = await suggestionProvider.isPartialMatch(
-              "expression",
-              void 0,
-              word.text
-            );
-            if (isPartialMatch) {
-              return makeSuggestions2(context, "expression", {
-                startsWith: word.text
-              });
-            }
-          }
-          break;
-        case "Comma":
-          {
-            const parentNode = getNamedParentNode(nodeBefore);
-            if ((parentNode == null ? void 0 : parentNode.name) === "ConditionalExpression") {
-              return makeSuggestions2(context, "expression");
-            }
-          }
-          break;
-        case "CloseBrace":
-          {
-            const parentNode = getNamedParentNode(nodeBefore);
-            if ((parentNode == null ? void 0 : parentNode.name) === "ConditionalExpression") {
-              return handleConditionalExpression(
-                parentNode,
-                context,
-                suggestionProvider,
-                maybeComplete,
-                onSubmit.current
-              );
-            } else if ((parentNode == null ? void 0 : parentNode.name) === "ArgList") {
-              if (maybeComplete) {
-                return promptToSave(context, onSubmit.current);
-              }
-            }
-          }
-          break;
-        default: {
-          if (((_b = nodeBefore == null ? void 0 : nodeBefore.prevSibling) == null ? void 0 : _b.name) === "FilterClause") {
-            console.log("looks like we ight be a or|and operator");
-          }
-        }
-      }
-    },
-    [makeSuggestions2, onSubmit, suggestionProvider]
-  );
-};
-
-// src/column-expression-input/useColumnExpressionEditor.ts
-var getView = (ref) => {
-  if (ref.current == void 0) {
-    throw Error("EditorView not defined");
-  }
-  return ref.current;
-};
-var getOptionClass = () => {
-  return "vuuSuggestion";
-};
-var noop = () => console.log("noooop");
-var hasExpressionType = (completion) => "expressionType" in completion;
-var injectOptionContent = (completion) => {
-  if (hasExpressionType(completion)) {
-    const div = createEl("div", "expression-type-container");
-    const span = createEl("span", "expression-type", completion.expressionType);
-    div.appendChild(span);
-    return div;
-  } else {
-    return null;
-  }
-};
-var useColumnExpressionEditor = ({
-  onChange,
-  onSubmitExpression,
-  source,
-  suggestionProvider
-}) => {
-  const editorRef = useRef3(null);
-  const onSubmitRef = useRef3(noop);
-  const viewRef = useRef3();
-  const completionFn = useColumnAutoComplete(suggestionProvider, onSubmitRef);
-  const [createState, clearInput, submit] = useMemo2(() => {
-    const parseExpression = () => {
-      const view = getView(viewRef);
-      const source2 = view.state.doc.toString();
-      const tree = ensureSyntaxTree(view.state, view.state.doc.length, 5e3);
-      if (tree) {
-        const expression = walkTree(tree, source2);
-        return [source2, expression];
-      } else {
-        return ["", void 0];
-      }
-    };
-    const clearInput2 = () => {
-      getView(viewRef).setState(createState2());
-    };
-    const submitExpression = () => {
-      const [source2, expression] = parseExpression();
-      onSubmitExpression == null ? void 0 : onSubmitExpression(source2, expression);
-    };
-    const showSuggestions = (key) => {
-      return keymap.of([
-        {
-          key,
-          run() {
-            startCompletion(getView(viewRef));
-            return true;
-          }
-        }
-      ]);
-    };
-    const createState2 = () => EditorState2.create({
-      doc: source,
-      extensions: [
-        minimalSetup,
-        autocompletion({
-          addToOptions: [
-            {
-              render: injectOptionContent,
-              position: 70
-            }
-          ],
-          override: [completionFn],
-          optionClass: getOptionClass
-        }),
-        columnExpressionLanguageSupport(),
-        keymap.of(defaultKeymap),
-        showSuggestions("ArrowDown"),
-        EditorView2.updateListener.of((v) => {
-          const view = getView(viewRef);
-          if (v.docChanged) {
-            startCompletion(view);
-            const source2 = view.state.doc.toString();
-            onChange == null ? void 0 : onChange(source2);
-          }
-        }),
-        // Enforces single line view
-        EditorState2.transactionFilter.of(
-          (tr) => tr.newDoc.lines > 1 ? [] : tr
-        ),
-        vuuTheme,
-        vuuHighlighting
-      ]
-    });
-    onSubmitRef.current = () => {
-      submitExpression();
-    };
-    return [createState2, clearInput2, submitExpression];
-  }, [completionFn, onChange, onSubmitExpression, source]);
-  useEffect2(() => {
-    if (!editorRef.current) {
-      throw Error("editor not in dom");
-    }
-    viewRef.current = new EditorView2({
-      state: createState(),
-      parent: editorRef.current
-    });
-    return () => {
-      var _a;
-      (_a = viewRef.current) == null ? void 0 : _a.destroy();
-    };
-  }, [completionFn, createState]);
-  const handleBlur = useCallback5(() => {
-    submit();
-  }, [submit]);
-  return { editorRef, clearInput, onBlur: handleBlur };
-};
-
-// src/column-expression-input/ColumnExpressionInput.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var classBase7 = "vuuColumnExpressionInput";
-var ColumnExpressionInput = memo4(
-  ({
-    onChange,
-    onSubmitExpression,
-    source = "",
-    suggestionProvider
-  }) => {
-    const { editorRef, onBlur } = useColumnExpressionEditor({
-      onChange,
-      onSubmitExpression,
-      source,
-      suggestionProvider
-    });
-    return /* @__PURE__ */ jsx8("div", { className: `${classBase7}`, onBlur, ref: editorRef });
-  },
-  (prevProps, newProps) => {
-    return prevProps.source === newProps.source;
-  }
-);
-ColumnExpressionInput.displayName = "ColumnExpressionInput";
-
-// src/column-expression-input/useColumnExpressionSuggestionProvider.ts
-import {
-  AnnotationType,
-  getRelationalOperators,
-  numericOperators,
-  stringOperators,
-  toSuggestions
-} from "@vuu-ui/vuu-codemirror";
-import {
-  getTypeaheadParams,
-  useTypeaheadSuggestions
-} from "@vuu-ui/vuu-data-react";
-import { isNumericColumn, isTextColumn } from "@vuu-ui/vuu-utils";
-import { useCallback as useCallback6, useRef as useRef4 } from "react";
-
-// src/column-expression-input/column-function-descriptors.ts
-var columnFunctionDescriptors = [
-  /**
-   * and
-   */
-  {
-    accepts: ["boolean"],
-    description: "Applies boolean and operator across supplied parameters to returns a single boolean result",
-    example: {
-      expression: 'and(ccy="EUR",quantity=0)',
-      result: "true | false"
-    },
-    name: "and",
-    params: {
-      description: "( boolean, [ boolean* ] )"
-    },
-    type: "boolean"
-  },
-  /**
-   * concatenate()
-   */
-  {
-    accepts: "string",
-    description: "Returns multiple string values as a single joined string. Arguments may be string literal values, string columns or other string expressions. Non string arguments may also be included, these will be converted to strings.",
-    example: {
-      expression: 'concatenate("example", "-test")',
-      result: '"example-test"'
-    },
-    name: "concatenate",
-    params: {
-      description: "( string, string, [ string* ] )"
-    },
-    type: "string"
-  },
-  /**
-   * contains()
-   */
-  {
-    accepts: ["string", "string"],
-    description: "Tests a string value to determine whether it contains a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> contains one or more occurrences of <target subscring>",
-    example: {
-      expression: 'contains("Royal Bank of Scotland", "bank")',
-      result: "true"
-    },
-    name: "contains",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  /**
-   * left()
-   */
-  {
-    accepts: ["string", "number"],
-    description: "Returns the leftmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",
-    example: {
-      expression: 'left("USD Benchmark Report", 3)',
-      result: '"USD"'
-    },
-    name: "left",
-    params: {
-      count: 2,
-      description: "( string, number )"
-    },
-    type: "string"
-  },
-  /**
-   * len()
-   */
-  {
-    accepts: "string",
-    description: "Returns the number of characters in <string>. Argument may be a string literal, string column or other string expression.",
-    example: {
-      expression: 'len("example")',
-      result: "7"
-    },
-    name: "len",
-    params: {
-      description: "(string)"
-    },
-    type: "number"
-  },
-  /**
-   * lower()
-   */
-  {
-    accepts: "string",
-    description: "Convert a string value to lowercase. Argument may be a string column or other string expression.",
-    example: {
-      expression: 'lower("examPLE")',
-      result: '"example"'
-    },
-    name: "lower",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * or
-   */
-  {
-    accepts: ["boolean"],
-    description: "Applies boolean or operator across supplied parameters to returns a single boolean result",
-    example: {
-      expression: 'or(status="cancelled",quantity=0)',
-      result: "true | false"
-    },
-    name: "or",
-    params: {
-      description: "( boolean, [ boolean* ] )"
-    },
-    type: "boolean"
-  },
-  /**
-   * upper()
-   */
-  {
-    accepts: "string",
-    description: "Convert a string value to uppercase. Argument may be a string column or other string expression.",
-    example: {
-      expression: 'upper("example")',
-      result: '"EXAMPLE"'
-    },
-    name: "upper",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * right()
-   */
-  {
-    accepts: ["string", "number"],
-    description: "Returns the rightmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "right",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * replace()
-   */
-  {
-    accepts: ["string", "string", "string"],
-    description: "Replace characters within a string. Accepts three arguments: source text, text to replace and replacement text. Returns a copy of <source text> with any occurrences of <text to replace> replaced by <replacement text>",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "replace",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * text()
-   */
-  {
-    accepts: "number",
-    description: "Converts a number to a string.",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "text",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * starts()
-   */
-  {
-    accepts: "string",
-    description: "Tests a string value to determine whether it starts with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> starts with <target subscring>.",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "starts",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  /**
-   * starts()
-   */
-  {
-    accepts: "string",
-    description: "Tests a string value to determine whether it ends with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> ends with <target subscring>.",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "ends",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  {
-    accepts: "number",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "min",
-    params: {
-      description: "( string )"
-    },
-    type: "number"
-  },
-  {
-    accepts: "number",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "max",
-    params: {
-      description: "( string )"
-    },
-    type: "number"
-  },
-  {
-    accepts: "number",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "sum",
-    params: {
-      description: "( string )"
-    },
-    type: "number"
-  },
-  {
-    accepts: "number",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "round",
-    params: {
-      description: "( string )"
-    },
-    type: "number"
-  },
-  {
-    accepts: "any",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "or",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  {
-    accepts: "any",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "and",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  {
-    accepts: "any",
-    description: "Return one of two possible result values, depending on the evaluation of a filter expression. If <filterExpression> resolves to true, result is <expression1>, otherwise <expression2>. ",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "if",
-    params: {
-      description: "( filterExpression, expression1, expression 2)"
-    },
-    type: "variable"
-  }
-];
-
-// src/column-expression-input/functionDocInfo.ts
-import { createEl as createEl2 } from "@vuu-ui/vuu-utils";
-var functionDocInfo = ({
-  name: name2,
-  description,
-  example,
-  params,
-  type
-}) => {
-  const rootElement = createEl2("div", "vuuFunctionDoc");
-  const headingElement = createEl2("div", "function-heading");
-  const nameElement = createEl2("span", "function-name", name2);
-  const paramElement = createEl2("span", "param-list", params.description);
-  const typeElement = createEl2("span", "function-type", type);
-  headingElement.appendChild(nameElement);
-  headingElement.appendChild(paramElement);
-  headingElement.appendChild(typeElement);
-  const child2 = createEl2("p", void 0, description);
-  rootElement.appendChild(headingElement);
-  rootElement.appendChild(child2);
-  if (example) {
-    const exampleElement = createEl2("div", "example-container");
-    const expressionElement = createEl2(
-      "div",
-      "example-expression",
-      example.expression
-    );
-    const resultElement = createEl2("div", "example-result", example.result);
-    exampleElement.appendChild(expressionElement);
-    rootElement.appendChild(exampleElement);
-    rootElement.appendChild(resultElement);
-  }
-  return rootElement;
-};
-
-// src/column-expression-input/useColumnExpressionSuggestionProvider.ts
-var NO_OPERATORS = [];
-var withApplySpace = (suggestions) => suggestions.map((suggestion) => {
-  var _a;
-  return {
-    ...suggestion,
-    apply: ((_a = suggestion.apply) != null ? _a : suggestion.label) + " "
-  };
-});
-var getValidColumns = (columns, { functionName, operator }) => {
-  if (operator) {
-    return columns.filter(isNumericColumn);
-  } else if (functionName) {
-    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);
-    if (fn) {
-      switch (fn.accepts) {
-        case "string":
-          return columns.filter(isTextColumn);
-        case "number":
-          return columns.filter(isNumericColumn);
-        default:
-          return columns;
-      }
-    }
-  }
-  return columns;
-};
-var getColumns = (columns, options) => {
-  const validColumns = getValidColumns(columns, options);
-  return validColumns.map((column) => {
-    var _a;
-    const label = (_a = column.label) != null ? _a : column.name;
-    return {
-      apply: options.prefix ? `${options.prefix}${column.name}` : column.name,
-      label,
-      boost: 5,
-      type: "column",
-      expressionType: column.serverDataType
-    };
-  });
-};
-var arithmeticOperators = [
-  { apply: "* ", boost: 2, label: "*", type: "operator" },
-  { apply: "/ ", boost: 2, label: "/", type: "operator" },
-  { apply: "+ ", boost: 2, label: "+", type: "operator" },
-  { apply: "- ", boost: 2, label: "-", type: "operator" }
-];
-var getOperators = (column) => {
-  if (column === void 0 || isNumericColumn(column)) {
-    return arithmeticOperators;
-  } else {
-    return NO_OPERATORS;
-  }
-};
-var getConditionOperators = (column) => {
-  switch (column.serverDataType) {
-    case "string":
-    case "char":
-      return withApplySpace(
-        stringOperators
-        /*, startsWith*/
-      );
-    case "int":
-    case "long":
-    case "double":
-      return withApplySpace(numericOperators);
-  }
-};
-var toFunctionCompletion = (functionDescriptor) => ({
-  apply: `${functionDescriptor.name}( `,
-  boost: 2,
-  expressionType: functionDescriptor.type,
-  info: () => functionDocInfo(functionDescriptor),
-  label: functionDescriptor.name,
-  type: "function"
-});
-var getAcceptedTypes = (fn) => {
-  if (fn) {
-    if (typeof fn.accepts === "string") {
-      return fn.accepts;
-    } else if (Array.isArray(fn.accepts)) {
-      if (fn.accepts.every((s) => s === "string")) {
-        return "string";
-      } else {
-        return "any";
-      }
-    }
-  }
-  return "any";
-};
-var functions = columnFunctionDescriptors.map(toFunctionCompletion);
-var getFunctions = ({ functionName }) => {
-  if (functionName) {
-    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);
-    const acceptedTypes = getAcceptedTypes(fn);
-    if (fn) {
-      switch (acceptedTypes) {
-        case "string":
-          return columnFunctionDescriptors.filter((f) => f.type === "string" || f.type === "variable").map(toFunctionCompletion);
-        case "number":
-          return columnFunctionDescriptors.filter((f) => f.type === "number" || f.type === "variable").map(toFunctionCompletion);
-        default:
-      }
-    }
-  }
-  return functions;
-};
-var NONE = {};
-var useColumnExpressionSuggestionProvider = ({
-  columns,
-  table
-}) => {
-  const findColumn = useCallback6(
-    (name2) => name2 ? columns.find((col) => col.name === name2) : void 0,
-    [columns]
-  );
-  const latestSuggestionsRef = useRef4();
-  const getTypeaheadSuggestions = useTypeaheadSuggestions();
-  const getSuggestions = useCallback6(
-    async (suggestionType, options = NONE) => {
-      const { columnName, functionName, operator, prefix } = options;
-      switch (suggestionType) {
-        case "expression": {
-          const suggestions = await withApplySpace(
-            getColumns(columns, { functionName, prefix })
-          ).concat(getFunctions(options));
-          return latestSuggestionsRef.current = suggestions;
-        }
-        case "column": {
-          const suggestions = await getColumns(columns, options);
-          return latestSuggestionsRef.current = withApplySpace(suggestions);
-        }
-        case "operator": {
-          const suggestions = await getOperators(findColumn(columnName));
-          return latestSuggestionsRef.current = withApplySpace(suggestions);
-        }
-        case "relational-operator": {
-          const suggestions = await getRelationalOperators(
-            findColumn(columnName)
-          );
-          return latestSuggestionsRef.current = withApplySpace(suggestions);
-        }
-        case "condition-operator":
-          {
-            const column = findColumn(columnName);
-            if (column) {
-              const suggestions = await getConditionOperators(column);
-              if (suggestions) {
-                return latestSuggestionsRef.current = withApplySpace(suggestions);
-              }
-            }
-          }
-          break;
-        case "columnValue":
-          if (columnName && operator) {
-            const params = getTypeaheadParams(
-              table,
-              columnName
-              /*, startsWith*/
-            );
-            const suggestions = await getTypeaheadSuggestions(params);
-            latestSuggestionsRef.current = toSuggestions(suggestions, {
-              suffix: ""
-            });
-            latestSuggestionsRef.current.forEach((suggestion) => {
-              suggestion.apply = (view, completion, from) => {
-                const annotation = new AnnotationType();
-                const cursorPos = from + completion.label.length + 1;
-                view.dispatch({
-                  changes: { from, insert: completion.label },
-                  selection: { anchor: cursorPos, head: cursorPos },
-                  annotations: annotation.of(completion)
-                });
-              };
-            });
-            return latestSuggestionsRef.current;
-          }
-          break;
-      }
-      return [];
-    },
-    [columns, findColumn, getTypeaheadSuggestions, table]
-  );
-  const isPartialMatch = useCallback6(
-    async (valueType, columnName, pattern) => {
-      const { current: latestSuggestions } = latestSuggestionsRef;
-      let maybe = false;
-      const suggestions = latestSuggestions || await getSuggestions(valueType, { columnName });
-      if (pattern && suggestions) {
-        for (const option of suggestions) {
-          if (option.label === pattern) {
-            return false;
-          } else if (option.label.startsWith(pattern)) {
-            maybe = true;
-          }
-        }
-      }
-      return maybe;
-    },
-    [getSuggestions]
-  );
-  return {
-    getSuggestions,
-    isPartialMatch
-  };
-};
-
-// src/column-expression-panel/useColumnExpression.ts
-import {
-  getCalculatedColumnDetails,
-  isVuuColumnDataType,
-  setCalculatedColumnExpression,
-  setCalculatedColumnName,
-  setCalculatedColumnType
-} from "@vuu-ui/vuu-utils";
-import { useCallback as useCallback7, useRef as useRef5, useState as useState2 } from "react";
-var applyDefaults = (column) => {
-  const [name2, expression, type] = getCalculatedColumnDetails(column);
-  if (type === "") {
-    return {
-      ...column,
-      name: `${name2}:string:${expression}`
-    };
-  } else {
-    return column;
-  }
-};
-var useColumnExpression = ({
-  column: columnProp,
-  onChangeName: onChangeNameProp,
-  onChangeServerDataType: onChangeServerDataTypeProp
-}) => {
-  const [column, _setColumn] = useState2(
-    applyDefaults(columnProp)
-  );
-  const columnRef = useRef5(columnProp);
-  const setColumn = useCallback7((column2) => {
-    columnRef.current = column2;
-    _setColumn(column2);
-  }, []);
-  const onChangeName = useCallback7(
-    (evt) => {
-      const { value } = evt.target;
-      const newColumn = setCalculatedColumnName(column, value);
-      setColumn(newColumn);
-      onChangeNameProp == null ? void 0 : onChangeNameProp(newColumn.name);
-    },
-    [column, onChangeNameProp, setColumn]
-  );
-  const onChangeExpression = useCallback7(
-    (value) => {
-      const expression = value.trim();
-      const { current: column2 } = columnRef;
-      const newColumn = setCalculatedColumnExpression(column2, expression);
-      setColumn(newColumn);
-      onChangeNameProp == null ? void 0 : onChangeNameProp(newColumn.name);
-    },
-    [onChangeNameProp, setColumn]
-  );
-  const onChangeServerDataType = useCallback7(
-    (evt, value) => {
-      if (isVuuColumnDataType(value)) {
-        const newColumn = setCalculatedColumnType(column, value);
-        setColumn(newColumn);
-        onChangeNameProp == null ? void 0 : onChangeNameProp(newColumn.name);
-        onChangeServerDataTypeProp == null ? void 0 : onChangeServerDataTypeProp(value);
-      }
-    },
-    [column, onChangeNameProp, onChangeServerDataTypeProp, setColumn]
-  );
-  return {
-    column,
-    onChangeExpression,
-    onChangeName,
-    onChangeServerDataType
-  };
-};
-
-// src/column-expression-panel/ColumnExpressionPanel.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var classBase8 = "vuuColumnExpressionPanel";
-var ColumnExpressionPanel = ({
-  column: columnProp,
-  onChangeName: onChangeNameProp,
-  onChangeServerDataType: onChangeServerDataTypeProp,
-  tableConfig,
-  vuuTable
-}) => {
-  const typeRef = useRef6(null);
-  const { column, onChangeExpression, onChangeName, onChangeServerDataType } = useColumnExpression({
-    column: columnProp,
-    onChangeName: onChangeNameProp,
-    onChangeServerDataType: onChangeServerDataTypeProp
-  });
-  const initialExpressionRef = useRef6(
-    getCalculatedColumnExpression(column)
-  );
-  const suggestionProvider = useColumnExpressionSuggestionProvider({
-    columns: tableConfig.columns,
-    table: vuuTable
-  });
-  const handleSubmitExpression = useCallback8(() => {
-    var _a, _b;
-    if (typeRef.current) {
-      (_b = (_a = typeRef.current) == null ? void 0 : _a.querySelector("button")) == null ? void 0 : _b.focus();
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs6("div", { className: classBase8, children: [
-    /* @__PURE__ */ jsx9("div", { className: "vuuColumnSettingsPanel-header", children: /* @__PURE__ */ jsx9("span", { children: "Calculation" }) }),
-    /* @__PURE__ */ jsxs6(FormField2, { "data-field": "column-name", children: [
-      /* @__PURE__ */ jsx9(FormFieldLabel2, { children: "Column Name" }),
-      /* @__PURE__ */ jsx9(
-        Input,
-        {
-          className: "vuuInput",
-          onChange: onChangeName,
-          value: getCalculatedColumnName(column)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs6(FormField2, { "data-field": "column-expression", children: [
-      /* @__PURE__ */ jsx9(FormFieldLabel2, { children: "Expression" }),
-      /* @__PURE__ */ jsx9(
-        ColumnExpressionInput,
-        {
-          onChange: onChangeExpression,
-          onSubmitExpression: handleSubmitExpression,
-          source: initialExpressionRef.current,
-          suggestionProvider
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs6(FormField2, { "data-field": "type", children: [
-      /* @__PURE__ */ jsx9(FormFieldLabel2, { children: "Column type" }),
-      /* @__PURE__ */ jsx9(
-        Dropdown3,
-        {
-          className: `${classBase8}-type`,
-          onSelectionChange: onChangeServerDataType,
-          ref: typeRef,
-          selected: getCalculatedColumnType(column) || null,
-          source: ["double", "long", "string", "boolean"],
-          width: "100%"
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/column-formatting-settings/ColumnFormattingPanel.tsx
-import { Dropdown as Dropdown5 } from "@vuu-ui/vuu-ui-controls";
-import {
-  getCellRendererOptions,
-  getConfigurationEditor,
-  isColumnTypeRenderer as isColumnTypeRenderer2,
-  isTypeDescriptor as isTypeDescriptor5
-} from "@vuu-ui/vuu-utils";
-import { FormField as FormField6, FormFieldLabel as FormFieldLabel6 } from "@salt-ds/core";
-import cx5 from "clsx";
-import { useCallback as useCallback12, useMemo as useMemo4 } from "react";
-
-// src/column-formatting-settings/BaseNumericFormattingSettings.tsx
-import { FormField as FormField3, FormFieldLabel as FormFieldLabel3, Input as Input2, Switch as Switch2 } from "@salt-ds/core";
-import { getTypeFormattingFromColumn } from "@vuu-ui/vuu-utils";
-import {
-  useCallback as useCallback9,
-  useState as useState3
-} from "react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var classBase9 = "vuuFormattingSettings";
-var BaseNumericFormattingSettings = ({
-  column,
-  onChangeFormatting: onChange
-}) => {
-  var _a, _b, _c;
-  const [formattingSettings, setFormattingSettings] = useState3(getTypeFormattingFromColumn(column));
-  const handleInputKeyDown = useCallback9(
-    (evt) => {
-      if (evt.key === "Enter" || evt.key === "Tab") {
-        onChange(formattingSettings);
-      }
-    },
-    [formattingSettings, onChange]
-  );
-  const handleChangeDecimals = useCallback9(
-    (evt) => {
-      const { value } = evt.target;
-      const numericValue = value === "" ? void 0 : isNaN(parseInt(value)) ? void 0 : parseInt(value);
-      const newFormattingSettings = {
-        ...formattingSettings,
-        decimals: numericValue
-      };
-      setFormattingSettings(newFormattingSettings);
-    },
-    [formattingSettings]
-  );
-  const handleChangeAlignDecimals = useCallback9(
-    (evt) => {
-      const { checked } = evt.target;
-      const newFormattingSettings = {
-        ...formattingSettings,
-        alignOnDecimals: checked
-      };
-      setFormattingSettings(newFormattingSettings);
-      onChange(newFormattingSettings);
-    },
-    [formattingSettings, onChange]
-  );
-  const handleChangeZeroPad = useCallback9(
-    (evt) => {
-      const { checked } = evt.target;
-      const newFormattingSettings = {
-        ...formattingSettings,
-        zeroPad: checked
-      };
-      setFormattingSettings(newFormattingSettings);
-      onChange(newFormattingSettings);
-    },
-    [formattingSettings, onChange]
-  );
-  return /* @__PURE__ */ jsxs7("div", { className: classBase9, children: [
-    /* @__PURE__ */ jsxs7(FormField3, { "data-field": "decimals", children: [
-      /* @__PURE__ */ jsx10(FormFieldLabel3, { children: "Number of decimals" }),
-      /* @__PURE__ */ jsx10(
-        Input2,
-        {
-          className: "vuuInput",
-          onChange: handleChangeDecimals,
-          onKeyDown: handleInputKeyDown,
-          value: (_a = formattingSettings.decimals) != null ? _a : ""
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs7(FormField3, { labelPlacement: "left", children: [
-      /* @__PURE__ */ jsx10(FormFieldLabel3, { children: "Align on decimals" }),
-      /* @__PURE__ */ jsx10(
-        Switch2,
-        {
-          checked: (_b = formattingSettings.alignOnDecimals) != null ? _b : false,
-          onChange: handleChangeAlignDecimals,
-          value: "align-decimals"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs7(FormField3, { labelPlacement: "left", children: [
-      /* @__PURE__ */ jsx10(FormFieldLabel3, { children: "Zero pad decimals" }),
-      /* @__PURE__ */ jsx10(
-        Switch2,
-        {
-          checked: (_c = formattingSettings.zeroPad) != null ? _c : false,
-          onChange: handleChangeZeroPad,
-          value: "zero-pad"
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/column-formatting-settings/LongTypeFormattingSettings.tsx
-import { useCallback as useCallback11 } from "react";
-import {
-  FormField as FormField5,
-  FormFieldLabel as FormFieldLabel5,
-  ToggleButton as ToggleButton2,
-  ToggleButtonGroup as ToggleButtonGroup2
-} from "@salt-ds/core";
-import { isDateTimeColumn, isTypeDescriptor as isTypeDescriptor4 } from "@vuu-ui/vuu-utils";
-
-// src/column-formatting-settings/DateTimeFormattingSettings.tsx
-import { useCallback as useCallback10, useMemo as useMemo3, useState as useState4 } from "react";
-import { Dropdown as Dropdown4 } from "@vuu-ui/vuu-ui-controls";
-import {
-  defaultPatternsByType,
-  fallbackDateTimePattern,
-  getTypeFormattingFromColumn as getTypeFormattingFromColumn2,
-  supportedDateTimePatterns
-} from "@vuu-ui/vuu-utils";
-import {
-  FormField as FormField4,
-  FormFieldLabel as FormFieldLabel4,
-  ToggleButton,
-  ToggleButtonGroup
-} from "@salt-ds/core";
-import { Fragment, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var DateTimeFormattingSettings = ({ column, onChangeFormatting: onChange }) => {
-  var _a, _b;
-  const formatting = getTypeFormattingFromColumn2(column);
-  const { pattern = fallbackDateTimePattern } = formatting;
-  const toggleValue = useMemo3(() => getToggleValue(pattern), [pattern]);
-  const [fallbackState, setFallbackState] = useState4(
-    {
-      time: (_a = pattern.time) != null ? _a : defaultPatternsByType.time,
-      date: (_b = pattern.date) != null ? _b : defaultPatternsByType.date
-    }
-  );
-  const onPatternChange = useCallback10(
-    (pattern2) => onChange({ ...formatting, pattern: pattern2 }),
-    [onChange, formatting]
-  );
-  const onDropdownChange = useCallback10(
-    (key) => (_, p) => {
-      const updatedPattern = { ...pattern != null ? pattern : {}, [key]: p };
-      setFallbackState((s) => {
-        var _a2, _b2;
-        return {
-          time: (_a2 = updatedPattern.time) != null ? _a2 : s.time,
-          date: (_b2 = updatedPattern.date) != null ? _b2 : s.date
-        };
-      });
-      onPatternChange(updatedPattern);
-    },
-    [onPatternChange, pattern]
-  );
-  const onToggleChange = useCallback10(
-    (evnt) => {
-      var _a2, _b2, _c, _d;
-      const value = evnt.currentTarget.value;
-      switch (value) {
-        case "time":
-          return onPatternChange({
-            [value]: (_a2 = pattern[value]) != null ? _a2 : fallbackState[value]
-          });
-        case "date":
-          return onPatternChange({
-            [value]: (_b2 = pattern[value]) != null ? _b2 : fallbackState[value]
-          });
-        case "both":
-          return onPatternChange({
-            time: (_c = pattern.time) != null ? _c : fallbackState.time,
-            date: (_d = pattern.date) != null ? _d : fallbackState.date
-          });
-      }
-    },
-    [onPatternChange, pattern, fallbackState]
-  );
-  return /* @__PURE__ */ jsxs8(Fragment, { children: [
-    /* @__PURE__ */ jsxs8(FormField4, { labelPlacement: "top", children: [
-      /* @__PURE__ */ jsx11(FormFieldLabel4, { children: "Display" }),
-      /* @__PURE__ */ jsx11(
-        ToggleButtonGroup,
-        {
-          className: "vuuToggleButtonGroup",
-          onChange: onToggleChange,
-          value: toggleValue,
-          "data-variant": "primary",
-          children: toggleValues.map((v) => /* @__PURE__ */ jsx11(ToggleButton, { value: v, children: v.toUpperCase() }, v))
-        }
-      )
-    ] }),
-    ["date", "time"].filter((v) => !!pattern[v]).map((v) => /* @__PURE__ */ jsxs8(FormField4, { labelPlacement: "top", children: [
-      /* @__PURE__ */ jsx11(FormFieldLabel4, { children: `${labelByType[v]} pattern` }),
-      /* @__PURE__ */ jsx11(
-        Dropdown4,
-        {
-          onSelectionChange: onDropdownChange(v),
-          selected: pattern[v],
-          source: supportedDateTimePatterns[v],
-          width: "100%"
-        }
-      )
-    ] }, v))
-  ] });
-};
-var labelByType = { date: "Date", time: "Time" };
-var toggleValues = ["date", "time", "both"];
-function getToggleValue(pattern) {
-  return !pattern.time ? "date" : !pattern.date ? "time" : "both";
-}
-
-// src/column-formatting-settings/LongTypeFormattingSettings.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-var classBase10 = "vuuLongColumnFormattingSettings";
-var LongTypeFormattingSettings = (props) => {
-  const { column, onChangeColumnType: onChangeType } = props;
-  const type = isTypeDescriptor4(column.type) ? column.type.name : column.type;
-  const handleToggleChange = useCallback11(
-    (event) => {
-      const value = event.currentTarget.value;
-      onChangeType(value);
-    },
-    [onChangeType]
-  );
-  return /* @__PURE__ */ jsxs9("div", { className: classBase10, children: [
-    /* @__PURE__ */ jsxs9(FormField5, { children: [
-      /* @__PURE__ */ jsx12(FormFieldLabel5, { children: "Type inferred as" }),
-      /* @__PURE__ */ jsx12(
-        ToggleButtonGroup2,
-        {
-          className: "vuuToggleButtonGroup",
-          onChange: handleToggleChange,
-          value: type != null ? type : "number",
-          children: toggleValues2.map((v) => /* @__PURE__ */ jsx12(ToggleButton2, { value: v, children: v.toUpperCase() }, v))
-        }
-      )
-    ] }),
-    isDateTimeColumn(column) ? /* @__PURE__ */ jsx12(DateTimeFormattingSettings, { ...props, column }) : /* @__PURE__ */ jsx12(BaseNumericFormattingSettings, { ...props })
-  ] });
-};
-var toggleValues2 = ["number", "date/time"];
-
-// src/column-formatting-settings/ColumnFormattingPanel.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var classBase11 = "vuuColumnFormattingPanel";
-var itemToString = (item) => {
-  var _a;
-  return (_a = item.label) != null ? _a : item.name;
-};
-var ColumnFormattingPanel = ({
-  availableRenderers,
-  className,
-  column,
-  onChangeFormatting,
-  onChangeColumnType,
-  onChangeRendering,
-  ...htmlAttributes
-}) => {
-  const formattingSettingsComponent = useMemo4(
-    () => getFormattingSettingsComponent({
-      column,
-      onChangeFormatting,
-      onChangeColumnType
-    }),
-    [column, onChangeColumnType, onChangeFormatting]
-  );
-  console.log({ formattingSettingsComponent });
-  const ConfigEditor = useMemo4(() => {
-    const { type } = column;
-    if (isTypeDescriptor5(type) && isColumnTypeRenderer2(type.renderer)) {
-      const cellRendererOptions = getCellRendererOptions(type.renderer.name);
-      return getConfigurationEditor(cellRendererOptions == null ? void 0 : cellRendererOptions.configEditor);
-    }
-    return void 0;
-  }, [column]);
-  const selectedCellRenderer = useMemo4(() => {
-    const { type } = column;
-    const [defaultRenderer] = availableRenderers;
-    const rendererName = isTypeDescriptor5(type) && isColumnTypeRenderer2(type.renderer) ? type.renderer.name : void 0;
-    const configuredRenderer = availableRenderers.find(
-      (renderer) => renderer.name === rendererName
-    );
-    return configuredRenderer != null ? configuredRenderer : defaultRenderer;
-  }, [availableRenderers, column]);
-  const handleChangeRenderer = useCallback12(
-    (_, cellRendererDescriptor) => {
-      const renderProps = {
-        name: cellRendererDescriptor.name
-      };
-      onChangeRendering == null ? void 0 : onChangeRendering(renderProps);
-    },
-    [onChangeRendering]
-  );
-  const { serverDataType = "string" } = column;
-  return /* @__PURE__ */ jsxs10("div", { ...htmlAttributes, className: `vuuColumnSettingsPanel-header`, children: [
-    /* @__PURE__ */ jsx13("div", { children: "Formatting" }),
-    /* @__PURE__ */ jsxs10(FormField6, { children: [
-      /* @__PURE__ */ jsx13(FormFieldLabel6, { children: `Renderer (data type ${column.serverDataType})` }),
-      /* @__PURE__ */ jsx13(
-        Dropdown5,
-        {
-          className: cx5(`${classBase11}-renderer`),
-          itemToString,
-          onSelectionChange: handleChangeRenderer,
-          selected: selectedCellRenderer,
-          source: availableRenderers,
-          width: "100%"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10(
-      "div",
-      {
-        className: cx5(classBase11, className, `${classBase11}-${serverDataType}`),
-        children: [
-          formattingSettingsComponent,
-          ConfigEditor ? /* @__PURE__ */ jsx13(
-            ConfigEditor,
-            {
-              column,
-              onChangeRendering
-            }
-          ) : null
-        ]
-      }
-    )
-  ] });
-};
-function getFormattingSettingsComponent(props) {
-  const { column } = props;
-  switch (column.serverDataType) {
-    case "double":
-    case "int":
-      return /* @__PURE__ */ jsx13(BaseNumericFormattingSettings, { ...props });
-    case "long":
-      return /* @__PURE__ */ jsx13(LongTypeFormattingSettings, { ...props });
-    default:
-      return null;
-  }
-}
-
-// src/column-settings/ColumnNameLabel.tsx
-import cx6 from "clsx";
-import {
-  getCalculatedColumnDetails as getCalculatedColumnDetails2,
-  isCalculatedColumn
-} from "@vuu-ui/vuu-utils";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var classBase12 = "vuuColumnNameLabel";
-var ColumnNameLabel = ({ column, onClick }) => {
-  if (isCalculatedColumn(column.name)) {
-    const [name2, type, expression] = getCalculatedColumnDetails2(column);
-    const displayName = name2 || "name";
-    const displayExpression = "=expression";
-    const nameClass = displayName === "name" ? `${classBase12}-placeholder` : void 0;
-    const expressionClass = expression === "" ? `${classBase12}-placeholder` : void 0;
-    return /* @__PURE__ */ jsxs11(
-      "div",
-      {
-        className: cx6(classBase12, `${classBase12}-calculated`),
-        onClick,
-        children: [
-          /* @__PURE__ */ jsx14("span", { className: nameClass, children: displayName }),
-          /* @__PURE__ */ jsx14("span", { children: ":" }),
-          /* @__PURE__ */ jsx14("span", { children: type || "string" }),
-          /* @__PURE__ */ jsx14("span", { children: ":" }),
-          /* @__PURE__ */ jsx14("span", { className: expressionClass, children: displayExpression }),
-          /* @__PURE__ */ jsx14("span", { className: `${classBase12}-edit`, "data-icon": "edit" })
-        ]
-      }
-    );
-  } else {
-    return /* @__PURE__ */ jsx14("div", { className: classBase12, children: column.name });
-  }
-};
-
-// src/column-settings/useColumnSettings.ts
-import {
-  getRegisteredCellRenderers,
-  isValidColumnAlignment,
-  isValidPinLocation,
-  setCalculatedColumnName as setCalculatedColumnName2,
-  updateColumnRenderProps,
-  updateColumnFormatting,
-  updateColumnType,
-  queryClosest as queryClosest2
-} from "@vuu-ui/vuu-utils";
-import {
-  useCallback as useCallback13,
-  useEffect as useEffect3,
-  useMemo as useMemo5,
-  useRef as useRef7,
-  useState as useState5
-} from "react";
-var integerCellRenderers = [
-  {
-    description: "Default formatter for columns with data type integer",
-    label: "Default Renderer (int, long)",
-    name: "default-int"
-  }
-];
-var doubleCellRenderers = [
-  {
-    description: "Default formatter for columns with data type double",
-    label: "Default Renderer (double)",
-    name: "default-double"
-  }
-];
-var stringCellRenderers = [
-  {
-    description: "Default formatter for columns with data type string",
-    label: "Default Renderer (string)",
-    name: "default-string"
-  }
-];
-var booleanCellRenderers = [];
-var getAvailableCellRenderers = (column) => {
-  switch (column.serverDataType) {
-    case "char":
-    case "string":
-      return stringCellRenderers.concat(getRegisteredCellRenderers("string"));
-    case "int":
-    case "long":
-      return integerCellRenderers.concat(getRegisteredCellRenderers("int"));
-    case "double":
-      return doubleCellRenderers.concat(getRegisteredCellRenderers("double"));
-    case "boolean":
-      return booleanCellRenderers.concat(getRegisteredCellRenderers("boolean"));
-    default:
-      return stringCellRenderers;
-  }
-};
-var getFieldName = (input) => {
-  const saltFormField = input.closest(".saltFormField");
-  if (saltFormField && saltFormField.dataset.field) {
-    const {
-      dataset: { field }
-    } = saltFormField;
-    return field;
-  } else {
-    throw Error("named form field not found");
-  }
-};
-var getColumn = (columns, column) => {
-  if (column.name === "::") {
-    return column;
-  } else {
-    const col = columns.find((col2) => col2.name === column.name);
-    if (col) {
-      return col;
-    }
-    throw Error(`columns does not contain column ${name}`);
-  }
-};
-var replaceColumn = (tableConfig, column) => ({
-  ...tableConfig,
-  columns: tableConfig.columns.map(
-    (col) => col.name === column.name ? column : col
-  )
-});
-var useColumnSettings = ({
-  column: columnProp,
-  onCancelCreateColumn,
-  onConfigChange,
-  onCreateCalculatedColumn,
-  tableConfig
-}) => {
-  const [column, setColumn] = useState5(
-    getColumn(tableConfig.columns, columnProp)
-  );
-  const columnRef = useRef7(column);
-  const [inEditMode, setEditMode] = useState5(column.name === "::");
-  const handleEditCalculatedcolumn = useCallback13(() => {
-    columnRef.current = column;
-    setEditMode(true);
-  }, [column]);
-  useEffect3(() => {
-    setColumn(columnProp);
-    setEditMode(columnProp.name === "::");
-  }, [columnProp]);
-  const availableRenderers = useMemo5(() => {
-    return getAvailableCellRenderers(column);
-  }, [column]);
-  const handleInputCommit = useCallback13(() => {
-    onConfigChange(replaceColumn(tableConfig, column));
-  }, [column, onConfigChange, tableConfig]);
-  const handleChangeToggleButton = useCallback13(
-    (evt) => {
-      const button = queryClosest2(evt.target, "button");
-      if (button) {
-        const fieldName = getFieldName(button);
-        const { value } = button;
-        switch (fieldName) {
-          case "column-alignment":
-            if (isValidColumnAlignment(value)) {
-              const newColumn = {
-                ...column,
-                align: value || void 0
-              };
-              setColumn(newColumn);
-              onConfigChange(replaceColumn(tableConfig, newColumn));
-            }
-            break;
-          case "column-pin":
-            if (isValidPinLocation(value)) {
-              const newColumn = {
-                ...column,
-                pin: value || void 0
-              };
-              setColumn(newColumn);
-              onConfigChange(replaceColumn(tableConfig, newColumn));
-              break;
-            }
-        }
-      }
-    },
-    [column, onConfigChange, tableConfig]
-  );
-  const handleChange = useCallback13((evt) => {
-    const input = evt.target;
-    const fieldName = getFieldName(input);
-    const { value } = input;
-    switch (fieldName) {
-      case "column-label":
-        setColumn((state) => ({ ...state, label: value }));
-        break;
-      case "column-name":
-        setColumn((state) => setCalculatedColumnName2(state, value));
-        break;
-      case "column-width":
-        setColumn((state) => ({ ...state, width: parseInt(value) }));
-        break;
-    }
-  }, []);
-  const handleChangeCalculatedColumnName = useCallback13((name2) => {
-    setColumn((state) => ({ ...state, name: name2 }));
-  }, []);
-  const handleChangeFormatting = useCallback13(
-    (formatting) => {
-      const newColumn = updateColumnFormatting(column, formatting);
-      setColumn(newColumn);
-      onConfigChange(replaceColumn(tableConfig, newColumn));
-    },
-    [column, onConfigChange, tableConfig]
-  );
-  const handleChangeType = useCallback13(
-    (type) => {
-      const updatedColumn = updateColumnType(column, type);
-      setColumn(updatedColumn);
-      onConfigChange(replaceColumn(tableConfig, updatedColumn));
-    },
-    [column, onConfigChange, tableConfig]
-  );
-  const handleChangeServerDataType = useCallback13(
-    (serverDataType) => {
-      setColumn((col) => ({ ...col, serverDataType }));
-    },
-    []
-  );
-  const handleChangeRendering = useCallback13(
-    (renderProps) => {
-      if (renderProps) {
-        const newColumn = updateColumnRenderProps(
-          column,
-          renderProps
-        );
-        setColumn(newColumn);
-        onConfigChange(replaceColumn(tableConfig, newColumn));
-      }
-    },
-    [column, onConfigChange, tableConfig]
-  );
-  const navigateColumn = useCallback13(
-    ({ moveBy }) => {
-      const { columns } = tableConfig;
-      const index = columns.indexOf(column) + moveBy;
-      const newColumn = columns[index];
-      if (newColumn) {
-        setColumn(newColumn);
-      }
-    },
-    [column, tableConfig]
-  );
-  const navigateNextColumn = useCallback13(() => {
-    navigateColumn({ moveBy: 1 });
-  }, [navigateColumn]);
-  const navigatePrevColumn = useCallback13(() => {
-    navigateColumn({ moveBy: -1 });
-  }, [navigateColumn]);
-  const handleSaveCalculatedColumn = useCallback13(() => {
-    onCreateCalculatedColumn(column);
-  }, [column, onCreateCalculatedColumn]);
-  const handleCancelEdit = useCallback13(() => {
-    if (columnProp.name === "::") {
-      onCancelCreateColumn();
-    } else {
-      if (columnRef.current !== void 0 && columnRef.current !== column) {
-        setColumn(columnRef.current);
-      }
-      setEditMode(false);
-    }
-  }, [column, columnProp.name, onCancelCreateColumn]);
-  return {
-    availableRenderers,
-    editCalculatedColumn: inEditMode,
-    column,
-    navigateNextColumn,
-    navigatePrevColumn,
-    onCancel: handleCancelEdit,
-    onChange: handleChange,
-    onChangeCalculatedColumnName: handleChangeCalculatedColumnName,
-    onChangeFormatting: handleChangeFormatting,
-    onChangeRendering: handleChangeRendering,
-    onChangeServerDataType: handleChangeServerDataType,
-    onChangeToggleButton: handleChangeToggleButton,
-    onChangeType: handleChangeType,
-    onEditCalculatedColumn: handleEditCalculatedcolumn,
-    onInputCommit: handleInputCommit,
-    onSave: handleSaveCalculatedColumn
-  };
-};
-
-// src/column-settings/ColumnSettingsPanel.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
-var classBase13 = "vuuColumnSettingsPanel";
-var getColumnLabel2 = (column) => {
-  const { name: name2, label } = column;
-  if (isCalculatedColumn2(name2)) {
-    return label != null ? label : getCalculatedColumnName2(column);
-  } else {
-    return label != null ? label : name2;
-  }
-};
-var ColumnSettingsPanel = ({
-  column: columnProp,
-  onCancelCreateColumn,
-  onConfigChange,
-  onCreateCalculatedColumn,
-  tableConfig,
-  vuuTable
-}) => {
-  const isNewCalculatedColumn = columnProp.name === "::";
-  const {
-    availableRenderers,
-    editCalculatedColumn,
-    column,
-    navigateNextColumn,
-    navigatePrevColumn,
-    onCancel,
-    onChange,
-    onChangeCalculatedColumnName,
-    onChangeFormatting,
-    onChangeRendering,
-    onChangeServerDataType,
-    onChangeToggleButton,
-    onChangeType,
-    onEditCalculatedColumn,
-    onInputCommit,
-    onSave
-  } = useColumnSettings({
-    column: columnProp,
-    onCancelCreateColumn,
-    onConfigChange,
-    onCreateCalculatedColumn,
-    tableConfig
-  });
-  const {
-    serverDataType,
-    align = getDefaultAlignment(serverDataType),
-    pin,
-    width
-  } = column;
-  return /* @__PURE__ */ jsxs12(
-    "div",
-    {
-      className: cx7(classBase13, {
-        [`${classBase13}-editing`]: editCalculatedColumn
-      }),
-      children: [
-        /* @__PURE__ */ jsx15("div", { className: `${classBase13}-header`, children: /* @__PURE__ */ jsx15(ColumnNameLabel, { column, onClick: onEditCalculatedColumn }) }),
-        editCalculatedColumn ? /* @__PURE__ */ jsx15(
-          ColumnExpressionPanel,
-          {
-            column,
-            onChangeName: onChangeCalculatedColumnName,
-            onChangeServerDataType,
-            tableConfig,
-            vuuTable
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs12(FormField7, { "data-field": "column-label", children: [
-          /* @__PURE__ */ jsx15(FormFieldLabel7, { children: "Column Label" }),
-          /* @__PURE__ */ jsx15(
-            VuuInput,
-            {
-              className: "vuuInput",
-              onChange,
-              onCommit: onInputCommit,
-              value: getColumnLabel2(column)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs12(FormField7, { "data-field": "column-width", children: [
-          /* @__PURE__ */ jsx15(FormFieldLabel7, { children: "Column Width" }),
-          /* @__PURE__ */ jsx15(
-            VuuInput,
-            {
-              className: "vuuInput",
-              onChange,
-              value: width,
-              onCommit: onInputCommit
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs12(FormField7, { "data-field": "column-alignment", children: [
-          /* @__PURE__ */ jsx15(FormFieldLabel7, { children: "Alignment" }),
-          /* @__PURE__ */ jsxs12(ToggleButtonGroup3, { onChange: onChangeToggleButton, value: align, children: [
-            /* @__PURE__ */ jsx15(ToggleButton3, { value: "left", children: /* @__PURE__ */ jsx15(Icon2, { name: "align-left", size: 16 }) }),
-            /* @__PURE__ */ jsx15(ToggleButton3, { value: "right", children: /* @__PURE__ */ jsx15(Icon2, { name: "align-right", size: 16 }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs12(FormField7, { "data-field": "column-pin", children: [
-          /* @__PURE__ */ jsx15(FormFieldLabel7, { children: "Pin Column" }),
-          /* @__PURE__ */ jsxs12(ToggleButtonGroup3, { onChange: onChangeToggleButton, value: pin != null ? pin : "", children: [
-            /* @__PURE__ */ jsx15(ToggleButton3, { value: "", children: /* @__PURE__ */ jsx15(Icon2, { name: "cross-circle", size: 16 }) }),
-            /* @__PURE__ */ jsx15(ToggleButton3, { value: "left", children: /* @__PURE__ */ jsx15(Icon2, { name: "pin-left", size: 16 }) }),
-            /* @__PURE__ */ jsx15(ToggleButton3, { value: "floating", children: /* @__PURE__ */ jsx15(Icon2, { name: "pin-float", size: 16 }) }),
-            /* @__PURE__ */ jsx15(ToggleButton3, { value: "right", children: /* @__PURE__ */ jsx15(Icon2, { name: "pin-right", size: 16 }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx15(
-          ColumnFormattingPanel,
-          {
-            availableRenderers,
-            column,
-            onChangeFormatting,
-            onChangeRendering,
-            onChangeColumnType: onChangeType
-          }
-        ),
-        editCalculatedColumn ? /* @__PURE__ */ jsxs12("div", { className: "vuuColumnSettingsPanel-buttonBar", "data-align": "right", children: [
-          /* @__PURE__ */ jsx15(
-            Button,
-            {
-              className: `${classBase13}-buttonCancel`,
-              onClick: onCancel,
-              tabIndex: -1,
-              children: "cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx15(
-            Button,
-            {
-              className: `${classBase13}-buttonSave`,
-              onClick: onSave,
-              variant: "cta",
-              children: "save"
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxs12(
-          "div",
-          {
-            className: `${classBase13}-buttonBar`,
-            "data-align": isNewCalculatedColumn ? "right" : void 0,
-            children: [
-              /* @__PURE__ */ jsx15(
-                Button,
-                {
-                  className: `${classBase13}-buttonNavPrev`,
-                  variant: "secondary",
-                  "data-icon": "arrow-left",
-                  onClick: navigatePrevColumn,
-                  children: "PREVIOUS"
-                }
-              ),
-              /* @__PURE__ */ jsx15(
-                Button,
-                {
-                  className: `${classBase13}-buttonNavNext`,
-                  variant: "secondary",
-                  "data-icon": "arrow-right",
-                  onClick: navigateNextColumn,
-                  children: "NEXT"
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/datasource-stats/DatasourceStats.tsx
-import cx8 from "clsx";
-import { useEffect as useEffect4, useState as useState6 } from "react";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
-var classBase14 = "vuuDatasourceStats";
-var numberFormatter = new Intl.NumberFormat();
-var DataSourceStats = ({
-  className: classNameProp,
-  dataSource
-}) => {
-  const [range, setRange] = useState6(dataSource.range);
-  const [size, setSize] = useState6(dataSource.size);
-  useEffect4(() => {
-    setSize(dataSource.size);
-    dataSource.on("resize", setSize);
-    dataSource.on("range", setRange);
-    return () => {
-      dataSource.removeListener("resize", setSize);
-      dataSource.removeListener("range", setRange);
-    };
-  }, [dataSource]);
-  const className = cx8(classBase14, classNameProp);
-  const from = numberFormatter.format(range.from + 1);
-  const to = numberFormatter.format(Math.min(range.to, size));
-  const value = numberFormatter.format(size);
-  return /* @__PURE__ */ jsxs13("div", { className, children: [
-    /* @__PURE__ */ jsx16("span", { className: `${classBase14}-label`, children: "Row count" }),
-    /* @__PURE__ */ jsx16("span", { className: `${classBase14}-range`, children: from }),
-    /* @__PURE__ */ jsx16("span", { children: "-" }),
-    /* @__PURE__ */ jsx16("span", { className: `${classBase14}-range`, children: to }),
-    /* @__PURE__ */ jsx16("span", { children: "of" }),
-    /* @__PURE__ */ jsx16("span", { className: `${classBase14}-size`, children: value })
-  ] });
-};
-
-// src/table-settings/TableSettingsPanel.tsx
-import {
-  Button as Button2,
-  FormField as FormField8,
-  FormFieldLabel as FormFieldLabel8,
-  ToggleButton as ToggleButton4,
-  ToggleButtonGroup as ToggleButtonGroup4
-} from "@salt-ds/core";
-
-// src/table-settings/useTableSettings.ts
-import { updateTableConfig } from "@vuu-ui/vuu-table";
-import {
-  addColumnToSubscribedColumns,
-  queryClosest as queryClosest3,
-  isCalculatedColumn as isCalculatedColumn3,
-  moveItem,
-  subscribedOnly,
-  useLayoutEffectSkipFirst
-} from "@vuu-ui/vuu-utils";
-import {
-  useCallback as useCallback14,
-  useMemo as useMemo6,
-  useState as useState7
-} from "react";
-var sortOrderFromAvailableColumns = (availableColumns, columns) => {
-  const sortedColumns = [];
-  for (const { name: name2 } of availableColumns) {
-    const column = columns.find((col) => col.name === name2);
-    if (column) {
-      sortedColumns.push(column);
-    }
-  }
-  return sortedColumns;
-};
-var buildColumnItems = (availableColumns, configuredColumns) => {
-  return availableColumns.map(({ name: name2, serverDataType }) => {
-    const configuredColumn = configuredColumns.find((col) => col.name === name2);
-    return {
-      hidden: configuredColumn == null ? void 0 : configuredColumn.hidden,
-      isCalculated: isCalculatedColumn3(name2),
-      label: configuredColumn == null ? void 0 : configuredColumn.label,
-      name: name2,
-      serverDataType,
-      subscribed: configuredColumn !== void 0
-    };
-  });
-};
-var useTableSettings = ({
-  availableColumns: availableColumnsProp,
-  onConfigChange,
-  onDataSourceConfigChange,
-  tableConfig: tableConfigProp
-}) => {
-  const [{ availableColumns, tableConfig }, setColumnState] = useState7({
-    availableColumns: availableColumnsProp,
-    tableConfig: tableConfigProp
-  });
-  const columnItems = useMemo6(
-    () => buildColumnItems(availableColumns, tableConfig.columns),
-    [availableColumns, tableConfig.columns]
-  );
-  const handleMoveListItem = useCallback14(
-    (fromIndex, toIndex) => {
-      setColumnState((state) => {
-        const newAvailableColumns = moveItem(
-          state.availableColumns,
-          fromIndex,
-          toIndex
-        );
-        const newColumns = sortOrderFromAvailableColumns(
-          newAvailableColumns,
-          tableConfig.columns
-        );
-        return {
-          availableColumns: newAvailableColumns,
-          tableConfig: {
-            ...state.tableConfig,
-            columns: newColumns
-          }
-        };
-      });
-    },
-    [tableConfig.columns]
-  );
-  const handleColumnChange = useCallback14(
-    (name2, property, value) => {
-      const columnItem = columnItems.find((col) => col.name === name2);
-      if (property === "subscribed") {
-        if (columnItem == null ? void 0 : columnItem.subscribed) {
-          const subscribedColumns = tableConfig.columns.filter((col) => col.name !== name2).map((col) => col.name);
-          setColumnState((state) => ({
-            ...state,
-            tableConfig: {
-              ...tableConfig,
-              columns: tableConfig.columns.filter(
-                subscribedOnly(subscribedColumns)
-              )
-            }
-          }));
-          onDataSourceConfigChange({
-            columns: subscribedColumns
-          });
-        } else {
-          const newConfig = {
-            ...tableConfig,
-            columns: addColumnToSubscribedColumns(
-              tableConfig.columns,
-              availableColumns,
-              name2
-            )
-          };
-          setColumnState((state) => ({
-            ...state,
-            tableConfig: newConfig
-          }));
-          const subscribedColumns = newConfig.columns.map((col) => col.name);
-          onDataSourceConfigChange({
-            columns: subscribedColumns
-          });
-        }
-      } else if (columnItem == null ? void 0 : columnItem.subscribed) {
-        const column = tableConfig.columns.find((col) => col.name === name2);
-        if (column) {
-          const newConfig = updateTableConfig(tableConfig, {
-            type: "column-prop",
-            property,
-            column,
-            value
-          });
-          setColumnState((state) => ({
-            ...state,
-            tableConfig: newConfig
-          }));
-        }
-      }
-    },
-    [availableColumns, columnItems, onDataSourceConfigChange, tableConfig]
-  );
-  const handleChangeColumnLabels = useCallback14((evt) => {
-    const button = queryClosest3(evt.target, "button");
-    if (button) {
-      const value = parseInt(button.value);
-      const columnFormatHeader = value === 0 ? void 0 : value === 1 ? "capitalize" : "uppercase";
-      setColumnState((state) => ({
-        ...state,
-        tableConfig: {
-          ...state.tableConfig,
-          columnFormatHeader
-        }
-      }));
-    }
-  }, []);
-  const handleChangeTableAttribute = useCallback14(
-    (evt) => {
-      const button = queryClosest3(evt.target, "button");
-      const { ariaPressed, value } = button;
-      console.log({ ariaPressed, value, button });
-      setColumnState((state) => ({
-        ...state,
-        tableConfig: {
-          ...state.tableConfig,
-          [value]: ariaPressed !== "true"
-        }
-      }));
-    },
-    []
-  );
-  const handleCommitColumnWidth = useCallback14((_, value) => {
-    const columnDefaultWidth = parseInt(value);
-    if (!isNaN(columnDefaultWidth)) {
-      setColumnState((state) => ({
-        ...state,
-        tableConfig: {
-          ...state.tableConfig,
-          columnDefaultWidth
-        }
-      }));
-    }
-    console.log({ value });
-  }, []);
-  useLayoutEffectSkipFirst(() => {
-    onConfigChange == null ? void 0 : onConfigChange(tableConfig);
-  }, [onConfigChange, tableConfig]);
-  const columnLabelsValue = tableConfig.columnFormatHeader === void 0 ? 0 : tableConfig.columnFormatHeader === "capitalize" ? 1 : 2;
-  return {
-    columnItems,
-    columnLabelsValue,
-    onChangeColumnLabels: handleChangeColumnLabels,
-    onChangeTableAttribute: handleChangeTableAttribute,
-    onColumnChange: handleColumnChange,
-    onCommitColumnWidth: handleCommitColumnWidth,
-    onMoveListItem: handleMoveListItem,
-    tableConfig
-  };
-};
-
-// src/table-settings/TableSettingsPanel.tsx
-import { Icon as Icon3 } from "@vuu-ui/vuu-ui-controls";
-import { VuuInput as VuuInput2 } from "@vuu-ui/vuu-ui-controls";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-var classBase15 = "vuuTableSettingsPanel";
-var TableSettingsPanel = ({
-  allowColumnLabelCase = true,
-  allowColumnDefaultWidth = true,
-  allowGridRowStyling = true,
-  availableColumns,
-  onAddCalculatedColumn,
-  onConfigChange,
-  onDataSourceConfigChange,
-  onNavigateToColumn,
-  tableConfig: tableConfigProp
-}) => {
-  var _a, _b, _c;
-  const {
-    columnItems,
-    columnLabelsValue,
-    onChangeColumnLabels,
-    onChangeTableAttribute,
-    onColumnChange,
-    onCommitColumnWidth,
-    onMoveListItem,
-    tableConfig
-  } = useTableSettings({
-    availableColumns,
-    onConfigChange,
-    onDataSourceConfigChange,
-    tableConfig: tableConfigProp
-  });
-  return /* @__PURE__ */ jsxs14("div", { className: classBase15, children: [
-    allowColumnLabelCase || allowColumnDefaultWidth || allowGridRowStyling ? /* @__PURE__ */ jsx17("div", { className: `${classBase15}-header`, children: /* @__PURE__ */ jsx17("span", { children: "Column Settings" }) }) : null,
-    allowColumnLabelCase ? /* @__PURE__ */ jsxs14(FormField8, { children: [
-      /* @__PURE__ */ jsx17(FormFieldLabel8, { children: "Column Labels" }),
-      /* @__PURE__ */ jsxs14(
-        ToggleButtonGroup4,
-        {
-          className: "vuuToggleButtonGroup",
-          onChange: onChangeColumnLabels,
-          value: columnLabelsValue,
-          children: [
-            /* @__PURE__ */ jsx17(ToggleButton4, { className: "vuuIconToggleButton", value: 0, children: /* @__PURE__ */ jsx17(Icon3, { name: "text-strikethrough", size: 48 }) }),
-            /* @__PURE__ */ jsx17(ToggleButton4, { className: "vuuIconToggleButton", value: 1, children: /* @__PURE__ */ jsx17(Icon3, { name: "text-Tt", size: 48 }) }),
-            /* @__PURE__ */ jsx17(ToggleButton4, { className: "vuuIconToggleButton", value: 2, children: /* @__PURE__ */ jsx17(Icon3, { name: "text-T", size: 48 }) })
-          ]
-        }
-      )
-    ] }) : null,
-    allowGridRowStyling ? /* @__PURE__ */ jsxs14(FormField8, { children: [
-      /* @__PURE__ */ jsx17(FormFieldLabel8, { children: "Grid separators" }),
-      /* @__PURE__ */ jsxs14("div", { className: "saltToggleButtonGroup vuuStateButtonGroup saltToggleButtonGroup-horizontal", children: [
-        /* @__PURE__ */ jsx17(
-          ToggleButton4,
-          {
-            selected: (_a = tableConfig.zebraStripes) != null ? _a : false,
-            onChange: onChangeTableAttribute,
-            value: "zebraStripes",
-            children: /* @__PURE__ */ jsx17(Icon3, { name: "row-striping", size: 16 })
-          }
-        ),
-        /* @__PURE__ */ jsx17(
-          ToggleButton4,
-          {
-            selected: (_b = tableConfig.rowSeparators) != null ? _b : false,
-            onChange: onChangeTableAttribute,
-            value: "rowSeparators",
-            children: /* @__PURE__ */ jsx17(Icon3, { name: "row-lines", size: 16 })
-          }
-        ),
-        /* @__PURE__ */ jsx17(
-          ToggleButton4,
-          {
-            selected: (_c = tableConfig.columnSeparators) != null ? _c : false,
-            onChange: onChangeTableAttribute,
-            value: "columnSeparators",
-            children: /* @__PURE__ */ jsx17(Icon3, { name: "col-lines", size: 16 })
-          }
-        )
-      ] })
-    ] }) : null,
-    allowColumnDefaultWidth ? /* @__PURE__ */ jsxs14(FormField8, { children: [
-      /* @__PURE__ */ jsx17(FormFieldLabel8, { children: "Default Column Width" }),
-      /* @__PURE__ */ jsx17(VuuInput2, { className: "vuuInput", onCommit: onCommitColumnWidth })
-    ] }) : null,
-    /* @__PURE__ */ jsx17(
-      ColumnList,
-      {
-        columnItems,
-        onChange: onColumnChange,
-        onMoveListItem,
-        onNavigateToColumn
-      }
-    ),
-    /* @__PURE__ */ jsxs14("div", { className: `${classBase15}-calculatedButtonbar`, children: [
-      /* @__PURE__ */ jsx17(Button2, { "data-icon": "plus", onClick: onAddCalculatedColumn }),
-      /* @__PURE__ */ jsx17("span", { className: `${classBase15}-calculatedLabel`, children: "Add calculated column" })
-    ] })
-  ] });
-};
-export {
-  BackgroundCell,
-  BackgroundCellConfigurationEditor,
-  BaseNumericFormattingSettings,
-  CaseValidator,
-  ColumnExpressionInput,
-  ColumnExpressionPanel,
-  ColumnFormattingPanel,
-  ColumnList,
-  ColumnNamedTerms,
-  ColumnSettingsPanel,
-  DataSourceStats,
-  DateTimeFormattingSettings,
-  DropdownCell,
-  LookupCell,
-  PatternValidator,
-  PctProgressCell,
-  TableSettingsPanel,
-  columnExpressionLanguageSupport,
-  isCompleteExpression,
-  isCompleteRelationalExpression,
-  lastNamedChild,
-  useColumnExpressionEditor,
-  useColumnExpressionSuggestionProvider,
-  useTableSettings,
-  walkTree
-};
+var wt=(t,e,o)=>{if(!e.has(t))throw TypeError("Cannot "+o)};var f=(t,e,o)=>(wt(t,e,"read from private field"),o?o.call(t):e.get(t)),L=(t,e,o)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,o)},I=(t,e,o,n)=>(wt(t,e,"write to private field"),n?n.call(t,o):e.set(t,o),o);import{registerComponent as Bo}from"@vuu-ui/vuu-utils";var Do=t=>typeof t=="string",Lo=(t,e)=>Do(e)?e===""?!0:t.value==="lower"&&e.toLowerCase()!==e?"value must be all lowercase":t.value==="upper"&&e.toUpperCase()!==e?"value must be all uppercase":!0:"value must be a string";Bo("vuu-case",Lo,"data-edit-validator",{});import{registerComponent as Ro}from"@vuu-ui/vuu-utils";var No=t=>typeof t=="string",Ho="value does not match expected pattern",Vo=(t,e)=>{if(typeof t.value!="string")throw Error("Pattern validation rule must provide pattern");if(No(e)){if(e==="")return!0;{let{message:o=Ho}=t;return new RegExp(t.value).test(e)||o}}else return"value must be a string"};Ro("vuu-pattern",Vo,"data-edit-validator",{});import{dataAndColumnUnchanged as zo,DOWN1 as Zo,DOWN2 as Xo,isTypeDescriptor as Uo,metadataKeys as Wo,registerComponent as Yo,UP1 as Go,UP2 as qo}from"@vuu-ui/vuu-utils";import _o from"clsx";import{memo as Jo}from"react";import{getMovingValueDirection as Qo,isTypeDescriptor as Io,isValidNumber as Ot}from"@vuu-ui/vuu-utils";import{useEffect as Mo,useRef as Ao}from"react";var $o=[void 0,void 0,void 0,void 0];function St(t,e,o){var g;let n=Ao(),[s,r,a,l]=n.current||$o,{type:p}=o,m=Io(p)?(g=p.formatting)==null?void 0:g.decimals:void 0,d=t===s&&Ot(e)&&Ot(r)&&o===a?Qo(e,l,r,m):"";return Mo(()=>{n.current=[t,e,o,d]}),d}import{jsx as nn,jsxs as rn}from"react/jsx-runtime";var Ko="\u2B06",jo="\u2B07",{KEY:en}=Wo,de="vuuBackgroundCell",G={ArrowOnly:"arrow",BackgroundOnly:"bg-only",ArrowBackground:"arrow-bg"},tn=t=>Uo(t)&&t.renderer&&"flashStyle"in t.renderer?t.renderer.flashStyle:G.BackgroundOnly,on=Jo(function({column:e,columnMap:o,row:n}){let{name:s,type:r,valueFormatter:a}=e,l=o[s],p=n[l],m=tn(r),d=St(n[en],p,e),g=m===G.ArrowOnly||m===G.ArrowBackground?d===Go||d===qo?Ko:d===Zo||d===Xo?jo:null:null,u=d?" "+d:"",i=_o(de,u,{[`${de}-backgroundOnly`]:m===G.BackgroundOnly,[`${de}-arrowOnly`]:m===G.ArrowOnly,[`${de}-arrowBackground`]:m===G.ArrowBackground});return rn("div",{className:i,tabIndex:-1,children:[nn("div",{className:`${de}-arrow`,children:g}),a(n[l])]})},zo);Yo("vuu.price-move-background",on,"cell-renderer",{description:"Change background color of cell when value changes",configEditor:"BackgroundCellConfigurationEditor",label:"Background Flash",serverDataType:["long","int","double"]});import{Dropdown as sn}from"@vuu-ui/vuu-ui-controls";import{registerConfigurationEditor as an}from"@vuu-ui/vuu-utils";import{FormField as ln,FormFieldLabel as un}from"@salt-ds/core";import{useCallback as pn,useState as cn}from"react";import{jsx as Tt,jsxs as fn}from"react/jsx-runtime";var mn="vuuBackgroundCellConfiguration",Xe=[{label:"Background Only",value:"bg-only"},{label:"Background and Arrow",value:"arrow-bg"},{label:"Arrow Only",value:"arrow"}],[kt]=Xe,dn=t=>{let{flashStyle:e}=t.type.renderer;return Xe.find(o=>o.value===e)||kt},gn=({column:t,onChangeRendering:e})=>{let[o,n]=cn(dn(t)),s=pn((r,a)=>{var p;n(a);let l=t.type.renderer;e({...l,flashStyle:(p=a==null?void 0:a.value)!=null?p:kt.value})},[t.type,e]);return fn(ln,{children:[Tt(un,{children:"Flash Style"}),Tt(sn,{className:`${mn}-flashStyle`,onSelectionChange:s,selected:o,source:Xe,width:"100%"})]})};an("BackgroundCellConfigurationEditor",gn);import{getSelectedOption as Cn,useLookupValues as vn}from"@vuu-ui/vuu-data-react";import{Dropdown as xn,WarnCommit as hn}from"@vuu-ui/vuu-ui-controls";import{dataColumnAndKeyUnchanged as bn,dispatchCustomEvent as yn,registerComponent as En}from"@vuu-ui/vuu-utils";import{memo as wn,useCallback as On,useMemo as Sn,useRef as Tn}from"react";import{jsx as Bn}from"react/jsx-runtime";var kn="vuuTableDropdownCell",Pn=["Enter"," "],Fn=wn(function({column:e,columnMap:o,onCommit:n=hn,row:s}){let r=o[e.name],a=s[r],{values:l}=vn(e,a),p=Tn(null);Sn(()=>{p.current=Cn(l,a)},[a,l]);let m=On((d,g)=>{g&&n(g.value).then(u=>{u===!0&&d&&yn(d.target,"vuu-commit")})},[n]);return Bn(xn,{className:kn,onSelectionChange:m,openKeys:Pn,selected:p.current,source:l,width:e.width-17})},bn);En("dropdown-cell",Fn,"cell-renderer",{userCanAssign:!1});import{useLookupValues as Dn}from"@vuu-ui/vuu-data-react";import{dataAndColumnUnchanged as Ln,registerComponent as Rn}from"@vuu-ui/vuu-utils";import{memo as Nn}from"react";import{jsx as Vn}from"react/jsx-runtime";var Hn=Nn(function({column:e,columnMap:o,row:n}){let s=o[e.name],r=n[s],{initialValue:a}=Dn(e,r);return Vn("span",{children:a==null?void 0:a.label})},Ln);Rn("lookup-cell",Hn,"cell-renderer",{userCanAssign:!1});import{registerComponent as Qn}from"@vuu-ui/vuu-utils";import Pt from"clsx";import{jsx as Ft,jsxs as An}from"react/jsx-runtime";var ge="vuuPctProgressCell",In=t=>t>=0&&t<=1?t*100:t>2?0:t>1?100:0,Mn=({column:t,columnMap:e,row:o})=>{let n=o[e[t.name]],s=In(n),r=Pt(ge,{});return An("div",{className:Pt(r,{[`${ge}-zero`]:s===0,[`${ge}-complete`]:s>=100}),tabIndex:-1,children:[Ft("span",{className:`${ge}-progressBar`,style:{"--progress-bar-pct":`${s}%`}}),Ft("span",{className:`${ge}-text`,children:`${s.toFixed(2)} %`})]})};Qn("vuu.pct-progress",Mn,"cell-renderer",{description:"Percentage formatter",label:"Percentage formatter",serverDataType:"double"});import{isColumnTypeRenderer as $n,isTypeDescriptor as zn,isValidNumber as Bt,registerComponent as Zn}from"@vuu-ui/vuu-utils";import Xn from"clsx";import{jsx as Ue,jsxs as Dt}from"react/jsx-runtime";var fe="vuuProgressCell",Un=({column:t,columnMap:e,row:o})=>{let{name:n,type:s}=t,r=o[e[n]],a=!1,l=0;if(zn(s)&&$n(s.renderer)){let{associatedField:m}=s.renderer;if(m){let d=o[e[m]];if(Bt(r)&&Bt(d))l=Math.min(Math.round(r/d*100),100),l=Math.min(Math.round(r/d*100),100),a=isFinite(l);else{let g=parseFloat(r);if(Number.isFinite(g)){let u=parseFloat(d);Number.isFinite(u)&&(l=Math.min(Math.round(g/u*100),100),a=isFinite(l))}}}else throw Error("ProgressCell associatedField is required to render")}let p=Xn(fe,{});return Dt("div",{className:p,tabIndex:-1,children:[a?Dt("span",{className:`${fe}-track`,children:[Ue("span",{className:`${fe}-bg`}),Ue("span",{className:`${fe}-bar`,style:{"--progress-bar-pct":`-${100-l}%`}})]}):null,Ue("span",{className:`${fe}-text`,children:`${l} %`})]})};Zn("vuu.progress",Un,"cell-renderer",{description:"Progress formatter",label:"Progress formatter",serverDataType:["long","int","double"],userCanAssign:!1});import{Icon as Lt,List as Wn,ListItem as Yn}from"@vuu-ui/vuu-ui-controls";import{Checkbox as Gn,Switch as qn}from"@salt-ds/core";import _n from"clsx";import{useCallback as Rt}from"react";import{getColumnLabel as Jn,queryClosest as We}from"@vuu-ui/vuu-utils";import{jsx as R,jsxs as Ye}from"react/jsx-runtime";var M="vuuColumnList",Nt="vuuColumnListItem",Kn=({className:t,item:e,...o})=>Ye(Yn,{...o,className:_n(t,Nt),"data-name":e==null?void 0:e.name,children:[R(Lt,{name:"draggable",size:16}),e!=null&&e.isCalculated?R(Lt,{name:"function"}):R(Gn,{className:`${M}-checkBox`,checked:e==null?void 0:e.subscribed}),R("span",{className:`${M}-text`,children:Jn(e)}),R(qn,{className:`${M}-switch`,checked:(e==null?void 0:e.hidden)!==!0,disabled:(e==null?void 0:e.subscribed)!==!0})]}),Ht=({columnItems:t,onChange:e,onMoveListItem:o,onNavigateToColumn:n,...s})=>{let r=Rt(({target:l})=>{let p=l,m=We(l,`.${Nt}`),{dataset:{name:d}}=m;if(d){let g=We(l,`.${M}-checkBox`),u=We(l,`.${M}-switch`);g?e(d,"subscribed",p.checked):u&&e(d,"hidden",p.checked===!1)}},[e]),a=Rt(l=>{let p=l.target;if(p.classList.contains("vuuColumnList-text")){let m=p.closest(".vuuListItem");m!=null&&m.dataset.name&&(n==null||n(m.dataset.name))}},[]);return Ye("div",{...s,className:M,children:[R("div",{className:`${M}-header`,children:R("span",{children:"Column Selection"})}),Ye("div",{className:`${M}-colHeadings`,children:[R("span",{children:"Column subscription"}),R("span",{children:"Visibility"})]}),R(Wn,{ListItem:Kn,allowDragDrop:!0,height:"auto",onChange:r,onClick:a,onMoveListItem:o,selectionStrategy:"none",source:t,itemHeight:33})]})};import{Icon as ae,VuuInput as So}from"@vuu-ui/vuu-ui-controls";import{getCalculatedColumnName as li,getDefaultAlignment as ui,isCalculatedColumn as pi}from"@vuu-ui/vuu-utils";import{Button as Qe,FormField as Ie,FormFieldLabel as Me,ToggleButton as le,ToggleButtonGroup as To}from"@salt-ds/core";import ci from"clsx";import{Dropdown as rs}from"@vuu-ui/vuu-ui-controls";import{getCalculatedColumnExpression as ss,getCalculatedColumnName as is,getCalculatedColumnType as as}from"@vuu-ui/vuu-utils";import{FormField as ct,FormFieldLabel as mt,Input as ls}from"@salt-ds/core";import{useCallback as us,useRef as so}from"react";import{memo as Fr}from"react";import{autocompletion as xr,defaultKeymap as hr,EditorState as qt,EditorView as _t,ensureSyntaxTree as br,keymap as Jt,minimalSetup as yr,startCompletion as Kt}from"@vuu-ui/vuu-codemirror";import{createEl as jt}from"@vuu-ui/vuu-utils";import{useCallback as Er,useEffect as wr,useMemo as Or,useRef as it}from"react";import{LanguageSupport as er,LRLanguage as tr,styleTags as or,tags as Ce}from"@vuu-ui/vuu-codemirror";import{LRParser as jn}from"@lezer/lr";var ke=jn.deserialize({version:14,states:"&xOVQPOOO!fQPO'#C^OVQPO'#CcQ!pQPOOO#bQPO'#CkO#gQPO'#CrOOQO'#Cy'#CyO#lQPO,58}OVQPO,59QOVQPO,59QOOQO'#Cn'#CnOVQPO,59XOVQPO,59VOVQPO'#CtOOQO,59^,59^OOQO1G.i1G.iOOQO1G.l1G.lO$bQPO1G.lO%ZQPO1G.sO!pQPO'#CmO%qQQO1G.qO%|QQO'#C{OOQO'#C{'#C{O&wQPO,59`OVQPO,59ZOVQPO,59[OVQPO7+$]OVQPO'#CuO'RQPO1G.zOOQO1G.z1G.zO'ZQQO'#C^O'eQQO1G.sO'{QQO1G.uOOQO1G.v1G.vO(WQPO<<GwO(_QPO,59aOOQO-E6s-E6sOOQO7+$f7+$fOVQPOAN=cO(iQQO1G.lO(yQPOG22}OOQOLD(iLD(iO)QQPO,59QO)QQPO,59QO)QQPO,59X",stateData:")n~OlOS~ORUOSUOTUOUUOWQO`SOnPO~OWgXZQX[QX]QX^QXpQXqQXrQXsQXtQXuQXeQX~OjQXXQX~PnOZWO[WO]XO^XOpYOqYOrYOsYOtYOuYO~OW[O~OW]O~OX_O~P!pO]Yi^YipYiqYirYisYitYiuYieYi~OZWO[WOjYiXYi~P#sOpaiqairaisaitaiuaieai~OZWO[WO]XO^XOjaiXai~P$rOejOvhOwiO~OZmX[mX]mX^mXeoXpmXqmXrmXsmXtmXumXvoXwoX~OXmOekO~P!pOXuOekO~OvQXwQX~PnOZzO[zO]{O^{Ovaiwai~P$rOwiOecivci~OevO~P!pOXiaeia~P!pOZzO[zOvYiwYi~P#sOXyO~P!pORUOSUOTUOUUOWQO`SOnnO~O`UTn~",goto:"$epPPqPPPPqPPqPPPPqP!S!g!r!rPq!w#Y#]PPP#cP$[oUOQWXZ[]hijkvz{|hUOQWXZ]jkvz{|Ve[hi[ZRVgrsxR|cVf[hioTOQWXZ[]hijkvz{|R^TQlgRtlQROQVQS`WzQaXQbZUc[hiQg]Qo|QrjQskQw{RxvQd[QphRqi",nodeNames:"\u26A0 ColumnDefinitionExpression Column Number String True False ParenthesizedExpression OpenBrace CloseBrace ArithmeticExpression Divide Times Plus Minus ConditionalExpression If RelationalExpression RelationalOperator AndCondition OrCondition Comma CallExpression Function ArgList",maxTerm:39,skippedNodes:[0],repeatNodeCount:1,tokenData:".^~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$jz{$o{|$t|}$y}!O%O!O!P%T!P!Q%c!Q![%h!^!_%s!_!`&Q!`!a&V!c!}&d#R#S&d#T#U&u#U#Y&d#Y#Z(Y#Z#]&d#]#^*j#^#c&d#c#d+f#d#h&d#h#i,b#i#o&d~#USl~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOu~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_OS~~$bP;=`<%l#m~$jOW~~$oOX~~$tO[~~$yO]~~%OOe~~%TO^~~%WP!Q![%Z~%`PR~!Q![%Z~%hOZ~~%mQR~!O!P%Z!Q![%h~%xPr~!_!`%{~&QOt~~&VOp~~&[Pq~!_!`&_~&dOs~P&iSnP!Q![&d!c!}&d#R#S&d#T#o&dR&zUnP!Q![&d!c!}&d#R#S&d#T#b&d#b#c'^#c#o&dR'cUnP!Q![&d!c!}&d#R#S&d#T#W&d#W#X'u#X#o&dR'|SvQnP!Q![&d!c!}&d#R#S&d#T#o&d~(_TnP!Q![&d!c!}&d#R#S&d#T#U(n#U#o&d~(sUnP!Q![&d!c!}&d#R#S&d#T#`&d#`#a)V#a#o&d~)[UnP!Q![&d!c!}&d#R#S&d#T#g&d#g#h)n#h#o&d~)sUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y*V#Y#o&d~*^SU~nP!Q![&d!c!}&d#R#S&d#T#o&d~*oUnP!Q![&d!c!}&d#R#S&d#T#Y&d#Y#Z+R#Z#o&d~+YS`~nP!Q![&d!c!}&d#R#S&d#T#o&dR+kUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g+}#g#o&dR,USwQnP!Q![&d!c!}&d#R#S&d#T#o&d~,gUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g,y#g#o&d~-OUnP!Q![&d!c!}&d#R#S&d#T#i&d#i#j-b#j#o&d~-gUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y-y#Y#o&d~.QST~nP!Q![&d!c!}&d#R#S&d#T#o&d",tokenizers:[0,1],topRules:{ColumnDefinitionExpression:[0,1]},tokenPrec:393});var nr=tr.define({name:"VuuColumnExpression",parser:ke.configure({props:[or({Column:Ce.attributeValue,Function:Ce.variableName,String:Ce.string,Or:Ce.emphasis,Operator:Ce.operator})]})}),Vt=()=>new er(nr);var Ge=class{constructor(e){switch(this.value=e,typeof e){case"boolean":this.type="booleanLiteralExpression";break;case"number":this.type="numericLiteralExpression";break;default:this.type="stringLiteralExpression"}}toJSON(){return{type:this.type,value:this.value}}},qe=class{constructor(e){this.type="colExpression";this.column=e}toJSON(){return{type:this.type,column:this.column}}},xe,Z,_e=class{constructor(e="unknown"){L(this,xe,[{type:"unknown"},{type:"unknown"}]);L(this,Z,void 0);this.type="arithmeticExpression";I(this,Z,e)}get op(){return f(this,Z)}set op(e){I(this,Z,e)}get expressions(){return f(this,xe)}toJSON(){return{type:this.type,op:f(this,Z),expressions:f(this,xe)}}};xe=new WeakMap,Z=new WeakMap;var K,Je=class{constructor(e){L(this,K,[]);this.type="callExpression";this.functionName=e}get expressions(){return f(this,K)}get arguments(){return f(this,K)}toJSON(){return{type:this.type,functionName:this.functionName,arguments:f(this,K).map(e=>{var o;return(o=e.toJSON)==null?void 0:o.call(e)})}}};K=new WeakMap;var he,j,_=class{constructor(){L(this,he,[{type:"unknown"},{type:"unknown"}]);L(this,j,"unknown");this.type="relationalExpression"}get op(){return f(this,j)}set op(e){I(this,j,e)}get expressions(){return f(this,he)}toJSON(){return{type:this.type,op:f(this,j),expressions:f(this,he)}}};he=new WeakMap,j=new WeakMap;var be,ee,J=class{constructor(e){L(this,be,[{type:"unknown"},{type:"unknown"}]);L(this,ee,void 0);this.type="booleanCondition";I(this,ee,e)}get op(){return f(this,ee)}get expressions(){return f(this,be)}toJSON(){return{type:this.type,op:f(this,ee),expressions:f(this,be).map(e=>{var o;return(o=e.toJSON)==null?void 0:o.call(e)})}}};be=new WeakMap,ee=new WeakMap;var N,ve=class{constructor(e){L(this,N,void 0);this.type="conditionalExpression";I(this,N,[e?new J(e):new _,{type:"unknown"},{type:"unknown"}])}get expressions(){return f(this,N)}get condition(){return f(this,N)[0]}get truthyExpression(){return f(this,N)[1]}set truthyExpression(e){f(this,N)[1]=e}get falsyExpression(){return f(this,N)[2]}set falsyExpression(e){f(this,N)[2]=e}toJSON(){var e,o,n,s,r;return{type:this.type,condition:(o=(e=this.condition).toJSON)==null?void 0:o.call(e),truthyExpression:this.truthyExpression,falsyExpression:(r=(s=(n=this.falsyExpression)==null?void 0:n.toJSON)==null?void 0:s.call(n))!=null?r:this.falsyExpression}}};N=new WeakMap;var z=t=>t.type==="unknown",Pe=t=>t.type==="arithmeticExpression",rr=t=>t.type==="callExpression",q=t=>t.type==="conditionalExpression",sr=t=>t.type==="relationalExpression"||t.type==="booleanCondition";var ir=t=>t.type==="booleanCondition",je=t=>(t==null?void 0:t.type)==="relationalExpression";var F=t=>{if(z(t))return t;if(je(t)){let[e,o]=t.expressions;if(k(e))return F(e);if(t.op==="unknown")return t;if(k(o))return F(o)}else if(sr(t)){let{expressions:e=[]}=t;for(let o of e)if(k(o))return F(o)}else if(q(t)){let{condition:e,truthyExpression:o,falsyExpression:n}=t;if(k(e))return F(e);if(k(o))return F(o);if(k(n))return F(n)}else if(Pe(t)){let{expressions:e=[]}=t;for(let o of e)if(k(o))return F(o)}},Fe=(t,e,o)=>{let{expressions:n=[]}=t;if(n.includes(e)){let s=n.indexOf(e);return n.splice(s,1,o),!0}else for(let s of n)if(Fe(s,e,o))return!0;return!1},k=t=>z(t)?!0:q(t)?k(t.condition)||k(t.truthyExpression)||k(t.falsyExpression):je(t)||ir(t)?t.op===void 0||t.expressions.some(e=>k(e)):!1,Qt=(t,e)=>{let o=F(t);o?o.expressions?o.expressions.push(e):console.warn("don't know how to treat targetExpression"):console.error("no target expression found")},b,X,Ke=class{constructor(){L(this,b,void 0);L(this,X,[])}setCondition(e){if(f(this,b)===void 0)this.addExpression(new ve(e));else if(q(f(this,b))){if(k(f(this,b).condition)){let o=e?new J(e):new _;this.addExpression(o)}else if(z(f(this,b).truthyExpression))f(this,b).truthyExpression=new ve(e);else if(k(f(this,b).truthyExpression)){let o=e?new J(e):new _;this.addExpression(o)}else if(z(f(this,b).falsyExpression))f(this,b).falsyExpression=new ve(e);else if(k(f(this,b).falsyExpression)){let o=e?new J(e):new _;this.addExpression(o)}}else console.error("setCondition called unexpectedly")}addExpression(e){if(f(this,X).length>0){let o=f(this,X).at(-1);o==null||o.arguments.push(e)}else if(f(this,b)===void 0)I(this,b,e);else if(Pe(f(this,b))){let o=F(f(this,b));o&&z(o)&&Fe(f(this,b),o,e)}else if(q(f(this,b))&&k(f(this,b))){let o=F(f(this,b));o&&z(o)?Fe(f(this,b),o,e):o&&Qt(o,e)}}setFunction(e){let o=new Je(e);this.addExpression(o),f(this,X).push(o)}setColumn(e){this.addExpression(new qe(e))}setArithmeticOp(e){let o=e,n=f(this,b);Pe(n)&&(n.op=o)}setRelationalOperator(e){let o=e;if(f(this,b)&&q(f(this,b))){let n=F(f(this,b));je(n)?n.op=o:console.error(`no target expression found (op = ${e})`)}}setValue(e){let o=new Ge(e);if(f(this,b)===void 0)I(this,b,o);else if(Pe(f(this,b)))this.addExpression(o);else if(rr(f(this,b)))f(this,b).arguments.push(o);else if(q(f(this,b)))if(k(f(this,b))){let n=F(f(this,b));n&&z(n)?Fe(f(this,b),n,o):n&&Qt(n,o)}else console.log("what do we do with value, in a complete expression")}closeBrace(){f(this,X).pop()}get expression(){return f(this,b)}toJSON(){var e;return(e=f(this,b))==null?void 0:e.toJSON()}};b=new WeakMap,X=new WeakMap;var It=(t,e)=>{let o=new Ke,n=t.cursor();do{let{name:s,from:r,to:a}=n;switch(s){case"AndCondition":o.setCondition("and");break;case"OrCondition":o.setCondition("or");break;case"RelationalExpression":o.setCondition();break;case"ArithmeticExpression":o.addExpression(new _e);break;case"Column":{let l=e.substring(r,a);o.setColumn(l)}break;case"Function":{let l=e.substring(r,a);o.setFunction(l)}break;case"Times":case"Divide":case"Plus":case"Minus":{let l=e.substring(r,a);o.setArithmeticOp(l)}break;case"RelationalOperator":{let l=e.substring(r,a);o.setRelationalOperator(l)}break;case"False":case"True":{let l=e.substring(r,a);o.setValue(l==="true")}break;case"String":o.setValue(e.substring(r+1,a-1));break;case"Number":o.setValue(parseFloat(e.substring(r,a)));break;case"CloseBrace":o.closeBrace();break;default:}}while(n.next());return o.toJSON()};var ar=ke.configure({strict:!0}),Mt=["Number","String"],et=[...Mt,"AndCondition","ArithmeticExpression","BooleanOperator","RelationalOperatorOperator","CallExpression","CloseBrace","Column","Comma","ConditionalExpression","Divide","Equal","If","Minus","OpenBrace","OrCondition","ParenthesizedExpression","Plus","RelationalExpression","RelationalOperator","Times"],At=t=>{try{return ar.parse(t),!0}catch{return!1}},tt=t=>{let{lastChild:e}=t;for(;e&&!et.includes(e.name);)e=e.prevSibling,console.log(e==null?void 0:e.name);return e},$t=t=>{if((t==null?void 0:t.name)==="RelationalExpression"){let{firstChild:e}=t,o=tt(t);if((e==null?void 0:e.name)==="Column"&&typeof(o==null?void 0:o.name)=="string"&&Mt.includes(o.name))return!0}return!1};import{HighlightStyle as lr,syntaxHighlighting as ur,tags as ot}from"@vuu-ui/vuu-codemirror";var pr=lr.define([{tag:ot.attributeValue,color:"var(--vuuFilterEditor-variableColor);font-weight: bold"},{tag:ot.variableName,color:"var(--vuuFilterEditor-variableColor)"},{tag:ot.comment,color:"green",fontStyle:"italic"}]),zt=ur(pr);import{EditorView as cr}from"@vuu-ui/vuu-codemirror";var Zt=cr.theme({"&":{border:"solid 1px var(--salt-container-primary-borderColor)",color:"var(--vuuFilterEditor-color)",backgroundColor:"var(--vuuFilterEditor-background)"},".cm-content":{caretColor:"var(--vuuFilterEditor-cursorColor)"},"&.cm-focused .cm-cursor":{borderLeftColor:"var(--vuuFilterEditor-cursorColor)"},"&.cm-focused .cm-selectionBackground, ::selection":{backgroundColor:"var(--vuuFilterEditor-selectionBackground)"},".cm-selectionBackground, ::selection":{backgroundColor:"var(--vuuFilterEditor-selectionBackground)"},".cm-scroller":{fontFamily:"var(--vuuFilterEditor-fontFamily)"},".cm-completionLabel":{color:"var(--vuu-color-gray-50)"},".cm-completionMatchedText":{color:"var(--vuu-color-gray-80)",fontWeight:700,textDecoration:"none"},".cm-tooltip":{background:"var(--vuuFilterEditor-tooltipBackground)",border:"var(--vuuFilterEditor-tooltipBorder)",borderRadius:"4px",boxShadow:"var(--vuuFilterEditor-tooltipElevation)","&.cm-tooltip-autocomplete > ul":{fontFamily:"var(--vuuFilterEditor-fontFamily)",fontSize:"var(--vuuFilterEditor-fontSize)",maxHeight:"240px"},"&.cm-tooltip-autocomplete > ul > li":{height:"var(--vuuFilterEditor-suggestion-height)",padding:"0 3px",lineHeight:"var(--vuuFilterEditor-suggestion-height)"},"&.cm-tooltip-autocomplete li[aria-selected]":{background:"var(--vuuFilterEditor-suggestion-selectedBackground)",color:"var(--vuuFilterEditor-suggestion-selectedColor)"},"&.cm-tooltip-autocomplete li .cm-completionDetail":{color:"var(--vuuFilterEditor-suggestion-detailColor)"}}},{dark:!1});import{booleanJoinSuggestions as mr,getNamedParentNode as Xt,getPreviousNode as dr,getValue as H,syntaxTree as gr}from"@vuu-ui/vuu-codemirror";import{useCallback as Ut}from"react";var fr=(t,e)=>e?t.map(o=>{var n;return{...o,apply:typeof o.apply=="function"?o.apply:`${e}${(n=o.apply)!=null?n:o.label}`}}):t,Cr=t=>t===void 0?!1:["Times","Divide","Plus","Minus"].includes(t.name),ye=t=>({apply:()=>{t==null||t()},label:"Done",boost:10}),te=(t,e)=>{var s;let{lastChild:o}=t,{pos:n}=e;for(;o;)if(o.from<n&&et.includes(o.name)){if(o.name==="ParenthesizedExpression"){let a=(s=o.firstChild)==null?void 0:s.nextSibling;a&&(o=a)}return o}else o=o.prevSibling},Wt=(t,e)=>{var o;if(t.name==="ArgList"){let n=t.prevSibling;if(n)return H(n,e)}else if(t.name==="OpenBrace"){let n=(o=t.parent)==null?void 0:o.prevSibling;if((n==null?void 0:n.name)==="Function")return H(n,e)}},Yt=(t,e)=>{if(t.name==="RelationalExpression"){let o=tt(t);if((o==null?void 0:o.name)==="RelationalOperator")return H(o,e)}else{let o=t.prevSibling;if((o==null?void 0:o.name)==="RelationalOperator")return H(o,e)}},st=(t,e)=>{var o;if(t.name==="RelationalExpression"){if(((o=t.firstChild)==null?void 0:o.name)==="Column")return H(t.firstChild,e)}else{let n=t.prevSibling;if((n==null?void 0:n.name)==="Column")return H(n,e);if((n==null?void 0:n.name)==="RelationalOperator")return st(n,e)}},nt=async(t,e,o,n={})=>{let s=await e.getSuggestions(o,n),{startsWith:r=""}=n;return{from:t.pos-r.length,options:s}},rt=(t,e,o,n,s)=>{let r=te(t,e);switch(r==null?void 0:r.name){case"If":return nt(e,o,"expression",{prefix:"( "});case"OpenBrace":return nt(e,o,"expression");case"Condition":return nt(e,o,"expression",{prefix:", "});case"CloseBrace":if(n){let a=[ye(s)];return{from:e.pos,options:a}}}},vr=(t,e)=>{let o=[ye(e)];return{from:t.pos,options:o}},Gt=(t,e)=>{let o=Ut(async(n,s,r={})=>{let a=await t.getSuggestions(s,r),{startsWith:l=""}=r;return{from:n.pos-l.length,options:a}},[t]);return Ut(async n=>{var g,u;let{state:s,pos:r}=n,a=(g=n.matchBefore(/\w*/))!=null?g:{from:0,to:0,text:void 0},p=gr(s).resolveInner(r,-1),m=s.doc.toString(),d=At(m);switch(p.name){case"If":return o(n,"expression",{prefix:"( "});case"Condition":{let i=te(p,n);if((i==null?void 0:i.name)==="Column"){let c=dr(i);if((c==null?void 0:c.name)!=="RelationalOperator")return o(n,"condition-operator",{columnName:H(i,s)})}else if((i==null?void 0:i.name)==="RelationalOperator")return o(n,"expression")}break;case"ConditionalExpression":return rt(p,n,t);case"RelationalExpression":{if($t(p))return{from:n.pos,options:mr.concat({label:", <truthy expression>, <falsy expression>",apply:", "})};{let i=Yt(p,s),c=st(p,s);if(i)return o(n,"expression");{let C=await t.getSuggestions("condition-operator",{columnName:c});return{from:n.pos,options:C}}}}break;case"RelationalOperator":return o(n,"expression");case"String":{let i=Yt(p,s),c=st(p,s),{from:C,to:v}=p;if(v-C===2&&n.pos===C+1){if(c&&i)return o(n,"columnValue",{columnName:c,operator:i,startsWith:a.text})}else if(v-C>2&&n.pos===v)return o(n,"expression",{prefix:", "})}break;case"ArithmeticExpression":{let i=te(p,n);if((i==null?void 0:i.name)==="Column")return o(n,"expression");if(Cr(i)){let c=i.name;return o(n,"column",{operator:c})}}break;case"OpenBrace":{let i=Wt(p,s);return o(n,"expression",{functionName:i})}break;case"ArgList":{let i=Wt(p,s),c=te(p,n),C=(c==null?void 0:c.name)==="OpenBrace"||(c==null?void 0:c.name)==="Comma"?void 0:",",v=await t.getSuggestions("expression",{functionName:i});return v=C?fr(v,", "):v,(c==null?void 0:c.name)!=="OpenBrace"&&(c==null?void 0:c.name)!=="Comma"&&(v=[{apply:") ",boost:10,label:"Done - no more arguments"}].concat(v)),{from:n.pos,options:v}}case"Equal":if(m.trim()==="=")return o(n,"expression");break;case"ParenthesizedExpression":case"ColumnDefinitionExpression":if(n.pos===0)return o(n,"expression");{let i=te(p,n);if((i==null?void 0:i.name)==="Column"){if(d){let c=[ye(e.current)],C=H(i,s),v=await t.getSuggestions("operator",{columnName:C});return{from:n.pos,options:c.concat(v)}}}else if((i==null?void 0:i.name)==="CallExpression"){if(d)return{from:n.pos,options:[ye(e.current)]}}else if((i==null?void 0:i.name)==="ArithmeticExpression"){if(d){let c=[ye(e.current)],C=te(i,n);if((C==null?void 0:C.name)==="Column"){let v=H(C,s),x=await t.getSuggestions("operator",{columnName:v});c=c.concat(x)}return{from:n.pos,options:c}}}else if((i==null?void 0:i.name)==="ConditionalExpression")return rt(i,n,t,d,e.current);break}case"Column":if(await t.isPartialMatch("expression",void 0,a.text))return o(n,"expression",{startsWith:a.text});break;case"Comma":{let i=Xt(p);if((i==null?void 0:i.name)==="ConditionalExpression")return o(n,"expression")}break;case"CloseBrace":{let i=Xt(p);if((i==null?void 0:i.name)==="ConditionalExpression")return rt(i,n,t,d,e.current);if((i==null?void 0:i.name)==="ArgList"&&d)return vr(n,e.current)}break;default:((u=p==null?void 0:p.prevSibling)==null?void 0:u.name)==="FilterClause"&&console.log("looks like we ight be a or|and operator")}},[o,e,t])};var Be=t=>{if(t.current==null)throw Error("EditorView not defined");return t.current},Sr=()=>"vuuSuggestion",Tr=()=>console.log("noooop"),kr=t=>"expressionType"in t,Pr=t=>{if(kr(t)){let e=jt("div","expression-type-container"),o=jt("span","expression-type",t.expressionType);return e.appendChild(o),e}else return null},eo=({onChange:t,onSubmitExpression:e,source:o,suggestionProvider:n})=>{let s=it(null),r=it(Tr),a=it(),l=Gt(n,r),[p,m,d]=Or(()=>{let u=()=>{let x=Be(a),h=x.state.doc.toString(),E=br(x.state,x.state.doc.length,5e3);if(E){let T=It(E,h);return[h,T]}else return["",void 0]},i=()=>{Be(a).setState(v())},c=()=>{let[x,h]=u();e==null||e(x,h)},C=x=>Jt.of([{key:x,run(){return Kt(Be(a)),!0}}]),v=()=>qt.create({doc:o,extensions:[yr,xr({addToOptions:[{render:Pr,position:70}],override:[l],optionClass:Sr}),Vt(),Jt.of(hr),C("ArrowDown"),_t.updateListener.of(x=>{let h=Be(a);if(x.docChanged){Kt(h);let E=h.state.doc.toString();t==null||t(E)}}),qt.transactionFilter.of(x=>x.newDoc.lines>1?[]:x),Zt,zt]});return r.current=()=>{c()},[v,i,c]},[l,t,e,o]);wr(()=>{if(!s.current)throw Error("editor not in dom");return a.current=new _t({state:p(),parent:s.current}),()=>{var u;(u=a.current)==null||u.destroy()}},[l,p]);let g=Er(()=>{d()},[d]);return{editorRef:s,clearInput:m,onBlur:g}};import{jsx as Dr}from"react/jsx-runtime";var Br="vuuColumnExpressionInput",at=Fr(({onChange:t,onSubmitExpression:e,source:o="",suggestionProvider:n})=>{let{editorRef:s,onBlur:r}=eo({onChange:t,onSubmitExpression:e,source:o,suggestionProvider:n});return Dr("div",{className:`${Br}`,onBlur:r,ref:s})},(t,e)=>t.source===e.source);at.displayName="ColumnExpressionInput";import{AnnotationType as Lr,getRelationalOperators as Rr,numericOperators as Nr,stringOperators as Hr,toSuggestions as Vr}from"@vuu-ui/vuu-codemirror";import{getTypeaheadParams as Qr,useTypeaheadSuggestions as Ir}from"@vuu-ui/vuu-data-react";import{isNumericColumn as ut,isTextColumn as Mr}from"@vuu-ui/vuu-utils";import{useCallback as lt,useRef as Ar}from"react";var oe=[{accepts:["boolean"],description:"Applies boolean and operator across supplied parameters to returns a single boolean result",example:{expression:'and(ccy="EUR",quantity=0)',result:"true | false"},name:"and",params:{description:"( boolean, [ boolean* ] )"},type:"boolean"},{accepts:"string",description:"Returns multiple string values as a single joined string. Arguments may be string literal values, string columns or other string expressions. Non string arguments may also be included, these will be converted to strings.",example:{expression:'concatenate("example", "-test")',result:'"example-test"'},name:"concatenate",params:{description:"( string, string, [ string* ] )"},type:"string"},{accepts:["string","string"],description:"Tests a string value to determine whether it contains a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> contains one or more occurrences of <target subscring>",example:{expression:'contains("Royal Bank of Scotland", "bank")',result:"true"},name:"contains",params:{description:"( string )"},type:"boolean"},{accepts:["string","number"],description:"Returns the leftmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",example:{expression:'left("USD Benchmark Report", 3)',result:'"USD"'},name:"left",params:{count:2,description:"( string, number )"},type:"string"},{accepts:"string",description:"Returns the number of characters in <string>. Argument may be a string literal, string column or other string expression.",example:{expression:'len("example")',result:"7"},name:"len",params:{description:"(string)"},type:"number"},{accepts:"string",description:"Convert a string value to lowercase. Argument may be a string column or other string expression.",example:{expression:'lower("examPLE")',result:'"example"'},name:"lower",params:{description:"( string )"},type:"string"},{accepts:["boolean"],description:"Applies boolean or operator across supplied parameters to returns a single boolean result",example:{expression:'or(status="cancelled",quantity=0)',result:"true | false"},name:"or",params:{description:"( boolean, [ boolean* ] )"},type:"boolean"},{accepts:"string",description:"Convert a string value to uppercase. Argument may be a string column or other string expression.",example:{expression:'upper("example")',result:'"EXAMPLE"'},name:"upper",params:{description:"( string )"},type:"string"},{accepts:["string","number"],description:"Returns the rightmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",example:{expression:"blah",result:"blah"},name:"right",params:{description:"( string )"},type:"string"},{accepts:["string","string","string"],description:"Replace characters within a string. Accepts three arguments: source text, text to replace and replacement text. Returns a copy of <source text> with any occurrences of <text to replace> replaced by <replacement text>",example:{expression:"blah",result:"blah"},name:"replace",params:{description:"( string )"},type:"string"},{accepts:"number",description:"Converts a number to a string.",example:{expression:"blah",result:"blah"},name:"text",params:{description:"( string )"},type:"string"},{accepts:"string",description:"Tests a string value to determine whether it starts with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> starts with <target subscring>.",example:{expression:"blah",result:"blah"},name:"starts",params:{description:"( string )"},type:"boolean"},{accepts:"string",description:"Tests a string value to determine whether it ends with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> ends with <target subscring>.",example:{expression:"blah",result:"blah"},name:"ends",params:{description:"( string )"},type:"boolean"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"min",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"max",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"sum",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"round",params:{description:"( string )"},type:"number"},{accepts:"any",description:"blah",example:{expression:"blah",result:"blah"},name:"or",params:{description:"( string )"},type:"boolean"},{accepts:"any",description:"blah",example:{expression:"blah",result:"blah"},name:"and",params:{description:"( string )"},type:"boolean"},{accepts:"any",description:"Return one of two possible result values, depending on the evaluation of a filter expression. If <filterExpression> resolves to true, result is <expression1>, otherwise <expression2>. ",example:{expression:"blah",result:"blah"},name:"if",params:{description:"( filterExpression, expression1, expression 2)"},type:"variable"}];import{createEl as V}from"@vuu-ui/vuu-utils";var to=({name:t,description:e,example:o,params:n,type:s})=>{let r=V("div","vuuFunctionDoc"),a=V("div","function-heading"),l=V("span","function-name",t),p=V("span","param-list",n.description),m=V("span","function-type",s);a.appendChild(l),a.appendChild(p),a.appendChild(m);let d=V("p",void 0,e);if(r.appendChild(a),r.appendChild(d),o){let g=V("div","example-container"),u=V("div","example-expression",o.expression),i=V("div","example-result",o.result);g.appendChild(u),r.appendChild(g),r.appendChild(i)}return r};var $r=[],U=t=>t.map(e=>{var o;return{...e,apply:((o=e.apply)!=null?o:e.label)+" "}}),zr=(t,{functionName:e,operator:o})=>{if(o)return t.filter(ut);if(e){let n=oe.find(s=>s.name===e);if(n)switch(n.accepts){case"string":return t.filter(Mr);case"number":return t.filter(ut);default:return t}}return t},oo=(t,e)=>zr(t,e).map(n=>{var r;let s=(r=n.label)!=null?r:n.name;return{apply:e.prefix?`${e.prefix}${n.name}`:n.name,label:s,boost:5,type:"column",expressionType:n.serverDataType}}),Zr=[{apply:"* ",boost:2,label:"*",type:"operator"},{apply:"/ ",boost:2,label:"/",type:"operator"},{apply:"+ ",boost:2,label:"+",type:"operator"},{apply:"- ",boost:2,label:"-",type:"operator"}],Xr=t=>t===void 0||ut(t)?Zr:$r,Ur=t=>{switch(t.serverDataType){case"string":case"char":return U(Hr);case"int":case"long":case"double":return U(Nr)}},pt=t=>({apply:`${t.name}( `,boost:2,expressionType:t.type,info:()=>to(t),label:t.name,type:"function"}),Wr=t=>{if(t){if(typeof t.accepts=="string")return t.accepts;if(Array.isArray(t.accepts))return t.accepts.every(e=>e==="string")?"string":"any"}return"any"},Yr=oe.map(pt),Gr=({functionName:t})=>{if(t){let e=oe.find(n=>n.name===t),o=Wr(e);if(e)switch(o){case"string":return oe.filter(n=>n.type==="string"||n.type==="variable").map(pt);case"number":return oe.filter(n=>n.type==="number"||n.type==="variable").map(pt);default:}}return Yr},qr={},no=({columns:t,table:e})=>{let o=lt(l=>l?t.find(p=>p.name===l):void 0,[t]),n=Ar(),s=Ir(),r=lt(async(l,p=qr)=>{let{columnName:m,functionName:d,operator:g,prefix:u}=p;switch(l){case"expression":{let i=await U(oo(t,{functionName:d,prefix:u})).concat(Gr(p));return n.current=i}case"column":{let i=await oo(t,p);return n.current=U(i)}case"operator":{let i=await Xr(o(m));return n.current=U(i)}case"relational-operator":{let i=await Rr(o(m));return n.current=U(i)}case"condition-operator":{let i=o(m);if(i){let c=await Ur(i);if(c)return n.current=U(c)}}break;case"columnValue":if(m&&g){let i=Qr(e,m),c=await s(i);return n.current=Vr(c,{suffix:""}),n.current.forEach(C=>{C.apply=(v,x,h)=>{let E=new Lr,T=h+x.label.length+1;v.dispatch({changes:{from:h,insert:x.label},selection:{anchor:T,head:T},annotations:E.of(x)})}}),n.current}break}return[]},[t,o,s,e]),a=lt(async(l,p,m)=>{let{current:d}=n,g=!1,u=d||await r(l,{columnName:p});if(m&&u)for(let i of u){if(i.label===m)return!1;i.label.startsWith(m)&&(g=!0)}return g},[r]);return{getSuggestions:r,isPartialMatch:a}};import{getCalculatedColumnDetails as _r,isVuuColumnDataType as Jr,setCalculatedColumnExpression as Kr,setCalculatedColumnName as jr,setCalculatedColumnType as es}from"@vuu-ui/vuu-utils";import{useCallback as De,useRef as ts,useState as os}from"react";var ns=t=>{let[e,o,n]=_r(t);return n===""?{...t,name:`${e}:string:${o}`}:t},ro=({column:t,onChangeName:e,onChangeServerDataType:o})=>{let[n,s]=os(ns(t)),r=ts(t),a=De(d=>{r.current=d,s(d)},[]),l=De(d=>{let{value:g}=d.target,u=jr(n,g);a(u),e==null||e(u.name)},[n,e,a]),p=De(d=>{let g=d.trim(),{current:u}=r,i=Kr(u,g);a(i),e==null||e(i.name)},[e,a]),m=De((d,g)=>{if(Jr(g)){let u=es(n,g);a(u),e==null||e(u.name),o==null||o(g)}},[n,e,o,a]);return{column:n,onChangeExpression:p,onChangeName:l,onChangeServerDataType:m}};import{jsx as A,jsxs as Le}from"react/jsx-runtime";var io="vuuColumnExpressionPanel",ao=({column:t,onChangeName:e,onChangeServerDataType:o,tableConfig:n,vuuTable:s})=>{let r=so(null),{column:a,onChangeExpression:l,onChangeName:p,onChangeServerDataType:m}=ro({column:t,onChangeName:e,onChangeServerDataType:o}),d=so(ss(a)),g=no({columns:n.columns,table:s}),u=us(()=>{var i,c;r.current&&((c=(i=r.current)==null?void 0:i.querySelector("button"))==null||c.focus())},[]);return Le("div",{className:io,children:[A("div",{className:"vuuColumnSettingsPanel-header",children:A("span",{children:"Calculation"})}),Le(ct,{"data-field":"column-name",children:[A(mt,{children:"Column Name"}),A(ls,{className:"vuuInput",onChange:p,value:is(a)})]}),Le(ct,{"data-field":"column-expression",children:[A(mt,{children:"Expression"}),A(at,{onChange:l,onSubmitExpression:u,source:d.current,suggestionProvider:g})]}),Le(ct,{"data-field":"type",children:[A(mt,{children:"Column type"}),A(rs,{className:`${io}-type`,onSelectionChange:m,ref:r,selected:as(a)||null,source:["double","long","string","boolean"],width:"100%"})]})]})};import{Dropdown as Hs}from"@vuu-ui/vuu-ui-controls";import{getCellRendererOptions as Vs,getConfigurationEditor as Qs,isColumnTypeRenderer as Co,isTypeDescriptor as vo}from"@vuu-ui/vuu-utils";import{FormField as Is,FormFieldLabel as Ms}from"@salt-ds/core";import xo from"clsx";import{useCallback as As,useMemo as vt}from"react";import{FormField as dt,FormFieldLabel as gt,Input as ps,Switch as lo}from"@salt-ds/core";import{getTypeFormattingFromColumn as cs}from"@vuu-ui/vuu-utils";import{useCallback as Re,useState as ms}from"react";import{jsx as ne,jsxs as Ne}from"react/jsx-runtime";var ds="vuuFormattingSettings",He=({column:t,onChangeFormatting:e})=>{var p,m,d;let[o,n]=ms(cs(t)),s=Re(g=>{(g.key==="Enter"||g.key==="Tab")&&e(o)},[o,e]),r=Re(g=>{let{value:u}=g.target,i=u===""||isNaN(parseInt(u))?void 0:parseInt(u),c={...o,decimals:i};n(c)},[o]),a=Re(g=>{let{checked:u}=g.target,i={...o,alignOnDecimals:u};n(i),e(i)},[o,e]),l=Re(g=>{let{checked:u}=g.target,i={...o,zeroPad:u};n(i),e(i)},[o,e]);return Ne("div",{className:ds,children:[Ne(dt,{"data-field":"decimals",children:[ne(gt,{children:"Number of decimals"}),ne(ps,{className:"vuuInput",onChange:r,onKeyDown:s,value:(p=o.decimals)!=null?p:""})]}),Ne(dt,{labelPlacement:"left",children:[ne(gt,{children:"Align on decimals"}),ne(lo,{checked:(m=o.alignOnDecimals)!=null?m:!1,onChange:a,value:"align-decimals"})]}),Ne(dt,{labelPlacement:"left",children:[ne(gt,{children:"Zero pad decimals"}),ne(lo,{checked:(d=o.zeroPad)!=null?d:!1,onChange:l,value:"zero-pad"})]})]})};import{useCallback as Ts}from"react";import{FormField as ks,FormFieldLabel as Ps,ToggleButton as Fs,ToggleButtonGroup as Bs}from"@salt-ds/core";import{isDateTimeColumn as Ds,isTypeDescriptor as Ls}from"@vuu-ui/vuu-utils";import{useCallback as ft,useMemo as gs,useState as fs}from"react";import{Dropdown as Cs}from"@vuu-ui/vuu-ui-controls";import{defaultPatternsByType as uo,fallbackDateTimePattern as vs,getTypeFormattingFromColumn as xs,supportedDateTimePatterns as hs}from"@vuu-ui/vuu-utils";import{FormField as po,FormFieldLabel as co,ToggleButton as bs,ToggleButtonGroup as ys}from"@salt-ds/core";import{Fragment as Ss,jsx as Ee,jsxs as Ct}from"react/jsx-runtime";var mo=({column:t,onChangeFormatting:e})=>{var d,g;let o=xs(t),{pattern:n=vs}=o,s=gs(()=>Os(n),[n]),[r,a]=fs({time:(d=n.time)!=null?d:uo.time,date:(g=n.date)!=null?g:uo.date}),l=ft(u=>e({...o,pattern:u}),[e,o]),p=ft(u=>(i,c)=>{let C={...n!=null?n:{},[u]:c};a(v=>{var x,h;return{time:(x=C.time)!=null?x:v.time,date:(h=C.date)!=null?h:v.date}}),l(C)},[l,n]),m=ft(u=>{var c,C,v,x;let i=u.currentTarget.value;switch(i){case"time":return l({[i]:(c=n[i])!=null?c:r[i]});case"date":return l({[i]:(C=n[i])!=null?C:r[i]});case"both":return l({time:(v=n.time)!=null?v:r.time,date:(x=n.date)!=null?x:r.date})}},[l,n,r]);return Ct(Ss,{children:[Ct(po,{labelPlacement:"top",children:[Ee(co,{children:"Display"}),Ee(ys,{className:"vuuToggleButtonGroup",onChange:m,value:s,"data-variant":"primary",children:ws.map(u=>Ee(bs,{value:u,children:u.toUpperCase()},u))})]}),["date","time"].filter(u=>!!n[u]).map(u=>Ct(po,{labelPlacement:"top",children:[Ee(co,{children:`${Es[u]} pattern`}),Ee(Cs,{onSelectionChange:p(u),selected:n[u],source:hs[u],width:"100%"})]},u))]})},Es={date:"Date",time:"Time"},ws=["date","time","both"];function Os(t){return t.time?t.date?"both":"time":"date"}import{jsx as we,jsxs as go}from"react/jsx-runtime";var Rs="vuuLongColumnFormattingSettings",fo=t=>{let{column:e,onChangeColumnType:o}=t,n=Ls(e.type)?e.type.name:e.type,s=Ts(r=>{let a=r.currentTarget.value;o(a)},[o]);return go("div",{className:Rs,children:[go(ks,{children:[we(Ps,{children:"Type inferred as"}),we(Bs,{className:"vuuToggleButtonGroup",onChange:s,value:n!=null?n:"number",children:Ns.map(r=>we(Fs,{value:r,children:r.toUpperCase()},r))})]}),Ds(e)?we(mo,{...t,column:e}):we(He,{...t})]})},Ns=["number","date/time"];import{jsx as re,jsxs as ht}from"react/jsx-runtime";var xt="vuuColumnFormattingPanel",$s=t=>{var e;return(e=t.label)!=null?e:t.name},ho=({availableRenderers:t,className:e,column:o,onChangeFormatting:n,onChangeColumnType:s,onChangeRendering:r,...a})=>{let l=vt(()=>zs({column:o,onChangeFormatting:n,onChangeColumnType:s}),[o,s,n]);console.log({formattingSettingsComponent:l});let p=vt(()=>{let{type:u}=o;if(vo(u)&&Co(u.renderer)){let i=Vs(u.renderer.name);return Qs(i==null?void 0:i.configEditor)}},[o]),m=vt(()=>{let{type:u}=o,[i]=t,c=vo(u)&&Co(u.renderer)?u.renderer.name:void 0,C=t.find(v=>v.name===c);return C!=null?C:i},[t,o]),d=As((u,i)=>{let c={name:i.name};r==null||r(c)},[r]),{serverDataType:g="string"}=o;return ht("div",{...a,className:"vuuColumnSettingsPanel-header",children:[re("div",{children:"Formatting"}),ht(Is,{children:[re(Ms,{children:`Renderer (data type ${o.serverDataType})`}),re(Hs,{className:xo(`${xt}-renderer`),itemToString:$s,onSelectionChange:d,selected:m,source:t,width:"100%"})]}),ht("div",{className:xo(xt,e,`${xt}-${g}`),children:[l,p?re(p,{column:o,onChangeRendering:r}):null]})]})};function zs(t){let{column:e}=t;switch(e.serverDataType){case"double":case"int":return re(He,{...t});case"long":return re(fo,{...t});default:return null}}import Zs from"clsx";import{getCalculatedColumnDetails as Xs,isCalculatedColumn as Us}from"@vuu-ui/vuu-utils";import{jsx as W,jsxs as Ws}from"react/jsx-runtime";var se="vuuColumnNameLabel",bo=({column:t,onClick:e})=>{if(Us(t.name)){let[o,n,s]=Xs(t),r=o||"name",a="=expression",l=r==="name"?`${se}-placeholder`:void 0,p=s===""?`${se}-placeholder`:void 0;return Ws("div",{className:Zs(se,`${se}-calculated`),onClick:e,children:[W("span",{className:l,children:r}),W("span",{children:":"}),W("span",{children:n||"string"}),W("span",{children:":"}),W("span",{className:p,children:a}),W("span",{className:`${se}-edit`,"data-icon":"edit"})]})}else return W("div",{className:se,children:t.name})};import{getRegisteredCellRenderers as Ve,isValidColumnAlignment as Ys,isValidPinLocation as Gs,setCalculatedColumnName as qs,updateColumnRenderProps as _s,updateColumnFormatting as Js,updateColumnType as Ks,queryClosest as js}from"@vuu-ui/vuu-utils";import{useCallback as P,useEffect as ei,useMemo as ti,useRef as oi,useState as yo}from"react";var ni=[{description:"Default formatter for columns with data type integer",label:"Default Renderer (int, long)",name:"default-int"}],ri=[{description:"Default formatter for columns with data type double",label:"Default Renderer (double)",name:"default-double"}],Eo=[{description:"Default formatter for columns with data type string",label:"Default Renderer (string)",name:"default-string"}],si=[],ii=t=>{switch(t.serverDataType){case"char":case"string":return Eo.concat(Ve("string"));case"int":case"long":return ni.concat(Ve("int"));case"double":return ri.concat(Ve("double"));case"boolean":return si.concat(Ve("boolean"));default:return Eo}},wo=t=>{let e=t.closest(".saltFormField");if(e&&e.dataset.field){let{dataset:{field:o}}=e;return o}else throw Error("named form field not found")},ai=(t,e)=>{if(e.name==="::")return e;{let o=t.find(n=>n.name===e.name);if(o)return o;throw Error(`columns does not contain column ${name}`)}},ie=(t,e)=>({...t,columns:t.columns.map(o=>o.name===e.name?e:o)}),Oo=({column:t,onCancelCreateColumn:e,onConfigChange:o,onCreateCalculatedColumn:n,tableConfig:s})=>{let[r,a]=yo(ai(s.columns,t)),l=oi(r),[p,m]=yo(r.name==="::"),d=P(()=>{l.current=r,m(!0)},[r]);ei(()=>{a(t),m(t.name==="::")},[t]);let g=ti(()=>ii(r),[r]),u=P(()=>{o(ie(s,r))},[r,o,s]),i=P(S=>{let w=js(S.target,"button");if(w){let me=wo(w),{value:B}=w;switch(me){case"column-alignment":if(Ys(B)){let D={...r,align:B||void 0};a(D),o(ie(s,D))}break;case"column-pin":if(Gs(B)){let D={...r,pin:B||void 0};a(D),o(ie(s,D));break}}}},[r,o,s]),c=P(S=>{let w=S.target,me=wo(w),{value:B}=w;switch(me){case"column-label":a(D=>({...D,label:B}));break;case"column-name":a(D=>qs(D,B));break;case"column-width":a(D=>({...D,width:parseInt(B)}));break}},[]),C=P(S=>{a(w=>({...w,name:S}))},[]),v=P(S=>{let w=Js(r,S);a(w),o(ie(s,w))},[r,o,s]),x=P(S=>{let w=Ks(r,S);a(w),o(ie(s,w))},[r,o,s]),h=P(S=>{a(w=>({...w,serverDataType:S}))},[]),E=P(S=>{if(S){let w=_s(r,S);a(w),o(ie(s,w))}},[r,o,s]),T=P(({moveBy:S})=>{let{columns:w}=s,me=w.indexOf(r)+S,B=w[me];B&&a(B)},[r,s]),Te=P(()=>{T({moveBy:1})},[T]),$e=P(()=>{T({moveBy:-1})},[T]),ze=P(()=>{n(r)},[r,n]),Ze=P(()=>{t.name==="::"?e():(l.current!==void 0&&l.current!==r&&a(l.current),m(!1))},[r,t.name,e]);return{availableRenderers:g,editCalculatedColumn:p,column:r,navigateNextColumn:Te,navigatePrevColumn:$e,onCancel:Ze,onChange:c,onChangeCalculatedColumnName:C,onChangeFormatting:v,onChangeRendering:E,onChangeServerDataType:h,onChangeToggleButton:i,onChangeType:x,onEditCalculatedColumn:d,onInputCommit:u,onSave:ze}};import{jsx as y,jsxs as Q}from"react/jsx-runtime";var $="vuuColumnSettingsPanel",mi=t=>{let{name:e,label:o}=t;return pi(e)?o!=null?o:li(t):o!=null?o:e},dc=({column:t,onCancelCreateColumn:e,onConfigChange:o,onCreateCalculatedColumn:n,tableConfig:s,vuuTable:r})=>{let a=t.name==="::",{availableRenderers:l,editCalculatedColumn:p,column:m,navigateNextColumn:d,navigatePrevColumn:g,onCancel:u,onChange:i,onChangeCalculatedColumnName:c,onChangeFormatting:C,onChangeRendering:v,onChangeServerDataType:x,onChangeToggleButton:h,onChangeType:E,onEditCalculatedColumn:T,onInputCommit:Te,onSave:$e}=Oo({column:t,onCancelCreateColumn:e,onConfigChange:o,onCreateCalculatedColumn:n,tableConfig:s}),{serverDataType:ze,align:Ze=ui(ze),pin:S,width:w}=m;return Q("div",{className:ci($,{[`${$}-editing`]:p}),children:[y("div",{className:`${$}-header`,children:y(bo,{column:m,onClick:T})}),p?y(ao,{column:m,onChangeName:c,onChangeServerDataType:x,tableConfig:s,vuuTable:r}):null,Q(Ie,{"data-field":"column-label",children:[y(Me,{children:"Column Label"}),y(So,{className:"vuuInput",onChange:i,onCommit:Te,value:mi(m)})]}),Q(Ie,{"data-field":"column-width",children:[y(Me,{children:"Column Width"}),y(So,{className:"vuuInput",onChange:i,value:w,onCommit:Te})]}),Q(Ie,{"data-field":"column-alignment",children:[y(Me,{children:"Alignment"}),Q(To,{onChange:h,value:Ze,children:[y(le,{value:"left",children:y(ae,{name:"align-left",size:16})}),y(le,{value:"right",children:y(ae,{name:"align-right",size:16})})]})]}),Q(Ie,{"data-field":"column-pin",children:[y(Me,{children:"Pin Column"}),Q(To,{onChange:h,value:S!=null?S:"",children:[y(le,{value:"",children:y(ae,{name:"cross-circle",size:16})}),y(le,{value:"left",children:y(ae,{name:"pin-left",size:16})}),y(le,{value:"floating",children:y(ae,{name:"pin-float",size:16})}),y(le,{value:"right",children:y(ae,{name:"pin-right",size:16})})]})]}),y(ho,{availableRenderers:l,column:m,onChangeFormatting:C,onChangeRendering:v,onChangeColumnType:E}),p?Q("div",{className:"vuuColumnSettingsPanel-buttonBar","data-align":"right",children:[y(Qe,{className:`${$}-buttonCancel`,onClick:u,tabIndex:-1,children:"cancel"}),y(Qe,{className:`${$}-buttonSave`,onClick:$e,variant:"cta",children:"save"})]}):Q("div",{className:`${$}-buttonBar`,"data-align":a?"right":void 0,children:[y(Qe,{className:`${$}-buttonNavPrev`,variant:"secondary","data-icon":"arrow-left",onClick:g,children:"PREVIOUS"}),y(Qe,{className:`${$}-buttonNavNext`,variant:"secondary","data-icon":"arrow-right",onClick:d,children:"NEXT"})]})]})};import di from"clsx";import{useEffect as gi,useState as ko}from"react";import{jsx as ue,jsxs as fi}from"react/jsx-runtime";var Oe="vuuDatasourceStats",bt=new Intl.NumberFormat,Oc=({className:t,dataSource:e})=>{let[o,n]=ko(e.range),[s,r]=ko(e.size);gi(()=>(r(e.size),e.on("resize",r),e.on("range",n),()=>{e.removeListener("resize",r),e.removeListener("range",n)}),[e]);let a=di(Oe,t),l=bt.format(o.from+1),p=bt.format(Math.min(o.to,s)),m=bt.format(s);return fi("div",{className:a,children:[ue("span",{className:`${Oe}-label`,children:"Row count"}),ue("span",{className:`${Oe}-range`,children:l}),ue("span",{children:"-"}),ue("span",{className:`${Oe}-range`,children:p}),ue("span",{children:"of"}),ue("span",{className:`${Oe}-size`,children:m})]})};import{Button as Ti,FormField as yt,FormFieldLabel as Et,ToggleButton as pe,ToggleButtonGroup as ki}from"@salt-ds/core";import{updateTableConfig as Ci}from"@vuu-ui/vuu-table";import{addColumnToSubscribedColumns as vi,queryClosest as Po,isCalculatedColumn as xi,moveItem as hi,subscribedOnly as bi,useLayoutEffectSkipFirst as yi}from"@vuu-ui/vuu-utils";import{useCallback as Se,useMemo as Ei,useState as wi}from"react";var Oi=(t,e)=>{let o=[];for(let{name:n}of t){let s=e.find(r=>r.name===n);s&&o.push(s)}return o},Si=(t,e)=>t.map(({name:o,serverDataType:n})=>{let s=e.find(r=>r.name===o);return{hidden:s==null?void 0:s.hidden,isCalculated:xi(o),label:s==null?void 0:s.label,name:o,serverDataType:n,subscribed:s!==void 0}}),Fo=({availableColumns:t,onConfigChange:e,onDataSourceConfigChange:o,tableConfig:n})=>{let[{availableColumns:s,tableConfig:r},a]=wi({availableColumns:t,tableConfig:n}),l=Ei(()=>Si(s,r.columns),[s,r.columns]),p=Se((c,C)=>{a(v=>{let x=hi(v.availableColumns,c,C),h=Oi(x,r.columns);return{availableColumns:x,tableConfig:{...v.tableConfig,columns:h}}})},[r.columns]),m=Se((c,C,v)=>{let x=l.find(h=>h.name===c);if(C==="subscribed")if(x!=null&&x.subscribed){let h=r.columns.filter(E=>E.name!==c).map(E=>E.name);a(E=>({...E,tableConfig:{...r,columns:r.columns.filter(bi(h))}})),o({columns:h})}else{let h={...r,columns:vi(r.columns,s,c)};a(T=>({...T,tableConfig:h}));let E=h.columns.map(T=>T.name);o({columns:E})}else if(x!=null&&x.subscribed){let h=r.columns.find(E=>E.name===c);if(h){let E=Ci(r,{type:"column-prop",property:C,column:h,value:v});a(T=>({...T,tableConfig:E}))}}},[s,l,o,r]),d=Se(c=>{let C=Po(c.target,"button");if(C){let v=parseInt(C.value),x=v===0?void 0:v===1?"capitalize":"uppercase";a(h=>({...h,tableConfig:{...h.tableConfig,columnFormatHeader:x}}))}},[]),g=Se(c=>{let C=Po(c.target,"button"),{ariaPressed:v,value:x}=C;console.log({ariaPressed:v,value:x,button:C}),a(h=>({...h,tableConfig:{...h.tableConfig,[x]:v!=="true"}}))},[]),u=Se((c,C)=>{let v=parseInt(C);isNaN(v)||a(x=>({...x,tableConfig:{...x.tableConfig,columnDefaultWidth:v}})),console.log({value:C})},[]);yi(()=>{e==null||e(r)},[e,r]);let i=r.columnFormatHeader===void 0?0:r.columnFormatHeader==="capitalize"?1:2;return{columnItems:l,columnLabelsValue:i,onChangeColumnLabels:d,onChangeTableAttribute:g,onColumnChange:m,onCommitColumnWidth:u,onMoveListItem:p,tableConfig:r}};import{Icon as ce}from"@vuu-ui/vuu-ui-controls";import{VuuInput as Pi}from"@vuu-ui/vuu-ui-controls";import{jsx as O,jsxs as Y}from"react/jsx-runtime";var Ae="vuuTableSettingsPanel",Zc=({allowColumnLabelCase:t=!0,allowColumnDefaultWidth:e=!0,allowGridRowStyling:o=!0,availableColumns:n,onAddCalculatedColumn:s,onConfigChange:r,onDataSourceConfigChange:a,onNavigateToColumn:l,tableConfig:p})=>{var x,h,E;let{columnItems:m,columnLabelsValue:d,onChangeColumnLabels:g,onChangeTableAttribute:u,onColumnChange:i,onCommitColumnWidth:c,onMoveListItem:C,tableConfig:v}=Fo({availableColumns:n,onConfigChange:r,onDataSourceConfigChange:a,tableConfig:p});return Y("div",{className:Ae,children:[t||e||o?O("div",{className:`${Ae}-header`,children:O("span",{children:"Column Settings"})}):null,t?Y(yt,{children:[O(Et,{children:"Column Labels"}),Y(ki,{className:"vuuToggleButtonGroup",onChange:g,value:d,children:[O(pe,{className:"vuuIconToggleButton",value:0,children:O(ce,{name:"text-strikethrough",size:48})}),O(pe,{className:"vuuIconToggleButton",value:1,children:O(ce,{name:"text-Tt",size:48})}),O(pe,{className:"vuuIconToggleButton",value:2,children:O(ce,{name:"text-T",size:48})})]})]}):null,o?Y(yt,{children:[O(Et,{children:"Grid separators"}),Y("div",{className:"saltToggleButtonGroup vuuStateButtonGroup saltToggleButtonGroup-horizontal",children:[O(pe,{selected:(x=v.zebraStripes)!=null?x:!1,onChange:u,value:"zebraStripes",children:O(ce,{name:"row-striping",size:16})}),O(pe,{selected:(h=v.rowSeparators)!=null?h:!1,onChange:u,value:"rowSeparators",children:O(ce,{name:"row-lines",size:16})}),O(pe,{selected:(E=v.columnSeparators)!=null?E:!1,onChange:u,value:"columnSeparators",children:O(ce,{name:"col-lines",size:16})})]})]}):null,e?Y(yt,{children:[O(Et,{children:"Default Column Width"}),O(Pi,{className:"vuuInput",onCommit:c})]}):null,O(Ht,{columnItems:m,onChange:i,onMoveListItem:C,onNavigateToColumn:l}),Y("div",{className:`${Ae}-calculatedButtonbar`,children:[O(Ti,{"data-icon":"plus",onClick:s}),O("span",{className:`${Ae}-calculatedLabel`,children:"Add calculated column"})]})]})};export{on as BackgroundCell,gn as BackgroundCellConfigurationEditor,He as BaseNumericFormattingSettings,Lo as CaseValidator,at as ColumnExpressionInput,ao as ColumnExpressionPanel,ho as ColumnFormattingPanel,Ht as ColumnList,et as ColumnNamedTerms,dc as ColumnSettingsPanel,Oc as DataSourceStats,mo as DateTimeFormattingSettings,Fn as DropdownCell,Hn as LookupCell,Vo as PatternValidator,Mn as PctProgressCell,Zc as TableSettingsPanel,Vt as columnExpressionLanguageSupport,At as isCompleteExpression,$t as isCompleteRelationalExpression,tt as lastNamedChild,eo as useColumnExpressionEditor,no as useColumnExpressionSuggestionProvider,Fo as useTableSettings,It as walkTree};
 //# sourceMappingURL=index.js.map