@milaboratories/graph-maker 1.1.175 → 1.1.177

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

@@ -1 +0,0 @@
-{"version":3,"file":"DendroForm.vue.js","sources":["../../../../src/GraphMaker/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"],"mappings":"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"}

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

@@ -1,3 +0,0 @@
-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;
-//# sourceMappingURL=DiscreteForm.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DiscreteForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/DiscreteForm.vue"],"names":[],"mappings":";AAwTA,wBAMG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DiscreteForm.vue.js","sources":["../../../../src/GraphMaker/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</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=\"dataStateValues.y\"\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"],"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +0,0 @@
-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;
-//# sourceMappingURL=HeatmapForm.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeatmapForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/HeatmapForm.vue"],"names":[],"mappings":";AA0UA,wBAMG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeatmapForm.vue.js","sources":["../../../../src/GraphMaker/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</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=\"dataStateValues.value\"\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"],"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +0,0 @@
-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;
-//# sourceMappingURL=HistogramForm.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HistogramForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/HistogramForm.vue"],"names":[],"mappings":";AAwSA,wBAMG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"HistogramForm.vue.js","sources":["../../../../src/GraphMaker/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</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=\"dataStateValues.value\"\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"],"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,21 +0,0 @@
-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;
-    };
-};
-//# sourceMappingURL=FormLayout.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/forms/DataMappingForm/Layout/FormLayout.vue"],"names":[],"mappings":"AAqCA,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;4BAblB,GAAG;kCACG,GAAG;iCACJ,GAAG;0BACV,GAAG;;;;EAehC;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormLayout.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,19 +0,0 @@
-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;
-//# sourceMappingURL=MandatoryOptions.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MandatoryOptions.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/forms/DataMappingForm/Layout/MandatoryOptions.vue"],"names":[],"mappings":"AAiCA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAIhE,KAAK,WAAW,GAAG;IACf,OAAO,EAAE;QAAC,EAAE,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,QAAQ,GAAG,UAAU,CAAA;KAAC,EAAE,CAAA;IAClD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB,CAAC;;;;;;WADU,MAAM;;AAwFlB,wBAQG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MandatoryOptions.vue.js","sources":["../../../../../src/GraphMaker/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"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAQRC,IAAQC,EAAS,MAAMH,EAAM,QAAQ,WAAY,CAAC;;;;;;;;;;;;;;"}

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

@@ -1,19 +0,0 @@
-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;
-//# sourceMappingURL=OptionsList.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OptionsList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/GraphMaker/forms/DataMappingForm/Layout/OptionsList.vue"],"names":[],"mappings":"AA+CA,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAKhE,KAAK,WAAW,GAAG;IACf,OAAO,EAAE;QAAC,EAAE,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,QAAQ,GAAG,UAAU,CAAA;KAAC,EAAE,CAAA;IAClD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB,CAAC;;;;;;WADU,MAAM;;AAoHlB,wBAQG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"OptionsList.vue.js","sources":["../../../../../src/GraphMaker/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"],"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;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +0,0 @@
-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;
-//# sourceMappingURL=ScatterplotForm.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScatterplotForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/ScatterplotForm.vue"],"names":[],"mappings":";AAkUA,wBAMG"}