@milaboratories/graph-maker 1.2.5 → 1.2.6

package/dist/forms/DataMappingForm/HistogramForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramForm.js","names":[],"sources":["../../../src/forms/DataMappingForm/HistogramForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport { computed } from 'vue';\nimport { useStore } from '../../store';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport type { HistogramUIState } from '@milaboratories/pf-plots';\nimport { useBaskets } from './useBaskets';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport OptionsList from './Layout/OptionsList.vue';\n\ntype BasketIds = Exclude<keyof HistogramUIState['components'], 'value'>;\ntype DataIds = keyof HistogramUIState['components'] & 'value';\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'grouping',\n  'tabBy',\n  'facetBy',\n];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  grouping: 'Grouping',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions,\n} = useBaskets<HistogramUIState, BasketIds, DataIds>(\n  store,\n  ['value'],\n  ['filters', 'tabBy'],\n  ['facetBy', 'grouping'],\n  BASKETS,\n  BASKET_LABELS,\n);\n\nconst readonlyValue = computed(() => store.value.readonlyInputs?.includes('value') ?? false);\n\nconst valueValue = computed({\n  get: () => dataStateValues.value.value.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.value.value = value;\n  },\n});\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"valueValue\"\n          :options=\"dataOptions.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', store.inputGuide.value)\"\n          label=\"Data value:\"\n          :clearable=\"!readonlyValue\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </FormLayout>\n</template>\n"],"mappings":""}

package/dist/forms/DataMappingForm/HistogramForm.vue2.js

@@ -1,5 +1,65 @@
-import f from "./HistogramForm.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=HistogramForm.vue2.js.map
+import { getErrorForPlDropdown as e } from "./utils.js";
+import t from "../../components/DragAndDrop/DndBasket.js";
+import n from "./Layout/FormLayout.js";
+import r from "./Layout/OptionsList.js";
+import i from "./Layout/MandatoryOptions.js";
+import { useBaskets as a } from "./useBaskets.js";
+import { useStore as o } from "../../store.js";
+import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, openBlock as h, renderList as g, toHandlers as _, unref as v, withCtx as y } from "vue";
+import { PlDropdown as b } from "@platforma-sdk/ui-vue";
+var x = { class: "data-form-input-item" }, S = /* @__PURE__ */ p({
+	__name: "HistogramForm",
+	setup(p) {
+		let S = o(), { draggedId: C, basketsData: w, freeMetaOptions: T, freeMandatoryOptions: E, chipInfo: D, dataStateValues: O, dataOptions: k } = a(S, ["value"], ["filters", "tabBy"], ["facetBy", "grouping"], [
+			"filters",
+			"grouping",
+			"tabBy",
+			"facetBy"
+		], {
+			filters: "Filter",
+			grouping: "Grouping",
+			tabBy: "Tab by",
+			facetBy: "Facet by"
+		}), A = c(() => S.value.readonlyInputs?.includes("value") ?? !1), j = c({
+			get: () => O.value.value.value,
+			set: (e) => {
+				O.value.value.value = e;
+			}
+		});
+		return (a, o) => (h(), l(n, null, {
+			dataInputs: y(() => [d("div", x, [f(v(b), {
+				modelValue: j.value,
+				"onUpdate:modelValue": o[0] ||= (e) => j.value = e,
+				options: v(k).value,
+				disabled: A.value,
+				error: v(e)("value", v(S).inputGuide.value),
+				label: "Data value:",
+				clearable: !A.value
+			}, null, 8, [
+				"modelValue",
+				"options",
+				"disabled",
+				"error",
+				"clearable"
+			])])]),
+			mandatoryOptions: y(() => [f(i, {
+				options: v(E),
+				chipInfo: v(D),
+				onDraggedIdUpdate: o[1] ||= (e) => C.value = e
+			}, null, 8, ["options", "chipInfo"])]),
+			metadataOptions: y(() => [f(r, {
+				options: v(T),
+				chipInfo: v(D),
+				onDraggedIdUpdate: o[2] ||= (e) => C.value = e
+			}, null, 8, ["options", "chipInfo"])]),
+			chartVar: y(() => [(h(!0), u(s, null, g(v(w), (e) => (h(), u("div", {
+				key: e.id,
+				class: "data-form-input-item"
+			}, [f(t, m({ ref_for: !0 }, e, _(e.listeners)), null, 16)]))), 128))]),
+			_: 1
+		}));
+	}
+});
+export { S as default };
+
+//# sourceMappingURL=HistogramForm.vue2.js.map

package/dist/forms/DataMappingForm/HistogramForm.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistogramForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"HistogramForm.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/forms/DataMappingForm/HistogramForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport { computed } from 'vue';\nimport { useStore } from '../../store';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport type { HistogramUIState } from '@milaboratories/pf-plots';\nimport { useBaskets } from './useBaskets';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport OptionsList from './Layout/OptionsList.vue';\n\ntype BasketIds = Exclude<keyof HistogramUIState['components'], 'value'>;\ntype DataIds = keyof HistogramUIState['components'] & 'value';\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'grouping',\n  'tabBy',\n  'facetBy',\n];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  grouping: 'Grouping',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions,\n} = useBaskets<HistogramUIState, BasketIds, DataIds>(\n  store,\n  ['value'],\n  ['filters', 'tabBy'],\n  ['facetBy', 'grouping'],\n  BASKETS,\n  BASKET_LABELS,\n);\n\nconst readonlyValue = computed(() => store.value.readonlyInputs?.includes('value') ?? false);\n\nconst valueValue = computed({\n  get: () => dataStateValues.value.value.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.value.value = value;\n  },\n});\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"valueValue\"\n          :options=\"dataOptions.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', store.inputGuide.value)\"\n          label=\"Data value:\"\n          :clearable=\"!readonlyValue\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </FormLayout>\n</template>\n"],"mappings":";;;;;;;;;;;;EAeA,IAAM,IAAQ,GAAU,EAelB,EACJ,cACA,gBACA,oBACA,yBACA,aACA,oBACA,mBACE,EACF,GACA,CAAC,QAAQ,EACT,CAAC,WAAW,QAAQ,EACpB,CAAC,WAAW,WAAW,EAzBI;GAC3B;GACA;GACA;GACA;GACD,EACgD;GAC/C,SAAS;GACT,UAAU;GACV,OAAO;GACP,SAAS;GACV,CAiBA,EAEK,IAAgB,QAAe,EAAM,MAAM,gBAAgB,SAAS,QAAQ,IAAI,GAAM,EAEtF,IAAa,EAAS;GAC1B,WAAW,EAAgB,MAAM,MAAM;GACvC,MAAM,MAA8B;AAClC,MAAgB,MAAM,MAAM,QAAQ;;GAEvC,CAAC;yBAIA,EAoCa,GAAA,MAAA;GAnCA,YAAU,QAUb,CATN,EASM,OATN,GASM,CARJ,EAOE,EAAA,EAAA,EAAA;gBANS,EAAA;6CAAU,QAAA;IAClB,SAAS,EAAA,EAAW,CAAC;IACrB,UAAU,EAAA;IACV,OAAO,EAAA,EAAqB,CAAA,SAAU,EAAA,EAAK,CAAC,WAAW,MAAK;IAC7D,OAAM;IACL,WAAS,CAAG,EAAA;;;;;;;;GAIR,kBAAgB,QAKvB,CAJF,EAIE,GAAA;IAHC,SAAS,EAAA,EAAoB;IAC7B,UAAU,EAAA,EAAQ;IAClB,mBAAiB,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;GAGzB,iBAAe,QAKtB,CAJF,EAIE,GAAA;IAHC,SAAS,EAAA,EAAe;IACxB,UAAU,EAAA,EAAQ;IAClB,mBAAiB,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;GAGzB,UAAQ,QAEkB,EAAA,EAAA,GAAA,EADnC,EAMM,GAAA,MAAA,EALiB,EAAA,EAAW,GAAzB,YADT,EAMM,OAAA;IAJH,KAAK,EAAW;IACjB,OAAM;OAEN,EAA6D,GAA7D,EAA6D,EAAA,SAAA,IAAA,EAA1C,GAAY,EAAM,EAAW,UAAS,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA"}

package/dist/forms/DataMappingForm/Layout/FormLayout.js

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

package/dist/forms/DataMappingForm/Layout/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","names":[],"sources":["../../../../src/forms/DataMappingForm/Layout/FormLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from '@platforma-sdk/ui-vue';\n\n</script>\n\n<template>\n  <div class=\"left-block\" @click=\"(e) => e.stopPropagation()\">\n    <h3>\n      Data Mapping\n    </h3>\n    <div class=\"inputs-block\">\n      <slot name=\"dataInputs\"/>\n      <slot name=\"mandatoryOptions\"/>\n      <slot name=\"metadataOptions\"/>\n    </div>\n  </div>\n  <div class=\"separator\">\n    <div class=\"arrow-circle\">\n      <PlIcon16 name=\"arrow-right\"/>\n    </div>\n  </div>\n  <div class=\"right-block\" @click=\"(e) => e.stopPropagation()\">\n    <h3>\n      Chart variables\n    </h3>\n    <div class=\"inputs-block\">\n      <slot name=\"chartVar\"/>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/forms/DataMappingForm/Layout/FormLayout.vue2.js

@@ -1,5 +1,25 @@
-import f from "./FormLayout.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=FormLayout.vue2.js.map
+import { Fragment as e, createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+import { PlIcon16 as c } from "@platforma-sdk/ui-vue";
+var l = { class: "inputs-block" }, u = { class: "separator" }, d = { class: "arrow-circle" }, f = { class: "inputs-block" }, p = /* @__PURE__ */ i({
+	__name: "FormLayout",
+	setup(i) {
+		return (i, p) => (a(), t(e, null, [
+			n("div", {
+				class: "left-block",
+				onClick: p[0] ||= (e) => e.stopPropagation()
+			}, [p[2] ||= n("h3", null, " Data Mapping ", -1), n("div", l, [
+				o(i.$slots, "dataInputs"),
+				o(i.$slots, "mandatoryOptions"),
+				o(i.$slots, "metadataOptions")
+			])]),
+			n("div", u, [n("div", d, [r(s(c), { name: "arrow-right" })])]),
+			n("div", {
+				class: "right-block",
+				onClick: p[1] ||= (e) => e.stopPropagation()
+			}, [p[3] ||= n("h3", null, " Chart variables ", -1), n("div", f, [o(i.$slots, "chartVar")])])
+		], 64));
+	}
+});
+export { p as default };
+
+//# sourceMappingURL=FormLayout.vue2.js.map

package/dist/forms/DataMappingForm/Layout/FormLayout.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayout.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"FormLayout.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../src/forms/DataMappingForm/Layout/FormLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon16 } from '@platforma-sdk/ui-vue';\n\n</script>\n\n<template>\n  <div class=\"left-block\" @click=\"(e) => e.stopPropagation()\">\n    <h3>\n      Data Mapping\n    </h3>\n    <div class=\"inputs-block\">\n      <slot name=\"dataInputs\"/>\n      <slot name=\"mandatoryOptions\"/>\n      <slot name=\"metadataOptions\"/>\n    </div>\n  </div>\n  <div class=\"separator\">\n    <div class=\"arrow-circle\">\n      <PlIcon16 name=\"arrow-right\"/>\n    </div>\n  </div>\n  <div class=\"right-block\" @click=\"(e) => e.stopPropagation()\">\n    <h3>\n      Chart variables\n    </h3>\n    <div class=\"inputs-block\">\n      <slot name=\"chartVar\"/>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;GAME,EASM,OAAA;IATD,OAAM;IAAc,SAAK,AAAA,EAAA,QAAG,MAAM,EAAE,iBAAe;gBACtD,EAEK,MAAA,MAFD,kBAEJ,GAAA,EACA,EAIM,OAJN,GAIM;IAHJ,EAAyB,EAAA,QAAA,aAAA;IACzB,EAA+B,EAAA,QAAA,mBAAA;IAC/B,EAA8B,EAAA,QAAA,kBAAA;;GAGlC,EAIM,OAJN,GAIM,CAHJ,EAEM,OAFN,GAEM,CADJ,EAA8B,EAAA,EAAA,EAAA,EAApB,MAAK,eAAa,CAAA,CAAA,CAAA,CAAA,CAAA;GAGhC,EAOM,OAAA;IAPD,OAAM;IAAe,SAAK,AAAA,EAAA,QAAG,MAAM,EAAE,iBAAe;gBACvD,EAEK,MAAA,MAFD,qBAEJ,GAAA,EACA,EAEM,OAFN,GAEM,CADJ,EAAuB,EAAA,QAAA,WAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/forms/DataMappingForm/Layout/MandatoryOptions.js

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

package/dist/forms/DataMappingForm/Layout/MandatoryOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MandatoryOptions.js","names":[],"sources":["../../../../src/forms/DataMappingForm/Layout/MandatoryOptions.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChipInfo } from '../../../components/DragAndDrop/types';\nimport type { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\n\nconst props = withDefaults(defineProps<{\n  options: { id: string; info: AxisData | ColumnData }[];\n  chipInfo: Record<string, ChipInfo>;\n  title?: string;\n}>(), { title: 'Drag to build the chart' });\n\nconst _emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length === 0);\n</script>\n\n<template>\n  <div v-if=\"!empty\" class=\"metadata-block\" :style=\"{flexShrink: 0}\">\n    <div class=\"title\">{{ title }}</div>\n    <div class=\"metadata-block__items\">\n      <DndChip\n        v-for=\"{ id } in options\"\n        :key=\"id\"\n        :info=\"chipInfo[id]\"\n        @dragstart=\"(draggedId) => $emit('dragged-id-update', draggedId)\"\n        @dragend=\"$emit('dragged-id-update', null)\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/forms/DataMappingForm/Layout/MandatoryOptions.vue2.js

@@ -1,5 +1,27 @@
-import f from "./MandatoryOptions.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=MandatoryOptions.vue2.js.map
+import e from "../../../components/DragAndDrop/DndChip.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
+var d = {
+	key: 0,
+	class: "metadata-block",
+	style: { flexShrink: 0 }
+}, f = { class: "title" }, p = { class: "metadata-block__items" }, m = /* @__PURE__ */ s({
+	__name: "MandatoryOptions",
+	props: {
+		options: {},
+		chipInfo: {},
+		title: { default: "Drag to build the chart" }
+	},
+	emits: ["dragged-id-update"],
+	setup(s, { emit: m }) {
+		let h = s, g = n(() => h.options.length === 0);
+		return (n, m) => g.value ? i("", !0) : (c(), a("div", d, [o("div", f, u(s.title), 1), o("div", p, [(c(!0), a(t, null, l(s.options, ({ id: t }) => (c(), r(e, {
+			key: t,
+			info: s.chipInfo[t],
+			onDragstart: m[0] ||= (e) => n.$emit("dragged-id-update", e),
+			onDragend: m[1] ||= (e) => n.$emit("dragged-id-update", null)
+		}, null, 8, ["info"]))), 128))])]));
+	}
+});
+export { m as default };
+
+//# sourceMappingURL=MandatoryOptions.vue2.js.map

package/dist/forms/DataMappingForm/Layout/MandatoryOptions.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"MandatoryOptions.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"MandatoryOptions.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../src/forms/DataMappingForm/Layout/MandatoryOptions.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChipInfo } from '../../../components/DragAndDrop/types';\nimport type { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\n\nconst props = withDefaults(defineProps<{\n  options: { id: string; info: AxisData | ColumnData }[];\n  chipInfo: Record<string, ChipInfo>;\n  title?: string;\n}>(), { title: 'Drag to build the chart' });\n\nconst _emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length === 0);\n</script>\n\n<template>\n  <div v-if=\"!empty\" class=\"metadata-block\" :style=\"{flexShrink: 0}\">\n    <div class=\"title\">{{ title }}</div>\n    <div class=\"metadata-block__items\">\n      <DndChip\n        v-for=\"{ id } in options\"\n        :key=\"id\"\n        :info=\"chipInfo[id]\"\n        @dragstart=\"(draggedId) => $emit('dragged-id-update', draggedId)\"\n        @dragend=\"$emit('dragged-id-update', null)\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,GAQR,IAAQ,QAAe,EAAM,QAAQ,WAAW,EAAE;mBAI1C,EAAA,qBAAA,GAAA,EAAZ,EAWM,OAXN,GAWM,CAVJ,EAAoC,OAApC,GAAoC,EAAd,EAAA,MAAK,EAAA,EAAA,EAC3B,EAQM,OARN,GAQM,EAAA,EAAA,GAAA,EAPJ,EAME,GAAA,MAAA,EALiB,EAAA,UAAO,EAAf,kBADX,EAME,GAAA;GAJC,KAAK;GACL,MAAM,EAAA,SAAS;GACf,aAAS,AAAA,EAAA,QAAG,MAAcA,EAAAA,MAAK,qBAAsB,EAAS;GAC9D,WAAO,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAA,KAAA"}

package/dist/forms/DataMappingForm/Layout/OptionsList.js

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

package/dist/forms/DataMappingForm/Layout/OptionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsList.js","names":[],"sources":["../../../../src/forms/DataMappingForm/Layout/OptionsList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChipInfo } from '../../../components/DragAndDrop/types';\nimport type { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed, ref } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\nimport { PlBtnGhost, PlSearchField } from '@platforma-sdk/ui-vue';\n\nconst props = withDefaults(defineProps<{\n  options: { id: string; info: AxisData | ColumnData }[];\n  chipInfo: Record<string, ChipInfo>;\n  title?: string;\n}>(), { title: 'Metadata' });\n\nconst _emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length === 0);\n\nconst searchModel = ref();\n\nconst optionsShortList = computed(() => {\n  return props.options.filter((el) => {\n    return !props.chipInfo[el.id].hasHangingAxes;\n  });\n});\n\nconst showMore = ref(false);\n\nconst optionsRendered = computed(() => {\n  const searchValue = searchModel.value?.toLowerCase() ?? '';\n  if (searchValue.length > 0) {\n    return props.options.filter((el) => {\n      const label = props.chipInfo[el.id].title ?? '';\n      return label?.toLowerCase().includes(searchValue);\n    });\n  }\n  return showMore.value ? props.options : optionsShortList.value;\n});\n\n</script>\n\n<template>\n  <div v-if=\"!empty\" class=\"metadata-block\">\n    <div class=\"title\">{{ title }}</div>\n    <div class=\"metadata-block__search\">\n      <PlSearchField v-model=\"searchModel\" placeholder=\"Find...\" clearable />\n    </div>\n    <div class=\"metadata-block__items\">\n      <DndChip\n        v-for=\"{ id } in optionsRendered\"\n        :key=\"id\"\n        :info=\"chipInfo[id]\"\n        @dragstart=\"(draggedId) => $emit('dragged-id-update', draggedId)\"\n        @dragend=\"$emit('dragged-id-update', null)\"\n      />\n      <PlBtnGhost v-if=\"optionsShortList.length > 0 && !searchModel?.length && optionsShortList.length < options.length\" :class=\"$style.showMoreButton\" @click=\"showMore = !showMore\">{{ showMore ? 'Show less' : 'Show more' }}</PlBtnGhost>\n    </div>\n  </div>\n</template>\n<style module>\n.showMoreButton {\n  align-self: center;\n  min-width: 80px;\n}\n</style>\n"],"mappings":""}

package/dist/forms/DataMappingForm/Layout/OptionsList.style.js

@@ -0,0 +1,4 @@
+import './OptionsList.vue.css';var e = { showMoreButton: "_showMoreButton_ydz3i_2" };
+export { e as default };
+
+//# sourceMappingURL=OptionsList.style.js.map

package/dist/forms/DataMappingForm/Layout/OptionsList.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsList.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/forms/DataMappingForm/Layout/OptionsList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChipInfo } from '../../../components/DragAndDrop/types';\nimport type { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed, ref } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\nimport { PlBtnGhost, PlSearchField } from '@platforma-sdk/ui-vue';\n\nconst props = withDefaults(defineProps<{\n  options: { id: string; info: AxisData | ColumnData }[];\n  chipInfo: Record<string, ChipInfo>;\n  title?: string;\n}>(), { title: 'Metadata' });\n\nconst _emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length === 0);\n\nconst searchModel = ref();\n\nconst optionsShortList = computed(() => {\n  return props.options.filter((el) => {\n    return !props.chipInfo[el.id].hasHangingAxes;\n  });\n});\n\nconst showMore = ref(false);\n\nconst optionsRendered = computed(() => {\n  const searchValue = searchModel.value?.toLowerCase() ?? '';\n  if (searchValue.length > 0) {\n    return props.options.filter((el) => {\n      const label = props.chipInfo[el.id].title ?? '';\n      return label?.toLowerCase().includes(searchValue);\n    });\n  }\n  return showMore.value ? props.options : optionsShortList.value;\n});\n\n</script>\n\n<template>\n  <div v-if=\"!empty\" class=\"metadata-block\">\n    <div class=\"title\">{{ title }}</div>\n    <div class=\"metadata-block__search\">\n      <PlSearchField v-model=\"searchModel\" placeholder=\"Find...\" clearable />\n    </div>\n    <div class=\"metadata-block__items\">\n      <DndChip\n        v-for=\"{ id } in optionsRendered\"\n        :key=\"id\"\n        :info=\"chipInfo[id]\"\n        @dragstart=\"(draggedId) => $emit('dragged-id-update', draggedId)\"\n        @dragend=\"$emit('dragged-id-update', null)\"\n      />\n      <PlBtnGhost v-if=\"optionsShortList.length > 0 && !searchModel?.length && optionsShortList.length < options.length\" :class=\"$style.showMoreButton\" @click=\"showMore = !showMore\">{{ showMore ? 'Show less' : 'Show more' }}</PlBtnGhost>\n    </div>\n  </div>\n</template>\n<style module>\n.showMoreButton {\n  align-self: center;\n  min-width: 80px;\n}\n</style>\n"],"mappings":""}

package/dist/forms/DataMappingForm/Layout/OptionsList.vue2.js

@@ -1,61 +1,46 @@
-import { defineComponent as C, computed as u, ref as p, createElementBlock as f, createCommentVNode as h, openBlock as i, createElementVNode as m, toDisplayString as v, createVNode as y, unref as g, createBlock as k, Fragment as _, renderList as $, normalizeClass as B, withCtx as L, createTextVNode as S } from "vue";
-import I from "../../../components/DragAndDrop/DndChip.vue.js";
-import { PlSearchField as M, PlBtnGhost as N } from "@platforma-sdk/ui-vue";
-const b = {
-  key: 0,
-  class: "metadata-block"
-}, D = { class: "title" }, F = { class: "metadata-block__search" }, x = { class: "metadata-block__items" }, G = /* @__PURE__ */ C({
-  __name: "OptionsList",
-  props: {
-    options: {},
-    chipInfo: {},
-    title: { default: "Metadata" }
-  },
-  emits: ["dragged-id-update"],
-  setup(l, { emit: E }) {
-    const n = l, V = u(() => n.options.length === 0), a = p(), d = u(() => n.options.filter((o) => !n.chipInfo[o.id].hasHangingAxes)), s = p(!1), w = u(() => {
-      var e;
-      const o = ((e = a.value) == null ? void 0 : e.toLowerCase()) ?? "";
-      return o.length > 0 ? n.options.filter((r) => {
-        const t = n.chipInfo[r.id].title ?? "";
-        return t == null ? void 0 : t.toLowerCase().includes(o);
-      }) : s.value ? n.options : d.value;
-    });
-    return (o, e) => {
-      var r;
-      return V.value ? h("", !0) : (i(), f("div", b, [
-        m("div", D, v(l.title), 1),
-        m("div", F, [
-          y(g(M), {
-            modelValue: a.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (t) => a.value = t),
-            placeholder: "Find...",
-            clearable: ""
-          }, null, 8, ["modelValue"])
-        ]),
-        m("div", x, [
-          (i(!0), f(_, null, $(w.value, ({ id: t }) => (i(), k(I, {
-            key: t,
-            info: l.chipInfo[t],
-            onDragstart: e[1] || (e[1] = (c) => o.$emit("dragged-id-update", c)),
-            onDragend: e[2] || (e[2] = (c) => o.$emit("dragged-id-update", null))
-          }, null, 8, ["info"]))), 128)),
-          d.value.length > 0 && !((r = a.value) != null && r.length) && d.value.length < l.options.length ? (i(), k(g(N), {
-            key: 0,
-            class: B(o.$style.showMoreButton),
-            onClick: e[3] || (e[3] = (t) => s.value = !s.value)
-          }, {
-            default: L(() => [
-              S(v(s.value ? "Show less" : "Show more"), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])) : h("", !0)
-        ])
-      ]));
-    };
-  }
+import e from "../../../components/DragAndDrop/DndChip.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { PlBtnGhost as _, PlSearchField as v } from "@platforma-sdk/ui-vue";
+var y = {
+	key: 0,
+	class: "metadata-block"
+}, b = { class: "title" }, x = { class: "metadata-block__search" }, S = { class: "metadata-block__items" }, C = /* @__PURE__ */ l({
+	__name: "OptionsList",
+	props: {
+		options: {},
+		chipInfo: {},
+		title: { default: "Metadata" }
+	},
+	emits: ["dragged-id-update"],
+	setup(l, { emit: C }) {
+		let w = l, T = n(() => w.options.length === 0), E = f(), D = n(() => w.options.filter((e) => !w.chipInfo[e.id].hasHangingAxes)), O = f(!1), k = n(() => {
+			let e = E.value?.toLowerCase() ?? "";
+			return e.length > 0 ? w.options.filter((t) => (w.chipInfo[t.id].title ?? "")?.toLowerCase().includes(e)) : O.value ? w.options : D.value;
+		});
+		return (n, f) => T.value ? i("", !0) : (d(), a("div", y, [
+			o("div", b, m(l.title), 1),
+			o("div", x, [c(h(v), {
+				modelValue: E.value,
+				"onUpdate:modelValue": f[0] ||= (e) => E.value = e,
+				placeholder: "Find...",
+				clearable: ""
+			}, null, 8, ["modelValue"])]),
+			o("div", S, [(d(!0), a(t, null, p(k.value, ({ id: t }) => (d(), r(e, {
+				key: t,
+				info: l.chipInfo[t],
+				onDragstart: f[1] ||= (e) => n.$emit("dragged-id-update", e),
+				onDragend: f[2] ||= (e) => n.$emit("dragged-id-update", null)
+			}, null, 8, ["info"]))), 128)), D.value.length > 0 && !E.value?.length && D.value.length < l.options.length ? (d(), r(h(_), {
+				key: 0,
+				class: u(n.$style.showMoreButton),
+				onClick: f[3] ||= (e) => O.value = !O.value
+			}, {
+				default: g(() => [s(m(O.value ? "Show less" : "Show more"), 1)]),
+				_: 1
+			}, 8, ["class"])) : i("", !0)])
+		]));
+	}
 });
-export {
-  G as default
-};
-//# sourceMappingURL=OptionsList.vue2.js.map
+export { C as default };
+
+//# sourceMappingURL=OptionsList.vue2.js.map

package/dist/forms/DataMappingForm/Layout/OptionsList.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionsList.vue2.js","sources":["../../../../src/forms/DataMappingForm/Layout/OptionsList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChipInfo } from '../../../components/DragAndDrop/types';\nimport type { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed, ref } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\nimport { PlBtnGhost, PlSearchField } from '@platforma-sdk/ui-vue';\n\nconst props = withDefaults(defineProps<{\n  options: { id: string; info: AxisData | ColumnData }[];\n  chipInfo: Record<string, ChipInfo>;\n  title?: string;\n}>(), { title: 'Metadata' });\n\nconst _emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length === 0);\n\nconst searchModel = ref();\n\nconst optionsShortList = computed(() => {\n  return props.options.filter((el) => {\n    return !props.chipInfo[el.id].hasHangingAxes;\n  });\n});\n\nconst showMore = ref(false);\n\nconst optionsRendered = computed(() => {\n  const searchValue = searchModel.value?.toLowerCase() ?? '';\n  if (searchValue.length > 0) {\n    return props.options.filter((el) => {\n      const label = props.chipInfo[el.id].title ?? '';\n      return label?.toLowerCase().includes(searchValue);\n    });\n  }\n  return showMore.value ? props.options : optionsShortList.value;\n});\n\n</script>\n\n<template>\n  <div v-if=\"!empty\" class=\"metadata-block\">\n    <div class=\"title\">{{ title }}</div>\n    <div class=\"metadata-block__search\">\n      <PlSearchField v-model=\"searchModel\" placeholder=\"Find...\" clearable />\n    </div>\n    <div class=\"metadata-block__items\">\n      <DndChip\n        v-for=\"{ id } in optionsRendered\"\n        :key=\"id\"\n        :info=\"chipInfo[id]\"\n        @dragstart=\"(draggedId) => $emit('dragged-id-update', draggedId)\"\n        @dragend=\"$emit('dragged-id-update', null)\"\n      />\n      <PlBtnGhost v-if=\"optionsShortList.length > 0 && !searchModel?.length && optionsShortList.length < options.length\" :class=\"$style.showMoreButton\" @click=\"showMore = !showMore\">{{ showMore ? 'Show less' : 'Show more' }}</PlBtnGhost>\n    </div>\n  </div>\n</template>\n<style module>\n.showMoreButton {\n  align-self: center;\n  min-width: 80px;\n}\n</style>\n"],"names":["props","__props","empty","computed","searchModel","ref","optionsShortList","el","showMore","optionsRendered","searchValue","_a","label","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","_createVNode","_unref","PlSearchField","$event","_hoisted_4","_Fragment","_renderList","id","_createBlock","DndChip","_cache","draggedId","$emit","PlBtnGhost","_normalizeClass","$style"],"mappings":";;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAQRC,IAAQC,EAAS,MAAMH,EAAM,QAAQ,WAAW,CAAC,GAEjDI,IAAcC,EAAA,GAEdC,IAAmBH,EAAS,MACzBH,EAAM,QAAQ,OAAO,CAACO,MACpB,CAACP,EAAM,SAASO,EAAG,EAAE,EAAE,cAC/B,CACF,GAEKC,IAAWH,EAAI,EAAK,GAEpBI,IAAkBN,EAAS,MAAM;;AACrC,YAAMO,MAAcC,IAAAP,EAAY,UAAZ,gBAAAO,EAAmB,kBAAiB;AACxD,aAAID,EAAY,SAAS,IAChBV,EAAM,QAAQ,OAAO,CAACO,MAAO;AAClC,cAAMK,IAAQZ,EAAM,SAASO,EAAG,EAAE,EAAE,SAAS;AAC7C,eAAOK,KAAA,gBAAAA,EAAO,cAAc,SAASF;AAAA,MACvC,CAAC,IAEIF,EAAS,QAAQR,EAAM,UAAUM,EAAiB;AAAA,IAC3D,CAAC;;;aAKaJ,EAAA,qBAAZW,KAAAC,EAeM,OAfNC,GAeM;AAAA,QAdJC,EAAoC,OAApCC,GAAoCC,EAAdjB,EAAA,KAAK,GAAA,CAAA;AAAA,QAC3Be,EAEM,OAFNG,GAEM;AAAA,UADJC,EAAuEC,EAAAC,CAAA,GAAA;AAAA,wBAA/ClB,EAAA;AAAA,0DAAAA,EAAW,QAAAmB;AAAA,YAAE,aAAY;AAAA,YAAU,WAAA;AAAA,UAAA;;QAE7DP,EASM,OATNQ,GASM;AAAA,kBARJV,EAMEW,GAAA,MAAAC,EALiBjB,EAAA,OAAe,CAAA,EAAvB,IAAAkB,EAAA,YADXC,EAMEC,GAAA;AAAA,YAJC,KAAKF;AAAA,YACL,MAAM1B,EAAA,SAAS0B,CAAE;AAAA,YACjB,aAASG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAcC,EAAAA,2BAA2BD,CAAS;AAAA,YAC9D,kCAASC,EAAAA,MAAK,qBAAA,IAAA;AAAA,UAAA;UAEC1B,EAAA,MAAiB,SAAM,KAAA,GAASK,IAAAP,EAAA,UAAA,QAAAO,EAAa,WAAUL,EAAA,MAAiB,SAASL,EAAA,QAAQ,eAA3G2B,EAAuOP,EAAAY,CAAA,GAAA;AAAA;YAAnH,OAAKC,EAAEC,EAAAA,OAAO,cAAc;AAAA,YAAG,SAAKL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAP,MAAEf,EAAA,QAAQ,CAAIA,EAAA;AAAA,UAAA;uBAAU,MAA0C;AAAA,kBAAvCA,EAAA,QAAQ,cAAA,WAAA,GAAA,CAAA;AAAA,YAAA;;;;;;;;"}
+{"version":3,"file":"OptionsList.vue_vue_type_script_setup_true_lang.js","names":["$emit","$style"],"sources":["../../../../src/forms/DataMappingForm/Layout/OptionsList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ChipInfo } from '../../../components/DragAndDrop/types';\nimport type { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed, ref } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\nimport { PlBtnGhost, PlSearchField } from '@platforma-sdk/ui-vue';\n\nconst props = withDefaults(defineProps<{\n  options: { id: string; info: AxisData | ColumnData }[];\n  chipInfo: Record<string, ChipInfo>;\n  title?: string;\n}>(), { title: 'Metadata' });\n\nconst _emit = defineEmits(['dragged-id-update']);\n\nconst empty = computed(() => props.options.length === 0);\n\nconst searchModel = ref();\n\nconst optionsShortList = computed(() => {\n  return props.options.filter((el) => {\n    return !props.chipInfo[el.id].hasHangingAxes;\n  });\n});\n\nconst showMore = ref(false);\n\nconst optionsRendered = computed(() => {\n  const searchValue = searchModel.value?.toLowerCase() ?? '';\n  if (searchValue.length > 0) {\n    return props.options.filter((el) => {\n      const label = props.chipInfo[el.id].title ?? '';\n      return label?.toLowerCase().includes(searchValue);\n    });\n  }\n  return showMore.value ? props.options : optionsShortList.value;\n});\n\n</script>\n\n<template>\n  <div v-if=\"!empty\" class=\"metadata-block\">\n    <div class=\"title\">{{ title }}</div>\n    <div class=\"metadata-block__search\">\n      <PlSearchField v-model=\"searchModel\" placeholder=\"Find...\" clearable />\n    </div>\n    <div class=\"metadata-block__items\">\n      <DndChip\n        v-for=\"{ id } in optionsRendered\"\n        :key=\"id\"\n        :info=\"chipInfo[id]\"\n        @dragstart=\"(draggedId) => $emit('dragged-id-update', draggedId)\"\n        @dragend=\"$emit('dragged-id-update', null)\"\n      />\n      <PlBtnGhost v-if=\"optionsShortList.length > 0 && !searchModel?.length && optionsShortList.length < options.length\" :class=\"$style.showMoreButton\" @click=\"showMore = !showMore\">{{ showMore ? 'Show less' : 'Show more' }}</PlBtnGhost>\n    </div>\n  </div>\n</template>\n<style module>\n.showMoreButton {\n  align-self: center;\n  min-width: 80px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAQR,IAAQ,QAAe,EAAM,QAAQ,WAAW,EAAE,EAElD,IAAc,GAAK,EAEnB,IAAmB,QAChB,EAAM,QAAQ,QAAQ,MACpB,CAAC,EAAM,SAAS,EAAG,IAAI,eAC9B,CACF,EAEI,IAAW,EAAI,GAAM,EAErB,IAAkB,QAAe;GACrC,IAAM,IAAc,EAAY,OAAO,aAAa,IAAI;AAOxD,UANI,EAAY,SAAS,IAChB,EAAM,QAAQ,QAAQ,OACb,EAAM,SAAS,EAAG,IAAI,SAAS,KAC/B,aAAa,CAAC,SAAS,EAAY,CACjD,GAEG,EAAS,QAAQ,EAAM,UAAU,EAAiB;IACzD;mBAKY,EAAA,qBAAA,GAAA,EAAZ,EAeM,OAfN,GAeM;GAdJ,EAAoC,OAApC,GAAoC,EAAd,EAAA,MAAK,EAAA,EAAA;GAC3B,EAEM,OAFN,GAEM,CADJ,EAAuE,EAAA,EAAA,EAAA;gBAA/C,EAAA;6CAAW,QAAA;IAAE,aAAY;IAAU,WAAA;;GAE7D,EASM,OATN,GASM,EAAA,EAAA,GAAA,EARJ,EAME,GAAA,MAAA,EALiB,EAAA,QAAe,EAAvB,kBADX,EAME,GAAA;IAJC,KAAK;IACL,MAAM,EAAA,SAAS;IACf,aAAS,AAAA,EAAA,QAAG,MAAcA,EAAAA,MAAK,qBAAsB,EAAS;IAC9D,WAAO,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAA,KAAA;mCAEC,EAAA,MAAiB,SAAM,KAAA,CAAS,EAAA,OAAa,UAAU,EAAA,MAAiB,SAAS,EAAA,QAAQ,UAAA,GAAA,EAA3G,EAAuO,EAAA,EAAA,EAAA;;IAAnH,OAAK,EAAEC,EAAAA,OAAO,eAAc;IAAG,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,CAAI,EAAA;;qBAAoD,CAAA,EAAA,EAAvC,EAAA,QAAQ,cAAA,YAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/forms/DataMappingForm/ScatterplotForm.js

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

package/dist/forms/DataMappingForm/ScatterplotForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotForm.js","names":[],"sources":["../../../src/forms/DataMappingForm/ScatterplotForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { ScatterplotUIState } from '@milaboratories/pf-plots';\nimport { computed } from 'vue';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { useBaskets } from './useBaskets';\n\ntype BasketIds = Exclude<keyof ScatterplotUIState['components'], 'x' | 'y'>;\ntype DataIds = keyof ScatterplotUIState['components'] & ('x' | 'y');\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = ['filters', 'highlight', 'grouping', 'size', 'shape', 'tooltipContent', 'label', 'tabBy', 'facetBy'];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  highlight: 'Highlight',\n  grouping: 'Grouping / Color',\n  size: 'Size',\n  shape: 'Shape',\n  tooltipContent: 'Tooltip',\n  label: 'Label',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions,\n} = useBaskets<ScatterplotUIState, BasketIds, DataIds>(\n  store,\n  ['x', 'y'],\n  ['filters', 'tabBy', 'highlight'],\n  ['grouping', 'size', 'shape', 'tooltipContent', 'label', 'facetBy'],\n  BASKETS,\n  BASKET_LABELS,\n);\n\nconst readonlyX = computed(() => store.value.readonlyInputs?.includes('x') ?? false);\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\n\nconst xValue = computed({\n  get: () => dataStateValues.value.x.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.x.value = value;\n  },\n});\n\nconst yValue = computed({\n  get: () => dataStateValues.value.y.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.y.value = value;\n  },\n});\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"xValue\"\n          label=\"X:\"\n          clearable\n          :options=\"dataOptions.x\"\n          :disabled=\"readonlyX\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <PlDropdown\n          v-model=\"yValue\"\n          label=\"Y:\"\n          clearable\n          :options=\"dataOptions.y\"\n          :disabled=\"readonlyY\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </FormLayout>\n</template>\n"],"mappings":""}

package/dist/forms/DataMappingForm/ScatterplotForm.vue2.js

@@ -1,5 +1,101 @@
-import f from "./ScatterplotForm.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=ScatterplotForm.vue2.js.map
+import e from "../../components/DragAndDrop/DndBasket.js";
+import t from "./Layout/FormLayout.js";
+import n from "./Layout/OptionsList.js";
+import r from "./Layout/MandatoryOptions.js";
+import { useBaskets as i } from "./useBaskets.js";
+import { useStore as a } from "../../store.js";
+import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderList as h, toHandlers as g, unref as _, withCtx as v } from "vue";
+import { PlDropdown as y } from "@platforma-sdk/ui-vue";
+var b = { class: "data-form-input-item" }, x = {
+	class: "data-form-input-item",
+	style: { "margin-top": "10px" }
+}, S = /* @__PURE__ */ f({
+	__name: "ScatterplotForm",
+	setup(f) {
+		let S = a(), { draggedId: C, basketsData: w, freeMetaOptions: T, freeMandatoryOptions: E, chipInfo: D, dataStateValues: O, dataOptions: k } = i(S, ["x", "y"], [
+			"filters",
+			"tabBy",
+			"highlight"
+		], [
+			"grouping",
+			"size",
+			"shape",
+			"tooltipContent",
+			"label",
+			"facetBy"
+		], [
+			"filters",
+			"highlight",
+			"grouping",
+			"size",
+			"shape",
+			"tooltipContent",
+			"label",
+			"tabBy",
+			"facetBy"
+		], {
+			filters: "Filter",
+			highlight: "Highlight",
+			grouping: "Grouping / Color",
+			size: "Size",
+			shape: "Shape",
+			tooltipContent: "Tooltip",
+			label: "Label",
+			tabBy: "Tab by",
+			facetBy: "Facet by"
+		}), A = s(() => S.value.readonlyInputs?.includes("x") ?? !1), j = s(() => S.value.readonlyInputs?.includes("y") ?? !1), M = s({
+			get: () => O.value.x.value,
+			set: (e) => {
+				O.value.x.value = e;
+			}
+		}), N = s({
+			get: () => O.value.y.value,
+			set: (e) => {
+				O.value.y.value = e;
+			}
+		});
+		return (i, a) => (m(), c(t, null, {
+			dataInputs: v(() => [u("div", b, [d(_(y), {
+				modelValue: M.value,
+				"onUpdate:modelValue": a[0] ||= (e) => M.value = e,
+				label: "X:",
+				clearable: "",
+				options: _(k).x,
+				disabled: A.value
+			}, null, 8, [
+				"modelValue",
+				"options",
+				"disabled"
+			])]), u("div", x, [d(_(y), {
+				modelValue: N.value,
+				"onUpdate:modelValue": a[1] ||= (e) => N.value = e,
+				label: "Y:",
+				clearable: "",
+				options: _(k).y,
+				disabled: j.value
+			}, null, 8, [
+				"modelValue",
+				"options",
+				"disabled"
+			])])]),
+			mandatoryOptions: v(() => [d(r, {
+				options: _(E),
+				chipInfo: _(D),
+				onDraggedIdUpdate: a[2] ||= (e) => C.value = e
+			}, null, 8, ["options", "chipInfo"])]),
+			metadataOptions: v(() => [d(n, {
+				options: _(T),
+				chipInfo: _(D),
+				onDraggedIdUpdate: a[3] ||= (e) => C.value = e
+			}, null, 8, ["options", "chipInfo"])]),
+			chartVar: v(() => [(m(!0), l(o, null, h(_(w), (t) => (m(), l("div", {
+				key: t.id,
+				class: "data-form-input-item"
+			}, [d(e, p({ ref_for: !0 }, t, g(t.listeners)), null, 16)]))), 128))]),
+			_: 1
+		}));
+	}
+});
+export { S as default };
+
+//# sourceMappingURL=ScatterplotForm.vue2.js.map

package/dist/forms/DataMappingForm/ScatterplotForm.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterplotForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ScatterplotForm.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/forms/DataMappingForm/ScatterplotForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { ScatterplotUIState } from '@milaboratories/pf-plots';\nimport { computed } from 'vue';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { useBaskets } from './useBaskets';\n\ntype BasketIds = Exclude<keyof ScatterplotUIState['components'], 'x' | 'y'>;\ntype DataIds = keyof ScatterplotUIState['components'] & ('x' | 'y');\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = ['filters', 'highlight', 'grouping', 'size', 'shape', 'tooltipContent', 'label', 'tabBy', 'facetBy'];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  highlight: 'Highlight',\n  grouping: 'Grouping / Color',\n  size: 'Size',\n  shape: 'Shape',\n  tooltipContent: 'Tooltip',\n  label: 'Label',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions,\n} = useBaskets<ScatterplotUIState, BasketIds, DataIds>(\n  store,\n  ['x', 'y'],\n  ['filters', 'tabBy', 'highlight'],\n  ['grouping', 'size', 'shape', 'tooltipContent', 'label', 'facetBy'],\n  BASKETS,\n  BASKET_LABELS,\n);\n\nconst readonlyX = computed(() => store.value.readonlyInputs?.includes('x') ?? false);\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\n\nconst xValue = computed({\n  get: () => dataStateValues.value.x.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.x.value = value;\n  },\n});\n\nconst yValue = computed({\n  get: () => dataStateValues.value.y.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.y.value = value;\n  },\n});\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"xValue\"\n          label=\"X:\"\n          clearable\n          :options=\"dataOptions.x\"\n          :disabled=\"readonlyX\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <PlDropdown\n          v-model=\"yValue\"\n          label=\"Y:\"\n          clearable\n          :options=\"dataOptions.y\"\n          :disabled=\"readonlyY\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </FormLayout>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAcA,IAAM,IAAQ,GAAU,EAelB,EACJ,cACA,gBACA,oBACA,yBACA,aACA,oBACA,mBACE,EACF,GACA,CAAC,KAAK,IAAI,EACV;GAAC;GAAW;GAAS;GAAY,EACjC;GAAC;GAAY;GAAQ;GAAS;GAAkB;GAAS;GAAU,EAzBxC;GAAC;GAAW;GAAa;GAAY;GAAQ;GAAS;GAAkB;GAAS;GAAS;GAAU,EAChF;GAC/C,SAAS;GACT,WAAW;GACX,UAAU;GACV,MAAM;GACN,OAAO;GACP,gBAAgB;GAChB,OAAO;GACP,OAAO;GACP,SAAS;GACV,CAiBA,EAEK,IAAY,QAAe,EAAM,MAAM,gBAAgB,SAAS,IAAI,IAAI,GAAM,EAC9E,IAAY,QAAe,EAAM,MAAM,gBAAgB,SAAS,IAAI,IAAI,GAAM,EAE9E,IAAS,EAAS;GACtB,WAAW,EAAgB,MAAM,EAAE;GACnC,MAAM,MAA8B;AAClC,MAAgB,MAAM,EAAE,QAAQ;;GAEnC,CAAC,EAEI,IAAS,EAAS;GACtB,WAAW,EAAgB,MAAM,EAAE;GACnC,MAAM,MAA8B;AAClC,MAAgB,MAAM,EAAE,QAAQ;;GAEnC,CAAC;yBAIA,EA4Ca,GAAA,MAAA;GA3CA,YAAU,QASb,CARN,EAQM,OARN,GAQM,CAPJ,EAME,EAAA,EAAA,EAAA;gBALS,EAAA;6CAAM,QAAA;IACf,OAAM;IACN,WAAA;IACC,SAAS,EAAA,EAAW,CAAC;IACrB,UAAU,EAAA;;;;;SAGf,EAQM,OARN,GAQM,CAPJ,EAME,EAAA,EAAA,EAAA;gBALS,EAAA;6CAAM,QAAA;IACf,OAAM;IACN,WAAA;IACC,SAAS,EAAA,EAAW,CAAC;IACrB,UAAU,EAAA;;;;;;GAIN,kBAAgB,QAKvB,CAJF,EAIE,GAAA;IAHC,SAAS,EAAA,EAAoB;IAC7B,UAAU,EAAA,EAAQ;IAClB,mBAAiB,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;GAGzB,iBAAe,QAKtB,CAJF,EAIE,GAAA;IAHC,SAAS,EAAA,EAAe;IACxB,UAAU,EAAA,EAAQ;IAClB,mBAAiB,AAAA,EAAA,QAAA,MAAE,EAAA,QAAY;;GAGzB,UAAQ,QAEkB,EAAA,EAAA,GAAA,EADnC,EAMM,GAAA,MAAA,EALiB,EAAA,EAAW,GAAzB,YADT,EAMM,OAAA;IAJH,KAAK,EAAW;IACjB,OAAM;OAEN,EAA6D,GAA7D,EAA6D,EAAA,SAAA,IAAA,EAA1C,GAAY,EAAM,EAAW,UAAS,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA"}

package/dist/forms/DataMappingForm/ScatterplotUmapForm.js

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

package/dist/forms/DataMappingForm/ScatterplotUmapForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotUmapForm.js","names":[],"sources":["../../../src/forms/DataMappingForm/ScatterplotUmapForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { ScatterplotUmapUIState } from '@milaboratories/pf-plots';\nimport { computed } from 'vue';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { useBaskets } from './useBaskets';\n\ntype BasketIds = Exclude<keyof ScatterplotUmapUIState['components'], 'x' | 'y' | 'facetBy'>;\ntype DataIds = keyof ScatterplotUmapUIState['components'] & ('x' | 'y');\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = ['filters', 'highlight', 'grouping', 'size', 'tabBy', 'tooltipContent', 'label'];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  highlight: 'Highlight',\n  grouping: 'Grouping / Color',\n  size: 'Size',\n  tabBy: 'Tab by',\n  tooltipContent: 'Tooltip',\n  label: 'Label',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions,\n} = useBaskets<ScatterplotUmapUIState, BasketIds, DataIds>(\n  store,\n  ['x', 'y'],\n  ['filters', 'tabBy', 'highlight'],\n  ['grouping', 'size', 'tooltipContent', 'label'],\n  BASKETS,\n  BASKET_LABELS,\n);\n\nconst readonlyX = computed(() => store.value.readonlyInputs?.includes('x') ?? false);\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\n\nconst xValue = computed({\n  get: () => dataStateValues.value.x.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.x.value = value;\n  },\n});\n\nconst yValue = computed({\n  get: () => dataStateValues.value.y.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.y.value = value;\n  },\n});\n\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"xValue\"\n          label=\"X:\"\n          clearable\n          :options=\"dataOptions.x\"\n          :disabled=\"readonlyX\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <PlDropdown\n          v-model=\"yValue\"\n          label=\"Y:\"\n          clearable\n          :options=\"dataOptions.y\"\n          :disabled=\"readonlyY\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </FormLayout>\n</template>\n"],"mappings":""}