import { b9 as a, fF as m, gF as b, M as d, ba as c, gt as u, bd as i, P as C, bh as l, a0 as n, bl as h, bk as k, gG as w, V as e, bz as y } from "./684d2f28.js";
import { C as g } from "./9869e60a.js";
import "react";
import { ColumnLink as V } from "./ca17ca0f.js";
import "react-dom";
import "./b1144c16.js";
const f = a.div`
  > a {
    color: ${m} !important;

    &:hover {
      color: ${b} !important;
    }
  }
`, x = a.div`
  ul {
    background: transparent !important;
    border-bottom: 0;

    li {
      padding: 0 10px 0 0 !important;
      line-height: normal !important;

      &::after {
        content: none !important;
      }
    }
  }  
`, L = new d({
  label: c,
  onClick: u,
  hidden: i,
  disabled: i
}, (t) => t).setPropertyViewFn((t) => /* @__PURE__ */ C(l, {
  children: [t.label.propertyView({
    label: n("label")
  }), t.onClick.propertyView({
    label: n("table.action"),
    placement: "table"
  }), h(t), k(t)]
})).build(), I = function() {
  const t = {
    options: w(L, {
      initOptions: [{
        label: n("table.option1")
      }]
    })
  };
  return new g(t, (r) => {
    const p = r.options.filter((o) => !o.hidden).map((o, s) => ({
      key: s,
      label: /* @__PURE__ */ e(f, {
        children: /* @__PURE__ */ e(V, {
          disabled: o.disabled,
          label: o.label,
          onClick: o.onClick
        })
      })
    }));
    return /* @__PURE__ */ e(x, {
      children: /* @__PURE__ */ e(y, {
        mode: "horizontal",
        items: p
      })
    });
  }, () => "").setPropertyViewFn((r) => /* @__PURE__ */ e(l, {
    children: r.options.propertyView({
      newOptionLabel: n("table.option"),
      title: n("table.optionList")
    })
  })).build();
}();
export {
  I as ColumnLinksComp
};
