@milaboratories/graph-maker 1.1.175 → 1.1.177

package/dist/forms/DataMappingForm/DendroForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DendroForm.vue.js","sources":["../../../src/forms/DataMappingForm/DendroForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport {\n  DendroUIState,\n  InputGuide,\n  InputState\n} from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport { computed, watch, Ref, toRef, ref } from 'vue';\nimport { useStore } from '../../store';\nimport {\n  getAllInputsOptions,\n  toFiltersMulti,\n  getErrorForPlDropdown,\n  toSimpleMulti,\n  getChipInfo,\n  toSimpleSingle,\n  getFreeOptions,\n  hasInputError,\n} from './utils';\nimport { DEFAULT_DOT_SHAPE } from '../../dataBindAes';\nimport { DEFAULT_BLACK } from '../../constantsAesthetic';\nimport {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent\n} from '../../components/DragAndDrop/types';\nimport DndChip from '../../components/DragAndDrop/DndChip.vue';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../constantsCommon';\n\ntype BasketIds = Exclude<\n  keyof (typeof inputStateValues)['value'] & keyof DendroUIState['components'],\n  'value' | 'filters' | 'tabBy'\n>;\n\nconst store = useStore();\nconst state = store.value.reactive.optionsState as DendroUIState;\nconst stateRef = toRef(store.value.reactive, 'optionsState');\n\nconst inputGuide = computed(\n  () => store.value.inputGuide.value\n) as unknown as Ref<InputGuide<DendroUIState>>;\nconst labelsInfo = computed(() => store.value.uniqueValuesData.value);\n\n//const nodeSize = toRef(state.data.nodeSize.selectorState, \"selectedSource\");\nfunction getSimpleSingle(inputName: keyof InputState['components']) {\n  return toSimpleSingle(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore\n  );\n}\nfunction getSimpleMulti(inputName: keyof InputState['components']) {\n  return toSimpleMulti(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore,\n    inputGuide\n  );\n}\nfunction getFiltersMulti(inputName: keyof InputState['components']) {\n  return toFiltersMulti(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore,\n    inputGuide\n  )\n}\n\nconst inputStateValues = ref({\n  value: getSimpleSingle('value'),\n  tableContent: getSimpleMulti('tableContent'),\n  heatmapAnnotation: getSimpleMulti('heatmapAnnotation'),\n  heatmapForSequence: getSimpleMulti('heatmapForSequence'),\n  filters: getFiltersMulti('filters'),\n  tabBy: getFiltersMulti('tabBy'),\n  height: getSimpleMulti('height'),\n  labels: getSimpleMulti('labels'),\n  nodeShape: getSimpleMulti('nodeShape'),\n  nodeColor: getSimpleMulti('nodeColor'),\n  nodeSize: getSimpleMulti('nodeSize'),\n  lineColor: getSimpleMulti('lineColor'),\n  heatmapAxis: getSimpleMulti('heatmapAxis'),\n  heatmapGroup: getSimpleMulti('heatmapGroup'),\n});\nwatch(\n  () => inputStateValues.value.nodeShape,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.dotShape = value.length\n      ? { type: 'nodeShape', value: value[0] }\n      : DEFAULT_DOT_SHAPE;\n  }\n);\nwatch(\n  () => inputStateValues.value.nodeColor,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.dotFill = value.length\n      ? { type: 'nodeColor', value: value[0] }\n      : DEFAULT_BLACK;\n  }\n);\nwatch(\n  () => inputStateValues.value.lineColor,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.lineColor = value.length\n      ? { type: 'lineColor', value: value[0] }\n      : DEFAULT_BLACK;\n  }\n);\n\nconst options = computed(() => {\n  return getAllInputsOptions(\n    state,\n    inputGuide as Ref<InputGuide<DendroUIState>>\n  );\n});\n\nconst freeOptions = computed(() =>\n  getFreeOptions(inputGuide as Ref<InputGuide<InputState>>, BASKETS)\n);\nconst freeMandatoryOptions = computed(() =>\n  freeOptions.value.filter((item) => item.info.kind === 'axis')\n);\nconst BASKETS: BasketIds[] = [\n  'height',\n  'tableContent',\n  'labels',\n  'heatmapAnnotation',\n  'heatmapAxis',\n  'heatmapGroup',\n  'heatmapForSequence',\n  'nodeShape',\n  'nodeColor',\n  'nodeSize',\n  'lineColor',\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  height: 'Connections length',\n  tableContent: 'Table/tooltip content',\n  labels: 'Labels',\n  heatmapAnnotation: 'Heatmap annotation',\n  heatmapAxis: 'Heatmap axis',\n  heatmapGroup: 'Heatmap group',\n  heatmapForSequence: 'Alignment data',\n  nodeShape: 'Node shape',\n  nodeColor: 'Node color',\n  nodeSize: 'Node size',\n  lineColor: 'Line color',\n};\n\nconst draggedId = ref<string | null>(null);\n\nconst chipInfo = computed<Record<string, ChipInfo>>(() => {\n  const freeAndSelectedIds = new Set<string>();\n  BASKETS.forEach((name) => {\n    options.value[name].forEach((option) => {\n      freeAndSelectedIds.add(option.value);\n    });\n    state.components[name].selectorStates.forEach((selectorState) => {\n        freeAndSelectedIds.add(selectorState.selectedSource);\n      });\n  });\n  return getChipInfo(inputGuide.value, state.components, labelsInfo.value, [...freeAndSelectedIds]);\n});\n\nfunction commonDropItemHandler(event: DropItemEvent<BasketIds>) {\n  inputStateValues.value[event.id] = [\n    ...inputStateValues.value[event.id],\n    event.draggedId,\n  ];\n  draggedId.value = null;\n}\n\nfunction commonReorder(data: ChipInfo['id'][], name: BasketIds) {\n  inputStateValues.value[name] = data;\n}\n\nfunction commonRemoveItem(event: RemoveItemEvent<BasketIds>) {\n  inputStateValues.value[event.basketId] = inputStateValues.value[\n    event.basketId\n  ].filter((op) => op !== event.chipId);\n}\n\nfunction getConsistency(basketId: BasketIds) {\n  return inputGuide.value.components[basketId].stateConsistency;\n}\n\nfunction getDisabled(basketId: BasketIds) {\n  return (\n    !inputGuide.value.readyData ||\n    options.value[basketId].length === 0 ||\n    (draggedId.value !== null &&\n      !chipInfo.value[draggedId.value].availableBasketIds.has(basketId))\n  );\n}\n\nasync function searchFilterOptions(sourceId:string, searchStr:string):Promise<{value:string, label:string}[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr)).values;\n}\nasync function searchSelectedFilterValueOptions(sourceId:string, selectedValue:string):Promise<{value:string, label:string}[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n}\nasync function loadOptions(sourceId:string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve({values: [], overflow: false});\n  }\n  return store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n}\n\nconst basketsData = computed<BasketProps[]>(() =>\n  BASKETS.map((name) => {\n    const guide = inputGuide.value.components[name];\n\n    const basketProps: BasketProps = {\n      id: name,\n      title: BASKET_LABELS[name],\n      isFilter: false,\n      sortable: name === 'tableContent',\n      multiple: guide.multipleSelectors,\n      required: guide.required,\n      disabled: getDisabled(name),\n      readonly: store.value.readonlyInputs?.includes(name) ?? false,\n      consistency: getConsistency(name),\n      draggedId: draggedId.value,\n      droppedIds: inputStateValues.value[name],\n      info: chipInfo.value,\n\n      searchFn: searchFilterOptions,\n      searchSelectedValueFn: searchSelectedFilterValueOptions,\n      loadOptionsFn: loadOptions,\n\n      listeners: {\n        'drop-item': commonDropItemHandler,\n        'remove-item': commonRemoveItem,\n        reorder: (data: ChipInfo['id'][]) => commonReorder(data, name)\n      },\n    };\n    return basketProps;\n  })\n);\n\nfunction showBasket(basketId: BasketProps['id']) {\n  if (basketId === 'heatmapAxis' || basketId === 'heatmapGroup') {\n    return inputStateValues.value.heatmapAnnotation !== null;\n  }\n  return true;\n}\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nconst autoFillInputs: (keyof typeof inputStateValues.value)[] = ['value'];\n\nautoFillInputs.forEach((inputName) => {\n  watch(\n    [() => inputStateValues.value[inputName], () => options.value],\n    ([v, vOptions]) => {\n      if (\n        (typeof v === 'undefined' ||\n          hasInputError('value', inputGuide.value)) &&\n        vOptions[inputName] &&\n        vOptions[inputName].length\n      ) {store.value.controller.changeSelected(\n        inputName,\n        store.value.columnsDataStore!,\n        store.value.reactive.optionsState,\n        [{selectedSource: vOptions[inputName][0].value}]\n\n        );\n      }\n    },\n    { immediate: true }\n  );\n});\n\nconst readonlyValue = computed(() => store.value.readonlyInputs?.includes('value') ?? false);\n\n</script>\n\n<template>\n  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          label=\"Data source:\"\n          v-model=\"inputStateValues.value\"\n          :options=\"options.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', inputGuide)\"\n        />\n      </div>\n      <div class=\"metadata-block\" v-if=\"freeMandatoryOptions.length > 0\">\n        <div class=\"title\">Drag to build the chart</div>\n        <div class=\"metadata-block__items\">\n          <DndChip\n            v-for=\"{ id } in freeMandatoryOptions\"\n            :key=\"id\"\n            :info=\"chipInfo[id]\"\n            @dragstart=\"draggedId = $event\"\n            @dragend=\"cleanDraggedId\"\n          />\n        </div>\n      </div>\n      <div class=\"metadata-block\" v-if=\"freeOptions.length > 0\">\n        <div class=\"title\">Metadata</div>\n        <div class=\"metadata-block__items\">\n          <DndChip\n            v-for=\"{ id } in freeOptions\"\n            :key=\"id\"\n            :info=\"chipInfo[id]\"\n            @dragstart=\"draggedId = $event\"\n            @dragend=\"cleanDraggedId\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template v-slot:chartVar>\n      <template v-for=\"basketProp in basketsData\" :key=\"basketProp.id\">\n        <div class=\"data-form-input-item\" v-if=\"showBasket(basketProp.id)\">\n          <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n        </div>\n      </template>\n    </template>\n  </form-layout>\n</template>\n"],"names":["store","useStore","state","stateRef","toRef","inputGuide","computed","labelsInfo","getSimpleSingle","inputName","toSimpleSingle","getSimpleMulti","toSimpleMulti","getFiltersMulti","toFiltersMulti","inputStateValues","ref","watch","value","DEFAULT_DOT_SHAPE","DEFAULT_BLACK","options","getAllInputsOptions","freeOptions","getFreeOptions","BASKETS","freeMandatoryOptions","item","BASKET_LABELS","draggedId","chipInfo","freeAndSelectedIds","name","option","selectorState","getChipInfo","commonDropItemHandler","event","commonReorder","data","commonRemoveItem","op","getConsistency","basketId","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","basketsData","guide","_a","showBasket","cleanDraggedId","v","vOptions","hasInputError","readonlyValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","_cache","$event","getErrorForPlDropdown","_openBlock","_createElementBlock","_hoisted_2","_hoisted_3","_Fragment","_renderList","id","DndChip","_hoisted_4","_hoisted_5","basketProp","_hoisted_6","DndBasket","_mergeProps","_toHandlers"],"mappings":"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"}

package/dist/forms/DataMappingForm/DiscreteForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/forms/DataMappingForm/DiscreteForm.vue.js

@@ -0,0 +1,102 @@
+import { defineComponent as b, watch as V, computed as c, createBlock as G, openBlock as l, withCtx as n, createElementBlock as f, Fragment as S, renderList as D, unref as o, createVNode as i, mergeProps as E, toHandlers as h, createElementVNode as k } from "vue";
+import { PlDropdown as F } from "@platforma-sdk/ui-vue";
+import { useStore as O } from "../../store.js";
+import { getErrorForPlDropdown as w } from "./utils.js";
+import "../../constantsAesthetic.js";
+import "d3-scale";
+import "@milaboratories/pf-plots";
+import "@platforma-sdk/model";
+import { checkStatisticsInputsValidity as $ } from "../../utils/getStatisticsOptions.js";
+import x from "../../components/DragAndDrop/DndBasket.vue.js";
+import A from "./Layout/FormLayout.vue.js";
+import L from "./Layout/OptionsList.vue.js";
+import T from "./Layout/MandatoryOptions.vue.js";
+import { useBaskets as U } from "./useBaskets.js";
+const C = { class: "data-form-input-item" }, ee = /* @__PURE__ */ b({
+  __name: "DiscreteForm",
+  setup(H) {
+    const t = O();
+    V(
+      () => t.value.commonHelpersData.primaryGroups.value,
+      $(t)
+    );
+    const y = [
+      "filters",
+      "primaryGrouping",
+      "secondaryGrouping",
+      "tabBy",
+      "facetBy"
+    ], g = {
+      filters: "Filter",
+      primaryGrouping: "Primary grouping",
+      secondaryGrouping: "Secondary grouping",
+      tabBy: "Tab by",
+      facetBy: "Facet by"
+    }, {
+      draggedId: s,
+      basketsData: v,
+      freeMetaOptions: _,
+      freeMandatoryOptions: B,
+      chipInfo: p,
+      dataStateValues: m,
+      dataOptions: I
+    } = U(
+      t,
+      ["y"],
+      ["filters", "tabBy"],
+      ["primaryGrouping", "secondaryGrouping", "facetBy"],
+      y,
+      g
+    ), u = c(() => {
+      var a;
+      return ((a = t.value.readonlyInputs) == null ? void 0 : a.includes("y")) ?? !1;
+    }), d = c({
+      get: () => m.value.y.value,
+      set: (a) => {
+        m.value.y.value = a;
+      }
+    });
+    return (a, r) => (l(), G(A, null, {
+      dataInputs: n(() => [
+        k("div", C, [
+          i(o(F), {
+            modelValue: d.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (e) => d.value = e),
+            options: o(I).y,
+            disabled: u.value,
+            error: o(w)("y", o(t).inputGuide.value),
+            label: "Y:",
+            clearable: !u.value
+          }, null, 8, ["modelValue", "options", "disabled", "error", "clearable"])
+        ])
+      ]),
+      mandatoryOptions: n(() => [
+        i(T, {
+          options: o(B),
+          chipInfo: o(p),
+          onDraggedIdUpdate: r[1] || (r[1] = (e) => s.value = e)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      metadataOptions: n(() => [
+        i(L, {
+          options: o(_),
+          chipInfo: o(p),
+          onDraggedIdUpdate: r[2] || (r[2] = (e) => s.value = e)
+        }, null, 8, ["options", "chipInfo"])
+      ]),
+      chartVar: n(() => [
+        (l(!0), f(S, null, D(o(v), (e) => (l(), f("div", {
+          key: e.id,
+          class: "data-form-input-item"
+        }, [
+          i(x, E({ ref_for: !0 }, e, h(e.listeners)), null, 16)
+        ]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  ee as default
+};
+//# sourceMappingURL=DiscreteForm.vue.js.map

package/dist/forms/DataMappingForm/DiscreteForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscreteForm.vue.js","sources":["../../../src/forms/DataMappingForm/DiscreteForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { computed, watch} from 'vue';\nimport { useStore } from '../../store';\nimport { getErrorForPlDropdown } from './utils';\nimport { checkStatisticsInputsValidity } from '../../utils';\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\nconst store = useStore();\n\nwatch(\n  () => store.value.commonHelpersData.primaryGroups.value,\n  checkStatisticsInputsValidity(store)\n);\n\ntype BasketIds = Exclude<keyof DiscreteUIState['components'], 'y'>;\ntype DataIds = keyof DiscreteUIState['components'] & 'y'\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'primaryGrouping',\n  'secondaryGrouping',\n  'tabBy',\n  'facetBy'\n];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  primaryGrouping: 'Primary grouping',\n  secondaryGrouping: 'Secondary 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<DiscreteUIState, BasketIds, DataIds>(\n  store,\n  ['y'],\n  ['filters', 'tabBy'],\n  ['primaryGrouping', 'secondaryGrouping', 'facetBy'],\n  BASKETS,\n  BASKET_LABELS\n);\n\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\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  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          v-model=\"yValue\"\n          :options=\"dataOptions.y\"\n          :disabled=\"readonlyY\"\n          :error=\"getErrorForPlDropdown('y', store.inputGuide.value)\"\n          label=\"Y:\"\n          :clearable=\"!readonlyY\"\n        />\n      </div>\n    </template>\n    <template v-slot:mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot: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  </form-layout>\n</template>\n"],"names":["store","useStore","watch","checkStatisticsInputsValidity","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyY","computed","_a","yValue","value","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":";;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,EAAA;AAEd,IAAAC;AAAA,MACE,MAAMF,EAAM,MAAM,kBAAkB,cAAc;AAAA,MAClDG,EAA8BH,CAAK;AAAA,IAAA;AAMrC,UAAMI,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAEIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,GAGL;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFb;AAAA,MACA,CAAC,GAAG;AAAA,MACJ,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,mBAAmB,qBAAqB,SAAS;AAAA,MAClDI;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAYC,EAAS,MAAA;;AAAM,eAAAC,IAAAhB,EAAM,MAAM,mBAAZ,gBAAAgB,EAA4B,SAAS,SAAQ;AAAA,KAAK,GAE7EC,IAASF,EAAS;AAAA,MACtB,KAAK,MAAMJ,EAAgB,MAAM,EAAE;AAAA,MACnC,KAAK,CAACO,MAA8B;AAClC,QAAAP,EAAgB,MAAM,EAAE,QAAQO;AAAA,MAClC;AAAA,IAAA,CACD;2BAICC,EAoCcC,GAAA,MAAA;AAAA,MAnCK,cACf,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,wBANSR,EAAA;AAAA,0DAAAA,EAAM,QAAAS;AAAA,YACd,SAASF,EAAAZ,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,YACV,OAAOU,EAAAG,CAAA,EAAqB,KAAMH,KAAM,WAAW,KAAK;AAAA,YACzD,OAAM;AAAA,YACL,YAAYV,EAAA;AAAA,UAAA;;;MAIF,oBACf,MAIE;AAAA,QAJFS,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAf,CAAA;AAAA,UACT,UAAUe,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGnB,mBACf,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAhB,CAAA;AAAA,UACT,UAAUgB,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGnB,YAEb,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAjB,CAAA,GAAW,CAAzB2B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}

package/dist/forms/DataMappingForm/HeatmapForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/forms/DataMappingForm/HeatmapForm.vue.js

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

package/dist/forms/DataMappingForm/HeatmapForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapForm.vue.js","sources":["../../../src/forms/DataMappingForm/HeatmapForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport { HeatmapUIState } from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { computed } from 'vue';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { useBaskets } from './useBaskets';\n\nconst store = useStore();\n\ntype BasketIds = Exclude<keyof HeatmapUIState['components'], 'value'>;\ntype DataIds = keyof HeatmapUIState['components'] & 'value';\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'x',\n  'y',\n  'xGroupBy',\n  'yGroupBy',\n  'tooltipContent',\n  'tabBy',\n  'facetBy',\n  'annotationsX',\n  'annotationsY'\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  x: 'X',\n  y: 'Y',\n  xGroupBy: 'X group',\n  yGroupBy: 'Y group',\n  tooltipContent: 'Tooltip',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n  annotationsX: 'Annotations X',\n  annotationsY: 'Annotations Y'\n};\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions\n} = useBaskets<HeatmapUIState, BasketIds, DataIds>(\n  store,\n  ['value'],\n  ['filters', 'tabBy'],\n  ['x', 'y', 'xGroupBy', 'yGroupBy', 'tooltipContent', 'facetBy', 'annotationsX', 'annotationsY'],\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  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          label=\"Data source:\"\n          clearable\n          v-model=\"valueValue\"\n          :options=\"dataOptions.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', store.inputGuide.value)\"\n        />\n      </div>\n    </template>\n    <template v-slot:mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot: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  </form-layout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValue","computed","_a","valueValue","value","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":";;;;;;;;;;;;AAYA,UAAMA,IAAQC,EAAA,GAKRC,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAGIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,UAAU;AAAA,MACV,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,cAAc;AAAA,IAAA,GAOV;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFX;AAAA,MACA,CAAC,OAAO;AAAA,MACR,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,KAAK,KAAK,YAAY,YAAY,kBAAkB,WAAW,gBAAgB,cAAc;AAAA,MAC9FE;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAgBC,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,aAAY;AAAA,KAAK,GAErFC,IAAaF,EAAS;AAAA,MAC1B,KAAK,MAAMJ,EAAgB,MAAM,MAAM;AAAA,MACvC,KAAK,CAACO,MAA8B;AAClC,QAAAP,EAAgB,MAAM,MAAM,QAAQO;AAAA,MACtC;AAAA,IAAA,CACD;2BAICC,EAoCcC,GAAA,MAAA;AAAA,MAnCK,cACf,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,YANA,OAAM;AAAA,YACN,WAAA;AAAA,wBACSR,EAAA;AAAA,0DAAAA,EAAU,QAAAS;AAAA,YAClB,SAASF,EAAAZ,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,YACV,OAAOU,EAAAG,CAAA,EAAqB,SAAUH,KAAM,WAAW,KAAK;AAAA,UAAA;;;MAIlD,oBACf,MAIE;AAAA,QAJFD,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAf,CAAA;AAAA,UACT,UAAUe,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGnB,mBACf,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAhB,CAAA;AAAA,UACT,UAAUgB,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGnB,YAEb,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAjB,CAAA,GAAW,CAAzB2B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}

package/dist/forms/DataMappingForm/HistogramForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramForm.vue.js","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 { 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  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\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 v-slot:mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot:metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template v-slot: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  </form-layout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValue","computed","_a","valueValue","value","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":";;;;;;;;;;;;AAeA,UAAMA,IAAQC,EAAA,GAERC,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAEIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,GAGL;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFX;AAAA,MACA,CAAC,OAAO;AAAA,MACR,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,WAAW,UAAU;AAAA,MACtBE;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAgBC,EAAS,MAAA;;AAAM,eAAAC,IAAAd,EAAM,MAAM,mBAAZ,gBAAAc,EAA4B,SAAS,aAAY;AAAA,KAAK,GAErFC,IAAaF,EAAS;AAAA,MAC1B,KAAK,MAAMJ,EAAgB,MAAM,MAAM;AAAA,MACvC,KAAK,CAACO,MAA8B;AAClC,QAAAP,EAAgB,MAAM,MAAM,QAAQO;AAAA,MACtC;AAAA,IAAA,CACD;2BAICC,EAoCcC,GAAA,MAAA;AAAA,MAnCK,cACf,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,wBANSR,EAAA;AAAA,0DAAAA,EAAU,QAAAS;AAAA,YAClB,SAASF,EAAAZ,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,YACV,OAAOU,EAAAG,CAAA,EAAqB,SAAUH,KAAM,WAAW,KAAK;AAAA,YAC7D,OAAM;AAAA,YACL,YAAYV,EAAA;AAAA,UAAA;;;MAIF,oBACf,MAIE;AAAA,QAJFS,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAf,CAAA;AAAA,UACT,UAAUe,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGnB,mBACf,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAhB,CAAA;AAAA,UACT,UAAUgB,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGnB,YAEb,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAjB,CAAA,GAAW,CAAzB2B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}

package/dist/forms/DataMappingForm/Layout/FormLayout.vue.d.ts

@@ -0,0 +1,20 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        dataInputs?(_: {}): any;
+        mandatoryOptions?(_: {}): any;
+        metadataOptions?(_: {}): any;
+        chartVar?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.vue.js","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\"></slot>\n      <slot name=\"mandatoryOptions\"></slot>\n      <slot name=\"metadataOptions\"></slot>\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\"></slot>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementVNode","_cache","e","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_hoisted_3","_createVNode","_unref","PlIcon16","_hoisted_4"],"mappings":";;;;;;MAMEA,EASM,OAAA;AAAA,QATD,OAAM;AAAA,QAAc,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAA;AAAA,MAAe;QACtDD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAD,EAEK,YAFD,kBAEJ,EAAA;AAAA,QACAA,EAIM,OAJNG,GAIM;AAAA,UAHJC,EAA+BC,EAAA,QAAA,YAAA;AAAA,UAC/BD,EAAqCC,EAAA,QAAA,kBAAA;AAAA,UACrCD,EAAoCC,EAAA,QAAA,iBAAA;AAAA,QAAA;;MAGxCL,EAIM,OAJNM,GAIM;AAAA,QAHJN,EAEM,OAFNO,GAEM;AAAA,UADJC,EAA8BC,EAAAC,CAAA,GAAA,EAApB,MAAK,eAAa;AAAA,QAAA;;MAGhCV,EAOM,OAAA;AAAA,QAPD,OAAM;AAAA,QAAe,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAA;AAAA,MAAe;QACvDD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAD,EAEK,YAFD,qBAEJ,EAAA;AAAA,QACAA,EAEM,OAFNW,GAEM;AAAA,UADJP,EAA6BC,EAAA,QAAA,UAAA;AAAA,QAAA;;;;;"}

package/dist/forms/DataMappingForm/Layout/MandatoryOptions.vue.d.ts

@@ -0,0 +1,18 @@
+import { ChipInfo } from '../../../components/DragAndDrop/types';
+import { AxisData, ColumnData } from '@milaboratories/pf-plots';
+type __VLS_Props = {
+    options: {
+        id: string;
+        info: AxisData | ColumnData;
+    }[];
+    chipInfo: Record<string, ChipInfo>;
+    title?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "dragged-id-update": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDragged-id-update"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MandatoryOptions.vue.js","sources":["../../../../src/forms/DataMappingForm/Layout/MandatoryOptions.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChipInfo } from '../../../components/DragAndDrop/types';\nimport { 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"],"names":["props","__props","empty","computed","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","_Fragment","_renderList","id","_createBlock","DndChip","_cache","draggedId","$emit"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAQRC,IAAQC,EAAS,MAAMH,EAAM,QAAQ,WAAY,CAAC;qBAI1CE,EAAA,qBAAZE,KAAAC,EAWQ,OAXRC,GAWQ;AAAA,MAVNC,EAAoC,OAApCC,GAAoCC,EAAdR,EAAA,KAAK,GAAA,CAAA;AAAA,MAC3BM,EAQM,OARNG,GAQM;AAAA,gBAPFL,EAMEM,GAAA,MAAAC,EALiBX,EAAA,SAAO,CAAA,EAAf,IAAAY,EAAA,YADXC,EAMEC,GAAA;AAAA,UAJC,KAAKF;AAAA,UACL,MAAMZ,EAAA,SAASY,CAAE;AAAA,UACjB,aAASG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAcC,EAAAA,2BAA2BD,CAAS;AAAA,UAC9D,kCAASC,EAAAA,MAAK,qBAAA,IAAA;AAAA,QAAA;;;;;"}

package/dist/forms/DataMappingForm/Layout/OptionsList.vue.d.ts

@@ -0,0 +1,18 @@
+import { ChipInfo } from '../../../components/DragAndDrop/types';
+import { AxisData, ColumnData } from '@milaboratories/pf-plots';
+type __VLS_Props = {
+    options: {
+        id: string;
+        info: AxisData | ColumnData;
+    }[];
+    chipInfo: Record<string, ChipInfo>;
+    title?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "dragged-id-update": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onDragged-id-update"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsList.vue.js","sources":["../../../../src/forms/DataMappingForm/Layout/OptionsList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ChipInfo } from '../../../components/DragAndDrop/types';\nimport { AxisData, ColumnData } from '@milaboratories/pf-plots';\nimport { computed, ref } from 'vue';\nimport DndChip from '../../../components/DragAndDrop/DndChip.vue';\nimport { 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 optionsRendered = computed(() => {\n  const searchValue = searchModel.value?.toLowerCase() ?? '';\n  return props.options.filter((el) => {\n    const label = props.chipInfo[el.id].title ?? '';\n    return label?.toLowerCase().includes(searchValue);\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    </div>\n    </div>\n</template>\n"],"names":["props","__props","empty","computed","searchModel","ref","optionsRendered","searchValue","_a","el","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"],"mappings":";;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAQRC,IAAQC,EAAS,MAAMH,EAAM,QAAQ,WAAY,CAAC,GAElDI,IAAcC,EAAA,GAEdC,IAAkBH,EAAS,MAAM;;AACrC,YAAMI,MAAcC,IAAAJ,EAAY,UAAZ,gBAAAI,EAAmB,kBAAiB;AACxD,aAAOR,EAAM,QAAQ,OAAO,CAACS,MAAO;AAClC,cAAMC,IAAQV,EAAM,SAASS,EAAG,EAAE,EAAE,SAAS;AAC7C,eAAOC,KAAA,gBAAAA,EAAO,cAAc,SAASH;AAAA,MACvC,CAAC;AAAA,IACH,CAAC;qBAIaL,EAAA,qBAAZS,KAAAC,EAcQ,OAdRC,GAcQ;AAAA,MAbNC,EAAoC,OAApCC,GAAoCC,EAAdf,EAAA,KAAK,GAAA,CAAA;AAAA,MAC3Ba,EAEM,OAFNG,GAEM;AAAA,QADJC,EAAuEC,EAAAC,CAAA,GAAA;AAAA,sBAA/ChB,EAAA;AAAA,wDAAAA,EAAW,QAAAiB;AAAA,UAAE,aAAY;AAAA,UAAU,WAAA;AAAA,QAAA;;MAE7DP,EAQM,OARNQ,GAQM;AAAA,gBAPFV,EAMEW,GAAA,MAAAC,EALiBlB,EAAA,OAAe,CAAA,EAAvB,IAAAmB,EAAA,YADXC,EAMEC,GAAA;AAAA,UAJC,KAAKF;AAAA,UACL,MAAMxB,EAAA,SAASwB,CAAE;AAAA,UACjB,aAASG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAcC,EAAAA,2BAA2BD,CAAS;AAAA,UAC9D,kCAASC,EAAAA,MAAK,qBAAA,IAAA;AAAA,QAAA;;;;;"}

package/dist/forms/DataMappingForm/ScatterplotForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;