import { cz as e, cq as t, cA as r, cB as o, cC as i, cD as s } from "./index-df8c00b4.js";
import { d as a } from "./styled-components-1e696d6b.js";
import { _ as l } from "./lodash-f1e42446.js";
import { lR as p, lA as m } from "./ant-design-icons-b1480d8d.js";
import "./axios-84bb1c75.js";
import "./redux-devtools-d38e5b33.js";
import "./alasql-0ff6dabf.js";
import "./react-router-a1807b5b.js";
import "./antd-04a23d13.js";
import "react";
import "react-dom";
import "./dayjs-844325ae.js";
import "./fontawesome-2445f580.js";
import "./dnd-kit-56a2f36f.js";
import "./numbro-c1edb412.js";
import "./papaparse-1bac8e5f.js";
import "./uuid-82f303b2.js";
import "./supabase-c27c62e3.js";
import "./fetch-a3c8ad94.js";
import "./react-draggable-60f59f09.js";
import "./remark-gfm-f2973785.js";
import "./buffer-d3713d77.js";
import "./rehype-raw-41b6145f.js";
import "./parse5-6476676e.js";
import "./rehype-sanitize-deb53e9a.js";
import "./simplebar-react-e1b123a3.js";
import "./react-best-gradient-color-picker-4dd60dac.js";
import "./ua-parser-js-094f59ba.js";
import "./clsx-469c2c43.js";
import "./loglevel-6fb66d22.js";
import "./crypto-js-d5eac8ba.js";
import "./codemirror-73d8c217.js";
import "./really-relaxed-json-49b6a70d.js";
import "./immer-c0428a8d.js";
import "./redux-saga-5514e228.js";
import "./hotkeys-js-0dddb21a.js";
import "./cnchar-5678e6bc.js";
import "./react-documents-eb6de859.js";
import "./sql-formatter-69e8df59.js";
import "./rc-trigger-5125aafe.js";
import "./react-json-view-9403d8a1.js";
import "./qrcode-react-cb73d2b6.js";
import "./katex-a34f0265.js";
import "./ecogis-maps-bb0d63f9.js";
import "./devextreme-2fa5bb9a.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 = 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", 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
};
