@milaboratories/graph-maker 1.2.5 → 1.2.6

package/dist/components/DendroTable.vue.js

@@ -1,94 +0,0 @@
-import { defineComponent as y, ref as n, shallowRef as G, computed as S, watch as v, createElementBlock as N, openBlock as x, normalizeStyle as T, createVNode as E, unref as D } from "vue";
-import { AgGridTheme as L } from "@platforma-sdk/ui-vue";
-import { AgGridVue as M } from "ag-grid-vue3";
-import { useStore as R } from "../store.js";
-const q = /* @__PURE__ */ y({
-  __name: "DendroTable",
-  props: {
-    chartData: {}
-  },
-  emits: ["row-select"],
-  setup(A, { emit: W }) {
-    const u = R(), f = A, p = n(100), r = G(), C = S(() => [
-      "id",
-      ...u.value.reactive.optionsState.components.tableContent.selectorStates.map((e) => e.selectedSource)
-    ]), l = n([]);
-    v(() => {
-      var e;
-      return (e = f.chartData) == null ? void 0 : e.hierarchy;
-    }, (e) => {
-      if (e) {
-        const t = e.leaves().map((a) => a.data.rawData.id);
-        (t.length !== l.value.length || t.some((a, c) => a !== l.value[c])) && (l.value = t);
-      } else
-        l.value = [];
-    }, { immediate: !0 });
-    const i = n([]), s = n([]);
-    v([
-      () => l.value,
-      () => C.value,
-      () => u.value.commonHelpersData.dendroTableData.value
-    ], ([e, t, a]) => {
-      if (a === null) {
-        s.value = [], i.value = [];
-        return;
-      }
-      if (t.some((o) => !a[o]))
-        return;
-      const c = a.id.data.reduce((o, _, b) => {
-        const m = _;
-        return o[m] && console.warn(`More than 1 value for node id ${m} in dendro table`), o[m] = t.reduce((h, g) => {
-          const w = a[g];
-          return w && (h[g] = w.data[b]), h;
-        }, {}), o;
-      }, {});
-      s.value = t.map((o) => ({
-        headerName: a[o].label,
-        field: o,
-        sortable: !1,
-        resizable: !1
-      })), i.value = e.map((o) => c[o] ?? null), d();
-    }, { immediate: !0 });
-    const z = S(() => {
-      var t, a;
-      const e = (a = (t = f.chartData) == null ? void 0 : t.chartSizes) == null ? void 0 : a.treeHeight;
-      return l.value.length ? e / l.value.length : 0;
-    }), H = (e) => {
-      r.value = e.api, d();
-    };
-    function d() {
-      if (r.value && !r.value.isDestroyed()) {
-        r.value.autoSizeAllColumns();
-        const e = r.value.getColumns();
-        e && (p.value = e.reduce((t, a) => t + a.getActualWidth(), 2));
-      }
-    }
-    return v(() => u.value.reactive.dendroSelectedNodeId, (e) => {
-      r.value && (e === null ? r.value.deselectAll() : r.value.forEachNode((t) => {
-        t.data.id === e && t.setSelected(!0, !0);
-      }));
-    }), (e, t) => (x(), N("div", {
-      class: "dendro-table",
-      style: T({ width: p.value + "px" })
-    }, [
-      E(D(M), {
-        theme: D(L),
-        gridApi: r.value,
-        onGridReady: H,
-        defaultColDef: { suppressHeaderMenuButton: !0 },
-        rowData: i.value,
-        columnDefs: s.value,
-        rowHeight: z.value,
-        autoSizeStrategy: { type: "fitCellContents" },
-        domLayout: "autoHeight",
-        onGridColumnsChanged: t[0] || (t[0] = () => {
-          d();
-        })
-      }, null, 8, ["theme", "gridApi", "rowData", "columnDefs", "rowHeight"])
-    ], 4));
-  }
-});
-export {
-  q as default
-};
-//# sourceMappingURL=DendroTable.vue.js.map

package/dist/components/DendroTable.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DendroTable.vue.js","sources":["../../src/components/DendroTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Column, GridApi, IRowNode } from '@ag-grid-community/core';\nimport type {\n  DendroUIState,\n  PValue,\n} from '@milaboratories/pf-plots';\nimport { AgGridTheme } from '@platforma-sdk/ui-vue';\nimport { AgGridVue } from 'ag-grid-vue3';\nimport type { HierarchyNode } from 'd3-hierarchy';\nimport { computed, ref, shallowRef, watch } from 'vue';\nimport { useStore } from '../store.ts';\n\nconst _emit = defineEmits(['row-select']);\n\nconst store = useStore();\n\nconst props = defineProps<{\n  chartData: Record<string, unknown> | null;\n}>();\n\nconst width = ref(100); // table width\nconst gridApi = shallowRef();\n\nconst columnKeys = computed(() => [\n  'id',\n  ...(store.value.reactive.optionsState as DendroUIState).components.tableContent.selectorStates.map((s) => s.selectedSource),\n]);\n\nconst rowKeys = ref<string[]>([]);\nwatch(() => props.chartData?.hierarchy as HierarchyNode<{ data: Record<string, PValue> }>, (hierarchy) => {\n  if (hierarchy) {\n    const newLeaves = hierarchy.leaves().map((l) => (l.data as unknown as {\n      rawData: Record<string, PValue>;\n    })['rawData']['id']) as string[];\n    if (newLeaves.length !== rowKeys.value.length || newLeaves.some((l, idx) => l !== rowKeys.value[idx])) {\n      rowKeys.value = newLeaves;\n    }\n  } else {\n    rowKeys.value = [];\n  }\n}, { immediate: true });\n\nconst rowData = ref<Record<string, PValue>[]>([]);\nconst colDefs = ref<{ field: string; sortable: false; resizable: false }[]>([]);\n\nwatch([\n  () => rowKeys.value,\n  () => columnKeys.value,\n  () => store.value.commonHelpersData.dendroTableData.value,\n], ([rowKeysValue, columnKeysValue, tableData]) => {\n  if (tableData === null) {\n    colDefs.value = [];\n    rowData.value = [];\n    return;\n  }\n  if (columnKeysValue.some((key) => !tableData[key])) {\n    return;\n  }\n  const rowsByKey = tableData['id'].data.reduce((resultByColumnId: Record<string, Record<string, PValue>>, nodeId, idx) => {\n    const id = nodeId as string;\n    if (resultByColumnId[id]) {\n      console.warn(`More than 1 value for node id ${id} in dendro table`);\n    }\n    resultByColumnId[id] = columnKeysValue.reduce((rowDataByColumns: Record<string, PValue>, columnKey) => {\n      const columnData = tableData[columnKey];\n      if (columnData) {\n        rowDataByColumns[columnKey] = columnData.data[idx];\n      }\n      return rowDataByColumns;\n    }, {});\n    return resultByColumnId;\n  }, {});\n\n  colDefs.value = columnKeysValue.map((key) => ({\n    headerName: tableData[key].label,\n    field: key,\n    sortable: false,\n    resizable: false,\n  }));\n  rowData.value = rowKeysValue.map((key) => rowsByKey[key] ?? null);\n  updateContainerWidth();\n}, { immediate: true });\n\nconst leafSize = computed(() => {\n  const height = (props.chartData?.chartSizes as { treeHeight: number })?.treeHeight;\n  return rowKeys.value.length ? height / rowKeys.value.length : 0;\n});\n\nconst onGridReady = (params: { api: GridApi }) => {\n  gridApi.value = params.api;\n  updateContainerWidth();\n};\n\nfunction updateContainerWidth() {\n  if (gridApi.value && !gridApi.value.isDestroyed()) {\n    gridApi.value.autoSizeAllColumns();\n    const columns = gridApi.value.getColumns();\n    if (columns) {\n      width.value = columns.reduce((res: number, column: Column) => {\n        return res + column.getActualWidth();\n      }, 2);\n    }\n  }\n}\n\nwatch(() => store.value.reactive.dendroSelectedNodeId, (id) => {\n  if (gridApi.value) {\n    if (id === null) {\n      gridApi.value.deselectAll();\n    } else {\n      gridApi.value.forEachNode((node: IRowNode) => {\n        if (node.data.id === id) {\n          node.setSelected(true, true);\n        }\n      });\n    }\n  }\n});\n\n</script>\n\n<template>\n  <div class=\"dendro-table\" :style=\"{width: width + 'px'}\">\n    <AgGridVue\n      :theme=\"AgGridTheme\"\n      :gridApi=\"gridApi\"\n      :onGridReady=\"onGridReady\"\n      :defaultColDef=\"{ suppressHeaderMenuButton: true }\"\n      :rowData=\"rowData\"\n      :columnDefs=\"colDefs\"\n      :rowHeight=\"leafSize\"\n      :autoSizeStrategy=\"{type: 'fitCellContents'}\"\n      domLayout=\"autoHeight\"\n      @gridColumnsChanged=\"() => {\n        updateContainerWidth();\n      }\"\n    />\n  </div>\n</template>\n"],"names":["store","useStore","props","__props","width","ref","gridApi","shallowRef","columnKeys","computed","s","rowKeys","watch","_a","hierarchy","newLeaves","l","idx","rowData","colDefs","rowKeysValue","columnKeysValue","tableData","key","rowsByKey","resultByColumnId","nodeId","id","rowDataByColumns","columnKey","columnData","updateContainerWidth","leafSize","height","_b","onGridReady","params","columns","res","column","node","_createElementBlock","_createVNode","_unref","AgGridVue","AgGridTheme","_cache"],"mappings":"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"}

package/dist/components/DendroTooltip.vue.js

@@ -1,119 +0,0 @@
-import { defineComponent as B, ref as H, computed as n, createElementBlock as i, openBlock as l, normalizeStyle as y, createElementVNode as c, createVNode as f, createCommentVNode as b, unref as v, Fragment as O, renderList as N, normalizeClass as D, toDisplayString as p, withCtx as I, createTextVNode as z } from "vue";
-import { useClickOutside as P, PlMaskIcon24 as V, PlMaskIcon16 as w, PlBtnSecondary as W } from "@platforma-sdk/ui-vue";
-import { useStore as $ } from "../store.js";
-const K = { class: "graph-info-tooltip-title" }, L = ["title"], M = {
-  key: 1,
-  class: "graph-info-tooltip-sequence-row"
-}, U = ["title"], Q = {
-  key: 0,
-  class: "graph-info-tooltip-icon"
-}, j = {
-  key: 0,
-  "data-theme": "dark",
-  class: "graph-info-tooltip-button"
-}, A = 48, G = 62.5, J = 26, X = 16, C = 24, Y = 20, ot = /* @__PURE__ */ B({
-  __name: "DendroTooltip",
-  props: {
-    info: {},
-    tooltipBtn: {},
-    containerRef: {}
-  },
-  emits: ["close", "tooltip-btn-click"],
-  setup(u, { emit: x }) {
-    const s = u, m = $(), d = x, g = H();
-    P([g], () => d("close"));
-    const T = n(() => {
-      const o = (a) => m.value.reactive.optionsState.components[a].selectorStates.map((r) => r.selectedSource), e = ["tableContent", "labels", "nodeColor", "nodeSize", "nodeShape", "lineColor"], t = ["id"];
-      return e.forEach((a) => {
-        o(a).forEach((k) => {
-          t.includes(k) || t.push(k);
-        });
-      }), t;
-    }), E = n(() => s.info.info[0]), h = n(() => {
-      var o;
-      return (o = E.value) == null ? void 0 : o.id;
-    }), S = n(() => {
-      const o = m.value.commonHelpersData.dendroTableData.value;
-      if (!o)
-        return [];
-      const e = o.id.data.findIndex((t) => String(t) === String(h.value));
-      return e !== -1 ? T.value.map((t) => {
-        var a, r;
-        return {
-          label: o[t].label,
-          value: o[t].data[e],
-          isSequence: ((r = (a = o[t].spec) == null ? void 0 : a.annotations) == null ? void 0 : r["pl7.app/type"]) === "sequence"
-        };
-      }) : [];
-    }), _ = n(() => S.value.reduce((o, e) => o + (e.isSequence ? G : J), 0) + X * 2 + (s.tooltipBtn ? A : 0)), F = n(() => ({
-      left: s.info.x + Y + "px",
-      top: s.info.y + C + "px"
-    })), R = n(() => {
-      const o = s.containerRef.scrollHeight, e = _.value / 2, t = s.info.y + C;
-      return t < e ? -t : o - e < t ? -(_.value - (o - t)) : -e;
-    });
-    function q(o) {
-      var e;
-      (e = window == null ? void 0 : window.navigator) == null || e.clipboard.writeText(o);
-    }
-    return (o, e) => (l(), i("div", {
-      ref: "",
-      class: "graph-info-tooltip__container",
-      style: y(F.value)
-    }, [
-      e[3] || (e[3] = c("div", { class: "graph-info-tooltip__tail" }, null, -1)),
-      c("div", {
-        ref_key: "rootRef",
-        ref: g,
-        class: "graph-info-tooltip",
-        style: y({ transform: `translate(0,${R.value}px)` }),
-        onClick: e[2] || (e[2] = (t) => t.stopPropagation())
-      }, [
-        f(v(V), {
-          class: "graph-info-tooltip-close",
-          name: "close",
-          onClick: e[0] || (e[0] = (t) => d("close"))
-        }),
-        (l(!0), i(O, null, N(S.value, (t) => (l(), i("div", {
-          key: t.label,
-          class: D(["graph-info-tooltip-row", { "graph-info-tooltip-row__sequence": t.isSequence }])
-        }, [
-          c("div", K, p(t.label + ":"), 1),
-          t.isSequence ? (l(), i("div", M, [
-            c("div", {
-              class: "graph-info-tooltip-value",
-              title: String(t.value)
-            }, p(t.value), 9, U),
-            t.isSequence ? (l(), i("div", Q, [
-              f(v(w), {
-                class: "graph-info-tooltip-clipboard",
-                name: "clipboard",
-                onClick: () => q(String(t.value))
-              }, null, 8, ["onClick"])
-            ])) : b("", !0)
-          ])) : (l(), i("div", {
-            key: 0,
-            class: "graph-info-tooltip-value",
-            title: String(t.value)
-          }, p(t.value), 9, L))
-        ], 2))), 128)),
-        u.tooltipBtn ? (l(), i("div", j, [
-          f(v(W), {
-            icon: "arrow-right",
-            size: "small",
-            onClick: e[1] || (e[1] = () => d("tooltip-btn-click", h.value))
-          }, {
-            default: I(() => [
-              z(p(u.tooltipBtn), 1)
-            ]),
-            _: 1
-          })
-        ])) : b("", !0)
-      ], 4)
-    ], 4));
-  }
-});
-export {
-  ot as default
-};
-//# sourceMappingURL=DendroTooltip.vue.js.map

package/dist/components/DendroTooltip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DendroTooltip.vue.js","sources":["../../src/components/DendroTooltip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DendroUIState } from '@milaboratories/pf-plots';\nimport { PlBtnSecondary, PlMaskIcon16, PlMaskIcon24, useClickOutside } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { useStore } from '../store';\nimport type { DendroNodeInfo } from '../types';\n\nconst props = defineProps<{\n  info: DendroNodeInfo;\n  tooltipBtn?: string;\n  containerRef: Element;\n}>();\nconst store = useStore();\n\nconst $emit = defineEmits(['close', 'tooltip-btn-click']);\n\nconst rootRef = ref();\nuseClickOutside([rootRef], () => $emit('close'));\n\nconst columnKeys = computed(() => {\n  const getColumnKeysFromInput = (inputName: keyof DendroUIState['components']) => {\n    return (store.value.reactive.optionsState as DendroUIState).components[inputName].selectorStates.map((s) => s.selectedSource);\n  };\n  const inputs: (keyof DendroUIState['components'])[] = ['tableContent', 'labels', 'nodeColor', 'nodeSize', 'nodeShape', 'lineColor'];\n  const keys = ['id'];\n  inputs.forEach((inputName) => {\n    const newKeys = getColumnKeysFromInput(inputName);\n    newKeys.forEach((key) => {\n      if (!keys.includes(key)) {\n        keys.push(key);\n      }\n    });\n  });\n  return keys;\n});\n\nconst firstRowFromNode = computed(() => props.info.info[0]);\nconst id = computed(() => firstRowFromNode.value?.id);\nconst infoList = computed(() => {\n  const tableData = store.value.commonHelpersData.dendroTableData.value;\n  if (!tableData) {\n    return [];\n  }\n  const rowIdx = tableData['id'].data.findIndex((v) => String(v) === String(id.value));\n  if (rowIdx !== -1) {\n    return columnKeys.value.map((columnKey) => ({\n      label: tableData[columnKey].label,\n      value: tableData[columnKey].data[rowIdx],\n      isSequence: tableData[columnKey].spec?.annotations?.['pl7.app/type'] === 'sequence',\n    }));\n  }\n  return [];\n});\n\nconst BTN_H = 48;\nconst SEQ_ROW_H = 62.5;\nconst ROW_H = 26;\nconst OFFSET = 16;\nconst height = computed(() => {\n  return infoList.value.reduce((sum, row) => sum + (row.isSequence ? SEQ_ROW_H : ROW_H), 0) + OFFSET * 2 + (props.tooltipBtn ? BTN_H : 0);\n});\n\nconst OUTER_OFFSET_H = 24;\nconst OUTER_OFFSET_W = 20;\n\nconst position = computed(() => {\n  return {\n    left: props.info.x + OUTER_OFFSET_W + 'px',\n    top: props.info.y + OUTER_OFFSET_H + 'px',\n  };\n});\n\nconst verticalShift = computed(() => {\n  const parentHeight = props.containerRef.scrollHeight;\n  const halfHeight = height.value / 2;\n  const y = props.info.y + OUTER_OFFSET_H;\n  if (y < halfHeight) {\n    return -y;\n  }\n  if (parentHeight - halfHeight < y) {\n    return -(height.value - (parentHeight - y));\n  }\n  return -halfHeight;\n});\n\nfunction copyToClipboard(text: string) {\n  window?.navigator?.clipboard.writeText(text);\n}\n\n</script>\n\n<template>\n  <div ref=\"\" class=\"graph-info-tooltip__container\" :style=\"position\">\n    <div class=\"graph-info-tooltip__tail\" />\n    <div\n      ref=\"rootRef\" class=\"graph-info-tooltip\" :style=\"{transform: `translate(0,${verticalShift}px)`}\"\n      @click=\"(e) => e.stopPropagation()\"\n    >\n      <PlMaskIcon24 class=\"graph-info-tooltip-close\" name=\"close\" @click=\"$emit('close')\" />\n      <div\n        v-for=\"row in infoList\"\n        :key=\"row.label\"\n        class=\"graph-info-tooltip-row\"\n        :class=\"{'graph-info-tooltip-row__sequence': row.isSequence}\"\n      >\n        <div class=\"graph-info-tooltip-title\">{{ row.label + ':' }}</div>\n        <div v-if=\"!row.isSequence\" class=\"graph-info-tooltip-value\" :title=\"String(row.value)\">\n          {{ row.value }}\n        </div>\n        <div v-else class=\"graph-info-tooltip-sequence-row\">\n          <div class=\"graph-info-tooltip-value\" :title=\"String(row.value)\">\n            {{ row.value }}\n          </div>\n          <div v-if=\"row.isSequence\" class=\"graph-info-tooltip-icon\">\n            <PlMaskIcon16\n              class=\"graph-info-tooltip-clipboard\"\n              name=\"clipboard\"\n              @click=\"() => copyToClipboard(String(row.value))\"\n            />\n          </div>\n        </div>\n      </div>\n      <div v-if=\"tooltipBtn\" data-theme=\"dark\" class=\"graph-info-tooltip-button\">\n        <PlBtnSecondary\n          icon=\"arrow-right\"\n          size=\"small\"\n          @click=\"() => $emit('tooltip-btn-click', id)\"\n        >\n          {{ tooltipBtn }}\n        </PlBtnSecondary>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["BTN_H","SEQ_ROW_H","ROW_H","OFFSET","OUTER_OFFSET_H","OUTER_OFFSET_W","props","__props","store","useStore","$emit","__emit","rootRef","ref","useClickOutside","columnKeys","computed","getColumnKeysFromInput","inputName","s","inputs","keys","key","firstRowFromNode","id","_a","infoList","tableData","rowIdx","v","columnKey","_b","height","sum","row","position","verticalShift","parentHeight","halfHeight","y","copyToClipboard","text","_createElementBlock","_createElementVNode","_cache","e","_createVNode","_unref","PlMaskIcon24","_Fragment","_renderList","_normalizeClass","_hoisted_1","_toDisplayString","_openBlock","_hoisted_3","_hoisted_4","_hoisted_5","PlMaskIcon16","_hoisted_2","_hoisted_6","PlBtnSecondary"],"mappings":"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"}

package/dist/components/DoubleContourTemp.vue.js

@@ -1,16 +0,0 @@
-import o from "./DoubleContourTemp.vue2.js";
-import { createElementBlock as r, openBlock as t, createElementVNode as s, normalizeProps as n, guardReactiveProps as a, renderSlot as c } from "vue";
-import p from "../_virtual/_plugin-vue_export-helper.js";
-const d = { class: "double-contour-temp" };
-function l(e, i, m, u, f, _) {
-  return t(), r("div", d, [
-    s("div", n(a(e.$attrs)), [
-      c(e.$slots, "default")
-    ], 16)
-  ]);
-}
-const h = /* @__PURE__ */ p(o, [["render", l]]);
-export {
-  h as default
-};
-//# sourceMappingURL=DoubleContourTemp.vue.js.map

package/dist/components/DoubleContourTemp.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DoubleContourTemp.vue.js","sources":["../../src/components/DoubleContourTemp.vue"],"sourcesContent":["<script lang=\"ts\" setup></script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n// TODO: this is a copy of DoubleContour from pl-uikit. It should be exported, or components with using it should go to uikit\n</script>\n\n<template>\n  <div class=\"double-contour-temp\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_ctx","_renderSlot"],"mappings":";;;AAUO,MAAAA,IAAA,EAAA,OAAM,sBAAA;;AAAX,SAAAC,EAAA,GAAAC,EAIM,OAJNF,GAIM;AAAA,IAHJG,EAEM,WAFOC,EAAA,MAAM,CAAA,GAAA;AAAA,MACjBC,EAAQD,EAAA,QAAA,SAAA;AAAA,IAAA,GAAA,EAAA;AAAA;;;"}

package/dist/components/DragAndDrop/DnDBasketChip.vue.js

@@ -1,70 +0,0 @@
-import { defineComponent as p, ref as y, computed as v, createElementBlock as s, openBlock as t, createElementVNode as o, normalizeClass as c, createCommentVNode as d, createVNode as m, createBlock as u, unref as i, toDisplayString as h } from "vue";
-import { PlIcon16 as n } from "@platforma-sdk/ui-vue";
-const C = {
-  key: 0,
-  class: "dnd-basket-chip__handler"
-}, _ = { class: "dnd-basket-chip__title-wrapper" }, g = ["title"], B = ["title"], S = /* @__PURE__ */ p({
-  __name: "DnDBasketChip",
-  props: {
-    error: { type: Boolean },
-    info: {},
-    sortable: { type: Boolean }
-  },
-  emits: ["close-chip"],
-  setup(e, { emit: k }) {
-    const l = e, f = k, b = y(), a = v(
-      () => l.info.uniqueValues.join("/")
-    );
-    function r() {
-      f("close-chip", l.info.id);
-    }
-    return (V, x) => (t(), s("div", {
-      ref_key: "chipRoot",
-      ref: b,
-      class: "dnd-basket-chip__group"
-    }, [
-      o("div", {
-        class: c([{ error: e.error, sortable: e.sortable }, "dnd-basket-chip"])
-      }, [
-        o("div", {
-          class: c(["dnd-basket-chip__icon", { error: e.error }])
-        }, [
-          e.error ? (t(), u(i(n), {
-            key: 0,
-            name: "warning",
-            class: c({ error: e.error })
-          }, null, 8, ["class"])) : (t(), u(i(n), {
-            key: 1,
-            name: e.info.isSubsetFilter ? "cell-type-subset" : e.info.type === "String" ? "cell-type-txt" : "cell-type-num"
-          }, null, 8, ["name"]))
-        ], 2),
-        e.sortable ? (t(), s("div", C)) : d("", !0),
-        m(i(n), { name: "drag-dots" }),
-        o("div", _, [
-          o("div", {
-            class: "dnd-basket-chip__title",
-            title: e.info.title
-          }, h(e.info.title), 9, g),
-          e.info.nonHomogenous ? (t(), s("div", {
-            key: 0,
-            class: "dnd-basket-chip__sub-title",
-            title: a.value
-          }, h(a.value), 9, B)) : d("", !0)
-        ]),
-        o("div", {
-          class: "dnd-basket-chip__icon-close",
-          onClick: r
-        }, [
-          m(i(n), {
-            name: "close",
-            onClick: r
-          })
-        ])
-      ], 2)
-    ], 512));
-  }
-});
-export {
-  S as default
-};
-//# sourceMappingURL=DnDBasketChip.vue.js.map

package/dist/components/DragAndDrop/DnDBasketChip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DnDBasketChip.vue.js","sources":["../../../src/components/DragAndDrop/DnDBasketChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlIcon16 } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport type { ChipInfo } from './types.ts';\n\nconst props = defineProps<{\n  error: boolean;\n  info: ChipInfo;\n  sortable?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'close-chip', item: ChipInfo['id']): void;\n}>();\n\nconst chipRoot = ref<HTMLElement>();\n\nconst dimensionsTitle = computed(() =>\n  props.info.uniqueValues.join('/'),\n);\n\nfunction closeChip() {\n  emit('close-chip', props.info['id']);\n}\n\n</script>\n<template>\n  <div ref=\"chipRoot\" class=\"dnd-basket-chip__group\">\n    <div :class=\"{ error, sortable }\" class=\"dnd-basket-chip\">\n      <div class=\"dnd-basket-chip__icon\" :class=\"{error}\">\n        <PlIcon16 v-if=\"error\" name=\"warning\" :class=\"{error}\" />\n        <PlIcon16 v-else :name=\"info.isSubsetFilter ? 'cell-type-subset' : info.type === 'String' ? 'cell-type-txt' : 'cell-type-num'\"/>\n      </div>\n      <div v-if=\"sortable\" class=\"dnd-basket-chip__handler\"/>\n      <PlIcon16 name=\"drag-dots\" />\n      <div class=\"dnd-basket-chip__title-wrapper\">\n        <div class=\"dnd-basket-chip__title\" :title=\"info.title\">\n          {{ info.title }}\n        </div>\n        <div\n          v-if=\"info.nonHomogenous\"\n          class=\"dnd-basket-chip__sub-title\"\n          :title=\"dimensionsTitle\"\n        >\n          {{ dimensionsTitle }}\n        </div>\n      </div>\n      <div\n        class=\"dnd-basket-chip__icon-close\"\n        @click=\"closeChip\"\n      >\n        <PlIcon16 name=\"close\" @click=\"closeChip\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","chipRoot","ref","dimensionsTitle","computed","closeChip","_createElementBlock","_createElementVNode","_normalizeClass","_createBlock","_unref","PlIcon16","_openBlock","_hoisted_1","_createVNode","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4"],"mappings":";;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAMRC,IAAOC,GAIPC,IAAWC,EAAA,GAEXC,IAAkBC;AAAA,MAAS,MAC/BP,EAAM,KAAK,aAAa,KAAK,GAAG;AAAA,IAAA;AAGlC,aAASQ,IAAY;AACnB,MAAAN,EAAK,cAAcF,EAAM,KAAK,EAAK;AAAA,IACrC;2BAIES,EA2BM,OAAA;AAAA,eA3BG;AAAA,MAAJ,KAAIL;AAAA,MAAW,OAAM;AAAA,IAAA;MACxBM,EAyBM,OAAA;AAAA,QAzBA,OAAKC,EAAA,CAAA,EAAA,OAAIV,EAAA,OAAK,UAAEA,EAAA,SAAA,GAAkB,iBAAiB,CAAA;AAAA,MAAA;QACvDS,EAGM,OAAA;AAAA,UAHD,OAAKC,EAAA,CAAC,yBAAuB,EAAA,OAAUV,EAAA,OAAK,CAAA;AAAA,QAAA;UAC/BA,EAAA,cAAhBW,EAAyDC,EAAAC,CAAA,GAAA;AAAA;YAAlC,MAAK;AAAA,YAAW,kBAAQb,EAAA,OAAK;AAAA,UAAA,gCACpDW,EAAgIC,EAAAC,CAAA,GAAA;AAAA;YAA9G,MAAMb,EAAA,KAAK,iBAAc,qBAAwBA,EAAA,KAAK,SAAI,WAAA,kBAAA;AAAA,UAAA;;QAEnEA,EAAA,YAAXc,EAAA,GAAAN,EAAuD,OAAvDO,CAAuD;QACvDC,EAA6BJ,EAAAC,CAAA,GAAA,EAAnB,MAAK,aAAW;AAAA,QAC1BJ,EAWM,OAXNQ,GAWM;AAAA,UAVJR,EAEM,OAAA;AAAA,YAFD,OAAM;AAAA,YAA0B,OAAOT,EAAA,KAAK;AAAA,UAAA,GAC5CkB,EAAAlB,EAAA,KAAK,KAAK,GAAA,GAAAmB,CAAA;AAAA,UAGPnB,EAAA,KAAK,sBADbQ,EAMM,OAAA;AAAA;YAJJ,OAAM;AAAA,YACL,OAAOH,EAAA;AAAA,UAAA,KAELA,EAAA,KAAe,GAAA,GAAAe,CAAA;;QAGtBX,EAKM,OAAA;AAAA,UAJJ,OAAM;AAAA,UACL,SAAOF;AAAA,QAAA;UAERS,EAA4CJ,EAAAC,CAAA,GAAA;AAAA,YAAlC,MAAK;AAAA,YAAS,SAAON;AAAA,UAAA;;;;;;"}

package/dist/components/DragAndDrop/DnDRangeChip.vue.js

@@ -1,79 +0,0 @@
-import { defineComponent as f, mergeModels as m, useModel as h, reactive as b, watch as v, createElementBlock as g, openBlock as V, createElementVNode as e, normalizeClass as C, createVNode as d, unref as s, toDisplayString as k } from "vue";
-import { PlIcon16 as p, PlNumberField as _ } from "@platforma-sdk/ui-vue";
-const M = {
-  ref: "chipRoot",
-  class: "dnd-double-chip__group"
-}, O = { class: "dnd-double-chip__top" }, B = { class: "dnd-double-chip__icon" }, w = ["title"], x = { class: "dnd-double-chip__title" }, E = { class: "dnd-double-chip__bottom-range" }, $ = { class: "dnd-double-chip__bottom-range-row" }, y = { class: "dnd-double-chip__bottom-range-row" }, P = /* @__PURE__ */ f({
-  __name: "DnDRangeChip",
-  props: /* @__PURE__ */ m({
-    info: {},
-    error: { type: Boolean }
-  }, {
-    filter: { required: !0 },
-    filterModifiers: {}
-  }),
-  emits: /* @__PURE__ */ m(["close-chip"], ["update:filter"]),
-  setup(o, { emit: D }) {
-    var c, u;
-    const a = o, r = h(o, "filter"), l = b({
-      min: (c = r.value) == null ? void 0 : c[0],
-      max: (u = r.value) == null ? void 0 : u[1]
-    });
-    return v(
-      () => l,
-      (n) => {
-        r.value = n;
-      },
-      { deep: !0 }
-    ), (n, t) => (V(), g("div", M, [
-      e("div", {
-        class: C([{ error: o.error }, "dnd-double-chip"])
-      }, [
-        e("div", O, [
-          e("div", B, [
-            d(s(p), { name: "cell-type-num" })
-          ]),
-          e("div", {
-            class: "dnd-double-chip__title-wrapper",
-            title: o.info.title
-          }, [
-            e("div", x, k(o.info.title), 1)
-          ], 8, w),
-          e("div", {
-            class: "dnd-double-chip__icon-close",
-            onClick: t[1] || (t[1] = (i) => n.$emit("close-chip", a.info.id))
-          }, [
-            d(s(p), {
-              name: "close",
-              onClick: t[0] || (t[0] = (i) => n.$emit("close-chip", a.info.id))
-            })
-          ])
-        ]),
-        e("div", E, [
-          e("div", $, [
-            d(s(_), {
-              modelValue: l.min,
-              "onUpdate:modelValue": t[2] || (t[2] = (i) => l.min = i),
-              label: "Min",
-              updateOnEnterOrClickOutside: !0,
-              useIncrementButtons: !1
-            }, null, 8, ["modelValue"])
-          ]),
-          e("div", y, [
-            d(s(_), {
-              modelValue: l.max,
-              "onUpdate:modelValue": t[3] || (t[3] = (i) => l.max = i),
-              label: "Max",
-              updateOnEnterOrClickOutside: !0,
-              useIncrementButtons: !1
-            }, null, 8, ["modelValue"])
-          ])
-        ])
-      ], 2)
-    ], 512));
-  }
-});
-export {
-  P as default
-};
-//# sourceMappingURL=DnDRangeChip.vue.js.map

package/dist/components/DragAndDrop/DnDRangeChip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DnDRangeChip.vue.js","sources":["../../../src/components/DragAndDrop/DnDRangeChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ChipInfo } from './types.ts';\nimport { reactive, watch } from 'vue';\nimport { PlIcon16, PlNumberField } from '@platforma-sdk/ui-vue';\n\nconst props = defineProps<{\n  info: ChipInfo;\n  error: boolean;\n}>();\n\nconst _emit = defineEmits<{\n  (e: 'close-chip', id: ChipInfo['id']): void;\n}>();\n\nconst filterModel = defineModel<number[] | { min: number | undefined; max: number | undefined }>('filter', { required: true });\n\nconst range = reactive({\n  min: (filterModel.value as number[])?.[0] as number | undefined,\n  max: (filterModel.value as number[])?.[1] as number | undefined,\n});\n\nwatch(() => range, (rangeValue) => {\n  filterModel.value = rangeValue;\n}, { deep: true },\n);\n\n</script>\n\n<template>\n  <div ref=\"chipRoot\" class=\"dnd-double-chip__group\">\n    <div :class=\"{ error }\" class=\"dnd-double-chip\">\n      <div class=\"dnd-double-chip__top\">\n        <div class=\"dnd-double-chip__icon\">\n          <PlIcon16 name=\"cell-type-num\" />\n        </div>\n        <div class=\"dnd-double-chip__title-wrapper\" :title=\"info.title\">\n          <div class=\"dnd-double-chip__title\">\n            {{ info.title }}\n          </div>\n        </div>\n        <div\n          class=\"dnd-double-chip__icon-close\"\n          @click=\"$emit('close-chip', props.info.id)\"\n        >\n          <PlIcon16 name=\"close\" @click=\"$emit('close-chip', props.info.id)\" />\n        </div>\n      </div>\n      <div class=\"dnd-double-chip__bottom-range\">\n        <div class=\"dnd-double-chip__bottom-range-row\">\n          <PlNumberField\n            v-model=\"range.min\"\n            label=\"Min\"\n            :updateOnEnterOrClickOutside=\"true\"\n            :useIncrementButtons=\"false\"\n          />\n        </div>\n        <div class=\"dnd-double-chip__bottom-range-row\">\n          <PlNumberField\n            v-model=\"range.max\"\n            label=\"Max\"\n            :updateOnEnterOrClickOutside=\"true\"\n            :useIncrementButtons=\"false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","filterModel","_useModel","range","reactive","_a","_b","watch","rangeValue","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_2","_hoisted_3","_createVNode","_unref","PlIcon16","_hoisted_5","_toDisplayString","$emit","_hoisted_6","_hoisted_7","PlNumberField","_cache","$event","_hoisted_8"],"mappings":";;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GASRC,IAAcC,EAA4EF,GAAC,QAA4B,GAEvHG,IAAQC,EAAS;AAAA,MACrB,MAAMC,IAAAJ,EAAY,UAAZ,gBAAAI,EAAiC;AAAA,MACvC,MAAMC,IAAAL,EAAY,UAAZ,gBAAAK,EAAiC;AAAA,IAAC,CACzC;AAED,WAAAC;AAAA,MAAM,MAAMJ;AAAA,MAAO,CAACK,MAAe;AACjC,QAAAP,EAAY,QAAQO;AAAA,MACtB;AAAA,MAAG,EAAE,MAAM,GAAA;AAAA,IAAK,cAMdC,EAAA,GAAAC,EAqCM,OArCNC,GAqCM;AAAA,MApCJC,EAmCM,OAAA;AAAA,QAnCA,OAAKC,EAAA,CAAA,EAAA,OAAIb,EAAA,MAAA,GAAe,iBAAiB,CAAA;AAAA,MAAA;QAC7CY,EAeM,OAfNE,GAeM;AAAA,UAdJF,EAEM,OAFNG,GAEM;AAAA,YADJC,EAAiCC,EAAAC,CAAA,GAAA,EAAvB,MAAK,iBAAe;AAAA,UAAA;UAEhCN,EAIM,OAAA;AAAA,YAJD,OAAM;AAAA,YAAkC,OAAOZ,EAAA,KAAK;AAAA,UAAA;YACvDY,EAEM,OAFNO,GAEMC,EADDpB,EAAA,KAAK,KAAK,GAAA,CAAA;AAAA,UAAA;UAGjBY,EAKM,OAAA;AAAA,YAJJ,OAAM;AAAA,YACL,gCAAOS,EAAAA,MAAK,cAAetB,EAAM,KAAK,EAAE;AAAA,UAAA;YAEzCiB,EAAqEC,EAAAC,CAAA,GAAA;AAAA,cAA3D,MAAK;AAAA,cAAS,gCAAOG,EAAAA,MAAK,cAAetB,EAAM,KAAK,EAAE;AAAA,YAAA;;;QAGpEa,EAiBM,OAjBNU,GAiBM;AAAA,UAhBJV,EAOM,OAPNW,GAOM;AAAA,YANJP,EAKEC,EAAAO,CAAA,GAAA;AAAA,cAJS,YAAArB,EAAM;AAAA,cAAN,uBAAAsB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAvB,EAAM,MAAGuB;AAAA,cAClB,OAAM;AAAA,cACL,6BAA6B;AAAA,cAC7B,qBAAqB;AAAA,YAAA;;UAG1Bd,EAOM,OAPNe,GAOM;AAAA,YANJX,EAKEC,EAAAO,CAAA,GAAA;AAAA,cAJS,YAAArB,EAAM;AAAA,cAAN,uBAAAsB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAvB,EAAM,MAAGuB;AAAA,cAClB,OAAM;AAAA,cACL,6BAA6B;AAAA,cAC7B,qBAAqB;AAAA,YAAA;;;;;;;"}

package/dist/components/DragAndDrop/DndBasket.vue.js

@@ -1,148 +0,0 @@
-import { defineComponent as E, ref as m, reactive as v, computed as C, watch as L, createElementBlock as i, openBlock as o, normalizeClass as M, createElementVNode as f, createCommentVNode as h, createTextVNode as N, toDisplayString as P, Fragment as B, renderList as z, createBlock as g, unref as D } from "vue";
-import { useSortable as A } from "@platforma-sdk/ui-vue";
-import H from "./DnDBasketChip.vue.js";
-import K from "./DndDoubleChip.vue.js";
-import T from "./DnDRangeChip.vue.js";
-const Z = { class: "dnd-basket__title" }, j = {
-  key: 0,
-  class: "dnd-basket__required"
-}, G = { class: "dnd-basket__drop-container" }, J = {
-  key: 0,
-  class: "dnd-basket__placeholder"
-}, I = /* @__PURE__ */ E({
-  __name: "DndBasket",
-  props: {
-    id: {},
-    title: {},
-    multiple: { type: Boolean },
-    isFilter: { type: Boolean },
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    consistency: {},
-    droppedIds: {},
-    selectedFilters: {},
-    selectedRanges: {},
-    info: {},
-    draggedId: {},
-    sortable: { type: Boolean },
-    searchFn: { type: Function },
-    searchSelectedValueFn: { type: Function },
-    loadOptionsFn: { type: Function }
-  },
-  emits: ["drop-item", "remove-item", "select-filter-value", "select-filter-range", "reorder"],
-  setup(e, { emit: $ }) {
-    const t = e, b = $, d = m(), y = m(), k = m(0);
-    let c = v(t.selectedFilters ?? {});
-    const p = v(t.selectedRanges ?? {}), u = C(() => !(t.disabled || !t.multiple && t.droppedIds.length > 0)), w = C(() => t.droppedIds.some((n) => t.consistency[n] === !1) ? !1 : t.disabled ? "1 true" : !u.value && t.draggedId ? "2 true" : !1);
-    L(
-      () => t.selectedFilters,
-      () => {
-        c = v(t.selectedFilters ?? {});
-      }
-    ), t.sortable && (L(
-      () => t.droppedIds,
-      () => {
-        k.value++;
-      },
-      { deep: !0 }
-    ), A(y, {
-      handle: ".dnd-basket-chip__handler",
-      onChange(n) {
-        b(
-          "reorder",
-          n.map((s) => t.droppedIds[s])
-        );
-      }
-    }));
-    function R() {
-      d.value && !t.disabled && u.value && d.value.classList.add("active");
-    }
-    function F() {
-      d.value && d.value.classList.remove("active");
-    }
-    function V(n) {
-      n.stopPropagation(), u.value && (t.draggedId && b("drop-item", { draggedId: t.draggedId, id: t.id }), F());
-    }
-    function O(n) {
-      n.preventDefault();
-    }
-    function S(n) {
-      n.preventDefault(), R();
-    }
-    const U = async (n, s) => t.searchFn(n, s), q = async (n, s) => (await Promise.all(s.map((a) => t.searchSelectedValueFn(n, a)))).map((a) => a[0]);
-    return (n, s) => (o(), i("div", {
-      ref_key: "basketRoot",
-      ref: d,
-      class: M([{
-        disabled: w.value,
-        empty: e.droppedIds.length === 0,
-        readonly: e.readonly
-      }, "dnd-basket"]),
-      dropzone: "true",
-      onDrop: V,
-      onDragenter: O,
-      onDragover: S,
-      onDragleave: F
-    }, [
-      f("div", Z, [
-        e.required ? (o(), i("span", j, [...s[0] || (s[0] = [
-          f("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "6",
-            height: "16",
-            viewBox: "0 0 6 16",
-            fill: "none"
-          }, [
-            f("path", {
-              d: "M2.01685 6.8L3 5.34159L3.97612 6.8L4.89607 6.12743L3.81461 4.7469L5.5 4.25133L5.14888 3.16106L3.50562 3.77699L3.56882 2H2.43118L2.49438 3.77699L0.851124 3.16106L0.5 4.25133L2.18539 4.7469L1.09691 6.12743L2.01685 6.8Z",
-              fill: "#F1222F"
-            })
-          ], -1)
-        ])])) : h("", !0),
-        N(" " + P(e.title), 1)
-      ]),
-      f("div", G, [
-        (o(), i("div", {
-          ref_key: "listRef",
-          ref: y,
-          key: k.value,
-          class: "dnd-basket__chip-wrapper"
-        }, [
-          (o(!0), i(B, null, z(e.droppedIds, (r, a) => (o(), i(B, null, [
-            !e.isFilter || e.info[r].isSubsetFilter ? (o(), g(H, {
-              key: r + "_subset",
-              sortable: e.sortable,
-              error: e.consistency[r] === !1,
-              info: e.info[r],
-              onCloseChip: (l) => n.$emit("remove-item", { chipId: r, basketId: e.id })
-            }, null, 8, ["sortable", "error", "info", "onCloseChip"])) : e.info[r].isDiscreteFilter ? (o(), g(K, {
-              key: r + "_double",
-              filter: D(c)[r],
-              "onUpdate:filter": [(l) => D(c)[r] = l, (l) => n.$emit("select-filter-value", { v: l, idx: a })],
-              info: e.info[r],
-              error: e.consistency[r] === !1,
-              sortable: e.sortable,
-              "search-options": U,
-              "search-model": q,
-              "load-options": e.loadOptionsFn,
-              onCloseChip: (l) => n.$emit("remove-item", { chipId: r, basketId: e.id })
-            }, null, 8, ["filter", "onUpdate:filter", "info", "error", "sortable", "load-options", "onCloseChip"])) : (o(), g(T, {
-              key: r + "_range",
-              filter: p[r],
-              "onUpdate:filter": [(l) => p[r] = l, (l) => n.$emit("select-filter-range", { v: l, idx: a })],
-              info: e.info[r],
-              error: e.consistency[r] === !1,
-              onCloseChip: (l) => n.$emit("remove-item", { chipId: r, basketId: e.id })
-            }, null, 8, ["filter", "onUpdate:filter", "info", "error", "onCloseChip"]))
-          ], 64))), 256))
-        ])),
-        !e.droppedIds.length || e.multiple ? (o(), i("div", J, " Drop dimensions here ")) : h("", !0)
-      ])
-    ], 34));
-  }
-});
-export {
-  I as default
-};
-//# sourceMappingURL=DndBasket.vue.js.map

package/dist/components/DragAndDrop/DndBasket.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndBasket.vue.js","sources":["../../../src/components/DragAndDrop/DndBasket.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useSortable } from '@platforma-sdk/ui-vue';\nimport { computed, reactive, ref, watch } from 'vue';\nimport DndBasketChip from './DnDBasketChip.vue';\nimport DndDoubleChip from './DndDoubleChip.vue';\nimport DnDRangeChip from './DnDRangeChip.vue';\nimport type {\n  DndBasketEmits,\n  DndBasketProps,\n  SelectFilterValueEvent,\n} from './types';\n\nconst props = defineProps<DndBasketProps>();\n\nconst emit = defineEmits<DndBasketEmits>();\n\nconst basketRoot = ref<HTMLElement>();\nconst listRef = ref<HTMLElement>();\nconst listKey = ref(0);\n\nlet selectedFilterValues = reactive(props.selectedFilters ?? {});\nconst selectedFilterRanges = reactive(props.selectedRanges ?? {});\n\nconst canPutOneMore = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n  if (!props.multiple && props.droppedIds.length > 0) {\n    return false;\n  }\n\n  return true;\n});\n\nconst isBasketDisable = computed(() => {\n  // basket is not disabled if it has inconsistent value\n  if (props.droppedIds.some((id) => props.consistency[id] === false)) {\n    return false;\n  }\n  if (props.disabled) {\n    return '1 true';\n  }\n  if (!canPutOneMore.value && props.draggedId) {\n    return '2 true';\n  }\n  return false;\n});\n\nwatch(\n  () => props.selectedFilters,\n  () => {\n    selectedFilterValues = reactive(props.selectedFilters ?? {});\n  },\n);\n\nif (props.sortable) {\n  watch(\n    () => props.droppedIds,\n    () => {\n      listKey.value++;\n    },\n    { deep: true },\n  );\n  useSortable(listRef, {\n    handle: '.dnd-basket-chip__handler',\n    onChange(indices) {\n      emit(\n        'reorder',\n        indices.map((i) => props.droppedIds[i]),\n      );\n    },\n  });\n}\n\nfunction addActiveClass() {\n  if (basketRoot.value && !props.disabled && canPutOneMore.value) {\n    basketRoot.value.classList.add('active');\n  }\n}\n\nfunction removeActiveClass() {\n  if (basketRoot.value) {\n    basketRoot.value.classList.remove('active');\n  }\n}\n\nfunction handleDrop(event: DragEvent) {\n  event.stopPropagation();\n  if (canPutOneMore.value) {\n    if (props.draggedId) {\n      emit('drop-item', { draggedId: props.draggedId, id: props.id });\n    }\n    removeActiveClass();\n  }\n}\n\nfunction dragEnter(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n  addActiveClass();\n}\nconst filterOptions = async (sourceId: string, searchStr: string) => {\n  return props.searchFn(sourceId, searchStr);\n};\nconst searchModel = async (sourceId: string, selectedValues: string[]) => {\n  const result = await Promise.all(selectedValues.map((v) => props.searchSelectedValueFn(sourceId, v)));\n  return result.map((r) => r[0]);\n};\n\n</script>\n<template>\n  <div\n    ref=\"basketRoot\"\n    :class=\"{\n      disabled: isBasketDisable,\n      empty: droppedIds.length === 0,\n      readonly\n    }\"\n    class=\"dnd-basket\"\n    dropzone=\"true\"\n    @drop=\"handleDrop\"\n    @dragenter=\"dragEnter\"\n    @dragover=\"dragOver\"\n    @dragleave=\"removeActiveClass\"\n  >\n    <div class=\"dnd-basket__title\">\n      <span v-if=\"required\" class=\"dnd-basket__required\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"6\"\n          height=\"16\"\n          viewBox=\"0 0 6 16\"\n          fill=\"none\"\n        >\n          <path\n            d=\"M2.01685 6.8L3 5.34159L3.97612 6.8L4.89607 6.12743L3.81461 4.7469L5.5 4.25133L5.14888 3.16106L3.50562 3.77699L3.56882 2H2.43118L2.49438 3.77699L0.851124 3.16106L0.5 4.25133L2.18539 4.7469L1.09691 6.12743L2.01685 6.8Z\"\n            fill=\"#F1222F\"\n          />\n        </svg>\n      </span>\n      {{ title }}\n    </div>\n    <div class=\"dnd-basket__drop-container\">\n      <div ref=\"listRef\" :key=\"listKey\" class=\"dnd-basket__chip-wrapper\">\n        <template v-for=\"(chipId, idx) in droppedIds\">\n          <DndBasketChip\n            v-if=\"!isFilter || info[chipId].isSubsetFilter\"\n            :key=\"chipId + '_subset'\"\n            :sortable=\"sortable\"\n            :error=\"consistency[chipId] === false\"\n            :info=\"info[chipId]\"\n            @close-chip=\"$emit('remove-item', { chipId, basketId: id })\"\n          />\n          <DndDoubleChip\n            v-else-if=\"info[chipId].isDiscreteFilter\"\n            :key=\"chipId + '_double'\"\n            v-model:filter=\"selectedFilterValues[chipId]\"\n            :info=\"info[chipId]\"\n            :error=\"consistency[chipId] === false\"\n            :sortable=\"sortable\"\n            :search-options=\"filterOptions\"\n            :search-model=\"searchModel\"\n            :load-options=\"loadOptionsFn\"\n            @close-chip=\"$emit('remove-item', { chipId, basketId: id })\"\n            @update:filter=\"(v: SelectFilterValueEvent['v']) => $emit('select-filter-value', { v, idx })\"\n          />\n          <DnDRangeChip\n            v-else\n            :key=\"chipId + '_range'\"\n            v-model:filter=\"selectedFilterRanges[chipId]\"\n            :info=\"info[chipId]\"\n            :error=\"consistency[chipId] === false\"\n            @close-chip=\"$emit('remove-item', { chipId, basketId: id })\"\n            @update:filter=\"(v:SelectFilterValueEvent['v']) => $emit('select-filter-range', { v, idx })\"\n          />\n        </template>\n      </div>\n      <div v-if=\"!droppedIds.length || multiple\" class=\"dnd-basket__placeholder\">\n        Drop dimensions here\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","basketRoot","ref","listRef","listKey","selectedFilterValues","reactive","selectedFilterRanges","canPutOneMore","computed","isBasketDisable","id","watch","useSortable","indices","i","addActiveClass","removeActiveClass","handleDrop","event","dragEnter","dragOver","filterOptions","sourceId","searchStr","searchModel","selectedValues","v","r","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_1","_openBlock","_hoisted_2","_cache","_createTextVNode","_hoisted_3","_Fragment","_renderList","chipId","idx","_createBlock","DndBasketChip","$event","$emit","DndDoubleChip","_unref","DnDRangeChip","_hoisted_4"],"mappings":"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"}