@milaboratories/graph-maker 1.1.175 → 1.1.177

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DnDBasketChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDBasketChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlIcon16 } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport { ChipInfo } from './types.ts';\nimport CloseChipIcon from '../../assets/drag-and-drop/img/chip-close.svg?raw';\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\"></div>\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        v-html=\"CloseChipIcon\"\n        class=\"dnd-basket-chip__icon-close\"\n        @click=\"closeChip\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","chipRoot","ref","dimensionsTitle","computed","closeChip"],"mappings":";;;;;;;;;;;;;;;AAMA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.d.ts

@@ -1,20 +0,0 @@
-import { ChipInfo } from './types.ts';
-type __VLS_Props = {
-    info: ChipInfo;
-    error: boolean;
-};
-type __VLS_PublicProps = {
-    'filter': any;
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:filter": (value: any) => any;
-} & {
-    "close-chip": (id: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onClose-chip"?: ((id: string) => any) | undefined;
-    "onUpdate:filter"?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    chipRoot: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=DnDRangeChip.vue.d.ts.map

package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DnDRangeChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDRangeChip.vue"],"names":[],"mappings":"AAsEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAKtC,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAwBF,KAAK,iBAAiB,GAAG;IACzB,QAAQ,EAAE,GAAG,CAAC;CACb,GAAG,WAAW,CAAC;;;;;;;;;;;AA0HhB,wBASG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DnDRangeChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDRangeChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChipInfo } from './types.ts';\nimport CloseIcon from '../../assets/drag-and-drop/img/chip-close.svg?raw';\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('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        v-html=\"CloseIcon\"\n        class=\"dnd-double-chip__icon-close\"\n        @click=\"$emit('close-chip', props.info.id)\"\n      />\n    </div>\n    <div class=\"dnd-double-chip__bottom-range\">\n      <div class=\"dnd-double-chip__bottom-range-row\">\n        <PlNumberField\n          label=\"Min\"\n          v-model=\"range.min\"\n          :updateOnEnterOrClickOutside=\"true\"\n          :useIncrementButtons=\"false\"\n        />\n      </div>\n      <div class=\"dnd-double-chip__bottom-range-row\">\n        <PlNumberField\n          label=\"Max\"\n          v-model=\"range.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"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GASRC,IAAcC,EAAWF,GAAC,QAA4B,GAEtDG,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;AAC/B,QAAAP,EAAY,QAAQO;AAAA,MACtB;AAAA,MAAG,EAAE,MAAM,GAAA;AAAA,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/DragAndDrop/DndBasket.vue.d.ts

@@ -1,20 +0,0 @@
-import { DndBasketProps, SelectFilterValueEvent } from './types';
-type __VLS_Props = DndBasketProps;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "drop-item": (data: import('./types').DropItemEvent<any>) => any;
-    "remove-item": (data: import('./types').RemoveItemEvent<any>) => any;
-    "select-filter-value": (data: SelectFilterValueEvent) => any;
-    "select-filter-range": (data: SelectFilterValueEvent) => any;
-    reorder: (data: string[]) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onDrop-item"?: ((data: import('./types').DropItemEvent<any>) => any) | undefined;
-    "onRemove-item"?: ((data: import('./types').RemoveItemEvent<any>) => any) | undefined;
-    "onSelect-filter-value"?: ((data: SelectFilterValueEvent) => any) | undefined;
-    "onSelect-filter-range"?: ((data: SelectFilterValueEvent) => any) | undefined;
-    onReorder?: ((data: string[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    basketRoot: HTMLDivElement;
-    listRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=DndBasket.vue.d.ts.map

package/dist/GraphMaker/components/DragAndDrop/DndBasket.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndBasket.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndBasket.vue"],"names":[],"mappings":"AA6LA,OAAO,EAEL,cAAc,EACd,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,cAAc,CAAC;;;;;;;;;;;;;;;;;AAkTlC,wBASG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DndBasket.vue.js","sources":["../../../../src/GraphMaker/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 {\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 ?? {});\nlet 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  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 v-if=\"!droppedIds.length\" class=\"dnd-basket__placeholder\">\n        Drop dimensions here\n      </div>\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>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","basketRoot","ref","listRef","listKey","selectedFilterValues","reactive","selectedFilterRanges","canPutOneMore","computed","isBasketDisable","watch","useSortable","indices","i","addActiveClass","removeActiveClass","handleDrop","event","dragEnter","dragOver","filterOptions","sourceId","searchStr","searchModel","selectedValues","v","r"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAERC,IAAOC,GAEPC,IAAaC,EAAA,GACbC,IAAUD,EAAA,GACVE,IAAUF,EAAI,CAAC;AAErB,QAAIG,IAAuBC,EAAST,EAAM,mBAAmB,CAAA,CAAE,GAC3DU,IAAuBD,EAAST,EAAM,kBAAkB,CAAA,CAAE;AAE9D,UAAMW,IAAgBC,EAAS,MACzB,EAAAZ,EAAM,YAGN,CAACA,EAAM,YAAYA,EAAM,WAAW,SAAS,EAKlD,GAEKa,IAAkBD,EAAS,MAC3BZ,EAAM,WACD,WAEL,CAACW,EAAc,SAASX,EAAM,YACzB,WAEF,EACR;AAED,IAAAc;AAAA,MACE,MAAMd,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAQ,IAAuBC,EAAST,EAAM,mBAAmB,CAAA,CAAE;AAAA,MAC7D;AAAA,IAAA,GAGEA,EAAM,aACRc;AAAA,MACE,MAAMd,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAO,EAAQ;AAAA,MACV;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAEfQ,EAAYT,GAAS;AAAA,MACnB,QAAQ;AAAA,MACR,SAASU,GAAS;AAChB,QAAAd;AAAA,UACE;AAAA,UACAc,EAAQ,IAAI,CAACC,MAAMjB,EAAM,WAAWiB,CAAC,CAAC;AAAA,QAAA;AAAA,MAE1C;AAAA,IAAA,CACD;AAGH,aAASC,IAAiB;AACxB,MAAId,EAAW,SAAS,CAACJ,EAAM,YAAYW,EAAc,SACvDP,EAAW,MAAM,UAAU,IAAI,QAAQ;AAAA,IAE3C;AAEA,aAASe,IAAoB;AAC3B,MAAIf,EAAW,SACbA,EAAW,MAAM,UAAU,OAAO,QAAQ;AAAA,IAE9C;AAEA,aAASgB,EAAWC,GAAkB;AACpC,MAAAA,EAAM,gBAAA,GACFV,EAAc,UACZX,EAAM,aACRE,EAAK,aAAa,EAAE,WAAWF,EAAM,WAAW,IAAIA,EAAM,IAAI,GAEhEmB,EAAA;AAAA,IAEJ;AAEA,aAASG,EAAUD,GAAkB;AACnC,MAAAA,EAAM,eAAA;AAAA,IACR;AAEA,aAASE,EAASF,GAAkB;AAClC,MAAAA,EAAM,eAAA,GACNH,EAAA;AAAA,IACF;AACA,UAAMM,IAAgB,OAAOC,GAAkBC,MACtC1B,EAAM,SAASyB,GAAUC,CAAS,GAErCC,IAAc,OAAOF,GAAkBG,OAC5B,MAAM,QAAQ,IAAIA,EAAe,IAAI,CAAAC,MAAK7B,EAAM,sBAAsByB,GAAUI,CAAC,CAAC,CAAC,GACpF,IAAI,CAAAC,MAAKA,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/DragAndDrop/DndChip.vue.d.ts

@@ -1,15 +0,0 @@
-import { ChipInfo } from './types.ts';
-type __VLS_Props = {
-    info: ChipInfo;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    dragend: (item: string) => any;
-    dragstart: (item: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDragend?: ((item: string) => any) | undefined;
-    onDragstart?: ((item: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    chipRoot: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=DndChip.vue.d.ts.map

package/dist/GraphMaker/components/DragAndDrop/DndChip.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndChip.vue"],"names":[],"mappings":"AA4DA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;;;;;;;;;;AA8GF,wBASG"}

package/dist/GraphMaker/components/DragAndDrop/DndChip.vue.js

@@ -1,50 +0,0 @@
-import { defineComponent as m, ref as _, computed as h, createElementBlock as l, openBlock as d, createElementVNode as a, createVNode as v, unref as y, createCommentVNode as D, toDisplayString as c } from "vue";
-import { PlIcon16 as b } from "@platforma-sdk/ui-vue";
-const k = { class: "dnd-chip__icon" }, S = { class: "dnd-chip__title-wrapper" }, V = ["title"], C = ["title"], T = /* @__PURE__ */ m({
-  __name: "DndChip",
-  props: {
-    info: {}
-  },
-  emits: ["dragstart", "dragend"],
-  setup(p, { emit: f }) {
-    const i = p, o = f, e = _(), s = h(
-      () => i.info.uniqueValues.join("/")
-    );
-    function u(t) {
-      var n, r;
-      (n = t.dataTransfer) == null || n.clearData(), (r = t.dataTransfer) == null || r.setData("text/plain", i.info.id), o("dragstart", i.info.id), t.target.style.opacity = "0.4", e.value && e.value.classList.toggle("drag-active");
-    }
-    function g(t) {
-      o("dragend", i.info.id), t.target.style.opacity = "1", e.value && e.value.classList.toggle("drag-active");
-    }
-    return (t, n) => (d(), l("div", {
-      ref_key: "chipRoot",
-      ref: e,
-      draggable: "true",
-      class: "dnd-chip",
-      onDragstart: u,
-      onDragend: g
-    }, [
-      a("div", k, [
-        v(y(b), {
-          name: t.info.isSubsetFilter ? "cell-type-subset" : t.info.type === "String" ? "cell-type-txt" : "cell-type-num"
-        }, null, 8, ["name"])
-      ]),
-      a("div", S, [
-        a("div", {
-          class: "dnd-chip__title",
-          title: t.info.title
-        }, c(t.info.title), 9, V),
-        t.info.nonHomogenous ? (d(), l("div", {
-          key: 0,
-          class: "dnd-chip__sub-title",
-          title: s.value
-        }, c(s.value), 9, C)) : D("", !0)
-      ])
-    ], 544));
-  }
-});
-export {
-  T as default
-};
-//# sourceMappingURL=DndChip.vue.js.map

package/dist/GraphMaker/components/DragAndDrop/DndChip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { ChipInfo } from './types.ts';\nimport { PlIcon16 } from '@platforma-sdk/ui-vue';\n\nconst props = defineProps<{\n  info: ChipInfo;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'dragstart', item: ChipInfo['id']): void;\n  (e: 'dragend', item: ChipInfo['id']): void;\n}>();\n\nconst chipRoot = ref<HTMLElement>();\n\nconst dimensionsTitle = computed(() =>\n  props.info.uniqueValues.join('/'),\n);\nfunction dragStart(event: DragEvent) {\n  event.dataTransfer?.clearData();\n  event.dataTransfer?.setData('text/plain', props.info.id);\n  // console.log('dragStart', props.info);\n  emit('dragstart', props.info.id);\n  (event.target as HTMLElement).style.opacity = '0.4';\n  if (chipRoot.value) {\n    chipRoot.value.classList.toggle('drag-active');\n  }\n}\n\nfunction dragEnd(event: DragEvent) {\n  emit('dragend', props.info.id);\n  (event.target as HTMLElement).style.opacity = '1';\n  if (chipRoot.value) {\n    chipRoot.value.classList.toggle('drag-active');\n  }\n}\n</script>\n<template>\n  <div\n    ref=\"chipRoot\"\n    draggable=\"true\"\n    class=\"dnd-chip\"\n    @dragstart=\"dragStart\"\n    @dragend=\"dragEnd\"\n  >\n    <div class=\"dnd-chip__icon\" >\n      <PlIcon16 :name=\"info.isSubsetFilter ? 'cell-type-subset' : info.type === 'String' ? 'cell-type-txt' : 'cell-type-num'\"/>\n    </div>\n    <div class=\"dnd-chip__title-wrapper\">\n      <div class=\"dnd-chip__title\" :title=\"info.title\">{{ info.title }}</div>\n      <div v-if=\"info.nonHomogenous\" class=\"dnd-chip__sub-title\" :title=\"dimensionsTitle\">\n        {{ dimensionsTitle }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","chipRoot","ref","dimensionsTitle","computed","dragStart","event","_a","_b","dragEnd"],"mappings":";;;;;;;;;AAKA,UAAMA,IAAQC,GAIRC,IAAOC,GAKPC,IAAWC,EAAA,GAEXC,IAAkBC;AAAA,MAAS,MAC/BP,EAAM,KAAK,aAAa,KAAK,GAAG;AAAA,IAAA;AAElC,aAASQ,EAAUC,GAAkB;;AACnC,OAAAC,IAAAD,EAAM,iBAAN,QAAAC,EAAoB,cACpBC,IAAAF,EAAM,iBAAN,QAAAE,EAAoB,QAAQ,cAAcX,EAAM,KAAK,KAErDE,EAAK,aAAaF,EAAM,KAAK,EAAE,GAC9BS,EAAM,OAAuB,MAAM,UAAU,OAC1CL,EAAS,SACXA,EAAS,MAAM,UAAU,OAAO,aAAa;AAAA,IAEjD;AAEA,aAASQ,EAAQH,GAAkB;AACjC,MAAAP,EAAK,WAAWF,EAAM,KAAK,EAAE,GAC5BS,EAAM,OAAuB,MAAM,UAAU,KAC1CL,EAAS,SACXA,EAAS,MAAM,UAAU,OAAO,aAAa;AAAA,IAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.d.ts

@@ -1,29 +0,0 @@
-import { ListOption, ListOptionBase } from '@platforma-sdk/ui-vue';
-import { ChipInfo } from './types';
-type __VLS_Props = {
-    info: ChipInfo;
-    error: boolean;
-    searchModel: (sourceId: string, selectedValues: string[]) => Promise<ListOptionBase<string>[]>;
-    searchOptions: (sourceId: string, searchStr: string) => Promise<ListOptionBase<string>[]>;
-    loadOptions: (sourceId: string) => Promise<{
-        values: ListOption<string>[];
-        overflow: boolean;
-    }>;
-    sortable?: boolean;
-};
-type __VLS_PublicProps = {
-    'filter': string[];
-} & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:filter": (value: string[]) => any;
-} & {
-    "close-chip": (id: string) => any;
-    "update:filter": (id: unknown) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onClose-chip"?: ((id: string) => any) | undefined;
-    "onUpdate:filter"?: ((id: unknown) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    chipRoot: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=DndDoubleChip.vue.d.ts.map

package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndDoubleChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndDoubleChip.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInC,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,cAAc,EAAC,MAAM,EAAE,KAAK,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7F,aAAa,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACxF,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,KAAK,OAAO,CAAC;QAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoCF,KAAK,iBAAiB,GAAG;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAC;CAClB,GAAG,WAAW,CAAC;;;;;;;;;;;;AAkJhB,wBASG"}

package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.js

@@ -1,88 +0,0 @@
-import { defineComponent as k, mergeModels as h, useModel as M, ref as _, watch as V, createElementBlock as b, openBlock as n, createElementVNode as i, normalizeClass as y, createCommentVNode as w, createVNode as O, createBlock as d, unref as r, toDisplayString as C } from "vue";
-import { PlIcon16 as p, PlDropdownMulti as D, PlAutocompleteMulti as S } from "@platforma-sdk/ui-vue";
-import B from "../../assets/drag-and-drop/img/chip-close.svg.js";
-import { useStore as F } from "../../store.js";
-const P = {
-  ref: "chipRoot",
-  class: "dnd-double-chip__group"
-}, N = { class: "dnd-double-chip__top" }, E = {
-  key: 0,
-  class: "dnd-basket-chip__handler"
-}, H = ["title"], I = { class: "dnd-double-chip__title" }, L = ["innerHTML"], T = { class: "dnd-double-chip__bottom" }, G = /* @__PURE__ */ k({
-  __name: "DndDoubleChip",
-  props: /* @__PURE__ */ h({
-    info: {},
-    error: { type: Boolean },
-    searchModel: { type: Function },
-    searchOptions: { type: Function },
-    loadOptions: { type: Function },
-    sortable: { type: Boolean }
-  }, {
-    filter: { required: !0 },
-    filterModifiers: {}
-  }),
-  emits: /* @__PURE__ */ h(["close-chip", "update:filter"], ["update:filter"]),
-  setup(c, { emit: U }) {
-    var f, v;
-    const o = c, a = F(), s = M(c, "filter"), u = _((f = a.value.filterSuggestionsData.value[o.info.id]) == null ? void 0 : f.values), m = _(((v = a.value.filterSuggestionsData.value[o.info.id]) == null ? void 0 : v.overflow) ?? !1);
-    V(() => a.value.loading.inputGuide, async (e) => {
-      if (e)
-        return;
-      const { values: l, overflow: t } = await o.loadOptions(o.info.id);
-      u.value = l, m.value = t;
-    }, { immediate: !0 });
-    function g(e) {
-      return e === "" ? Promise.resolve(u.value ?? []) : o.searchOptions(o.info.id, e);
-    }
-    return (e, l) => (n(), b("div", P, [
-      i("div", {
-        class: y([{ error: e.error, sortable: e.sortable }, "dnd-double-chip"])
-      }, [
-        i("div", N, [
-          i("div", {
-            class: y(["dnd-double-chip__icon", { error: e.error }])
-          }, [
-            e.error ? (n(), d(r(p), {
-              key: 0,
-              name: "warning"
-            })) : (n(), d(r(p), {
-              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 ? (n(), b("div", E)) : w("", !0),
-          O(r(p), { name: "drag-dots" }),
-          i("div", {
-            class: "dnd-double-chip__title-wrapper",
-            title: e.info.title
-          }, [
-            i("div", I, C(e.info.title), 1)
-          ], 8, H),
-          i("div", {
-            innerHTML: r(B),
-            class: "dnd-double-chip__icon-close",
-            onClick: l[0] || (l[0] = (t) => e.$emit("close-chip", o.info.id))
-          }, null, 8, L)
-        ]),
-        i("div", T, [
-          m.value ? (n(), d(r(S), {
-            key: 1,
-            modelValue: s.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (t) => s.value = t),
-            "options-search": g,
-            "model-search": (t) => e.searchModel(o.info.id, t)
-          }, null, 8, ["modelValue", "model-search"])) : (n(), d(r(D), {
-            key: 0,
-            modelValue: s.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (t) => s.value = t),
-            options: u.value
-          }, null, 8, ["modelValue", "options"]))
-        ])
-      ], 2)
-    ], 512));
-  }
-});
-export {
-  G as default
-};
-//# sourceMappingURL=DndDoubleChip.vue.js.map

package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DndDoubleChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndDoubleChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport type { ListOption, ListOptionBase } from '@platforma-sdk/ui-vue';\nimport { PlAutocompleteMulti, PlDropdownMulti, PlIcon16 } from '@platforma-sdk/ui-vue';\nimport { ChipInfo } from './types';\nimport CloseIcon from '../../assets/drag-and-drop/img/chip-close.svg?raw';\nimport { useStore } from '../../../GraphMaker/store.ts';\n\nconst props = defineProps<{\n  info: ChipInfo;\n  error: boolean;\n  searchModel: (sourceId:string, selectedValues:string[]) => Promise<ListOptionBase<string>[]>;\n  searchOptions: (sourceId:string, searchStr:string) => Promise<ListOptionBase<string>[]>;\n  loadOptions: (sourceId:string) => Promise<{values: ListOption<string>[], overflow: boolean}>;\n  sortable?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'close-chip', id: ChipInfo['id']): void;\n  (e: 'update:filter', id: unknown): void;\n}>();\n\nconst store = useStore();\n\nconst filterModel = defineModel<string[]>('filter', {required: true});\n\nconst preloadedOptions = ref<ListOption[] | undefined>(store.value.filterSuggestionsData.value[props.info.id]?.values);\nconst optionsOverflow = ref(store.value.filterSuggestionsData.value[props.info.id]?.overflow ?? false);\n\nwatch(() => store.value.loading.inputGuide, async (loading) => {\n  if (loading) {\n    return;\n  }\n  const {values, overflow} = await props.loadOptions(props.info.id);\n  preloadedOptions.value = values;\n  optionsOverflow.value = overflow;\n}, {immediate: true});\n\nfunction searchOptions(str: string): Promise<ListOptionBase<string>[]> {\n  if (str === '') {\n    return Promise.resolve((preloadedOptions.value ?? []) as ListOptionBase<string>[]);\n  }\n  return props.searchOptions(props.info.id, str);\n}\n\n</script>\n\n<template>\n  <div ref=\"chipRoot\" class=\"dnd-double-chip__group\">\n    <div :class=\"{ error, sortable }\" class=\"dnd-double-chip\">\n      <div class=\"dnd-double-chip__top\">\n        <div class=\"dnd-double-chip__icon\" :class=\"{error}\">\n          <PlIcon16 v-if=\"error\" name=\"warning\"/>\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\"></div>\n        <PlIcon16 name=\"drag-dots\" />\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\n        <div\n          v-html=\"CloseIcon\"\n          class=\"dnd-double-chip__icon-close\"\n          @click=\"$emit('close-chip', props.info.id)\"\n        />\n      </div>\n      <div class=\"dnd-double-chip__bottom\">\n        <PlDropdownMulti v-if=\"!optionsOverflow\" v-model=\"filterModel\" :options=\"preloadedOptions\" />\n        <PlAutocompleteMulti\n          v-else\n          v-model=\"filterModel\"\n          :options-search=\"searchOptions\"\n          :model-search=\"(v) => searchModel(props.info.id, v as string[])\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","store","useStore","filterModel","_useModel","preloadedOptions","ref","_a","optionsOverflow","_b","watch","loading","values","overflow","searchOptions","str"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAcRC,IAAQC,EAAA,GAERC,IAAcC,EAAqBJ,GAAC,QAA0B,GAE9DK,IAAmBC,GAA8BC,IAAAN,EAAM,MAAM,sBAAsB,MAAMF,EAAM,KAAK,EAAE,MAArD,gBAAAQ,EAAwD,MAAM,GAC/GC,IAAkBF,IAAIG,IAAAR,EAAM,MAAM,sBAAsB,MAAMF,EAAM,KAAK,EAAE,MAArD,gBAAAU,EAAwD,aAAY,EAAK;AAErG,IAAAC,EAAM,MAAMT,EAAM,MAAM,QAAQ,YAAY,OAAOU,MAAY;AAC7D,UAAIA;AACF;AAEF,YAAM,EAAC,QAAAC,GAAQ,UAAAC,MAAY,MAAMd,EAAM,YAAYA,EAAM,KAAK,EAAE;AAChE,MAAAM,EAAiB,QAAQO,GACzBJ,EAAgB,QAAQK;AAAA,IAC1B,GAAG,EAAC,WAAW,IAAK;AAEpB,aAASC,EAAcC,GAAgD;AACrE,aAAIA,MAAQ,KACH,QAAQ,QAASV,EAAiB,SAAS,CAAA,CAA+B,IAE5EN,EAAM,cAAcA,EAAM,KAAK,IAAIgB,CAAG;AAAA,IAC/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}