import { cd as e, a7 as t, ce as r, cf as o, cg as i, ch as s } from "./index-f927b013.js";
import { u as a } from "./styled-components-7cfa37e6.js";
import { _ as l } from "./lodash-b5661970.js";
import { lI as p, lz as m } from "./ant-design-icons-6bfdc7d5.js";
import "./axios-04f95181.js";
import "./redux-devtools-8dd21e4f.js";
import "./alasql-f60045ee.js";
import "./antd-2abdded3.js";
import "react";
import "react-dom";
import "./dayjs-2035e031.js";
import "./fontawesome-3904a214.js";
import "./dnd-kit-8227a2db.js";
import "./moment-059406e8.js";
import "./numbro-47982265.js";
import "./papaparse-07642d76.js";
import "./uuid-bd83cae2.js";
import "./supabase-b2e314d0.js";
import "./fetch-648a91f6.js";
import "./react-draggable-ed505bfc.js";
import "./remark-gfm-18306abe.js";
import "./buffer-d3713d77.js";
import "./rehype-raw-6ebcba88.js";
import "./parse5-f837f753.js";
import "./rehype-sanitize-953d0761.js";
import "./simplebar-react-2133d981.js";
import "./react-best-gradient-color-picker-92c01739.js";
import "./ua-parser-js-c952c07b.js";
import "./clsx-469c2c43.js";
import "./loglevel-b4003767.js";
import "./file-saver-55285fc1.js";
import "./codemirror-8412b963.js";
import "./really-relaxed-json-056be70b.js";
import "./immer-c0428a8d.js";
import "./hotkeys-js-699906bc.js";
import "./cnchar-e1339167.js";
import "./react-documents-041601c7.js";
import "./react-sortable-hoc-4fbe0c32.js";
import "./sql-formatter-577b4ab0.js";
import "./rc-trigger-3f038851.js";
import "./react-json-view-5330ce92.js";
import "./qrcode-react-d377d762.js";
const n = a.div`
  flex-shrink: 0;
  width: ${(e2) => "right" === e2.$placement ? "96px" : "112px"};
`, c = a.div`
  ${e};
  width: 100%;
  font-size: 13px;
  line-height: 15px;
`, d = a.div`
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  align-items: center;

  .ant-select .ant-select-selector {
    margin: 0;
  }

  .ant-select-selection-item {
    height: 26px;
  }
`;
function j(e2, a2) {
  return class extends t {
    getDefaultValue() {
      return a2;
    }
    propertyView(t2) {
      const { placement: a3 = "right" } = t2, j2 = l.fromPairs(e2.map((e3) => [e3.value, e3]));
      return p(d, { children: [t2.label && m(n, { $placement: a3, children: m(r, { title: t2.tooltip, label: t2.label }) }), m(o, { title: t2.label ? void 0 : t2.tooltip, children: m(i, { $placement: a3, children: m(s, { mode: "multiple", popupClassName: "ob-dropdown-control-select", filterOption: (e3, t3) => {
        if (!(t3 == null ? void 0 : t3.value))
          return false;
        const r2 = j2[t3.value].label;
        return ("number" == typeof r2 || "string" == typeof r2 || "boolean" == typeof r2) && r2.toString().toLowerCase().includes(e3);
      }, border: t2.border, defaultValue: this.getDefaultValue(), value: this.value, style: { width: "100%" }, onChange: (e3) => {
        var _a;
        t2.disableDispatchValueChange || this.dispatchChangeValueAction(e3), (_a = t2.onChange) == null ? void 0 : _a.call(t2, e3);
      }, disabled: t2.disabled, allowClear: true, placeholder: t2.placeholder, optionLabelProp: "children", children: e2.map((e3) => m(s.Option, { value: e3.value, children: m(c, { children: e3.label }) }, e3.value)) }) }) })] });
    }
    getPropertyView() {
      throw new Error("Method not implemented.");
    }
  };
}
export {
  j as multiSelectControl
};
