import { b9 as r, de as l, V as t, dh as i, gD as u, bh as s, a0 as m, ba as d } from "./684d2f28.js";
import { C as p } from "./9869e60a.js";
import { ColumnValueTooltip as c } from "./d404aae1.js";
import "react";
import "react-dom";
import "./b1144c16.js";
import "./926d8ea1.js";
import "./d6402597.js";
const h = r.div`
  ${l};
  max-height: 32px;

  > .markdown-body {
    margin: 0;
    p {
      line-height: 21px;
    }
  }
`, g = {
  text: d
}, o = (e) => e.text, y = function() {
  return new p(g, (e, a) => {
    const n = e.changeValue ?? o(e);
    return /* @__PURE__ */ t(h, {
      children: /* @__PURE__ */ t(i, {
        children: n
      })
    });
  }, (e) => e.text.value, o).setEditViewFn((e) => /* @__PURE__ */ t(u, {
    defaultValue: e.value,
    autoFocus: !0,
    variant: "borderless",
    onChange: (a) => {
      const n = a.target.value;
      e.onChange(n);
    },
    onBlur: e.onChangeEnd,
    onPressEnter: e.onChangeEnd
  })).setPropertyViewFn((e) => /* @__PURE__ */ t(s, {
    children: e.text.propertyView({
      label: m("table.columnValue"),
      tooltip: c
    })
  })).build();
}();
export {
  y as ColumnMarkdownComp
};
