import { a0 as a, V as o, gC as s, gD as i, P as u, bh as c, w as r, ba as m, cn as g } from "./684d2f28.js";
import { C } from "./9869e60a.js";
import "react";
import "react-dom";
import "./b1144c16.js";
const p = a("table.columnValueTooltip"), b = {
  src: r(m, "{{currentCell}}"),
  size: r(g, "50")
}, l = (e) => e.src, f = function() {
  return new C(b, (e, n) => {
    const t = e.changeValue ?? l(e);
    return /* @__PURE__ */ o(s, {
      style: {
        pointerEvents: "auto"
      },
      src: t,
      width: e.size
    });
  }, (e) => e.src.value, l).setEditViewFn((e) => /* @__PURE__ */ o(i, {
    defaultValue: e.value,
    autoFocus: !0,
    variant: "borderless",
    onChange: (n) => {
      const t = n.target.value;
      e.onChange(t);
    },
    onBlur: e.onChangeEnd,
    onPressEnter: e.onChangeEnd
  })).setPropertyViewFn((e) => /* @__PURE__ */ u(c, {
    children: [e.src.propertyView({
      label: a("table.imageSrc"),
      tooltip: p
    }), e.size.propertyView({
      label: a("table.imageSize")
    })]
  })).build();
}();
export {
  p as ColumnValueTooltip,
  f as ImageComp
};
