import { cz as e, cq as t, cA as r, cB as o, cC as i, cD as s } from "./index-8935f1b4.js";
import { d as a } from "./styled-components-c6abe9a3.js";
import { _ as p } from "./lodash-226cb5b1.js";
import { lR as l, lA as m } from "./ant-design-icons-14ab96af.js";
import "./axios-125479b5.js";
import "./redux-devtools-f8b1cd80.js";
import "./alasql-f59e855e.js";
import "./react-router-8d1fc2f1.js";
import "./antd-97b654da.js";
import "react";
import "react-dom";
import "./dayjs-7fc5ce65.js";
import "./fontawesome-89eb6278.js";
import "./dnd-kit-e67c9595.js";
import "./moment-d8baa15a.js";
import "./crypto-js-8020edb5.js";
import "./numbro-48e81844.js";
import "./papaparse-088c0adc.js";
import "./uuid-82f303b2.js";
import "./supabase-2e4a9112.js";
import "./fetch-6a200310.js";
import "./react-draggable-fda4f1cb.js";
import "./remark-gfm-e9b5dec7.js";
import "./buffer-e20f80c8.js";
import "./rehype-raw-41b6145f.js";
import "./parse5-6476676e.js";
import "./rehype-sanitize-deb53e9a.js";
import "./simplebar-react-cab52c82.js";
import "./react-best-gradient-color-picker-812be7ee.js";
import "./ua-parser-js-1d18a3f8.js";
import "./clsx-469c2c43.js";
import "./loglevel-5e7e37fc.js";
import "./codemirror-edf161cb.js";
import "./really-relaxed-json-e5391d6a.js";
import "./immer-c0428a8d.js";
import "./redux-saga-1b0a458d.js";
import "./hotkeys-js-0dddb21a.js";
import "./cnchar-8c3eaa86.js";
import "./react-documents-ae08f8b5.js";
import "./sql-formatter-69e8df59.js";
import "./rc-trigger-9e54e169.js";
import "./react-json-view-364658b4.js";
import "./qrcode-react-e4f7745b.js";
import "./katex-cda5b990.js";
import "./ecogis-maps-10bb29cf.js";
import "./devextreme-28d23085.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
};
