@milaboratories/graph-maker 1.1.150 → 1.1.152

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

@@ -1,124 +1,79 @@
-import { defineComponent as M, mergeModels as V, useModel as b, reactive as A, watch as f, ref as C, createElementBlock as m, openBlock as d, createElementVNode as a, createCommentVNode as _, normalizeClass as w, createVNode as x, unref as s, toDisplayString as I, Fragment as B, renderList as U, createBlock as F } from "vue";
-import $ from "../../assets/drag-and-drop/img/chip-close.svg.js";
-import { PlIcon16 as P, PlNumberField as T, PlDropdown as D, PlAutocomplete as E } from "@platforma-sdk/ui-vue";
-import { useStore as N } from "../../store.js";
-const L = {
+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";
+import { useStore as k } from "../../store.js";
+const B = {
   ref: "chipRoot",
   class: "dnd-double-chip__group"
-}, S = { class: "dnd-double-chip__top" }, q = { class: "dnd-double-chip__icon" }, H = ["title"], R = { class: "dnd-double-chip__title" }, j = ["innerHTML"], z = { class: "dnd-double-chip__bottom-range" }, G = { class: "dnd-double-chip__bottom-range-row" }, J = { class: "dnd-double-chip__bottom-range-row" }, K = {
-  key: 0,
-  class: "dnd-basket-chip__fixed-axes-block"
-}, Z = /* @__PURE__ */ M({
+}, w = { class: "dnd-double-chip__top" }, E = { class: "dnd-double-chip__icon" }, I = ["title"], y = { class: "dnd-double-chip__title" }, D = ["innerHTML"], N = { class: "dnd-double-chip__bottom-range" }, x = { class: "dnd-double-chip__bottom-range-row" }, H = { class: "dnd-double-chip__bottom-range-row" }, U = /* @__PURE__ */ _({
   __name: "DnDRangeChip",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ c({
     info: {},
-    error: { type: Boolean },
-    searchModel: { type: Function },
-    searchOptions: { type: Function },
-    loadOptions: { type: Function }
+    error: { type: Boolean }
   }, {
     filter: { required: !0 },
-    filterModifiers: {},
-    fixedAxes: { required: !0 },
-    fixedAxesModifiers: {}
+    filterModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["close-chip", "update:fixedAxes"], ["update:filter", "update:fixedAxes"]),
-  setup(p, { emit: y }) {
-    var v, h;
-    const n = p, O = N(), g = y, c = b(p, "filter"), i = b(p, "fixedAxes"), u = A({
-      min: (v = c.value) == null ? void 0 : v[0],
-      max: (h = c.value) == null ? void 0 : h[1]
+  emits: /* @__PURE__ */ c(["close-chip"], ["update:filter"]),
+  setup(r, { emit: L }) {
+    var a, u;
+    const p = r;
+    k();
+    const d = f(r, "filter"), l = h({
+      min: (a = d.value) == null ? void 0 : a[0],
+      max: (u = d.value) == null ? void 0 : u[1]
     });
-    f(
-      () => u,
+    return b(
+      () => l,
       (o) => {
-        c.value = o;
+        d.value = o;
       },
       { deep: !0 }
-    );
-    const r = C(n.info.axesToBeFixed.reduce((o, l) => (o[l] = void 0, o), {}));
-    return f(() => O.value.inputGuide.value, async (o) => {
-      if (!Object.values(r.value).every((l) => l !== void 0) && n.info.axesToBeFixed.every((l) => o.axesToBeFixedSet.has(l))) {
-        const l = await Promise.all(n.info.axesToBeFixed.map((e) => n.loadOptions(e)));
-        r.value = n.info.axesToBeFixed.reduce((e, t, k) => (e[t] = l[k], e), {});
-      }
-    }, { immediate: !0 }), f(() => r.value, async (o) => {
-      for (let l = 0; l < n.info.axesToBeFixed.length; l++) {
-        const e = n.info.axesToBeFixed[l];
-        if (i.value[e].axisValue !== void 0 || o[e] === void 0)
-          continue;
-        let t = o[e];
-        o[e] === null && (t = await n.searchOptions(e, "")), t != null && t.length && (i.value[e].axisValue = t[0].value), g("update:fixedAxes", i.value);
-      }
-    }, { immediate: !0 }), (o, l) => (d(), m("div", L, [
-      a("div", {
-        class: w([{ error: o.error }, "dnd-double-chip"])
+    ), (o, t) => (g(), v("div", B, [
+      e("div", {
+        class: M([{ error: o.error }, "dnd-double-chip"])
       }, [
-        a("div", S, [
-          a("div", q, [
-            x(s(P), { name: "cell-type-num" })
+        e("div", w, [
+          e("div", E, [
+            s(n(O), { name: "cell-type-num" })
           ]),
-          a("div", {
+          e("div", {
             class: "dnd-double-chip__title-wrapper",
             title: o.info.title
           }, [
-            a("div", R, I(o.info.title), 1)
-          ], 8, H),
-          a("div", {
-            innerHTML: s($),
+            e("div", y, V(o.info.title), 1)
+          ], 8, I),
+          e("div", {
+            innerHTML: n(C),
             class: "dnd-double-chip__icon-close",
-            onClick: l[0] || (l[0] = (e) => o.$emit("close-chip", n.info.id))
-          }, null, 8, j)
+            onClick: t[0] || (t[0] = (i) => o.$emit("close-chip", p.info.id))
+          }, null, 8, D)
         ]),
-        a("div", z, [
-          a("div", G, [
-            x(s(T), {
+        e("div", N, [
+          e("div", x, [
+            s(n(m), {
               label: "Min",
-              modelValue: u.min,
-              "onUpdate:modelValue": l[1] || (l[1] = (e) => u.min = e),
+              modelValue: l.min,
+              "onUpdate:modelValue": t[1] || (t[1] = (i) => l.min = i),
               updateOnEnterOrClickOutside: !0,
               useIncrementButtons: !1
             }, null, 8, ["modelValue"])
           ]),
-          a("div", J, [
-            x(s(T), {
+          e("div", H, [
+            s(n(m), {
               label: "Max",
-              modelValue: u.max,
-              "onUpdate:modelValue": l[2] || (l[2] = (e) => u.max = e),
+              modelValue: l.max,
+              "onUpdate:modelValue": t[2] || (t[2] = (i) => l.max = i),
               updateOnEnterOrClickOutside: !0,
               useIncrementButtons: !1
             }, null, 8, ["modelValue"])
           ])
         ])
-      ], 2),
-      o.info.axesToBeFixed.length > 0 ? (d(), m("div", K, [
-        (d(!0), m(B, null, U(o.info.axesToBeFixed, (e) => (d(), m(B, { key: e }, [
-          i.value[e] && r.value[e] !== null ? (d(), F(s(D), {
-            key: 0,
-            modelValue: i.value[e].axisValue,
-            "onUpdate:modelValue": [
-              (t) => i.value[e].axisValue = t,
-              l[3] || (l[3] = (t) => o.$emit("update:fixedAxes", i.value))
-            ],
-            options: r.value[e],
-            label: o.info.axesToBeFixedInfo[e].title
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "label"])) : i.value[e] ? (d(), F(s(E), {
-            key: 1,
-            modelValue: i.value[e].axisValue,
-            "onUpdate:modelValue": [
-              (t) => i.value[e].axisValue = t,
-              l[4] || (l[4] = (t) => o.$emit("update:fixedAxes", i.value))
-            ],
-            "options-search": (t) => o.searchOptions(e, t),
-            "model-search": (t) => o.searchModel(e, t),
-            label: o.info.axesToBeFixedInfo[e].title
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "options-search", "model-search", "label"])) : _("", !0)
-        ], 64))), 128))
-      ])) : _("", !0)
+      ], 2)
     ], 512));
   }
 });
 export {
-  Z as default
+  U as default
 };
 //# sourceMappingURL=DnDRangeChip.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DnDRangeChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDRangeChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChipInfo, FixedAxisData } from './types.ts';\nimport CloseIcon from '../../assets/drag-and-drop/img/chip-close.svg?raw';\nimport { reactive, watch, ref } from 'vue';\nimport { PlAutocomplete, PlDropdown, PlIcon16, ListOption, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\n\nconst props = defineProps<{\n  info: ChipInfo;\n  error: boolean;\n  searchModel: (sourceId:string, selectedValue:string) => Promise<ListOption<string>>;\n  searchOptions: (sourceId:string, searchStr:string) => Promise<ListOption<string>[]>;\n  loadOptions: (sourceId:string) => Promise<ListOption<string>[] | null>;\n}>();\n\nconst store = useStore();\n\nconst emit = defineEmits<{\n  (e: 'close-chip', id: ChipInfo['id']): void;\n  (e: 'update:fixedAxes', id: Record<string, FixedAxisData>): void;\n}>();\n\nconst filterModel = defineModel('filter', { required: true });\nconst fixedAxesModel = defineModel<Record<string, FixedAxisData>>('fixedAxes', {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\nconst preloadedOptionsForAxesToBeFixed = ref<Record<string, ListOption[] | null | undefined>>(props.info.axesToBeFixed.reduce((res, v) => {\n  res[v] = undefined;\n  return res;\n}, {} as Record<string, ListOption[] | null | undefined>));\n\nwatch(() => store.value.inputGuide.value, async (ig) => {\n  if (Object.values(preloadedOptionsForAxesToBeFixed.value).every(v => v !== undefined)) {\n    return;\n  }\n  if (props.info.axesToBeFixed.every((axisId) => ig.axesToBeFixedSet.has(axisId))) {\n    const axesToBeFixedOptions = await Promise.all(props.info.axesToBeFixed.map((id) => props.loadOptions(id)));\n    preloadedOptionsForAxesToBeFixed.value = props.info.axesToBeFixed.reduce((res, v, idx) => {\n      res[v] = axesToBeFixedOptions[idx];\n      return res;\n    }, {} as Record<string, ListOption[] | null | undefined>)\n  }\n}, {immediate: true});\n\nwatch(() => preloadedOptionsForAxesToBeFixed.value, async (opts) => {\n  for (let i = 0; i < props.info.axesToBeFixed.length; i++) {\n    const axisId = props.info.axesToBeFixed[i];\n    if (fixedAxesModel.value[axisId].axisValue !== undefined || opts[axisId] === undefined) {\n      continue;\n    }\n    let availableOptions = opts[axisId];\n    if (opts[axisId] === null) {\n      availableOptions = await props.searchOptions(axisId, '');\n    }\n    if (availableOptions?.length) {\n      fixedAxesModel.value[axisId].axisValue = availableOptions[0].value as string;\n    }\n    emit('update:fixedAxes', fixedAxesModel.value);\n  }\n}, {immediate: true});\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 class=\"dnd-basket-chip__fixed-axes-block\" v-if=\"info.axesToBeFixed.length > 0\">\n    <template v-for=\"id in info.axesToBeFixed\" :key=\"id\">\n      <PlDropdown\n        v-if=\"fixedAxesModel[id] && preloadedOptionsForAxesToBeFixed[id] !== null\"\n        v-model=\"fixedAxesModel[id].axisValue\"\n        @update:model-value=\"$emit('update:fixedAxes', fixedAxesModel)\"\n        :options=\"preloadedOptionsForAxesToBeFixed[id]\"\n        :label=\"info.axesToBeFixedInfo[id].title\"\n      />\n      <PlAutocomplete\n        v-else-if=\"fixedAxesModel[id]\"\n        v-model=\"fixedAxesModel[id].axisValue\"\n        @update:model-value=\"$emit('update:fixedAxes', fixedAxesModel)\"\n        :options-search=\"(str) => searchOptions(id, str)\"\n        :model-search=\"(v) => searchModel(id, v as string)\"\n        :label=\"info.axesToBeFixedInfo[id].title\"\n      />\n    </template>\n  </div>\n  </div>\n</template>\n"],"names":["props","__props","store","useStore","emit","__emit","filterModel","_useModel","fixedAxesModel","range","reactive","_a","_b","watch","rangeValue","preloadedOptionsForAxesToBeFixed","ref","res","v","ig","axisId","axesToBeFixedOptions","id","idx","opts","i","availableOptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAQRC,IAAQC,EAAA,GAERC,IAAOC,GAKPC,IAAcC,EAAWN,GAAC,QAA4B,GACtDO,IAAiBD,EAA0CN,GAAC,WAA6B,GAEzFQ,IAAQC,EAAS;AAAA,MACrB,MAAMC,IAAAL,EAAY,UAAZ,gBAAAK,EAAiC;AAAA,MACvC,MAAMC,IAAAN,EAAY,UAAZ,gBAAAM,EAAiC;AAAA,IAAC,CACzC;AAED,IAAAC;AAAA,MAAM,MAAMJ;AAAA,MAAO,CAACK,MAAe;AAC/B,QAAAR,EAAY,QAAQQ;AAAA,MACtB;AAAA,MAAG,EAAE,MAAM,GAAA;AAAA,IAAK;AAGlB,UAAMC,IAAmCC,EAAqDhB,EAAM,KAAK,cAAc,OAAO,CAACiB,GAAKC,OAClID,EAAIC,CAAC,IAAI,QACFD,IACN,CAAA,CAAqD,CAAC;AAEzD,WAAAJ,EAAM,MAAMX,EAAM,MAAM,WAAW,OAAO,OAAOiB,MAAO;AACtD,UAAI,QAAO,OAAOJ,EAAiC,KAAK,EAAE,MAAM,CAAAG,MAAKA,MAAM,MAAS,KAGhFlB,EAAM,KAAK,cAAc,MAAM,CAACoB,MAAWD,EAAG,iBAAiB,IAAIC,CAAM,CAAC,GAAG;AAC/E,cAAMC,IAAuB,MAAM,QAAQ,IAAIrB,EAAM,KAAK,cAAc,IAAI,CAACsB,MAAOtB,EAAM,YAAYsB,CAAE,CAAC,CAAC;AAC1G,QAAAP,EAAiC,QAAQf,EAAM,KAAK,cAAc,OAAO,CAACiB,GAAKC,GAAGK,OAChFN,EAAIC,CAAC,IAAIG,EAAqBE,CAAG,GAC1BN,IACN,CAAA,CAAqD;AAAA,MAC1D;AAAA,IACF,GAAG,EAAC,WAAW,IAAK,GAEpBJ,EAAM,MAAME,EAAiC,OAAO,OAAOS,MAAS;AAClE,eAASC,IAAI,GAAGA,IAAIzB,EAAM,KAAK,cAAc,QAAQyB,KAAK;AACxD,cAAML,IAASpB,EAAM,KAAK,cAAcyB,CAAC;AACzC,YAAIjB,EAAe,MAAMY,CAAM,EAAE,cAAc,UAAaI,EAAKJ,CAAM,MAAM;AAC3E;AAEF,YAAIM,IAAmBF,EAAKJ,CAAM;AAClC,QAAII,EAAKJ,CAAM,MAAM,SACnBM,IAAmB,MAAM1B,EAAM,cAAcoB,GAAQ,EAAE,IAErDM,KAAA,QAAAA,EAAkB,WACpBlB,EAAe,MAAMY,CAAM,EAAE,YAAYM,EAAiB,CAAC,EAAE,QAE/DtB,EAAK,oBAAoBI,EAAe,KAAK;AAAA,MAC/C;AAAA,IACF,GAAG,EAAC,WAAW,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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, ref } from 'vue';\nimport { PlIcon16, ListOption, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\n\nconst props = defineProps<{\n  info: ChipInfo;\n  error: boolean;\n}>();\n\nconst store = useStore();\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","useStore","filterModel","_useModel","range","reactive","_a","_b","watch","rangeValue"],"mappings":";;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC;AAKA,IAAAC,EAAA;AAMd,UAAMC,IAAcC,EAAWH,GAAC,QAA4B,GAEtDI,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,18 +1,16 @@
-import { DndBasketProps, SelectFilterValueEvent, SelectFixedAxisValueEvent } from './types';
+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;
-    "select-fixed-axis-value": (data: SelectFixedAxisValueEvent) => 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;
-    "onSelect-fixed-axis-value"?: ((data: SelectFixedAxisValueEvent) => any) | undefined;
     onReorder?: ((data: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     basketRoot: HTMLDivElement;

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

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

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

@@ -1,15 +1,15 @@
-import { defineComponent as x, ref as y, reactive as p, computed as B, watch as b, createElementBlock as i, openBlock as l, normalizeClass as E, createElementVNode as u, createCommentVNode as D, createTextVNode as M, toDisplayString as N, Fragment as A, renderList as z, createBlock as k, unref as r } from "vue";
-import { useSortable as P } 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" }, _ = {
+import { defineComponent as q, ref as m, reactive as c, computed as h, watch as C, createElementBlock as a, openBlock as s, normalizeClass as E, createElementVNode as d, createCommentVNode as L, 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__ */ x({
+}, Y = /* @__PURE__ */ q({
   __name: "DndBasket",
   props: {
     id: {},
@@ -21,10 +21,8 @@ const Z = { class: "dnd-basket__title" }, _ = {
     readonly: { type: Boolean },
     consistency: {},
     droppedIds: {},
-    availableIds: {},
     selectedFilters: {},
     selectedRanges: {},
-    fixedAxes: {},
     info: {},
     draggedId: {},
     sortable: { type: Boolean },
@@ -32,129 +30,113 @@ const Z = { class: "dnd-basket__title" }, _ = {
     searchSelectedValueFn: { type: Function },
     loadOptionsFn: { type: Function }
   },
-  emits: ["drop-item", "remove-item", "select-filter-value", "select-filter-range", "select-fixed-axis-value", "reorder"],
-  setup(V, { emit: U }) {
-    const s = V, F = U, d = y(), C = y(), L = y(0);
-    let m = p(s.selectedFilters ?? {}), h = p(s.selectedRanges ?? {}), n = p(s.fixedAxes ?? {});
-    const v = B(() => !(s.disabled || !s.multiple && s.droppedIds.length > 0)), w = B(() => s.disabled ? "1 true" : !v.value && s.draggedId ? "2 true" : !1);
-    b(
-      () => s.selectedFilters,
+  emits: ["drop-item", "remove-item", "select-filter-value", "select-filter-range", "reorder"],
+  setup(D, { emit: $ }) {
+    const t = D, g = $, i = m(), y = m(), b = m(0);
+    let p = c(t.selectedFilters ?? {}), k = c(t.selectedRanges ?? {});
+    const u = h(() => !(t.disabled || !t.multiple && t.droppedIds.length > 0)), w = h(() => t.disabled ? "1 true" : !u.value && t.draggedId ? "2 true" : !1);
+    C(
+      () => t.selectedFilters,
       () => {
-        m = p(s.selectedFilters ?? {});
+        p = c(t.selectedFilters ?? {});
       }
-    ), b(
-      () => s.fixedAxes,
+    ), C(
+      () => t.droppedIds,
       () => {
-        n = p(s.fixedAxes ?? {});
-      }
-    ), b(
-      () => s.droppedIds,
-      () => {
-        L.value++;
+        b.value++;
       },
       { deep: !0 }
-    ), s.sortable && P(C, {
+    ), t.sortable && z(y, {
       handle: ".dnd-basket-chip__handler",
       onChange(e) {
-        F(
+        g(
           "reorder",
-          e.map((a) => s.droppedIds[a])
+          e.map((n) => t.droppedIds[n])
         );
       }
     });
-    function O() {
-      d.value && !s.disabled && v.value && d.value.classList.add("active");
+    function R() {
+      i.value && !t.disabled && u.value && i.value.classList.add("active");
     }
-    function $() {
-      d.value && d.value.classList.remove("active");
+    function F() {
+      i.value && i.value.classList.remove("active");
     }
-    function R(e) {
-      e.stopPropagation(), v.value && (s.draggedId && F("drop-item", { draggedId: s.draggedId, id: s.id }), $());
+    function O(e) {
+      e.stopPropagation(), u.value && (t.draggedId && g("drop-item", { draggedId: t.draggedId, id: t.id }), F());
     }
-    function S(e) {
+    function V(e) {
       e.preventDefault();
     }
-    function q(e) {
-      e.preventDefault(), O();
+    function S(e) {
+      e.preventDefault(), R();
     }
-    const c = async (e, a) => s.searchFn(e, a), g = async (e, a) => (await s.searchSelectedValueFn(e, a))[0];
-    return (e, a) => (l(), i("div", {
+    const _ = async (e, n) => t.searchFn(e, n), U = async (e, n) => (await Promise.all(n.map((l) => t.searchSelectedValueFn(e, l)))).map((l) => l[0]);
+    return (e, n) => (s(), a("div", {
       ref_key: "basketRoot",
-      ref: d,
+      ref: i,
       class: E([{
         disabled: w.value,
         empty: e.droppedIds.length === 0,
         readonly: e.readonly
       }, "dnd-basket"]),
       dropzone: "true",
-      onDrop: R,
-      onDragenter: S,
-      onDragover: q,
-      onDragleave: $
+      onDrop: O,
+      onDragenter: V,
+      onDragover: S,
+      onDragleave: F
     }, [
-      u("div", Z, [
-        e.required ? (l(), i("span", _, a[0] || (a[0] = [
-          u("svg", {
+      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"
           }, [
-            u("path", {
+            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)
-        ]))) : D("", !0),
+        ]))) : L("", !0),
         M(" " + N(e.title), 1)
       ]),
-      u("div", j, [
-        e.droppedIds.length ? D("", !0) : (l(), i("div", G, " Drop dimensions here ")),
-        (l(), i("div", {
+      d("div", j, [
+        e.droppedIds.length ? L("", !0) : (s(), a("div", G, " Drop dimensions here ")),
+        (s(), a("div", {
           ref_key: "listRef",
-          ref: C,
-          key: L.value,
+          ref: y,
+          key: b.value,
           class: "dnd-basket__chip-wrapper"
         }, [
-          (l(!0), i(A, null, z(e.droppedIds, (t, f) => (l(), i(A, { key: t }, [
-            !e.isFilter || e.info[t].isSubsetFilter ? (l(), k(H, {
+          (s(!0), a(B, null, P(e.droppedIds, (r, l) => (s(), a(B, { key: r }, [
+            !e.isFilter || e.info[r].isSubsetFilter ? (s(), v(A, {
               key: 0,
-              modelValue: r(n)[t],
-              "onUpdate:modelValue": [(o) => r(n)[t] = o, (o) => e.$emit("select-fixed-axis-value", { v: o, idx: f })],
               sortable: e.sortable,
-              error: e.consistency[t] === !1,
-              info: e.info[t],
-              "search-options": c,
-              "search-model": g,
+              error: e.consistency[r] === !1,
+              info: e.info[r],
               "load-options": e.loadOptionsFn,
-              onCloseChip: (o) => e.$emit("remove-item", { chipId: t, basketId: e.id })
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "sortable", "error", "info", "load-options", "onCloseChip"])) : e.info[t].isDiscreteFilter ? (l(), k(K, {
+              onCloseChip: (o) => e.$emit("remove-item", { chipId: r, basketId: e.id })
+            }, null, 8, ["sortable", "error", "info", "load-options", "onCloseChip"])) : e.info[r].isDiscreteFilter ? (s(), v(H, {
               key: 1,
-              filter: r(m)[t],
-              "onUpdate:filter": [(o) => r(m)[t] = o, (o) => e.$emit("select-filter-value", { v: o, idx: f })],
-              "fixed-axes": r(n)[t],
-              "onUpdate:fixedAxes": [(o) => r(n)[t] = o, (o) => e.$emit("select-fixed-axis-value", { v: o, idx: f })],
-              info: e.info[t],
-              error: e.consistency[t] === !1,
+              filter: f(p)[r],
+              "onUpdate:filter": [(o) => f(p)[r] = o, (o) => e.$emit("select-filter-value", { v: o, idx: l })],
+              info: e.info[r],
+              error: e.consistency[r] === !1,
               sortable: e.sortable,
-              "search-options": c,
-              "search-model": g,
+              "search-options": _,
+              "search-model": U,
               "load-options": e.loadOptionsFn,
-              onCloseChip: (o) => e.$emit("remove-item", { chipId: t, basketId: e.id })
-            }, null, 8, ["filter", "onUpdate:filter", "fixed-axes", "onUpdate:fixedAxes", "info", "error", "sortable", "load-options", "onCloseChip"])) : (l(), k(T, {
+              onCloseChip: (o) => e.$emit("remove-item", { chipId: r, basketId: e.id })
+            }, null, 8, ["filter", "onUpdate:filter", "info", "error", "sortable", "load-options", "onCloseChip"])) : (s(), v(K, {
               key: 2,
-              filter: r(h)[t],
-              "onUpdate:filter": [(o) => r(h)[t] = o, (o) => e.$emit("select-filter-range", { v: o, idx: f })],
-              "fixed-axes": r(n)[t],
-              "onUpdate:fixedAxes": [(o) => r(n)[t] = o, (o) => e.$emit("select-fixed-axis-value", { v: o, idx: f })],
-              info: e.info[t],
-              error: e.consistency[t] === !1,
-              "search-options": c,
-              "search-model": g,
-              "load-options": e.loadOptionsFn,
-              onCloseChip: (o) => e.$emit("remove-item", { chipId: t, basketId: e.id })
-            }, null, 8, ["filter", "onUpdate:filter", "fixed-axes", "onUpdate:fixedAxes", "info", "error", "load-options", "onCloseChip"]))
+              filter: f(k)[r],
+              "onUpdate:filter": [(o) => f(k)[r] = o, (o) => e.$emit("select-filter-range", { v: o, idx: l })],
+              info: e.info[r],
+              error: e.consistency[r] === !1,
+              onCloseChip: (o) => e.$emit("remove-item", { chipId: r, basketId: e.id })
+            }, null, 8, ["filter", "onUpdate:filter", "info", "error", "onCloseChip"]))
           ], 64))), 128))
         ]))
       ])
@@ -162,6 +144,6 @@ const Z = { class: "dnd-basket__title" }, _ = {
   }
 });
 export {
-  I as default
+  Y as default
 };
 //# sourceMappingURL=DndBasket.vue.js.map

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

@@ -1 +1 @@
-{"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  SelectFixedAxisValueEvent\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 ?? {});\nlet selectedAxesValues = reactive(props.fixedAxes ?? {});\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);\nwatch(\n  () => props.fixedAxes,\n  () => {\n    selectedAxesValues = reactive(props.fixedAxes ?? {});\n  }\n);\nwatch(\n  () => props.droppedIds,\n  () => {\n    listKey.value++;\n  },\n  { deep: true }\n);\n\nif (props.sortable) {\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, selectedValue: string) => {\n  const result = await props.searchSelectedValueFn(sourceId, selectedValue);\n  return result[0];\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\" :key=\"chipId\">\n          <DndBasketChip\n            v-if=\"!isFilter || info[chipId].isSubsetFilter\"\n            v-model=\"selectedAxesValues[chipId]\"\n            :sortable=\"sortable\"\n            :error=\"consistency[chipId] === false\"\n            :info=\"info[chipId]\"\n            :search-options=\"filterOptions\"\n            :search-model=\"searchModel\"\n            :load-options=\"loadOptionsFn\"\n            @update:model-value=\"(v: SelectFixedAxisValueEvent['v']) => $emit('select-fixed-axis-value', {v, idx})\"\n            @close-chip=\"$emit('remove-item', { chipId, basketId: id })\"\n          />\n          <DndDoubleChip\n            v-else-if=\"info[chipId].isDiscreteFilter\"\n            v-model:filter=\"selectedFilterValues[chipId]\"\n            v-model:fixed-axes=\"selectedAxesValues[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            @update:fixedAxes=\"(v: SelectFixedAxisValueEvent['v']) => $emit('select-fixed-axis-value', {v, idx})\"\n          />\n          <DnDRangeChip\n            v-else\n            v-model:filter=\"selectedFilterRanges[chipId]\"\n            v-model:fixed-axes=\"selectedAxesValues[chipId]\"\n            :info=\"info[chipId]\"\n            :error=\"consistency[chipId] === false\"\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-range', { v, idx })\"\n            @update:fixedAxes=\"(v: SelectFixedAxisValueEvent['v']) => $emit('select-fixed-axis-value', {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","selectedAxesValues","canPutOneMore","computed","isBasketDisable","watch","useSortable","indices","i","addActiveClass","removeActiveClass","handleDrop","event","dragEnter","dragOver","filterOptions","sourceId","searchStr","searchModel","selectedValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,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,GAC1DW,IAAqBF,EAAST,EAAM,aAAa,CAAA,CAAE;AAEvD,UAAMY,IAAgBC,EAAS,MACzB,EAAAb,EAAM,YAGN,CAACA,EAAM,YAAYA,EAAM,WAAW,SAAS,EAKlD,GAEKc,IAAkBD,EAAS,MAC3Bb,EAAM,WACD,WAEL,CAACY,EAAc,SAASZ,EAAM,YACzB,WAEF,EACR;AAED,IAAAe;AAAA,MACE,MAAMf,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAQ,IAAuBC,EAAST,EAAM,mBAAmB,CAAA,CAAE;AAAA,MAC7D;AAAA,IAAA,GAEFe;AAAA,MACE,MAAMf,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAW,IAAqBF,EAAST,EAAM,aAAa,CAAA,CAAE;AAAA,MACrD;AAAA,IAAA,GAEFe;AAAA,MACE,MAAMf,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAO,EAAQ;AAAA,MACV;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAGXP,EAAM,YACRgB,EAAYV,GAAS;AAAA,MACnB,QAAQ;AAAA,MACR,SAASW,GAAS;AAChB,QAAAf;AAAA,UACE;AAAA,UACAe,EAAQ,IAAI,CAACC,MAAMlB,EAAM,WAAWkB,CAAC,CAAC;AAAA,QAAA;AAAA,MAE1C;AAAA,IAAA,CACD;AAGH,aAASC,IAAiB;AACxB,MAAIf,EAAW,SAAS,CAACJ,EAAM,YAAYY,EAAc,SACvDR,EAAW,MAAM,UAAU,IAAI,QAAQ;AAAA,IAE3C;AAEA,aAASgB,IAAoB;AAC3B,MAAIhB,EAAW,SACbA,EAAW,MAAM,UAAU,OAAO,QAAQ;AAAA,IAE9C;AAEA,aAASiB,EAAWC,GAAkB;AACpC,MAAAA,EAAM,gBAAA,GACFV,EAAc,UACZZ,EAAM,aACRE,EAAK,aAAa,EAAE,WAAWF,EAAM,WAAW,IAAIA,EAAM,IAAI,GAEhEoB,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,MACtC3B,EAAM,SAAS0B,GAAUC,CAAS,GAErCC,IAAc,OAAOF,GAAkBG,OAC5B,MAAM7B,EAAM,sBAAsB0B,GAAUG,CAAa,GAC1D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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);\nwatch(\n  () => props.droppedIds,\n  () => {\n    listKey.value++;\n  },\n  { deep: true }\n);\n\nif (props.sortable) {\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</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\" :key=\"chipId\">\n          <DndBasketChip\n            v-if=\"!isFilter || info[chipId].isSubsetFilter\"\n            :sortable=\"sortable\"\n            :error=\"consistency[chipId] === false\"\n            :info=\"info[chipId]\"\n            :load-options=\"loadOptionsFn\"\n            @close-chip=\"$emit('remove-item', { chipId, basketId: id })\"\n          />\n          <DndDoubleChip\n            v-else-if=\"info[chipId].isDiscreteFilter\"\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            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,GAEFc;AAAA,MACE,MAAMd,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAO,EAAQ;AAAA,MACV;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAGXP,EAAM,YACRe,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/DndDoubleChip.vue.d.ts

@@ -1,28 +1,24 @@
-import { ListOption } from '@platforma-sdk/ui-vue';
-import { ChipInfo, FixedAxisData } from './types';
+import { ListOptionBase } from '@platforma-sdk/ui-vue';
+import { ChipInfo } from './types';
 type __VLS_Props = {
     info: ChipInfo;
     error: boolean;
-    searchModel: (sourceId: string, selectedValue: string) => Promise<ListOption<string>>;
-    searchOptions: (sourceId: string, searchStr: string) => Promise<ListOption<string>[]>;
-    loadOptions: (sourceId: string) => Promise<ListOption<string>[] | null>;
+    searchModel: (sourceId: string, selectedValues: string[]) => Promise<ListOptionBase<string>[]>;
+    searchOptions: (sourceId: string, searchStr: string) => Promise<ListOptionBase<string>[]>;
+    loadOptions: (sourceId: string) => Promise<ListOptionBase<string>[] | null>;
     sortable?: boolean;
 };
 type __VLS_PublicProps = {
-    'filter': any;
-    'fixedAxes'?: Record<string, FixedAxisData>;
+    'filter': string[];
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:filter": (value: any) => any;
-    "update:fixedAxes": (value: Record<string, FixedAxisData>) => any;
+    "update:filter": (value: string[]) => any;
 } & {
     "close-chip": (id: string) => any;
     "update:filter": (id: unknown) => any;
-    "update:fixedAxes": (id: Record<string, FixedAxisData>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onClose-chip"?: ((id: string) => any) | undefined;
     "onUpdate:filter"?: ((id: unknown) => any) | undefined;
-    "onUpdate:fixedAxes"?: ((value: Record<string, FixedAxisData>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     chipRoot: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"DndDoubleChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndDoubleChip.vue"],"names":[],"mappings":"AAuIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIlD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACpF,aAAa,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpF,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAqEF,KAAK,iBAAiB,GAAG;IACzB,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CAC3C,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;AAoNhB,wBASG"}
+{"version":3,"file":"DndDoubleChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndDoubleChip.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,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,cAAc,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkCF,KAAK,iBAAiB,GAAG;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAC;CAClB,GAAG,WAAW,CAAC;;;;;;;;;;;;AAgJhB,wBASG"}