import { cz as e, cq as t, cA as r, cB as o, cC as i, cD as s } from "./index-6d97e67f.js";
import { d as a } from "./styled-components-b776227d.js";
import { _ as p } from "./lodash-226cb5b1.js";
import { lR as l, lA as m } from "./ant-design-icons-a81e6d18.js";
import "./axios-0ffd51b8.js";
import "./redux-devtools-36ca30b8.js";
import "./alasql-f59e855e.js";
import "./react-router-38313ddc.js";
import "./antd-eb0b81b8.js";
import "react";
import "react-dom";
import "./dayjs-63343308.js";
import "./fontawesome-7bcd29b1.js";
import "./dnd-kit-e0a0bf75.js";
import "./moment-d731d247.js";
import "./crypto-js-8020edb5.js";
import "./numbro-48e81844.js";
import "./papaparse-088c0adc.js";
import "./uuid-82f303b2.js";
import "./supabase-6aa220db.js";
import "./websockets-80729b50.js";
import "./fetch-03ca8116.js";
import "./react-draggable-1ced44e5.js";
import "./clsx-b06d39d3.js";
import "./remark-gfm-72b87c7d.js";
import "./buffer-f89d742d.js";
import "./rehype-raw-49057806.js";
import "./parse5-31d0cb5d.js";
import "./rehype-sanitize-38a120e4.js";
import "./simplebar-react-a37a9b2a.js";
import "./react-best-gradient-color-picker-2e7ff36d.js";
import "./ua-parser-js-1d18a3f8.js";
import "./loglevel-5e7e37fc.js";
import "./codemirror-8fe65581.js";
import "./really-relaxed-json-e5391d6a.js";
import "./immer-c0428a8d.js";
import "./redux-saga-3b3a9c7b.js";
import "./hotkeys-js-216206c9.js";
import "./cnchar-8c3eaa86.js";
import "./react-documents-a03b99c9.js";
import "./sql-formatter-69e8df59.js";
import "./rc-trigger-7d152aa4.js";
import "./react-json-view-364658b4.js";
import "./qrcode-react-417e3716.js";
import "./katex-05fb1c31.js";
import "./ecogis-maps-10e82de5.js";
import "./devextreme-be18bda8.js";
import "./exceljs-1678d36b.js";
import "./file-saver-es-c18fae8f.js";
const n = a.div`
  flex-shrink: 0;
  width: ${(e2) => "right" === e2.$placement ? "96px" : "bottom" === e2.$placement ? "112px" : "136px"};
`, 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 = p.fromPairs(e2.map((e3) => [e3.value, e3]));
      return l(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", classNames: { popup: { root: "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
};
