@milaboratories/graph-maker 1.1.227 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/README.md +16 -8
  2. package/dist/assets/ui.css +1 -0
  3. package/dist/components/AesSettings/AesDataMappingDiscrete.css +1 -0
  4. package/dist/components/AesSettings/AesDataMappingDiscrete.vue3.js +1 -1
  5. package/dist/components/AesSettings/DiscreteRow.css +1 -0
  6. package/dist/components/AesSettings/DiscreteRow.vue3.js +1 -1
  7. package/dist/components/ChartErrorNotificationAlert.css +1 -0
  8. package/dist/components/ChartErrorNotificationAlert.vue3.js +1 -1
  9. package/dist/components/GraphStatusScreen.css +1 -0
  10. package/dist/components/GraphStatusScreen.vue3.js +1 -1
  11. package/dist/components/LassoControls/index.css +1 -0
  12. package/dist/components/LassoControls/index.vue3.js +1 -1
  13. package/dist/components/ReorderForm.css +1 -0
  14. package/dist/components/ReorderForm.vue3.js +1 -1
  15. package/dist/components/TransitionSlidePanel.css +1 -0
  16. package/dist/components/TransitionSlidePanel.vue3.js +1 -1
  17. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js +2 -7
  18. package/dist/forms/AxesSettingsForm/DiscreteAxesSettingsForm.vue.js.map +1 -1
  19. package/dist/forms/DataMappingForm/DiscreteForm.vue.js +26 -32
  20. package/dist/forms/DataMappingForm/DiscreteForm.vue.js.map +1 -1
  21. package/dist/forms/DataMappingForm/Layout/OptionsList.css +1 -0
  22. package/dist/forms/DataMappingForm/Layout/OptionsList.vue3.js +1 -1
  23. package/dist/forms/LayersForm/AesSelector.vue.js +1 -1
  24. package/dist/forms/LayersForm/DotSizeSelector.css +1 -0
  25. package/dist/forms/LayersForm/DotSizeSelector.vue3.js +1 -1
  26. package/dist/forms/LayersForm/Layer/scatterplot/Scatter.vue.js +1 -1
  27. package/dist/forms/LayersForm/Layer/scatterplot-umap/Scatter.vue.js +1 -1
  28. package/dist/forms/StatisticsForm/DiscreteStatisticsForm.vue.js +15 -20
  29. package/dist/forms/StatisticsForm/DiscreteStatisticsForm.vue.js.map +1 -1
  30. package/dist/index.js +1 -2
  31. package/dist/index.vue.js +36 -41
  32. package/dist/index.vue.js.map +1 -1
  33. package/dist/store.js +17 -17
  34. package/dist/store.js.map +1 -1
  35. package/dist/utils/createChartSettingsForRender/composeBubbleSettings.js +19 -25
  36. package/dist/utils/createChartSettingsForRender/composeBubbleSettings.js.map +1 -1
  37. package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.js +15 -20
  38. package/dist/utils/createChartSettingsForRender/composeDiscreteSettings.js.map +1 -1
  39. package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js +23 -29
  40. package/dist/utils/createChartSettingsForRender/composeHeatmapSettings.js.map +1 -1
  41. package/dist/utils/createChartSettingsForRender/composeHistogramSettings.js +22 -27
  42. package/dist/utils/createChartSettingsForRender/composeHistogramSettings.js.map +1 -1
  43. package/dist/utils/createChartSettingsForRender/composeScatterplotSettings.js +22 -25
  44. package/dist/utils/createChartSettingsForRender/composeScatterplotSettings.js.map +1 -1
  45. package/dist/utils/createChartSettingsForRender/composeScatterplotUmapSettings.js +19 -24
  46. package/dist/utils/createChartSettingsForRender/composeScatterplotUmapSettings.js.map +1 -1
  47. package/dist/utils/getUsedAesInMapping.js +34 -40
  48. package/dist/utils/getUsedAesInMapping.js.map +1 -1
  49. package/package.json +11 -14
@@ -1 +1 @@
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 type { 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 <FormLayout>\n <template #dataInputs>\n <div class=\"data-form-input-item\">\n <PlDropdown\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 #mandatoryOptions>\n <MandatoryOptionsList\n :options=\"freeMandatoryOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template #metadataOptions>\n <OptionsList\n :options=\"freeMetaOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template #chartVar>\n <div\n v-for=\"basketProp in basketsData\"\n :key=\"basketProp.id\"\n class=\"data-form-input-item\"\n >\n <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n </div>\n </template>\n </FormLayout>\n</template>\n"],"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,EAoCaC,GAAA,MAAA;AAAA,MAnCA,cACT,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;;;MAIR,oBACT,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;;MAGzB,mBACT,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;;MAGzB,YAEP,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;;;;;;"}
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 type { 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 <FormLayout>\n <template #dataInputs>\n <div class=\"data-form-input-item\">\n <PlDropdown\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 #mandatoryOptions>\n <MandatoryOptionsList\n :options=\"freeMandatoryOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template #metadataOptions>\n <OptionsList\n :options=\"freeMetaOptions\"\n :chipInfo=\"chipInfo\"\n @dragged-id-update=\"draggedId = $event\"\n />\n </template>\n <template #chartVar>\n <div\n v-for=\"basketProp in basketsData\"\n :key=\"basketProp.id\"\n class=\"data-form-input-item\"\n >\n <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n </div>\n </template>\n </FormLayout>\n</template>\n"],"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,EAoCaC,GAAA,MAAA;AAAA,MAnCA,cACT,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;;;MAIR,oBACT,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;;MAGzB,mBACT,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;;MAGzB,YAEP,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;;;;;;"}
@@ -0,0 +1 @@
1
+ ._showMoreButton_ydz3i_2{align-self:center;min-width:80px}
@@ -1,4 +1,4 @@
1
- const o = "_showMoreButton_ydz3i_2", t = {
1
+ import './OptionsList.css';const o = "_showMoreButton_ydz3i_2", t = {
2
2
  showMoreButton: o
3
3
  };
4
4
  export {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as q, computed as y, ref as x, watch as U, createElementBlock as _, openBlock as S, Fragment as ee, createElementVNode as w, createBlock as T, createCommentVNode as b, createVNode as M, withModifiers as te, unref as O, withCtx as L, normalizeClass as le } from "vue";
2
2
  import { PlDropdown as ae } from "@platforma-sdk/ui-vue";
3
3
  import { createDefaultMapping as ue, createContinuousMappingFromPalette as oe } from "../../dataBindAes.js";
4
- import { FIXED_COLORS as A, DEFAULT_LINE_TYPE as ie, DEFAULT_DOT_SHAPE as ne, FIXED_LINE_TYPES as re, FIXES_DOT_SHAPES as se } from "../../constantsAesthetic.js";
4
+ import { DEFAULT_LINE_TYPE as ie, DEFAULT_DOT_SHAPE as ne, FIXED_COLORS as A, FIXED_LINE_TYPES as re, FIXES_DOT_SHAPES as se } from "../../constantsAesthetic.js";
5
5
  import de from "../../components/AesButton.vue.js";
6
6
  import { useStore as pe } from "../../store.js";
7
7
  import { isMappedAes as W } from "../../constantsCommon.js";
@@ -0,0 +1 @@
1
+ .dot-size-selector{margin-top:24px}.dot-size-selector__row{margin:12px 0}
@@ -1,5 +1,5 @@
1
1
  import o from "./DotSizeSelector.vue.js";
2
- /* empty css */
2
+ import './DotSizeSelector.css';/* empty css */
3
3
  export {
4
4
  o as default
5
5
  };
@@ -5,7 +5,7 @@ import { DEFAULT_BLACK as m, DEFAULT_DOT_SHAPE as f } from "../../../../constant
5
5
  import { DEFAULT_DOT_RANGE as L, DEFAULT_DOT_SIZE as S, isAestheticMapping as T } from "../../../../dataBindAes.js";
6
6
  import { isContinuousDataMapping as v } from "../../../../constantsCommon.js";
7
7
  import z from "../../DotSizeSelector.vue.js";
8
- /* empty css */
8
+ import '../../DotSizeSelector.css';/* empty css */
9
9
  import { readAnnotation as B, Annotation as k } from "@platforma-sdk/model";
10
10
  const a = "dots", R = /* @__PURE__ */ F({
11
11
  __name: "Scatter",
@@ -5,7 +5,7 @@ import { DEFAULT_BLACK as p } from "../../../../constantsAesthetic.js";
5
5
  import { DEFAULT_DOT_RANGE as U, DEFAULT_DOT_SIZE_CANVAS as d, isAestheticMapping as E } from "../../../../dataBindAes.js";
6
6
  import { isContinuousDataMapping as m } from "../../../../constantsCommon.js";
7
7
  import x from "../../DotSizeSelector.vue.js";
8
- /* empty css */
8
+ import '../../DotSizeSelector.css';/* empty css */
9
9
  import { readAnnotation as z, Annotation as L } from "@platforma-sdk/model";
10
10
  const i = "dots", $ = /* @__PURE__ */ A({
11
11
  __name: "Scatter",
@@ -1,12 +1,7 @@
1
- import { defineComponent as g, computed as u, watch as x, createElementBlock as y, openBlock as E, Fragment as k, createElementVNode as t, createVNode as r, unref as o, isRef as s } from "vue";
1
+ import { defineComponent as g, computed as u, watch as x, createElementBlock as y, openBlock as E, Fragment as k, createElementVNode as t, createVNode as n, unref as o, isRef as s } from "vue";
2
2
  import { useStore as N } from "../../store.js";
3
3
  import { PlDropdown as i, PlBtnGroup as h, PlCheckbox as b } from "@platforma-sdk/ui-vue";
4
4
  import { STAT_TEST_METHOD as w, STAT_CORRECTION_METHOD as C, FORMAT_P_VALUE_OPTIONS as T } from "../../constantsCommon.js";
5
- import "../../constantsAesthetic.js";
6
- import "d3-scale";
7
- import "@milaboratories/pf-plots";
8
- import "@platforma-sdk/model";
9
- import "@milaboratories/helpers";
10
5
  import { getReferenceGroupOptions as R, getOverallTestMethodOptions as D, checkStatisticsInputsValidity as O } from "../../utils/getStatisticsOptions.js";
11
6
  const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "input-item" }, F = { class: "input-item" }, H = {
12
7
  class: "input-item",
@@ -14,17 +9,17 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
14
9
  }, I = { class: "checkbox-item" }, _ = { class: "input-item" }, z = { class: "input-item" }, L = {
15
10
  class: "input-item",
16
11
  style: { "z-index": "0" }
17
- }, j = { class: "checkbox-item" }, le = /* @__PURE__ */ g({
12
+ }, j = { class: "checkbox-item" }, Y = /* @__PURE__ */ g({
18
13
  __name: "DiscreteStatisticsForm",
19
14
  setup(q) {
20
- const d = N(), a = u(() => d.value.reactive.statisticsSettings), M = u(() => d.value.commonHelpersData.primaryGroups.value), U = u(() => R(M.value)), S = u(() => D(M.value)), n = (G, e) => u({
15
+ const d = N(), a = u(() => d.value.reactive.statisticsSettings), M = u(() => d.value.commonHelpersData.primaryGroups.value), U = u(() => R(M.value)), S = u(() => D(M.value)), r = (G, e) => u({
21
16
  get() {
22
17
  return G[e] ?? void 0;
23
18
  },
24
19
  set(l) {
25
20
  G[e] = l ?? null;
26
21
  }
27
- }), p = n(a.value.overall.data, "testMethod"), m = n(a.value.referenceGroup.data, "testMethod"), v = n(a.value.referenceGroup.data, "referenceGroup"), c = n(a.value.referenceGroup.data, "correctionMethod"), f = n(a.value.pairwise.data, "testMethod"), V = n(a.value.pairwise.data, "correctionMethod");
22
+ }), p = r(a.value.overall.data, "testMethod"), m = r(a.value.referenceGroup.data, "testMethod"), v = r(a.value.referenceGroup.data, "referenceGroup"), c = r(a.value.referenceGroup.data, "correctionMethod"), f = r(a.value.pairwise.data, "testMethod"), V = r(a.value.pairwise.data, "correctionMethod");
28
23
  return O(d)(), x([
29
24
  () => a.value.overall.data.testMethod,
30
25
  () => a.value.referenceGroup.data.referenceGroup
@@ -34,7 +29,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
34
29
  t("span", null, "overall p-value")
35
30
  ], -1)),
36
31
  t("div", P, [
37
- r(o(i), {
32
+ n(o(i), {
38
33
  modelValue: o(p),
39
34
  "onUpdate:modelValue": e[0] || (e[0] = (l) => s(p) ? p.value = l : null),
40
35
  label: "Method",
@@ -48,7 +43,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
48
43
  t("span", null, "reference group")
49
44
  ], -1)),
50
45
  t("div", A, [
51
- r(o(i), {
46
+ n(o(i), {
52
47
  modelValue: o(v),
53
48
  "onUpdate:modelValue": e[1] || (e[1] = (l) => s(v) ? v.value = l : null),
54
49
  label: "Reference from...",
@@ -59,7 +54,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
59
54
  }, null, 8, ["modelValue", "options", "error"])
60
55
  ]),
61
56
  t("div", B, [
62
- r(o(i), {
57
+ n(o(i), {
63
58
  modelValue: o(m),
64
59
  "onUpdate:modelValue": e[2] || (e[2] = (l) => s(m) ? m.value = l : null),
65
60
  label: "Method",
@@ -69,7 +64,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
69
64
  }, null, 8, ["modelValue", "options"])
70
65
  ]),
71
66
  t("div", F, [
72
- r(o(i), {
67
+ n(o(i), {
73
68
  modelValue: o(c),
74
69
  "onUpdate:modelValue": e[3] || (e[3] = (l) => s(c) ? c.value = l : null),
75
70
  label: "Correction method",
@@ -78,7 +73,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
78
73
  }, null, 8, ["modelValue", "options"])
79
74
  ]),
80
75
  t("div", H, [
81
- r(o(h), {
76
+ n(o(h), {
82
77
  modelValue: a.value.referenceGroup.data.format,
83
78
  "onUpdate:modelValue": e[4] || (e[4] = (l) => a.value.referenceGroup.data.format = l),
84
79
  label: "Show",
@@ -86,7 +81,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
86
81
  }, null, 8, ["modelValue", "options"])
87
82
  ]),
88
83
  t("div", I, [
89
- r(o(b), {
84
+ n(o(b), {
90
85
  modelValue: a.value.referenceGroup.data.ns,
91
86
  "onUpdate:modelValue": e[5] || (e[5] = (l) => a.value.referenceGroup.data.ns = l)
92
87
  }, null, 8, ["modelValue"]),
@@ -96,7 +91,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
96
91
  t("span", null, "pairwise p-value")
97
92
  ], -1)),
98
93
  t("div", _, [
99
- r(o(i), {
94
+ n(o(i), {
100
95
  modelValue: o(f),
101
96
  "onUpdate:modelValue": e[6] || (e[6] = (l) => s(f) ? f.value = l : null),
102
97
  label: "Method",
@@ -106,7 +101,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
106
101
  }, null, 8, ["modelValue", "options"])
107
102
  ]),
108
103
  t("div", z, [
109
- r(o(i), {
104
+ n(o(i), {
110
105
  modelValue: o(V),
111
106
  "onUpdate:modelValue": e[7] || (e[7] = (l) => s(V) ? V.value = l : null),
112
107
  label: "Correction method",
@@ -115,7 +110,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
115
110
  }, null, 8, ["modelValue", "options"])
116
111
  ]),
117
112
  t("div", L, [
118
- r(o(h), {
113
+ n(o(h), {
119
114
  modelValue: a.value.pairwise.data.format,
120
115
  "onUpdate:modelValue": e[8] || (e[8] = (l) => a.value.pairwise.data.format = l),
121
116
  label: "Show",
@@ -123,7 +118,7 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
123
118
  }, null, 8, ["modelValue", "options"])
124
119
  ]),
125
120
  t("div", j, [
126
- r(o(b), {
121
+ n(o(b), {
127
122
  modelValue: a.value.pairwise.data.ns,
128
123
  "onUpdate:modelValue": e[9] || (e[9] = (l) => a.value.pairwise.data.ns = l)
129
124
  }, null, 8, ["modelValue"]),
@@ -133,6 +128,6 @@ const P = { class: "input-item" }, A = { class: "input-item" }, B = { class: "in
133
128
  }
134
129
  });
135
130
  export {
136
- le as default
131
+ Y as default
137
132
  };
138
133
  //# sourceMappingURL=DiscreteStatisticsForm.vue.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DiscreteStatisticsForm.vue.js","sources":["../../../src/forms/StatisticsForm/DiscreteStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown, PlBtnGroup, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { computed, watch } from 'vue';\nimport type {\n DiscreteStatisticsState } from '../../constantsCommon';\nimport {\n FORMAT_P_VALUE_OPTIONS,\n STAT_CORRECTION_METHOD,\n STAT_TEST_METHOD,\n} from '../../constantsCommon';\nimport { checkStatisticsInputsValidity, getOverallTestMethodOptions, getReferenceGroupOptions } from '../../utils';\n\nconst store = useStore();\nconst settings = computed(() => store.value.reactive.statisticsSettings as DiscreteStatisticsState);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value);\n\nconst referenceGroupOptions = computed(() => getReferenceGroupOptions(primaryGroups.value));\n\nconst overallTestMethodOptions = computed(() => getOverallTestMethodOptions(primaryGroups.value));\n\nconst withUndefined = (data: Record<string, string | null | boolean>, field: string) => {\n return computed({\n get() {\n return data[field] ?? undefined;\n },\n set(newValue: string | undefined) {\n data[field] = newValue ?? null;\n },\n });\n};\nconst overallTestMethod = withUndefined(settings.value.overall.data, 'testMethod');\n\nconst referenceGroupMethod = withUndefined(settings.value.referenceGroup.data, 'testMethod');\nconst referenceGroup = withUndefined(settings.value.referenceGroup.data, 'referenceGroup');\nconst referenceGroupCorrection = withUndefined(settings.value.referenceGroup.data, 'correctionMethod');\n\nconst pairwise = withUndefined(settings.value.pairwise.data, 'testMethod');\nconst pairwiseCorrection = withUndefined(settings.value.pairwise.data, 'correctionMethod');\n\ncheckStatisticsInputsValidity(store)();\nwatch([\n () => settings.value.overall.data.testMethod,\n () => settings.value.referenceGroup.data.referenceGroup,\n], checkStatisticsInputsValidity(store));\n</script>\n<template>\n <h3>\n Statistics\n </h3>\n <!--Overall p-value settings-->\n <div class=\"section-title\"><span>overall p-value</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"overallTestMethod\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"overallTestMethodOptions\"\n :error=\"settings.overall.validity.testMethod ? '' : ' '\"\n />\n </div>\n <!--Reference group p-value settings-->\n <div class=\"section-title\"><span>reference group</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroup\"\n label=\"Reference from...\"\n clearable\n placeholder=\"Choose\"\n :options=\"referenceGroupOptions\"\n :error=\"settings.referenceGroup.validity.referenceGroup ? '' : ' '\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroupMethod\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"STAT_TEST_METHOD\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroupCorrection\"\n label=\"Correction method\"\n placeholder=\"Choose\"\n :options=\"STAT_CORRECTION_METHOD\"\n />\n </div>\n <div class=\"input-item\" style=\"z-index: 0\">\n <PlBtnGroup\n v-model=\"settings.referenceGroup.data.format\"\n label=\"Show\"\n :options=\"FORMAT_P_VALUE_OPTIONS\"\n />\n </div>\n <div class=\"checkbox-item\">\n <PlCheckbox v-model=\"settings.referenceGroup.data.ns\"/>\n <span>Non-significant</span>\n </div>\n <!--pairwise.data p-value settings-->\n <div class=\"section-title\"><span>pairwise p-value</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"pairwise\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"STAT_TEST_METHOD\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"pairwiseCorrection\"\n label=\"Correction method\"\n placeholder=\"Choose\"\n :options=\"STAT_CORRECTION_METHOD\"\n />\n </div>\n <div class=\"input-item\" style=\"z-index: 0\">\n <PlBtnGroup\n v-model=\"settings.pairwise.data.format\"\n label=\"Show\"\n :options=\"FORMAT_P_VALUE_OPTIONS\"\n />\n </div>\n <div class=\"checkbox-item\">\n <PlCheckbox v-model=\"settings.pairwise.data.ns\"/>\n <span>Non-significant</span>\n </div>\n</template>\n"],"names":["store","useStore","settings","computed","primaryGroups","referenceGroupOptions","getReferenceGroupOptions","overallTestMethodOptions","getOverallTestMethodOptions","withUndefined","data","field","newValue","overallTestMethod","referenceGroupMethod","referenceGroup","referenceGroupCorrection","pairwise","pairwiseCorrection","checkStatisticsInputsValidity","watch","_cache","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","_hoisted_2","_hoisted_3","STAT_TEST_METHOD","_hoisted_4","STAT_CORRECTION_METHOD","_hoisted_5","PlBtnGroup","FORMAT_P_VALUE_OPTIONS","_hoisted_6","PlCheckbox","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}
1
+ {"version":3,"file":"DiscreteStatisticsForm.vue.js","sources":["../../../src/forms/StatisticsForm/DiscreteStatisticsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown, PlBtnGroup, PlCheckbox } from '@platforma-sdk/ui-vue';\nimport { computed, watch } from 'vue';\nimport type {\n DiscreteStatisticsState } from '../../constantsCommon';\nimport {\n FORMAT_P_VALUE_OPTIONS,\n STAT_CORRECTION_METHOD,\n STAT_TEST_METHOD,\n} from '../../constantsCommon';\nimport { checkStatisticsInputsValidity, getOverallTestMethodOptions, getReferenceGroupOptions } from '../../utils';\n\nconst store = useStore();\nconst settings = computed(() => store.value.reactive.statisticsSettings as DiscreteStatisticsState);\n\nconst primaryGroups = computed(() => store.value.commonHelpersData.primaryGroups.value);\n\nconst referenceGroupOptions = computed(() => getReferenceGroupOptions(primaryGroups.value));\n\nconst overallTestMethodOptions = computed(() => getOverallTestMethodOptions(primaryGroups.value));\n\nconst withUndefined = (data: Record<string, string | null | boolean>, field: string) => {\n return computed({\n get() {\n return data[field] ?? undefined;\n },\n set(newValue: string | undefined) {\n data[field] = newValue ?? null;\n },\n });\n};\nconst overallTestMethod = withUndefined(settings.value.overall.data, 'testMethod');\n\nconst referenceGroupMethod = withUndefined(settings.value.referenceGroup.data, 'testMethod');\nconst referenceGroup = withUndefined(settings.value.referenceGroup.data, 'referenceGroup');\nconst referenceGroupCorrection = withUndefined(settings.value.referenceGroup.data, 'correctionMethod');\n\nconst pairwise = withUndefined(settings.value.pairwise.data, 'testMethod');\nconst pairwiseCorrection = withUndefined(settings.value.pairwise.data, 'correctionMethod');\n\ncheckStatisticsInputsValidity(store)();\nwatch([\n () => settings.value.overall.data.testMethod,\n () => settings.value.referenceGroup.data.referenceGroup,\n], checkStatisticsInputsValidity(store));\n</script>\n<template>\n <h3>\n Statistics\n </h3>\n <!--Overall p-value settings-->\n <div class=\"section-title\"><span>overall p-value</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"overallTestMethod\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"overallTestMethodOptions\"\n :error=\"settings.overall.validity.testMethod ? '' : ' '\"\n />\n </div>\n <!--Reference group p-value settings-->\n <div class=\"section-title\"><span>reference group</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroup\"\n label=\"Reference from...\"\n clearable\n placeholder=\"Choose\"\n :options=\"referenceGroupOptions\"\n :error=\"settings.referenceGroup.validity.referenceGroup ? '' : ' '\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroupMethod\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"STAT_TEST_METHOD\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"referenceGroupCorrection\"\n label=\"Correction method\"\n placeholder=\"Choose\"\n :options=\"STAT_CORRECTION_METHOD\"\n />\n </div>\n <div class=\"input-item\" style=\"z-index: 0\">\n <PlBtnGroup\n v-model=\"settings.referenceGroup.data.format\"\n label=\"Show\"\n :options=\"FORMAT_P_VALUE_OPTIONS\"\n />\n </div>\n <div class=\"checkbox-item\">\n <PlCheckbox v-model=\"settings.referenceGroup.data.ns\"/>\n <span>Non-significant</span>\n </div>\n <!--pairwise.data p-value settings-->\n <div class=\"section-title\"><span>pairwise p-value</span></div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"pairwise\"\n label=\"Method\"\n clearable\n placeholder=\"Choose\"\n :options=\"STAT_TEST_METHOD\"\n />\n </div>\n <div class=\"input-item\">\n <PlDropdown\n v-model=\"pairwiseCorrection\"\n label=\"Correction method\"\n placeholder=\"Choose\"\n :options=\"STAT_CORRECTION_METHOD\"\n />\n </div>\n <div class=\"input-item\" style=\"z-index: 0\">\n <PlBtnGroup\n v-model=\"settings.pairwise.data.format\"\n label=\"Show\"\n :options=\"FORMAT_P_VALUE_OPTIONS\"\n />\n </div>\n <div class=\"checkbox-item\">\n <PlCheckbox v-model=\"settings.pairwise.data.ns\"/>\n <span>Non-significant</span>\n </div>\n</template>\n"],"names":["store","useStore","settings","computed","primaryGroups","referenceGroupOptions","getReferenceGroupOptions","overallTestMethodOptions","getOverallTestMethodOptions","withUndefined","data","field","newValue","overallTestMethod","referenceGroupMethod","referenceGroup","referenceGroupCorrection","pairwise","pairwiseCorrection","checkStatisticsInputsValidity","watch","_cache","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","_hoisted_2","_hoisted_3","STAT_TEST_METHOD","_hoisted_4","STAT_CORRECTION_METHOD","_hoisted_5","PlBtnGroup","FORMAT_P_VALUE_OPTIONS","_hoisted_6","PlCheckbox","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,5 +1,4 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.graph-maker .settings-tabs{display:flex;flex-direction:column;border-radius:6px;border:1px solid var(--color-div-grey);background:var(--bg-elevated-01);z-index:1}.graph-maker .settings-tabs>div{--divider-display: block;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px}.graph-maker .settings-tabs>div:after{content:"";position:absolute;bottom:0;left:8px;right:8px;border-bottom:1px solid var(--color-div-grey);display:var(--divider-display)}.graph-maker .settings-tabs>div:last-child{--divider-display: none}.graph-maker .settings-tabs>div.active{border-radius:6px;border:1px solid var(--color-border-default);background:var(--btn-switcher-bg);box-shadow:var(--btn-shape-shadow)}.graph-maker .settings-tabs>div.active svg:not(.export-icon) path{fill:var(--color-ic-01)}.graph-maker .settings-tabs>div:not(.active){cursor:pointer}.graph-maker .settings-tabs>div.last{margin-top:auto;border-top:1px solid var(--color-div-grey);border-bottom:0}.graph-maker .settings-tabs>div.temp-inactive{pointer-events:none}.graph-maker .settings-tabs>div.temp-inactive.template svg path,.graph-maker .settings-tabs>div.temp-inactive.axes svg path,.graph-maker .settings-tabs>div.temp-inactive.dataMapping svg path,.graph-maker .settings-tabs>div.temp-inactive.statistics svg path,.graph-maker .settings-tabs>div.temp-inactive.layers svg path{fill:var(--color-div-grey)}.graph-maker .settings-tabs>div.temp-inactive.export svg path{stroke:var(--color-div-grey)}.graph-maker{position:relative;display:flex;background-color:#fff;height:100%;padding:12px;overflow:hidden}.graph-maker__main-pane{position:relative;overflow:hidden;width:100%;z-index:1}.graph-maker .settings-tabs{margin-left:auto;align-self:start}.graph-maker .chart_container{position:relative;padding:12px 24px 0 12px;height:100%;width:100%;display:flex;flex-direction:column}.graph-maker .chart_container .chart_header{display:flex;margin-bottom:16px;max-width:100%}.graph-maker .chart_container .chart_titleEdit{margin-top:11px;margin-left:-24px;opacity:0;pointer-events:none}.graph-maker .chart_container .chart_header:hover .chart_titleEdit,.graph-maker .chart_container .chart_header:focus-within .chart_titleEdit{opacity:1}.graph-maker .chart_container .chart_title{font-family:var(--font-family-base);font-weight:var(--font-weigh-base);font-size:28px;height:40px;border:none;outline:none;text-overflow:ellipsis;margin-left:-2px;padding-right:28px;cursor:pointer;field-sizing:content;background:transparent}.graph-maker .chart_container .chart_title:disabled{cursor:default}.graph-maker .chart_container .chart_titleLineSlot{display:flex;margin-left:auto;align-content:center}.graph-maker .chart_container .chart_tooltipHint{position:fixed;left:50%;transform:translate(-85px);animation:tooltipAppears .2s linear}.graph-maker .chart_container .chart_controls{position:absolute;left:12px;bottom:12px;display:flex}@keyframes tooltipAppears{0%{transform:translate(-85px,-40px)}to{transform:translate(-85px)}}.graph-maker .chart_container .chart_tabBy{width:max-content;min-width:200px;margin-top:24px}.graph-maker .chart_container .chart_main-content{display:flex;width:100%;height:100%;overflow:auto;padding-bottom:40px;position:relative}.graph-maker .chart_container .chart_main-content__dendro{padding-top:24px}.graph-maker .chart_container .chart_main-content__dendro .dendro-table{position:relative;margin-top:-3px;flex-shrink:0;z-index:0}.graph-maker .chart_container .chart_main-content__dendro .dendro-table .ag-center-cols-viewport{min-height:unset!important}.graph-maker .chart_container .chart_main-content #chartSvgContainer{flex-shrink:0;width:100%;height:100%;position:relative}.graph-maker .chart_container .chart_main-content #chartSvgContainer svg{outline:none}.graph-maker .chart_container .chart_main-content #chartSvgContainer .chart_ready{width:max-content;height:max-content}.graph-maker .chart_container .chart_main-content #chartSvgContainer.chart_loading{overflow:hidden}.graph-maker .chart_container .chart_main-content #chartSvgContainer.chart_activeLassoSelection .miplots-scatterplot-plot-area{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LC00KSI+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xNjcwNF8yMjc1NSkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuMTQ2NiA1Ljk2NTY5TDguODA0MzMgNS4wOTU2NkM2LjY1MDQ3IDQuODUxNjIgNC44MzYxMyA2LjY2NTk2IDUuMDgwMTYgOC44MTk4Mkw1Ljk1MDIgMTYuMTQwOEM2LjI0NzI4IDE4LjY0NDggNy41MzExMSAxOS42OTUyIDkuOTcxNDUgMTkuNDYxOEwxMi43NzI1IDE5LjI5MjFMMTMuOTE4NCAyMS4xMTdDMTQuMzc0NyAyMS44NDkxIDE1LjEzODYgMjIuMzM3MiAxNi4wMTkyIDIyLjQzMjdDMTYuOTMxNyAyMi41Mzg4IDE3Ljg3NiAyMi4yMzExIDE4LjU5NzUgMjEuNTk0NUMxOC42NTA2IDIxLjU0MTQgMTguNzE0MiAyMS40OTkgMTguNzY3MyAyMS40NDU5TDIxLjQ0MSAxOC43NzIyQzIyLjIwNSAxOC4wMDgyIDIyLjU3NjMgMTcuMDIxNSAyMi40ODA4IDE2LjA3NzJDMjIuMzg1MyAxNS4xOTY1IDIxLjkwNzkgMTQuNDQzMiAyMS4xMzMzIDEzLjk0NDVMMTkuMzI5NiAxMi43OTg2TDE5LjQ3ODIgOS45NzYzM0MxOS42MzczIDcuNDQwNSAxOC42NTA2IDYuMjQxNTUgMTYuMTU3MiA1Ljk1NTA4TDE2LjE0NjYgNS45NjU2OVoiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIGQ9Ik0yMC42MzE5IDE3Ljk4NzVMMTcuOTM3IDIwLjY4MjVDMTcuMzY0IDIxLjE3MDUgMTYuNzM4IDIxLjM5MzMgMTYuMTMzMiAyMS4zMTkxQzE1LjYwMjcgMjEuMjU1NCAxNS4xMjUzIDIwLjk2ODkgMTQuODYgMjAuNTMzOUwxMy4zNjQgMTguMTQ2Nkw5Ljg5NDQ2IDE4LjM0ODJDOC4wMjcwNyAxOC41MzkyIDcuMjg0MzYgMTcuOTIzOCA3LjA2MTU0IDE2LjAyNDZMNi4yMDIxMiA4LjY5Mjk4QzYuMTE3MjQgOC4wMTM5MyA2LjM1MDY2IDcuMzM0ODggNi44Mzg3MyA2Ljg0NjgyQzcuMzI2OCA2LjM1ODc1IDcuOTk1MjQgNi4xMzU5MyA4LjY4NDkgNi4yMTAyMUwxNi4wMjcxIDcuMDgwMjRDMTcuOTI2MyA3LjMwMzA1IDE4LjQ2NzUgNy45NTAyNyAxOC4zNTA4IDkuOTEzMTVMMTguMTU5OCAxMy4zOTMzTDIwLjUyNTggMTQuODg5M0MyMS4wMTM5IDE1LjIwNzYgMjEuMzAwNCAxNS42NjM5IDIxLjM2NCAxNi4xOTQ0QzIxLjQyNzcgMTYuODA5OCAyMS4xNjI0IDE3LjQ1NyAyMC42NDI2IDE3Ljk3NjlMMjAuNjMxOSAxNy45ODc1Wk0xNy40NDg5IDIwLjEwOTVMMjAuMTEyIDE3LjQ0NjRDMjAuNDcyOCAxNy4wODU2IDIwLjY1MzIgMTYuNjUwNiAyMC42MTA3IDE2LjI2ODZDMjAuNTc4OSAxNS45NjA5IDIwLjQwOTEgMTUuNzA2MyAyMC4xMTIgMTUuNTE1M0wxNy4zNzQ2IDEzLjc5NjVMMTcuNTg2OCA5Ljg3MDcxQzE3LjY3MTcgOC4zMjE2MyAxNy40MTcxIDguMDAzMzIgMTUuOTIxIDcuODIyOTVMOC41Nzg4IDYuOTUyOTJDNy42NjYzMiA2Ljg0NjgyIDYuODI4MTIgNy42ODUwMiA2Ljk0NDgzIDguNTg2ODhMNy44MDQyNiAxNS45MTg1QzcuOTg0NjMgMTcuNDE0NSA4LjM1NTk4IDE3LjcyMjIgOS44MzA4IDE3LjU4NDNMMTMuNzQ1OSAxNy4zNjE1TDE1LjQ4NiAyMC4xMjAxQzE1LjY0NTIgMjAuMzY0MiAxNS44OTk4IDIwLjUzMzkgMTYuMjA3NSAyMC41NjU4QzE2LjU4OTUgMjAuNjA4MiAxNy4wMjQ1IDIwLjQ0OSAxNy40Mjc3IDIwLjEwOTVIMTcuNDQ4OVoiIGZpbGw9ImJsYWNrIi8+CiAgICAgICAgPHBhdGggZD0iTTEwLjg4MzkgMTAuODg4NUMxMC43MzU0IDExLjAzNzEgMTAuNTAxOSAxMS4wMzcxIDEwLjM1MzQgMTAuODg4NUw2Ljg0MTQzIDcuMzc2NThDNi42OTI4OCA3LjIyODA0IDYuNjkyODggNi45OTQ2MiA2Ljg0MTQzIDYuODQ2MDdDNi45ODk5NyA2LjY5NzUzIDcuMjIzMzkgNi42OTc1MyA3LjM3MTkzIDYuODQ2MDdMMTAuODgzOSAxMC4zNThDMTEuMDMyNCAxMC41MDY2IDExLjAzMjQgMTAuNzQgMTAuODgzOSAxMC44ODg1WiIgZmlsbD0iYmxhY2siLz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyMF9kXzE2NzA0XzIyNzU1IiB4PSIzLjA1ODU5IiB5PSI1LjA3MzI0IiB3aWR0aD0iMTkuNDM3NSIgaGVpZ2h0PSIxOS4zNzk5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgICAgICAgICAgICAgICA8ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iMSIvPgogICAgICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CiAgICAgICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KICAgICAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjIgMCIvPgogICAgICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTY3MDRfMjI3NTUiLz4KICAgICAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzE2NzA0XzIyNzU1IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgICAgIDwvZmlsdGVyPgogICAgICAgIDwvZGVmcz4KICAgIDwvZz4KPC9zdmc+) 0 0,pointer}.graph-maker{--modal-shadow: 0 6px 24px -2px rgba(15, 36, 77, .08), 0px 4px 12px -2px rgba(15, 36, 77, .08)}.graph-maker .panel-modal{position:absolute;top:0;right:6px;bottom:6px;display:flex;flex-direction:column;margin:0;min-width:304px;border-radius:6px;border:1px solid var(--color-div-grey);background:var(--bg-elevated-01);z-index:1;box-shadow:var(--modal-shadow)}.graph-maker .panel-modal .close-panel-modal{position:absolute;top:4px;right:4px}.graph-maker .panel-modal h3{color:var(--txt-01);font-size:20px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.2px;margin:0;font-family:var(--font-family-base);cursor:default}.graph-maker .panel-modal .inputs-block{height:100%;display:flex;flex-direction:column;overflow:auto;overflow-x:hidden;padding:0 32px;margin:32px -32px 0}.graph-maker .panel-modal .input-item{min-width:256px;margin:12px 0}.graph-maker .panel-modal .data-form-input-item{min-width:256px;margin:6px 0 0}.graph-maker .panel-modal .aes-input-row{display:flex;margin-bottom:12px}.graph-maker .panel-modal .aes-input-row .aes-input-select{width:100%}.graph-maker .panel-modal .aes-input-row .ui-aes-button{margin-left:8px}.graph-maker .panel-modal .checkbox-item{margin:12px 0;display:flex;align-items:center}.graph-maker .panel-modal .checkbox-item span{font-family:var(--font-family-base);margin-left:8px;font-size:var(--font-size-base);color:var(--txt-01)}.graph-maker .panel-modal .button-group-item{margin:24px 0}.graph-maker .panel-modal .section-title{color:var(--txt-03);font-family:var(--font-family-base);font-size:11px;letter-spacing:.44px;font-style:normal;font-weight:500;line-height:12px;text-transform:uppercase;background:linear-gradient(transparent 0%,transparent calc(50% - .5px),var(--color-div-grey) calc(50% - .5px),var(--color-div-grey) calc(50% + .5px),transparent calc(50% + .5px))}.graph-maker .panel-modal .section-title span{background-color:#fff;padding-right:8px}.graph-maker .panel-modal .section-description{color:var(--txt-03);font-family:var(--font-family-base);font-size:12px;line-height:16px;margin-top:4px}.graph-maker .panel-modal .data-form{height:100%;overflow:hidden;display:flex}.graph-maker .panel-modal .data-form .left-block,.graph-maker .panel-modal .data-form .right-block{height:100%;overflow:hidden;display:flex;flex-direction:column;padding:16px 24px;max-width:320px}.graph-maker .panel-modal .data-form .left-block{width:320px}.graph-maker .panel-modal .data-form .separator{position:relative;width:0;border:.5px solid var(--color-div-grey)}.graph-maker .panel-modal .data-form .separator .arrow-circle{width:32px;height:32px;border-radius:32px;border:1px solid var(--color-div-grey);position:absolute;top:11px;left:-16px;background:#fff;display:flex;align-items:center;justify-content:center}.graph-maker .panel-modal .data-form .separator .mask{position:static;cursor:default;background-color:var(--txt-01)}.graph-maker .panel-modal .data-form .separator .mask:hover{background-color:var(--txt-01)}.graph-maker .panel-modal .data-form .metadata-block{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base);margin:24px -32px 0;padding:0 32px;display:flex;flex-direction:column;overflow:hidden}.graph-maker .panel-modal .data-form .metadata-block .title{margin-bottom:8px;cursor:default}.graph-maker .panel-modal .data-form .metadata-block .metadata-item{margin:3px 0}.graph-maker .panel-modal .data-form .metadata-block__items{display:flex;flex-direction:column;overflow:auto;padding-right:8px;margin-right:-8px}.graph-maker .panel-modal .data-form .metadata-block__search{margin-bottom:16px}.graph-maker .panel-modal .stat-form{height:100%;overflow:auto;display:flex;flex-direction:column;padding:16px 24px}.graph-maker .panel-modal .stat-form .section-title{margin:20px 0 12px}.graph-maker .panel-modal .template-form{height:100%;display:flex;overflow:hidden;flex-direction:column}.graph-maker .panel-modal .template-form .template-title{padding:16px 24px 8px}.graph-maker .panel-modal .template-form .template-list{padding:24px 0;overflow:auto}.graph-maker .panel-modal .template-form .template-item{font-family:var(--font-family-base);height:40px;padding:0 24px;display:flex;align-items:center;position:relative;cursor:pointer}.graph-maker .panel-modal .template-form .template-item .checkmark{margin-left:auto;display:none}.graph-maker .panel-modal .template-form .template-item:hover,.graph-maker .panel-modal .template-form .template-item.selected{background-color:var(--color-active-select)}.graph-maker .panel-modal .template-form .template-item.selected .checkmark{display:block}.graph-maker .panel-modal .template-form .inline-icon{margin-right:8px}.graph-maker .panel-modal .settings-form{height:100%;display:flex;overflow:hidden;flex-direction:column}.graph-maker .panel-modal .settings-form .settings-title{padding:16px 24px 8px}.graph-maker .panel-modal .settings-form .settings-list{display:flex;flex-direction:column;padding:24px;gap:16px}.graph-maker .panel-modal .layers-form,.graph-maker .panel-modal .axes-form{height:100%;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-family-base)}.graph-maker .panel-modal .layers-form .layers-title,.graph-maker .panel-modal .layers-form .axes-title,.graph-maker .panel-modal .axes-form .layers-title,.graph-maker .panel-modal .axes-form .axes-title{padding:16px 24px}.graph-maker .panel-modal .layers-form .section-title,.graph-maker .panel-modal .axes-form .section-title{margin-bottom:24px}.graph-maker .panel-modal .axes-form{max-width:320px}.graph-maker .panel-modal .layers-form{max-width:345px}.graph-maker .panel-modal .layers-list,.graph-maker .panel-modal .axes-settings-list{overflow:auto;height:100%}.graph-maker .panel-modal .axes-form{width:100%}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-input{margin:24px 0}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-row{margin:24px 0;height:20px}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row{margin:24px 0;font-size:var(--font-size-base);display:flex;justify-content:space-between;align-items:center}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.block{display:block}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.table{border-bottom:1px solid var(--color-div-grey);padding:8px 0;margin:0}.graph-maker .panel-modal .axes-form .axes-settings-list .axes-settings-options-row.table:last-of-type{border-bottom:none;margin-bottom:16px}.graph-maker .panel-modal .axes-form .axes-settings-list .other{padding:0 24px 8px;border-top:1px solid var(--color-div-grey)}.graph-maker .panel-modal .collapsable-block-container{border-top:1px solid var(--color-div-grey);max-height:100vh;transition:max-height .3s;--title-height: 48px}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;height:var(--title-height);padding:0 24px;display:flex;align-items:center;position:relative;cursor:pointer;background-color:transparent;transition:background-color .3s}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;opacity:.5;background:linear-gradient(var(--color-active-select) 0,#fff var(--title-height));transition:opacity .3s;z-index:0}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title svg,.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title span{z-index:0}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-title span{margin-left:8px}.graph-maker .panel-modal .collapsable-block-container .collapsable-block-content{padding:24px;background-color:transparent;transition:background-color .3s}.graph-maker .panel-modal .collapsable-block-container.minimized{overflow:hidden;max-height:var(--title-height)}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-title{background-color:var(--bg-base-light)}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-title:before{opacity:0}.graph-maker .panel-modal .collapsable-block-container.minimized .collapsable-block-content{background-color:var(--bg-base-light)}.graph-maker .panel-modal .collapsable-block-container.maximized{overflow:visible;animation:.3s delay-overflow}@keyframes delay-overflow{0%{overflow:hidden}}.graph-maker .btn-icon-group{display:inline-flex;--size: 32px}.graph-maker .btn-icon-group .btn-icon-group__option{width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--color-dis-01)}.graph-maker .btn-icon-group .btn-icon-group__option.active{color:var(--main-dark-color)}.fixed-aes-list{display:flex;flex-wrap:wrap;overflow:auto;padding:20px}.fixed-aes-list__rows{flex-wrap:nowrap;flex-direction:column;flex-shrink:1;flex-basis:100%;padding:16px}.fixed-aes-list .color-item{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;margin:6px;position:relative;cursor:pointer}.fixed-aes-list .color-item:after{content:"";position:absolute;top:-4px;left:-4px;width:32px;height:32px;border:1px solid var(--color-ic-01);border-radius:6px;opacity:0}.fixed-aes-list .color-item:hover:after{opacity:1}.fixed-aes-list .color-item.border{background:var(--color-ic-00);border:3px solid}.fixed-aes-list .color-item.border:after{top:-7px;left:-7px}.fixed-aes-list .color-item.white,.fixed-aes-list .color-item.empty{border:1px solid var(--color-div-grey)}.fixed-aes-list .color-item.white:after,.fixed-aes-list .color-item.empty:after{top:-5px;left:-5px}.fixed-aes-list .color-item.white.white.border:before,.fixed-aes-list .color-item.empty.white.border:before{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;border:1px solid var(--color-div-grey);border-radius:1px}.fixed-aes-list .color-item.empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.fixed-aes-list .color-item .checkmark{display:none}.fixed-aes-list .color-item.selected:after{opacity:1}.fixed-aes-list .color-item.selected .checkmark{display:block}.fixed-aes-list .row-item{width:100%;height:32px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:6px;border:1px solid transparent}.fixed-aes-list .row-item:hover{background-color:var(--color-sec-hover-grey)}.fixed-aes-list .row-item__selected{background-color:transparent;border-color:var(--color-ic-01);cursor:default;pointer-events:none}.fixed-aes-list .row-item__title{margin-right:8px;font-size:var(--font-size-base)}.fixed-aes-list .row-item__line{width:120px;height:100%}.graph-maker .aes-settings-form{position:absolute;top:-1px;right:-1px;bottom:-1px;width:368px;margin:0;background:#fff;display:flex;flex-direction:column;border-radius:6px;font-family:var(--font-family-base);overflow:hidden;z-index:1;border:1px solid var(--color-div-grey);box-shadow:var(--modal-shadow)}.graph-maker .aes-settings-form__header{padding:16px 24px 0}.graph-maker .aes-settings-form__header .back-link{margin:0 0 8px -8px;cursor:pointer;font-size:var(--font-size-base);display:flex;align-items:center}.graph-maker .aes-settings-form__header .back-link .inline-icon{margin-right:8px}.graph-maker .aes-settings-form__header h3{margin:24px 0}.graph-maker .aes-settings-form .type-color-selector{margin:8px 0 32px}.graph-maker .aes-settings-form .aes-mapping-block{overflow:hidden;display:flex;flex-direction:column}.graph-maker .aes-settings-form .palettes-groups{padding:0 24px;overflow:auto}.graph-maker .aes-settings-form .palettes-groups .palettes-list{margin:24px 0}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette{display:flex;height:40px;padding:8px 12px;align-items:center;justify-content:space-between;font-size:var(--font-size-base);cursor:pointer;border-radius:6px;border:1px solid transparent}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette:hover{background-color:var(--color-sec-hover-grey)}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette.selected{border-color:var(--color-ic-01);cursor:default;pointer-events:none}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient{height:24px;min-width:196px;border-radius:3px;display:flex;overflow:hidden}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item{flex-basis:100%;border-right:.5px solid white;border-left:.5px solid white}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item:first-child{border-left:none}.graph-maker .aes-settings-form .palettes-groups .palettes-list__palette .palette-gradient__item:last-child{border-right:none}.graph-maker .aes-settings-form .aes-settings-hint{padding:0 24px;font-family:var(--font-family-base);font-size:12px;color:var(--txt-03)}.graph-maker .aes-settings-form .column-values-list{overflow:auto;padding:8px 24px 24px;--contour-color: var(--color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-focus-shadow)}.graph-maker .aes-settings-form .column-values-list .column-value{display:flex;min-height:40px;align-items:center;padding-left:12px;padding-right:2px;border-radius:var(--border-radius-control);border:1px solid var(--color-div-grey);margin-bottom:6px;background-color:var(--color-ic-00)}.graph-maker .aes-settings-form .column-values-list .column-value__reorder-icon{padding:12px;margin-right:-4px;margin-left:-12px;cursor:pointer}.graph-maker .aes-settings-form .column-values-list .column-value:last-child{margin-bottom:0}.graph-maker .aes-settings-form .column-values-list .column-value__aes-group{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.graph-maker .aes-settings-form .column-values-list .column-value__aes{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:var(--color-ic-00);border-radius:var(--border-radius-control)}.graph-maker .aes-settings-form .column-values-list .column-value__aes.aes__selected{border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:1}.graph-maker .aes-settings-form .column-values-list .column-value__with-reorder .column-value__aes{cursor:default}.graph-maker .aes-settings-form .column-values-list .column-value__title{overflow:hidden;text-overflow:ellipsis;margin-right:8px;line-height:24px}.graph-maker .aes-settings-form .column-values-list .column-value__color{width:18px;height:18px;border-radius:3px}.ui-multiselect-button{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;--label-offset-left-x: 8px;--label-offset-right-x: 8px;width:100%;min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;cursor:pointer}.ui-multiselect-button__envelope{font-family:var(--font-family-base)}.ui-multiselect-button label{display:flex;align-items:center;position:absolute;top:0;transform:translateY(-60%);left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500}.ui-multiselect-button__contour{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.ui-multiselect-button__content{padding:8px 12px;display:flex;align-items:center;flex-basis:100%;font-size:var(--font-size-base)}.ui-multiselect-button__content .title{margin-right:auto}.ui-multiselect-button__content .gradient{height:18px;min-width:113px;border-radius:3px;display:flex;overflow:hidden}.ui-multiselect-button__content .gradient__item{flex-basis:100%;border-right:.5px solid white;border-left:.5px solid white}.ui-multiselect-button__content .gradient__item:first-child{border-left:none}.ui-multiselect-button__content .gradient__item:last-child{border-right:none}.ui-multiselect-button__content .icon{margin-left:8px;background-color:var(--color-ic-01);position:relative}.ui-multiselect-button__content .icon__fill,.ui-multiselect-button__content .icon__stroke{width:18px;height:18px;border-radius:3px;margin:0 4px}.ui-multiselect-button__content .icon__stroke{background:none;border:3px solid}.ui-multiselect-button__content .icon__stroke.icon__white:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border:1px solid var(--color-div-grey);border-radius:1px}.ui-multiselect-button__content .icon__white,.ui-multiselect-button__content .icon__empty{border:1px solid var(--color-div-grey)}.ui-multiselect-button__content .icon__white:after,.ui-multiselect-button__content .icon__empty:after{top:-5px;left:-5px}.ui-multiselect-button__content .icon__empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.ui-aes-button{--contour-color: var(--txt-01);--label-color: var(--txt-01);--contour-border-width: 1px;--contour-box-shadow: none;width:var(--control-height);height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center;outline:none;cursor:pointer;font-family:var(--font-family-base)}.ui-aes-button .icon{position:relative}.ui-aes-button .icon__fill,.ui-aes-button .icon__stroke{width:18px;height:18px;border-radius:3px;margin:0 4px}.ui-aes-button .icon__stroke{background:none;border:3px solid}.ui-aes-button .icon__stroke.icon__white:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border:1px solid var(--color-div-grey);border-radius:1px}.ui-aes-button .icon__white,.ui-aes-button .icon__empty{border:1px solid var(--color-div-grey)}.ui-aes-button .icon__white:after,.ui-aes-button .icon__empty:after{top:-5px;left:-5px}.ui-aes-button .icon__empty{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4V4H0V0ZM8 4H4V8H0V12H4V16H0V20H4V16H8V20H12V16H16V20H20V16H16V12H20V8H16V4H20V0H16V4H12V0H8V4ZM8 8V4H12V8H8ZM8 12V16H12V12H16V8H12V12H8ZM8 12H4V8H8V12Z" fill="%23E1E3EB"/></svg>') no-repeat center}.dot{width:24px;height:24px}.dot__0{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="6" y="6" width="12" height="12" stroke="%23110529"/></svg>') no-repeat center}.dot__5{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5L19 12L12 19L5 12L12 5Z" stroke="%23110529"/></svg>') no-repeat center}.dot__1{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="6" stroke="%23110529"/></svg>') no-repeat center}.dot__2{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6L19 18H5L12 6Z" stroke="%23110529"/></svg>') no-repeat center}.dot__6{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 18L19 6H5L12 18Z" stroke="%23110529"/></svg>') no-repeat center}.dot__7{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM6.5 7.20711V16.7929L11.2929 12L6.5 7.20711ZM7.20711 17.5H16.7929L12 12.7071L7.20711 17.5ZM17.5 16.7929V7.20711L12.7071 12L17.5 16.7929ZM16.7929 6.5H7.20711L12 11.2929L16.7929 6.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__9{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3536 4.6464L12.0001 4.29285L11.6465 4.6464L4.64652 11.6464L4.29297 12L4.64652 12.3535L11.6465 19.3535L12.0001 19.7071L12.3536 19.3535L19.3536 12.3535L19.7072 12L19.3536 11.6464L12.3536 4.6464ZM6.20718 12.5L11.5001 17.7928V12.5H6.20718ZM12.5001 17.7928L17.793 12.5H12.5001V17.7928ZM17.793 11.5L12.5001 6.20706V11.5H17.793ZM11.5001 6.20706L6.20718 11.5H11.5001V6.20706Z" fill="%23110529"/></svg>') no-repeat center}.dot__3{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6V12M12 18V12M12 12H18M12 12H6" stroke="%23110529"/></svg>') no-repeat center}.dot__4{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 7L12 12M12 12L7 17M12 12L17 17M12 12L7 7" stroke="%23110529"/></svg>') no-repeat center}.dot__8{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7924 11.5L6.69625 7.40385L7.40336 6.69674L11.5 10.7934V5H12.5V10.7925L16.5957 6.69674L17.3029 7.40385L13.2067 11.5H19V12.5H13.2066L17.3029 16.5962L16.5957 17.3033L12.5 13.2076V19H11.5V13.2067L7.40336 17.3033L6.69625 16.5962L10.7925 12.5H5V11.5H10.7924Z" fill="%23110529"/></svg>') no-repeat center}.dot__12{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM6.5 11.5V6.5H11.5V11.5H6.5ZM6.5 12.5V17.5H11.5V12.5H6.5ZM12.5 17.5H17.5V12.5H12.5V17.5ZM17.5 11.5V6.5H12.5V11.5H17.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__10{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 6.02054C8.5851 6.26101 6.26101 8.5851 6.02054 11.5L11.5 11.5V6.02054ZM6.02054 12.5C6.26101 15.4149 8.5851 17.739 11.5 17.9795L11.5 12.5L6.02054 12.5ZM12.5 17.9795C15.4149 17.739 17.739 15.4149 17.9795 12.5H12.5L12.5 17.9795ZM17.9795 11.5C17.739 8.5851 15.4149 6.26101 12.5 6.02054V11.5H17.9795ZM12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5Z" fill="%23110529"/></svg>') no-repeat center}.dot__13{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.48049 7.77335C9.43424 6.9783 10.6613 6.5 12 6.5C13.3387 6.5 14.5658 6.9783 15.5195 7.77335L12 11.2929L8.48049 7.77335ZM7.77091 7.06377L6.35355 5.64641L5.64645 6.35352L7.0638 7.77087C6.08896 8.90764 5.5 10.385 5.5 12C5.5 13.6149 6.08894 15.0923 7.06377 16.2291L5.64645 17.6464L6.35355 18.3535L7.77087 16.9362C8.90764 17.911 10.385 18.5 12 18.5C13.615 18.5 15.0924 17.911 16.2291 16.9362L17.6464 18.3535L18.3536 17.6464L16.9362 16.2291C17.9111 15.0923 18.5 13.6149 18.5 12C18.5 10.385 17.911 8.90764 16.9362 7.77087L18.3536 6.35352L17.6464 5.64641L16.2291 7.06377C15.0923 6.08894 13.6149 5.5 12 5.5C10.3851 5.5 8.90768 6.08894 7.77091 7.06377ZM16.2266 8.48045L12.7071 12L16.2267 15.5195C17.0217 14.5658 17.5 13.3387 17.5 12C17.5 10.6612 17.0217 9.4342 16.2266 8.48045ZM15.5195 16.2266L12 12.7071L8.48045 16.2266C9.4342 17.0217 10.6612 17.5 12 17.5C13.3388 17.5 14.5658 17.0217 15.5195 16.2266ZM7.77335 15.5195L11.2929 12L7.77338 8.48045C6.97832 9.4342 6.5 10.6612 6.5 12C6.5 13.3387 6.9783 14.5658 7.77335 15.5195Z" fill="%23110529"/></svg>') no-repeat center}.dot__14{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 5.5H5.5V6V18V18.5H6H18H18.5V18V6V5.5H18H6ZM17.5 15.882V6.5H12.809L17.5 15.882ZM11.191 6.5H6.5V15.882L11.191 6.5ZM6.80902 17.5H17.191L12 7.11803L6.80902 17.5Z" fill="%23110529"/></svg>') no-repeat center}.dot__11{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.441 5.11803L12 4L12.559 5.11803L13 6H17.882H19L18.5 7L16 12L18.5 17L19 18H17.882H13L12.559 18.882L12 20L11.441 18.882L11 18H6.11803H5L5.5 17L8 12L5.5 7L5 6H6.11803H11L11.441 5.11803ZM10.5 7H6.61803L8.55902 10.882L10.5 7ZM8.55902 13.118L6.61803 17H10.5L8.55902 13.118ZM11.618 17L9.11803 12L11.618 7H12.382L14.882 12L12.382 17H11.618ZM13.5 17H17.382L15.441 13.118L13.5 17ZM15.441 10.882L17.382 7H13.5L15.441 10.882Z" fill="%23110529"/></svg>') no-repeat center}.dot__22{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="6" y="6" width="12" height="12" fill="%23110529"/></svg>') no-repeat center}.dot__23{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 5L19 12L12 19L5 12L12 5Z" fill="%23110529"/></svg>') no-repeat center}.dot__21{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="6" fill="%23110529"/></svg>') no-repeat center}.dot__24{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 6L19 18H5L12 6Z" fill="%23110529"/></svg>') no-repeat center}.dot__25{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 18L19 6H5L12 18Z" fill="%23110529"/></svg>') no-repeat center}svg.line{width:100%;height:100%;stroke-width:1.5px;stroke:var(--color-ic-01)}svg.line__dashed{stroke-dasharray:6 6}svg.line__dotted{stroke-dasharray:1.5 4}svg.line__dotdash{stroke-dasharray:1.5 4 8 4}svg.line__longdash{stroke-dasharray:10 4}svg.line__twodash{stroke-dasharray:3 3 9 3}.icon__line{height:24px;width:24px}.icon__line.line__solid{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H23V12.75H1V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dashed{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dotted{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M2.75 11.25H1.25V12.75H2.75V11.25Z" fill="%23110529"/><path d="M11.25 11.25H12.75V12.75H11.25V11.25Z" fill="%23110529"/><path d="M22.75 11.25H21.25V12.75H22.75V11.25Z" fill="%23110529"/><path d="M7.75 11.25H6.25V12.75H7.75V11.25Z" fill="%23110529"/><path d="M16.25 11.25H17.75V12.75H16.25V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__dotdash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__longdash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z" fill="%23110529"/></svg>') no-repeat center}.icon__line.line__twodash{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z" fill="%23110529"/></svg>') no-repeat center}.popup{position:absolute;width:0;height:0;--modal-shadow: 0 6px 24px -2px rgba(15, 36, 77, .08), 0px 4px 12px -2px rgba(15, 36, 77, .08)}.popup__content{z-index:3;position:absolute;display:inline-block;background:var(--color-ic-00);border-radius:6px;width:max-content;border:1px solid var(--color-div-grey);box-shadow:var(--modal-shadow);font-family:var(--font-family-base)}.popup__content .beak{position:absolute}.popup__content .beak path{fill:var(--color-ic-00)}.popup__content .beak polyline{stroke:var(--color-div-grey)}.popup__content.bottom{top:0;right:0}.popup__content.bottom .beak{transform:translate(50%) translateY(-100%) rotate(90deg);top:2px;right:20px}.popup__content.left-bottom{top:0;right:0}.popup__content.left-bottom .beak{transform:translate(100%) rotate(180deg);right:0}.pl-color-slider{height:32px;border:1px solid var(--color-border-default);border-radius:6px;display:flex}.pl-color-slider__wrapper{width:100%;height:100%;position:relative}.pl-color-slider__color-contaier{height:100%;padding:0 16px;background-color:#f0f0f0;position:absolute;width:100%;z-index:2;border-radius:5px}.pl-color-slider__gradient{height:100%}.pl-color-slider__thumbs-contaier{height:100%;z-index:2;position:relative;border-radius:4px}.pl-color-slider__thumb{height:100%;width:1px;background-color:var(--txt-01);position:absolute;z-index:5;outline:none}.pl-color-slider__thumb-roof{width:8px;height:8px;position:absolute;bottom:-4px;left:-3.5px;background-color:red;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%3e%3cpath%20d='M3.64645%201.56066C3.84171%201.3654%204.15829%201.3654%204.35355%201.56066L6.93934%204.14645C7.1346%204.34171%207.1346%204.65829%206.93934%204.85355L4.35355%207.43934C4.15829%207.6346%203.84171%207.6346%203.64645%207.43934L1.06066%204.85355C0.865398%204.65829%200.865398%204.34171%201.06066%204.14645L3.64645%201.56066Z'%20fill='white'%20stroke='%23110529'/%3e%3c/svg%3e");cursor:pointer}.pl-color-slider .active,.pl-color-slider__thumb-roof:active,.pl-color-slider__thumb-roof:hover,.active-thumb .pl-color-slider__thumb-roof{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='36'%20height='44'%20viewBox='0%200%2036%2044'%20fill='none'%3e%3cg%20filter='url(%23filter0_d_11505_23033)'%3e%3cpath%20d='M6%2017.1995C6%2015.798%206.58823%2014.4608%207.62138%2013.5137L18%204L28.3786%2013.5137C29.4118%2014.4608%2030%2015.798%2030%2017.1995V31C30%2033.7614%2027.7614%2036%2025%2036H11C8.23858%2036%206%2033.7614%206%2031V17.1995Z'%20fill='white'/%3e%3cpath%20d='M6.5%2017.1995C6.5%2015.9381%207.02941%2014.7347%207.95924%2013.8823L18%204.67828L28.0408%2013.8823C28.9706%2014.7347%2029.5%2015.9381%2029.5%2017.1995V31C29.5%2033.4853%2027.4853%2035.5%2025%2035.5H11C8.51472%2035.5%206.5%2033.4853%206.5%2031V17.1995Z'%20stroke='%23110529'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_11505_23033'%20x='0'%20y='0'%20width='36'%20height='44'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='2'/%3e%3cfeGaussianBlur%20stdDeviation='3'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.0666667%200%200%200%200%200.0196078%200%200%200%200%200.160784%200%200%200%200.16%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_11505_23033'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_11505_23033'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");width:24px;height:32px;background-repeat:no-repeat;background-position:-6px -4px;border-radius:4px;left:-11.5px;bottom:-25px;position:absolute;transition:all .1s ease-in-out}.pl-color-slider .active-thumb{z-index:6}.pl-color-slider__top-index{z-index:7}.active .pl-color-slider__thumb-color-indicator,.active-thumb .pl-color-slider__thumb-color-indicator,.pl-color-slider__thumb-roof:active,.pl-color-slider__thumb-roof:hover .pl-color-slider__thumb-color-indicator{opacity:1;transform:scale(1);transition:all .5s}.pl-color-slider__thumb-color-indicator{opacity:0;position:absolute;bottom:3px;width:18px;height:18px;left:3px;border-radius:4px;transform:scale(0);pointer-events:none}.dnd-chip{border-radius:6px;border:1px solid #E1E3EB;background:#f7f8fa;padding:10px 12px;display:flex;align-items:center;width:100%;margin-bottom:6px;cursor:grab}.dnd-chip.drag-active,.dnd-chip:hover{background:#fff;position:relative}.dnd-chip.drag-active:after,.dnd-chip:hover:after{content:"";position:absolute;pointer-events:none;top:-1px;bottom:-1px;left:-1px;right:-1px;z-index:10;border-radius:6px;border-width:1px;border-color:#49cc49;border-style:solid}.dnd-chip.drag-active:after{border-width:2px;box-shadow:0 0 0 4px #49cc493d}.dnd-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-chip__sub-title{overflow:hidden;color:#9d9eae;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.dnd-chip__title-wrapper{overflow:hidden}.dnd-chip__icon{width:16px;height:16px;margin-right:12px;flex-shrink:0}.dnd-chip__icon svg{width:100%;height:100%}.dnd-basket{border-radius:6px;border:1px solid #E1E3EB;background:#f7f8fa;padding:10px 12px 12px}.dnd-basket__required{position:relative}.dnd-basket__required svg{position:relative;left:2px;top:4px;margin-right:2px}.dnd-basket__title{color:#110529;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:6px;cursor:default}.dnd-basket__chip-wrapper .dnd-basket-chip:last-child{margin-bottom:0}.dnd-basket__placeholder{border-radius:6px;border:1.5px dashed #E1E3EB;color:#9d9eae;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;height:40px;cursor:default;display:flex;justify-content:center;align-items:center}.dnd-basket.disabled,.dnd-basket.readonly{opacity:.24;cursor:no-drop}.dnd-basket.readonly{pointer-events:none}.dnd-basket.active,.dnd-basket:hover{border:1px solid #49CC49;background:#63e0241f}.dnd-basket.active .dnd-basket__placeholder,.dnd-basket:hover .dnd-basket__placeholder{border:1.5px dashed #49CC49}.dnd-basket__chip-wrapper .dnd-double-chip:last-child{margin-bottom:0}.dnd-double-chip{background:#fff;position:relative;cursor:default}.dnd-double-chip .mask-drag-dots{display:none;width:16px;height:16px;margin-right:12px;flex-shrink:0;color:var(--ic-02)}.dnd-double-chip:hover.sortable .mask-drag-dots{display:block}.dnd-double-chip:hover.sortable .dnd-double-chip__icon{display:none}.dnd-double-chip.error *{border-color:#ff5c5c}.dnd-double-chip__group{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.dnd-double-chip .pl-dropdown__contour,.dnd-double-chip .pl-dropdown-multi__contour,.dnd-double-chip .pl-autocomplete__contour,.dnd-double-chip .pl-autocomplete-multi__contour{border-top:none;border-top-right-radius:0;border-top-left-radius:0}.dnd-double-chip__bottom{position:relative}.dnd-double-chip__top{display:flex;padding:10px 12px;align-items:center;border:1px solid #110529;border-radius:6px 6px 0 0}.dnd-double-chip__icon-close,.dnd-double-chip__icon{line-height:0;width:16px;height:16px}.dnd-double-chip__icon{margin-right:12px}.dnd-double-chip__icon.error{--icon-color: var(--errorColor)}.dnd-double-chip__icon-close{margin-left:12px;cursor:pointer}.dnd-double-chip__title-wrapper{flex-grow:1;overflow:hidden}.dnd-double-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-double-chip__bottom-range{border:1px solid black;border-top:none;padding:12px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:flex;flex-direction:column}.dnd-double-chip__bottom-range-row+.dnd-double-chip__bottom-range-row{margin-top:12px}.dnd-basket-chip{border-radius:6px;border:1px solid var(--txt-01);background:#fff;padding:10px 12px;display:flex;align-items:center;width:100%;position:relative;z-index:1;cursor:default;--errorColor: #FF5C5C}.dnd-basket-chip__handler{position:absolute;left:0;top:0;bottom:0;right:36px;cursor:grab;z-index:20}.dnd-basket-chip .mask-drag-dots{display:none;width:16px;height:16px;margin-right:12px;flex-shrink:0;color:var(--ic-02)}.dnd-basket-chip.sortable__item{z-index:3}.dnd-basket-chip:hover.sortable .mask-drag-dots{display:block}.dnd-basket-chip:hover.sortable .dnd-basket-chip__icon{display:none}.dnd-basket-chip__icon{width:16px;height:16px;margin-right:12px;flex-shrink:0}.dnd-basket-chip__icon svg{width:100%;height:100%}.dnd-basket-chip__icon.error{--icon-color: var(--errorColor)}.dnd-basket-chip.error{border-color:var(--errorColor)}.dnd-basket-chip.drag-active{border-radius:6px;border:2px solid #49CC49;background:#fff;box-shadow:0 0 0 4px #49cc493d;cursor:grab}.dnd-basket-chip__group{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.dnd-basket-chip__title{overflow:hidden;color:#110529;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.dnd-basket-chip__sub-title{overflow:hidden;color:#9d9eae;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.dnd-basket-chip__title-wrapper{overflow:hidden;flex-grow:1}.dnd-basket-chip__icon-close{line-height:0;width:16px;height:16px;margin-left:12px;cursor:pointer}.dnd-basket-chip__fixed-axes-block{display:flex;flex-direction:column;gap:6px}.dnd-basket-chip__fixed-axes-block .pl-autocomplete,.dnd-basket-chip__fixed-axes-block .pl-dropdown,.dnd-basket-chip__fixed-axes-block .pl-dropdown-multi,.dnd-basket-chip__fixed-axes-block .pl-autocomplete-multi{background:#fff}.dnd-basket-chip__fixed-axes-block label{padding-top:2px;z-index:1}.double-contour-temp{--contour-offset: 4px;position:absolute;top:calc(var(--contour-offset) * -1);left:calc(var(--contour-offset) * -1);right:calc(var(--contour-offset) * -1);bottom:calc(var(--contour-offset) * -1);pointer-events:none;z-index:1;--offset-left-x: calc(var(--label-offset-left-x) + var(--contour-offset));clip-path:polygon(0 0,var(--offset-left-x) 0,var(--offset-left-x) 12px,var(--label-offset-right-x) 12px,var(--label-offset-right-x) 0,100% 0,100% 100%,0 100%,0 0)}.double-contour-temp>div{position:absolute;top:var(--contour-offset);left:var(--contour-offset);right:var(--contour-offset);bottom:var(--contour-offset)}.zoom-container{background:#fff;display:flex;position:relative;margin-right:24px}.zoom-container .zoom-border{position:absolute;border:1px solid var(--color-div-grey);border-radius:var(--border-radius-control);top:0;left:0;right:0;bottom:0}.zoom-input input::-webkit-outer-spin-button,.zoom-input input::-webkit-inner-spin-button{-webkit-appearance:none}.zoom-input .zoom-text-field{--contour-color: transparent;--contour-border-width: 1px;--contour-box-shadow: none;--prefix-color: var(--color-placeholder);min-height:var(--control-height);position:relative;border-radius:var(--border-radius-control);display:flex;flex-direction:row;align-items:center;outline:none;width:64px}.zoom-input .zoom-text-field__envelope{font-family:var(--font-family-base)}.zoom-input .zoom-text-field input{min-height:calc(var(--control-height) - 2px);line-height:calc(var(--control-height) - 2px);width:100%;border:none;font-size:inherit;background-color:transparent;color:var(--txt-01);caret-color:var(--border-color-focus);cursor:inherit;padding:0;text-align:center;font-family:var(--font-family-base)}.zoom-input .zoom-text-field input:focus{outline:none}.zoom-input .zoom-text-field__contour{border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);border-style:solid;box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.zoom-input .zoom-text-field:hover{background-color:var(--btn-sec-hover-grey)}.zoom-input .zoom-text-field:focus-within{--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.zoom-input .zoom-text-field:before{left:0}.zoom-input .zoom-text-field:after{right:0}.zoom-input .zoom-text-field:before,.zoom-input .zoom-text-field:after{content:"";position:absolute;top:8px;bottom:8px;width:1px;background-color:var(--color-div-grey);z-index:0}.graph-info-tooltip{width:320px;border-radius:16px;background:var(--bg-base-dark);color:var(--color-ic-00);padding:16px;display:flex;flex-direction:column}.graph-info-tooltip__container{position:absolute;height:0}.graph-info-tooltip__tail{position:absolute;width:9px;height:9px;background:var(--bg-base-dark);top:-4.5px;left:-4.5px;transform:rotate(45deg)}.graph-info-tooltip .graph-info-tooltip-row{display:flex;line-height:20px;margin-bottom:6px}.graph-info-tooltip .graph-info-tooltip-row .graph-info-tooltip-title,.graph-info-tooltip .graph-info-tooltip-row .graph-info-tooltip-value{flex-basis:50%}.graph-info-tooltip .graph-info-tooltip-row__sequence{flex-direction:column}.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-title,.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-value{flex-basis:unset}.graph-info-tooltip .graph-info-tooltip-row__sequence .graph-info-tooltip-icon{margin-left:auto}.graph-info-tooltip .graph-info-tooltip-sequence-row{display:flex;background:var(--txt-02);padding:8px}.graph-info-tooltip .graph-info-tooltip-value{text-overflow:ellipsis;overflow:hidden}.graph-info-tooltip .graph-info-tooltip-close{cursor:pointer;position:absolute;top:12px;right:12px;background-color:var(--ic-02)}.graph-info-tooltip .graph-info-tooltip-clipboard{cursor:pointer;background-color:var(--ic-02);margin-left:4px}.graph-info-tooltip .graph-info-tooltip-button{margin-top:16px;--color-border-default: white}._columnValue_1cp0f_2{display:flex;align-items:center;padding-left:12px;padding-right:2px;margin-bottom:6px;background-color:var(--color-ic-00);width:100%}._columnValue_1cp0f_2._withReorering_1cp0f_12{padding-left:4px}._columnValue_1cp0f_2:last-child{margin-bottom:0}._title_1cp0f_20{overflow:hidden;text-overflow:ellipsis;margin-right:8px;line-height:24px}._color_1cp0f_27{width:18px;height:18px;border-radius:3px}._aesGroup_1cp0f_33{margin-left:auto;flex-shrink:0;display:flex;align-items:center}._aes_1cp0f_33{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:var(--color-ic-00);border-radius:var(--border-radius-control)}._aes_1cp0f_33._selected_1cp0f_51{border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:1}._discreteRow_19vpm_2{background-color:var(--color-ic-00);border-color:var(--color-div-grey)}._discreteRow_19vpm_2:hover{--head-background: var(--color-ic-00)}._discreteRowTitle_19vpm_9{padding-top:0;padding-bottom:0;background-color:var(--color-ic-00)}._discreteRow_19vpm_2:hover ._discreteRowTitle_19vpm_9{background-color:var(--color-ic-00)}._discreteRow_wtygg_2{background-color:var(--color-ic-00);border-color:var(--color-div-grey)}._discreteRow_wtygg_2:hover{--head-background: var(--color-ic-00)}._title_wtygg_10{margin-left:4px}._showMoreButton_ydz3i_2{align-self:center;min-width:80px}.dot-size-selector{margin-top:24px}.dot-size-selector__row{margin:12px 0}._lassoControlsContainer_1w3e4_2{display:flex;align-items:baseline}._lassoButtonsGroup_1w3e4_6{background:#fff;display:flex;position:relative}._lassoControlsBorder_1w3e4_11{position:absolute;border:1px solid var(--color-div-grey);border-radius:var(--border-radius-control);top:0;left:0;right:0;bottom:0}._lassoButtonSelected_1w3e4_20{border:2px solid var(--border-color-focus)}._lassoButtonNotSelected_1w3e4_23{border:2px solid transparent}._lassoControlsSeparator_1w3e4_26{width:1px;height:32px;background-color:var(--color-div-grey);margin:4px}._lassoHint_1w3e4_32{color:var(--txt-03);font-size:14px;margin-left:8px}._resetViewport_1w3e4_37{width:58px;min-width:58px;margin-left:24px;border:1px solid var(--color-div-grey)}._resetIcon_1w3e4_43{margin-left:-6px}._resetHintIcon_1w3e4_46{align-self:center}._loaderContainer_1yfb4_2{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center}._withBorder_1yfb4_12{border:1px solid #E1E3EB;border-radius:8px;overflow:"hidden"}.slide-panel-enter-active{transition:transform .3s ease-out}.slide-panel-leave-active{transition:transform .3s ease-in-out}.slide-panel-enter-from{transform:translate(200%);opacity:0}.slide-panel-leave-to{transform:translate(200%);opacity:1}._alert_2s905_2{position:fixed;bottom:12px;right:12px;width:256px;height:auto;z-index:1}._alertContent_2s905_10{display:flex;flex-direction:column;gap:12px;max-height:100%}._alertItem_2s905_16{position:relative}._alertTitle_2s905_19{color:var(--txt-01);font-size:14px;font-weight:600;line-height:20px;margin-bottom:6px}`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
-
1
+ import './assets/ui.css';/* empty css */
3
2
  import { default as o } from "./index.vue.js";
4
3
  export {
5
4
  o as GraphMaker
package/dist/index.vue.js CHANGED
@@ -1,8 +1,8 @@
1
- import { defineComponent as ue, mergeModels as q, useModel as H, ref as p, watch as c, toRaw as i, computed as m, shallowRef as J, onMounted as se, onUnmounted as ce, useSlots as de, createElementBlock as ve, openBlock as D, createElementVNode as pe, createVNode as N, createBlock as F, createCommentVNode as S, withCtx as O, renderSlot as P, unref as s, resolveDynamicComponent as me } from "vue";
1
+ import { defineComponent as ie, mergeModels as q, useModel as H, ref as p, watch as c, toRaw as u, computed as m, shallowRef as J, onMounted as se, onUnmounted as ce, useSlots as de, createElementBlock as ve, openBlock as D, createElementVNode as pe, createVNode as N, createBlock as F, createCommentVNode as S, withCtx as O, renderSlot as P, unref as s, resolveDynamicComponent as me } from "vue";
2
2
  import { MiPlots as ge } from "@milaboratories/miplots4";
3
3
  import { DemoDataStore as fe } from "@milaboratories/pf-plots";
4
4
  import { watchDebounced as g } from "@vueuse/core";
5
- /* empty css */
5
+ import './components/TransitionSlidePanel.css';import './assets/ui.css';/* empty css */
6
6
  import he from "./components/Chart.vue.js";
7
7
  import Se from "./components/PanelModal.vue.js";
8
8
  import ye from "./components/SettingsTabs/index.vue.js";
@@ -11,16 +11,11 @@ import be from "./components/TransitionSlidePanel.vue.js";
11
11
  import Te from "./components/ChartErrorNotificationAlert.vue.js";
12
12
  import { useSettingsForm as Ce, isOwnGraphMakerTab as De } from "./forms/index.js";
13
13
  import { provideStore as we, createReactiveState as ke } from "./store.js";
14
- import "./constantsCommon.js";
15
- import "./constantsAesthetic.js";
16
- import "d3-scale";
17
- import { composeChartSettings as K } from "./utils/createChartSettingsForRender/composeChartSettings.js";
18
- import { saveToFile as xe } from "./utils/saveToFile.js";
19
14
  import { copyJSON as y } from "./utils/copyJSON.js";
20
- import "@platforma-sdk/model";
21
- import "@milaboratories/helpers";
22
- import Fe from "./components/GraphStatusScreen.vue.js";
23
- const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _e = /* @__PURE__ */ ue({
15
+ import xe from "./components/GraphStatusScreen.vue.js";
16
+ import { composeChartSettings as K } from "./utils/createChartSettingsForRender/composeChartSettings.js";
17
+ import { saveToFile as Fe } from "./utils/saveToFile.js";
18
+ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, We = /* @__PURE__ */ ie({
24
19
  __name: "index",
25
20
  props: /* @__PURE__ */ q({
26
21
  pFrame: {},
@@ -78,7 +73,7 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
78
73
  k.value = e;
79
74
  }, { deep: !0 });
80
75
  const t = we(
81
- i(l.value),
76
+ u(l.value),
82
77
  w,
83
78
  n.chartType,
84
79
  k,
@@ -90,7 +85,7 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
90
85
  );
91
86
  function z() {
92
87
  const e = ke(
93
- i(l.value),
88
+ u(l.value),
94
89
  n.chartType
95
90
  );
96
91
  Object.assign(t.value.reactive, e), Object.assign(t.value.loading, {
@@ -106,7 +101,7 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
106
101
  ), B = m(
107
102
  () => t.value.loading.initialInputGuide && x.value === "loading"
108
103
  ), x = m((e) => {
109
- var u, v;
104
+ var i, v;
110
105
  if (b.value)
111
106
  return "running";
112
107
  if (n.pFrame.ok && n.pFrame.stable && !n.pFrame.value)
@@ -114,7 +109,7 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
114
109
  if (!n.pFrame.ok)
115
110
  return "noPframeWithError";
116
111
  const a = t.value.inputGuide.value, o = t.value.chartData.value;
117
- return a.consistent ? a.ready ? o && ((u = Object.values(o.data.byColumns.values)[0]) == null ? void 0 : u.length) === 0 ? "empty" : A.value ? ((v = f.value) == null ? void 0 : v.type) === "unknownError" ? "unknownError" : "knownError" : t.value.loading.initialCharts || e !== "ready" && t.value.loading.chartData || t.value.loading.chartRendering || r.value === null && (t.value.loading.inputGuide || t.value.loading.chartData) ? "loading" : "ready" : k.value === null || t.value.loading.defaults || t.value.loading.initialInputGuide ? "loading" : "notReady" : "inconsistent";
112
+ return a.consistent ? a.ready ? o && ((i = Object.values(o.data.byColumns.values)[0]) == null ? void 0 : i.length) === 0 ? "empty" : A.value ? ((v = f.value) == null ? void 0 : v.type) === "unknownError" ? "unknownError" : "knownError" : t.value.loading.initialCharts || e !== "ready" && t.value.loading.chartData || t.value.loading.chartRendering || r.value === null && (t.value.loading.inputGuide || t.value.loading.chartData) ? "loading" : "ready" : k.value === null || t.value.loading.defaults || t.value.loading.initialInputGuide ? "loading" : "notReady" : "inconsistent";
118
113
  });
119
114
  function X(e) {
120
115
  var a;
@@ -134,10 +129,10 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
134
129
  R.value = { axesSpec: [], selectedKeys: [] };
135
130
  return;
136
131
  }
137
- const u = Object.keys(o), v = t.value.inputGuide.value;
132
+ const i = Object.keys(o), v = t.value.inputGuide.value;
138
133
  R.value = {
139
- axesSpec: u.map((L) => v.getSourceInfo(L).spec),
140
- selectedKeys: e.map((L) => u.map((ie) => o[ie][L]))
134
+ axesSpec: i.map((L) => v.getSourceInfo(L).spec),
135
+ selectedKeys: e.map((L) => i.map((ue) => o[ue][L]))
141
136
  };
142
137
  }
143
138
  function V(e) {
@@ -172,15 +167,15 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
172
167
  bubble: [h]
173
168
  };
174
169
  function Z(e) {
175
- var a, o, u, v, T;
170
+ var a, o, i, v, T;
176
171
  if (e && ((a = Object.values(e.data.values)[0]) == null ? void 0 : a.length) > 0) {
177
172
  if (r.value)
178
- r.value.updateSettingsAndData({ ...i(e.data), id: e.data.id + (n.pFrame.ok ? n.pFrame.value : "") }, i(e.settings));
173
+ r.value.updateSettingsAndData({ ...u(e.data), id: e.data.id + (n.pFrame.ok ? n.pFrame.value : "") }, u(e.settings));
179
174
  else {
180
175
  const C = document.getElementById("chartSvgContainer");
181
- C && (r.value = ge.newPlot(i(e.data), i(e.settings), ee[e.settings.type]), e.settings.type === "scatterplot-umap" && r.value.updateChartState("polygon", l.value.selectedPolygons ?? []), r.value.mount(C));
176
+ C && (r.value = ge.newPlot(u(e.data), u(e.settings), ee[e.settings.type]), e.settings.type === "scatterplot-umap" && r.value.updateChartState("polygon", l.value.selectedPolygons ?? []), r.value.mount(C));
182
177
  }
183
- M.value = (o = r.value) != null && o.calculatedData ? { ...r.value.calculatedData } : null, A.value = ((u = r.value) == null ? void 0 : u.hasError) ?? !1, f.value = ((v = r.value) == null ? void 0 : v.errorInfo) ?? null;
178
+ M.value = (o = r.value) != null && o.calculatedData ? { ...r.value.calculatedData } : null, A.value = ((i = r.value) == null ? void 0 : i.hasError) ?? !1, f.value = ((v = r.value) == null ? void 0 : v.errorInfo) ?? null;
184
179
  } else
185
180
  (T = r.value) == null || T.unmount(), r.value = null, f.value = null;
186
181
  }
@@ -193,12 +188,12 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
193
188
  () => t.value.chartData.value
194
189
  ], ([e]) => {
195
190
  I.value = K(
196
- i(e),
197
- i(t.value.inputGuide.value),
198
- i(t.value.uniqueValuesData.value),
199
- i(t.value.filterLabelsInfo.value),
200
- i(t.value.reactive),
201
- i(t.value.defaultPalette)
191
+ u(e),
192
+ u(t.value.inputGuide.value),
193
+ u(t.value.uniqueValuesData.value),
194
+ u(t.value.filterLabelsInfo.value),
195
+ u(t.value.reactive),
196
+ u(t.value.defaultPalette)
202
197
  );
203
198
  }), c([
204
199
  () => t.value.reactive.template,
@@ -209,12 +204,12 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
209
204
  () => t.value.reactive.chartScale
210
205
  ], () => {
211
206
  I.value = K(
212
- i(t.value.chartData.value),
213
- i(t.value.inputGuide.value),
214
- i(t.value.uniqueValuesData.value),
215
- i(t.value.filterLabelsInfo.value),
216
- i(t.value.reactive),
217
- i(t.value.defaultPalette)
207
+ u(t.value.chartData.value),
208
+ u(t.value.inputGuide.value),
209
+ u(t.value.uniqueValuesData.value),
210
+ u(t.value.filterLabelsInfo.value),
211
+ u(t.value.reactive),
212
+ u(t.value.defaultPalette)
218
213
  );
219
214
  }, { deep: !0 }), c(() => I.value, (e) => {
220
215
  Z(e);
@@ -274,7 +269,7 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
274
269
  });
275
270
  function te() {
276
271
  var e;
277
- xe(
272
+ Fe(
278
273
  new Blob([
279
274
  ((e = r.value) == null ? void 0 : e.export()) ?? ""
280
275
  ]),
@@ -308,14 +303,14 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
308
303
  isScatterplotZoomChanged: j.value,
309
304
  onGraphTitleUpdate: ae,
310
305
  onDendroNodeSelect: le,
311
- onDendroTooltipBtnClick: a[0] || (a[0] = (u) => e.$emit("tooltip-btn-click", u))
306
+ onDendroTooltipBtnClick: a[0] || (a[0] = (i) => e.$emit("tooltip-btn-click", i))
312
307
  }, {
313
308
  default: O(() => [
314
309
  P(e.$slots, "titleLineSlot")
315
310
  ]),
316
311
  _: 3
317
312
  }, 8, ["graph-status", "graphTitle", "chartData", "chart-ref", "error-info", "dendroTooltipButton", "custom-status-text", "allow-title-editing", "isScatterplotZoomChanged"]),
318
- B.value || b.value ? (D(), F(Fe, {
313
+ B.value || b.value ? (D(), F(xe, {
319
314
  key: 0,
320
315
  graphStatus: b.value ? "running" : "loading",
321
316
  top: 67,
@@ -328,7 +323,7 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
328
323
  default: O(() => [
329
324
  s(t).reactive.currentTab && !((B.value || b.value) && s(De)(s(t).reactive.currentTab)) ? (D(), F(Se, {
330
325
  key: 0,
331
- onClose: a[1] || (a[1] = (u) => s(t).reactive.currentTab = null)
326
+ onClose: a[1] || (a[1] = (i) => s(t).reactive.currentTab = null)
332
327
  }, {
333
328
  default: O(() => [
334
329
  (D(), F(me(Q.value.value), null, {
@@ -348,7 +343,7 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
348
343
  ]),
349
344
  N(ye, {
350
345
  modelValue: s(t).reactive.currentTab,
351
- "onUpdate:modelValue": a[2] || (a[2] = (u) => s(t).reactive.currentTab = u),
346
+ "onUpdate:modelValue": a[2] || (a[2] = (i) => s(t).reactive.currentTab = i),
352
347
  "chart-type": s(t).reactive.chartType,
353
348
  "graph-status": x.value,
354
349
  allowDeleting: d.allowChartDeleting,
@@ -357,7 +352,7 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
357
352
  hasLogSlot: re.value,
358
353
  initialLoading: B.value || b.value,
359
354
  onExport: te,
360
- onDelete: a[3] || (a[3] = (u) => e.$emit("delete-this-graph"))
355
+ onDelete: a[3] || (a[3] = (i) => e.$emit("delete-this-graph"))
361
356
  }, null, 8, ["modelValue", "chart-type", "graph-status", "allowDeleting", "hasAnnotationsSlot", "hasSettingsSlot", "hasLogSlot", "initialLoading"]),
362
357
  ((o = f.value) == null ? void 0 : o.type) === "unknownError" ? (D(), F(Te, {
363
358
  key: 0,
@@ -368,6 +363,6 @@ const Oe = { class: "graph-maker" }, Pe = { class: "graph-maker__main-pane" }, _
368
363
  }
369
364
  });
370
365
  export {
371
- _e as default
366
+ We as default
372
367
  };
373
368
  //# sourceMappingURL=index.vue.js.map