@milaboratories/graph-maker 1.2.5 → 1.2.7

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DnDBasketChip.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DnDBasketChip.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;EAKA,IAAM,IAAQ,GAMR,IAAO,GAIP,IAAW,GAAkB,EAE7B,IAAkB,QACtB,EAAM,KAAK,aAAa,KAAK,IAAI,CAClC;EAED,SAAS,IAAY;AACnB,KAAK,cAAc,EAAM,KAAK,GAAM;;yBAKpC,EA2BM,OAAA;YA3BG;GAAJ,KAAI;GAAW,OAAM;MACxB,EAyBM,OAAA,EAzBA,OAAK,EAAA,CAAA;GAAA,OAAI,EAAA;GAAK,UAAE,EAAA;GAAQ,EAAU,kBAAiB,CAAA,EAAA,EAAA;GACvD,EAGM,OAAA,EAHD,OAAK,EAAA,CAAC,yBAAuB,EAAA,OAAU,EAAA,OAAK,CAAA,CAAA,EAAA,EAAA,CAC/B,EAAA,SAAA,GAAA,EAAhB,EAAyD,EAAA,EAAA,EAAA;;IAAlC,MAAK;IAAW,OAAK,EAAA,EAAA,OAAG,EAAA,OAAK,CAAA;mCACpD,EAAgI,EAAA,EAAA,EAAA;;IAA9G,MAAM,EAAA,KAAK,iBAAc,qBAAwB,EAAA,KAAK,SAAI,WAAA,kBAAA;;GAEnE,EAAA,YAAA,GAAA,EAAX,EAAuD,OAAvD,EAAuD,IAAA,EAAA,IAAA,GAAA;GACvD,EAA6B,EAAA,EAAA,EAAA,EAAnB,MAAK,aAAW,CAAA;GAC1B,EAWM,OAXN,GAWM,CAVJ,EAEM,OAAA;IAFD,OAAM;IAA0B,OAAO,EAAA,KAAK;QAC5C,EAAA,KAAK,MAAK,EAAA,GAAA,EAAA,EAGP,EAAA,KAAK,iBAAA,GAAA,EADb,EAMM,OAAA;;IAJJ,OAAM;IACL,OAAO,EAAA;QAEL,EAAA,MAAe,EAAA,GAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGtB,EAKM,OAAA;IAJJ,OAAM;IACL,SAAO;OAER,EAA4C,EAAA,EAAA,EAAA;IAAlC,MAAK;IAAS,SAAO"}

package/dist/components/DragAndDrop/DnDRangeChip.js

@@ -0,0 +1,5 @@
+import e from "./DnDRangeChip.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=DnDRangeChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DnDRangeChip.js","names":[],"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"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DnDRangeChip.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DnDRangeChip.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"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"],"mappings":";;;;;;;;;;;;;;;;EAKA,IAAM,IAAQ,GASR,IAAc,EAA4E,GAAC,SAA6B,EAExH,IAAQ,EAAS;GACrB,KAAM,EAAY,QAAqB;GACvC,KAAM,EAAY,QAAqB;GACxC,CAAC;SAEF,QAAY,IAAQ,MAAe;AACjC,KAAY,QAAQ;KACnB,EAAE,MAAM,IAAM,CAChB,kBAKC,EAqCM,OArCN,GAqCM,CApCJ,EAmCM,OAAA,EAnCA,OAAK,EAAA,CAAA,EAAA,OAAI,EAAA,OAAK,EAAU,kBAAiB,CAAA,EAAA,EAAA,CAC7C,EAeM,OAfN,GAeM;GAdJ,EAEM,OAFN,GAEM,CADJ,EAAiC,EAAA,EAAA,EAAA,EAAvB,MAAK,iBAAe,CAAA,CAAA,CAAA;GAEhC,EAIM,OAAA;IAJD,OAAM;IAAkC,OAAO,EAAA,KAAK;OACvD,EAEM,OAFN,GAEM,EADD,EAAA,KAAK,MAAK,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA;GAGjB,EAKM,OAAA;IAJJ,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,cAAe,EAAM,KAAK,GAAE;OAEzC,EAAqE,EAAA,EAAA,EAAA;IAA3D,MAAK;IAAS,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,cAAe,EAAM,KAAK,GAAE;;MAGpE,EAiBM,OAjBN,GAiBM,CAhBJ,EAOM,OAPN,GAOM,CANJ,EAKE,EAAA,EAAA,EAAA;eAJS,EAAM;4CAAA,MAAG;GAClB,OAAM;GACL,6BAA6B;GAC7B,qBAAqB;iCAG1B,EAOM,OAPN,GAOM,CANJ,EAKE,EAAA,EAAA,EAAA;eAJS,EAAM;4CAAA,MAAG;GAClB,OAAM;GACL,6BAA6B;GAC7B,qBAAqB"}

package/dist/components/DragAndDrop/DndBasket.js

@@ -0,0 +1,5 @@
+import e from "./DndBasket.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=DndBasket.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DndBasket.js","names":[],"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"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DndBasket.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DndBasket.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"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"],"mappings":"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"}

package/dist/components/DragAndDrop/DndChip.js

@@ -0,0 +1,5 @@
+import e from "./DndChip.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=DndChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DndChip.js","names":[],"sources":["../../../src/components/DragAndDrop/DndChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { 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"],"mappings":""}

package/dist/components/DragAndDrop/DndChip.vue2.js

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

package/dist/components/DragAndDrop/DndChip.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DndChip.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DndChip.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/DragAndDrop/DndChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { 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"],"mappings":";;;;;;;EAKA,IAAM,IAAQ,GAIR,IAAO,GAKP,IAAW,GAAkB,EAE7B,IAAkB,QACtB,EAAM,KAAK,aAAa,KAAK,IAAI,CAClC;EACD,SAAS,EAAU,GAAkB;AAMnC,GALA,EAAM,cAAc,WAAW,EAC/B,EAAM,cAAc,QAAQ,cAAc,EAAM,KAAK,GAAG,EAExD,EAAK,aAAa,EAAM,KAAK,GAAG,EAC/B,EAAM,OAAuB,MAAM,UAAU,OAC1C,EAAS,SACX,EAAS,MAAM,UAAU,OAAO,cAAc;;EAIlD,SAAS,EAAQ,GAAkB;AAGjC,GAFA,EAAK,WAAW,EAAM,KAAK,GAAG,EAC7B,EAAM,OAAuB,MAAM,UAAU,KAC1C,EAAS,SACX,EAAS,MAAM,UAAU,OAAO,cAAc;;yBAKhD,EAgBM,OAAA;YAfA;GAAJ,KAAI;GACJ,WAAU;GACV,OAAM;GACL,aAAW;GACX,WAAS;MAEV,EAEM,OAFN,GAEM,CADJ,EAAyH,EAAA,EAAA,EAAA,EAA9G,MAAM,EAAA,KAAK,iBAAc,qBAAwB,EAAA,KAAK,SAAI,WAAA,kBAAA,iBAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,EAEvE,EAKM,OALN,GAKM,CAJJ,EAAuE,OAAA;GAAlE,OAAM;GAAmB,OAAO,EAAA,KAAK;OAAU,EAAA,KAAK,MAAK,EAAA,GAAA,EAAA,EACnD,EAAA,KAAK,iBAAA,GAAA,EAAhB,EAEM,OAAA;;GAFyB,OAAM;GAAuB,OAAO,EAAA;OAC9D,EAAA,MAAe,EAAA,GAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,CAAA,EAAA,IAAA"}

package/dist/components/DragAndDrop/DndDoubleChip.js

@@ -0,0 +1,5 @@
+import e from "./DndDoubleChip.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=DndDoubleChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DndDoubleChip.js","names":[],"sources":["../../../src/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 type { ChipInfo } from './types';\nimport { useStore } from '../../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 searchOptionsFn(str: string | string[]): Promise<ListOptionBase<string>[]> {\n  if (str === '') {\n    return Promise.resolve((preloadedOptions.value ?? []) as ListOptionBase<string>[]);\n  }\n  if (Array.isArray(str)) {\n    return props.searchModel(props.info.id, str);\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\"/>\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          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\">\n        <PlDropdownMulti v-if=\"!optionsOverflow\" v-model=\"filterModel\" :options=\"preloadedOptions\" group-position=\"bottom\"/>\n        <PlAutocompleteMulti\n          v-else\n          v-model=\"filterModel\"\n          :options-search=\"(str: string | string[]) => searchOptionsFn(str)\"\n          group-position=\"bottom\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/DragAndDrop/DndDoubleChip.vue2.js

@@ -1,5 +1,75 @@
-import f from "./DndDoubleChip.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=DndDoubleChip.vue2.js.map
+import { useStore as e } from "../../store.js";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeModels as s, normalizeClass as c, openBlock as l, ref as u, toDisplayString as d, unref as f, useModel as p, watch as m } from "vue";
+import { PlAutocompleteMulti as h, PlDropdownMulti as g, PlIcon16 as _ } from "@platforma-sdk/ui-vue";
+var v = {
+	ref: "chipRoot",
+	class: "dnd-double-chip__group"
+}, y = { class: "dnd-double-chip__top" }, b = {
+	key: 0,
+	class: "dnd-basket-chip__handler"
+}, x = ["title"], S = { class: "dnd-double-chip__title" }, C = { class: "dnd-double-chip__bottom" }, w = /* @__PURE__ */ o({
+	__name: "DndDoubleChip",
+	props: /* @__PURE__ */ s({
+		info: {},
+		error: { type: Boolean },
+		searchModel: { type: Function },
+		searchOptions: { type: Function },
+		loadOptions: { type: Function },
+		sortable: { type: Boolean }
+	}, {
+		filter: { required: !0 },
+		filterModifiers: {}
+	}),
+	emits: /* @__PURE__ */ s(["close-chip", "update:filter"], ["update:filter"]),
+	setup(o, { emit: s }) {
+		let w = o, T = e(), E = p(o, "filter"), D = u(T.value.filterSuggestionsData.value[w.info.id]?.values), O = u(T.value.filterSuggestionsData.value[w.info.id]?.overflow ?? !1);
+		m(() => T.value.loading.inputGuide, async (e) => {
+			if (e) return;
+			let { values: t, overflow: n } = await w.loadOptions(w.info.id);
+			D.value = t, O.value = n;
+		}, { immediate: !0 });
+		function k(e) {
+			return e === "" ? Promise.resolve(D.value ?? []) : Array.isArray(e) ? w.searchModel(w.info.id, e) : w.searchOptions(w.info.id, e);
+		}
+		return (e, s) => (l(), r("div", v, [i("div", { class: c([{
+			error: o.error,
+			sortable: o.sortable
+		}, "dnd-double-chip"]) }, [i("div", y, [
+			i("div", { class: c(["dnd-double-chip__icon", { error: o.error }]) }, [o.error ? (l(), t(f(_), {
+				key: 0,
+				name: "warning"
+			})) : (l(), t(f(_), {
+				key: 1,
+				name: o.info.isSubsetFilter ? "cell-type-subset" : o.info.type === "String" ? "cell-type-txt" : "cell-type-num"
+			}, null, 8, ["name"]))], 2),
+			o.sortable ? (l(), r("div", b)) : n("", !0),
+			a(f(_), { name: "drag-dots" }),
+			i("div", {
+				class: "dnd-double-chip__title-wrapper",
+				title: o.info.title
+			}, [i("div", S, d(o.info.title), 1)], 8, x),
+			i("div", {
+				class: "dnd-double-chip__icon-close",
+				onClick: s[1] ||= (t) => e.$emit("close-chip", w.info.id)
+			}, [a(f(_), {
+				name: "close",
+				onClick: s[0] ||= (t) => e.$emit("close-chip", w.info.id)
+			})])
+		]), i("div", C, [O.value ? (l(), t(f(h), {
+			key: 1,
+			modelValue: E.value,
+			"onUpdate:modelValue": s[3] ||= (e) => E.value = e,
+			"options-search": (e) => k(e),
+			"group-position": "bottom"
+		}, null, 8, ["modelValue", "options-search"])) : (l(), t(f(g), {
+			key: 0,
+			modelValue: E.value,
+			"onUpdate:modelValue": s[2] ||= (e) => E.value = e,
+			options: D.value,
+			"group-position": "bottom"
+		}, null, 8, ["modelValue", "options"]))])], 2)], 512));
+	}
+});
+export { w as default };
+
+//# sourceMappingURL=DndDoubleChip.vue2.js.map

package/dist/components/DragAndDrop/DndDoubleChip.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DndDoubleChip.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DndDoubleChip.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/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 type { ChipInfo } from './types';\nimport { useStore } from '../../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 searchOptionsFn(str: string | string[]): Promise<ListOptionBase<string>[]> {\n  if (str === '') {\n    return Promise.resolve((preloadedOptions.value ?? []) as ListOptionBase<string>[]);\n  }\n  if (Array.isArray(str)) {\n    return props.searchModel(props.info.id, str);\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\"/>\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          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\">\n        <PlDropdownMulti v-if=\"!optionsOverflow\" v-model=\"filterModel\" :options=\"preloadedOptions\" group-position=\"bottom\"/>\n        <PlAutocompleteMulti\n          v-else\n          v-model=\"filterModel\"\n          :options-search=\"(str: string | string[]) => searchOptionsFn(str)\"\n          group-position=\"bottom\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAcR,IAAQ,GAAU,EAElB,IAAc,EAAqB,GAAC,SAA6B,EAEjE,IAAmB,EAA8B,EAAM,MAAM,sBAAsB,MAAM,EAAM,KAAK,KAAK,OAAO,EAChH,IAAkB,EAAI,EAAM,MAAM,sBAAsB,MAAM,EAAM,KAAK,KAAK,YAAY,GAAM;AAEtG,UAAY,EAAM,MAAM,QAAQ,YAAY,OAAO,MAAY;AAC7D,OAAI,EACF;GAEF,IAAM,EAAE,WAAQ,gBAAa,MAAM,EAAM,YAAY,EAAM,KAAK,GAAG;AAEnE,GADA,EAAiB,QAAQ,GACzB,EAAgB,QAAQ;KACvB,EAAE,WAAW,IAAM,CAAC;EAEvB,SAAS,EAAgB,GAA2D;AAOlF,UANI,MAAQ,KACH,QAAQ,QAAS,EAAiB,SAAS,EAAE,CAA8B,GAEhF,MAAM,QAAQ,EAAI,GACb,EAAM,YAAY,EAAM,KAAK,IAAI,EAAI,GAEvC,EAAM,cAAc,EAAM,KAAK,IAAI,EAAI;;yBAM9C,EAgCM,OAhCN,GAgCM,CA/BJ,EA8BM,OAAA,EA9BA,OAAK,EAAA,CAAA;GAAA,OAAI,EAAA;GAAK,UAAE,EAAA;GAAQ,EAAU,kBAAiB,CAAA,EAAA,EAAA,CACvD,EAmBM,OAnBN,GAmBM;GAlBJ,EAGM,OAAA,EAHD,OAAK,EAAA,CAAC,yBAAuB,EAAA,OAAU,EAAA,OAAK,CAAA,CAAA,EAAA,EAAA,CAC/B,EAAA,SAAA,GAAA,EAAhB,EAAuC,EAAA,EAAA,EAAA;;IAAhB,MAAK;eAC5B,EAAgI,EAAA,EAAA,EAAA;;IAA9G,MAAM,EAAA,KAAK,iBAAc,qBAAwB,EAAA,KAAK,SAAI,WAAA,kBAAA;;GAEnE,EAAA,YAAA,GAAA,EAAX,EAAuD,OAAvD,EAAuD,IAAA,EAAA,IAAA,GAAA;GACvD,EAA6B,EAAA,EAAA,EAAA,EAAnB,MAAK,aAAW,CAAA;GAC1B,EAIM,OAAA;IAJD,OAAM;IAAkC,OAAO,EAAA,KAAK;OACvD,EAEM,OAFN,GAEM,EADD,EAAA,KAAK,MAAK,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA;GAIjB,EAKM,OAAA;IAJJ,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,cAAe,EAAM,KAAK,GAAE;OAEzC,EAAqE,EAAA,EAAA,EAAA;IAA3D,MAAK;IAAS,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,cAAe,EAAM,KAAK,GAAE;;MAGpE,EAQM,OARN,GAQM,CAPoB,EAAA,cACxB,EAKE,EAAA,EAAA,EAAA;;eAHS,EAAA;4CAAW,QAAA;GACnB,mBAAiB,MAA2B,EAAgB,EAAG;GAChE,kBAAe;oDALO,GAAA,EAAxB,EAAoH,EAAA,EAAA,EAAA;;eAAlE,EAAA;4CAAW,QAAA;GAAG,SAAS,EAAA;GAAkB,kBAAe"}

package/dist/components/GraphStatusScreen.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./GraphStatusScreen.vue2.js";
+import n from "./GraphStatusScreen.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=GraphStatusScreen.js.map

package/dist/components/GraphStatusScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphStatusScreen.js","names":[],"sources":["../../src/components/GraphStatusScreen.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlPlaceholder, PlAgOverlayLoading, PlAgOverlayNoRows } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport { DEFAULT_STATUS_TEXT } from '../constantsCommon';\nimport type { GraphStatus, StatusTextData } from '../types';\nimport type { ErrorInfo } from '@milaboratories/miplots4';\n\nconst props = withDefaults(defineProps<{\n  graphStatus: GraphStatus;\n  customStatusText?: Partial<StatusTextData>;\n  errorInfo?: ErrorInfo | null;\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}>(), {\n  customStatusText: undefined,\n  errorInfo: null,\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n});\n\nconst errorMessage = computed(() => {\n  if (props.errorInfo?.type === 'tooManyFacets') {\n    return `Too many facets (${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyPrimaryGroups') {\n    return `Too many primary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManySecondaryGroups') {\n    return `Too many secondary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyScatterplotGroupsX') {\n    return `Too many categories on X axis\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyScatterplotGroupsY') {\n    return `Too many categories on Y axis\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyHistogramGroups') {\n    return `Too many groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  return '';\n});\n\nconst catInBagStatus = computed(() => props.graphStatus === 'noPframe' || props.graphStatus === 'empty');\nconst catNoDataStatus = computed(() => props.graphStatus === 'notReady' || props.graphStatus === 'inconsistent' || props.graphStatus === 'knownError' || props.graphStatus === 'unknownError');\n\nconst statusText = computed(() => {\n  if (props.graphStatus === 'knownError') {\n    return errorMessage.value;\n  }\n  return props.customStatusText?.[props.graphStatus]?.title ?? DEFAULT_STATUS_TEXT[props.graphStatus].title;\n});\n\nconst subtitle = computed(() => {\n  if (props.graphStatus !== 'loading' && props.graphStatus !== 'running') {\n    return '';\n  }\n  return props.customStatusText?.[props.graphStatus]?.subtitle ?? DEFAULT_STATUS_TEXT[props.graphStatus].subtitle;\n});\n\n</script>\n<template>\n  <div\n    v-if=\"graphStatus !== 'ready'\"\n    class=\"graph-maker__loading\"\n    :class=\"[$style.loaderContainer, {[$style.withBorder]: catInBagStatus || catNoDataStatus}]\"\n    :style=\"{\n      top: `${props.top}px`,\n      bottom: `${props.bottom}px`,\n      right: `${props.right}px`,\n      left: `${props.left}px`\n    }\"\n  >\n    <PlPlaceholder v-if=\"graphStatus === 'loading' || graphStatus === 'running'\" variant=\"graph\" :title=\"statusText\" :subtitle=\"subtitle\" />\n    <PlAgOverlayLoading v-else-if=\"catInBagStatus\" :key=\"statusText + 'catInBag'\" :params=\"{variant: 'not-ready', notReadyText: statusText}\"/>\n    <PlAgOverlayNoRows v-else-if=\"catNoDataStatus\" :key=\"statusText + 'catNoData'\" :params=\"{text: statusText}\"/>\n  </div>\n</template>\n<style module>\n.loaderContainer {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.withBorder {\n    border: 1px solid #E1E3EB;\n    border-radius: 8px;\n    overflow: 'hidden';\n}\n</style>\n"],"mappings":""}

package/dist/components/GraphStatusScreen.style.js

@@ -0,0 +1,7 @@
+import './GraphStatusScreen.vue.css';var e = {
+	loaderContainer: "_loaderContainer_1yfb4_2",
+	withBorder: "_withBorder_1yfb4_12"
+};
+export { e as default };
+
+//# sourceMappingURL=GraphStatusScreen.style.js.map

package/dist/components/GraphStatusScreen.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphStatusScreen.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../src/components/GraphStatusScreen.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlPlaceholder, PlAgOverlayLoading, PlAgOverlayNoRows } from '@platforma-sdk/ui-vue';\nimport { computed } from 'vue';\nimport { DEFAULT_STATUS_TEXT } from '../constantsCommon';\nimport type { GraphStatus, StatusTextData } from '../types';\nimport type { ErrorInfo } from '@milaboratories/miplots4';\n\nconst props = withDefaults(defineProps<{\n  graphStatus: GraphStatus;\n  customStatusText?: Partial<StatusTextData>;\n  errorInfo?: ErrorInfo | null;\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}>(), {\n  customStatusText: undefined,\n  errorInfo: null,\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n});\n\nconst errorMessage = computed(() => {\n  if (props.errorInfo?.type === 'tooManyFacets') {\n    return `Too many facets (${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyPrimaryGroups') {\n    return `Too many primary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManySecondaryGroups') {\n    return `Too many secondary groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyScatterplotGroupsX') {\n    return `Too many categories on X axis\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyScatterplotGroupsY') {\n    return `Too many categories on Y axis\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  if (props.errorInfo?.type === 'tooManyHistogramGroups') {\n    return `Too many groups\\u00A0(${props.errorInfo.info.count}).\\nMaximum count is\\u00A0${props.errorInfo.info.maxCount}.\\nTry to\\u00A0filter the\\u00A0data.`;\n  }\n  return '';\n});\n\nconst catInBagStatus = computed(() => props.graphStatus === 'noPframe' || props.graphStatus === 'empty');\nconst catNoDataStatus = computed(() => props.graphStatus === 'notReady' || props.graphStatus === 'inconsistent' || props.graphStatus === 'knownError' || props.graphStatus === 'unknownError');\n\nconst statusText = computed(() => {\n  if (props.graphStatus === 'knownError') {\n    return errorMessage.value;\n  }\n  return props.customStatusText?.[props.graphStatus]?.title ?? DEFAULT_STATUS_TEXT[props.graphStatus].title;\n});\n\nconst subtitle = computed(() => {\n  if (props.graphStatus !== 'loading' && props.graphStatus !== 'running') {\n    return '';\n  }\n  return props.customStatusText?.[props.graphStatus]?.subtitle ?? DEFAULT_STATUS_TEXT[props.graphStatus].subtitle;\n});\n\n</script>\n<template>\n  <div\n    v-if=\"graphStatus !== 'ready'\"\n    class=\"graph-maker__loading\"\n    :class=\"[$style.loaderContainer, {[$style.withBorder]: catInBagStatus || catNoDataStatus}]\"\n    :style=\"{\n      top: `${props.top}px`,\n      bottom: `${props.bottom}px`,\n      right: `${props.right}px`,\n      left: `${props.left}px`\n    }\"\n  >\n    <PlPlaceholder v-if=\"graphStatus === 'loading' || graphStatus === 'running'\" variant=\"graph\" :title=\"statusText\" :subtitle=\"subtitle\" />\n    <PlAgOverlayLoading v-else-if=\"catInBagStatus\" :key=\"statusText + 'catInBag'\" :params=\"{variant: 'not-ready', notReadyText: statusText}\"/>\n    <PlAgOverlayNoRows v-else-if=\"catNoDataStatus\" :key=\"statusText + 'catNoData'\" :params=\"{text: statusText}\"/>\n  </div>\n</template>\n<style module>\n.loaderContainer {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.withBorder {\n    border: 1px solid #E1E3EB;\n    border-radius: 8px;\n    overflow: 'hidden';\n}\n</style>\n"],"mappings":""}

package/dist/components/GraphStatusScreen.vue.css

@@ -0,0 +1 @@
+._loaderContainer_1yfb4_2{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}._withBorder_1yfb4_12{overflow:"hidden";border:1px solid #e1e3eb;border-radius:8px}