@milaboratories/graph-maker 1.1.141 → 1.1.143

package/dist/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterplotAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport AesButton, { AesButtonProps } from '../../components/AesButton.vue';\nimport { computed, ref } from 'vue';\nimport Popup from '../../components/Popup.vue';\nimport FixedLineTypeList from '../../components/AesSettings/FixedLineTypeList.vue';\nimport { LineType } from '../../components/AesSettings/types';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport { FIXED_LINE_TYPES } from '../../constantsAesthetic';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst chartType = computed(() => store.value.reactive.chartType)\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close'\n};\n\nconst OPTIONS_TITLE_ALIGN = [\n  {value: 'left', icon: AlignLeft},\n  {value: 'center', icon: AlignCenter},\n  {value: 'right', icon: AlignRight},\n]\n// const OPTIONS_FACET_FRAME = [\n//   {value: 'empty', icon: FrameEmpty},\n//   {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_AXIS_LABEL_MODE = [\n  { value: 'auto', text: 'Auto' },\n  { value: 'custom', text: 'Custom' },\n  { value: 'hidden', text: 'Hide' }\n];\nconst OPTIONS_SCALE = [\n  { value: 'linear', text: 'Linear' },\n  { value: 'log', text: 'Log' }\n];\nconst OPTIONS_CHART_FRAME = [\n  { value: 'empty', icon: FrameEmpty },\n  { value: 'left', icon: FrameLeft },\n  { value: 'bottom', icon: FrameBottom },\n  { value: 'left-bottom', icon: FrameLeftBottom },\n  { value: 'full', icon: FrameFull }\n];\nconst OPTIONS_FACET_SHARED = [\n  { text: 'X', value: 'x' },\n  { text: 'Y', value: 'y' },\n  { text: 'XY', value: 'xy' },\n  { text: 'None', value: 'none' }\n];\n\nconst significantLineStyleX = ref(settings.axisX.significantLinesStyle);\nconst significantLineStyleY = ref(settings.axisY.significantLinesStyle);\nconst linesPopupHeight = computed(() => getPopupHeightForFixedAesList(FIXED_LINE_TYPES.length, 'lineType'));\nconst linesAesButtonXRef = ref();\nconst linesAesButtonYRef = ref();\nconst openLinesPopupX = ref(false);\nconst openLinesPopupY = ref(false);\n</script>\n\n<template>\n  <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n    <h3 class=\"axes-title\">\n      Axes\n    </h3>\n    <div class=\"axes-settings-list\">\n      <!--      Chart title -->\n      <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            v-model=\"settings.title.mode\"\n          />\n        </div>\n        <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n          <pl-text-field\n              label=\"Chart title\"\n              placeholder=\"Chart title\"\n              v-model=\"settings.title.value\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\"/>\n        </div>\n<!--              <div class=\"axes-settings-options-row\">-->\n<!--                <span>Facet frame style</span>-->\n<!--                <btn-icon-group :options=\"OPTIONS_FACET_FRAME\" v-model=\"settings.title.facetTitleFrame\"/>-->\n<!--              </div>-->\n      </collapsable-block>\n      <!--      X axis settings-->\n      <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            v-model=\"settings.axisX.titleMode\"\n          />\n        </div>\n        <div v-if=\"settings.axisX.titleMode === 'custom'\">\n          <pl-text-field\n            label=\"Text\"\n            placeholder=\"Type\"\n            v-model=\"settings.axisX.customTitle\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Scale\"\n            :options=\"OPTIONS_SCALE\"\n            v-model=\"settings.axisX.scale\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <pl-toggle-switch v-model=\"settings.axisX.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <pl-toggle-switch v-model=\"settings.axisX.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <aes-button\n            :data=\"{type: 'lineType', value: significantLineStyleX} as AesButtonProps['data']\"\n            @click=\"openLinesPopupX = !openLinesPopupX\"\n            @ref=\"(el:Element) => (linesAesButtonXRef = el)\"\n          />\n          <popup\n            v-if=\"openLinesPopupX\"\n            :height=\"linesPopupHeight\"\n            :targetRef=\"linesAesButtonXRef\"\n            @popup:close=\"openLinesPopupX = false\"\n          >\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <fixed-line-type-list\n                v-model=\"significantLineStyleX\"\n                @update:modelValue=\"(value:LineType) => settings.axisX.significantLinesStyle = value\"\n              />\n            </div>\n          </popup>\n        </div>\n      </collapsable-block>\n      <!--      Y axis settings-->\n      <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            v-model=\"settings.axisY.titleMode\"\n          />\n        </div>\n        <div v-if=\"settings.axisY.titleMode === 'custom'\">\n          <pl-text-field\n            label=\"Text\"\n            placeholder=\"Type\"\n            v-model=\"settings.axisY.customTitle\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Scale\"\n            :options=\"OPTIONS_SCALE\"\n            v-model=\"settings.axisY.scale\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <pl-toggle-switch v-model=\"settings.axisY.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <pl-toggle-switch v-model=\"settings.axisY.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <aes-button\n            :data=\"{type: 'lineType', value: significantLineStyleY} as AesButtonProps['data']\"\n            @click=\"openLinesPopupY = !openLinesPopupY\"\n            @ref=\"(el:Element) => (linesAesButtonYRef = el)\"\n          />\n          <popup\n            v-if=\"openLinesPopupY\"\n            :height=\"linesPopupHeight\"\n            :targetRef=\"linesAesButtonYRef\"\n            @popup:close=\"openLinesPopupY = false\"\n          >\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <fixed-line-type-list\n                v-model=\"significantLineStyleY\"\n                @update:modelValue=\"(value:LineType) => settings.axisY.significantLinesStyle = value\"\n              />\n            </div>\n          </popup>\n        </div>\n      </collapsable-block>\n      <!--      Facet settings-->\n      <div class=\"other\" v-if=\"chartType === 'scatterplot'\">\n        <div class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <Slider\n            :style=\"{width: '100%'}\"\n            label=\"Facet column count\"\n            :min=\"1\"\n            :max=\"6\"\n            :step=\"1\"\n            :breakpoints=\"true\"\n            mode=\"input\"\n            v-model=\"settings.other.facetColumns\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group\n            label=\"Facet shared by\"\n            :options=\"OPTIONS_FACET_SHARED\"\n            v-model=\"settings.other.facetSharedBy\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["store","useStore","settings","chartType","computed","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","significantLineStyleX","ref","significantLineStyleY","linesPopupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","linesAesButtonXRef","linesAesButtonYRef","openLinesPopupX","openLinesPopupY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,UAAMA,IAAQC,EAAA,GACRC,IAAWF,EAAM,MAAM,SAAS,cAChCG,IAAYC,EAAS,MAAMJ,EAAM,MAAM,SAAS,SAAS,GACzDK,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,IAAA,GAGVC,IAAsB;AAAA,MAC1B,EAAC,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACtB,EAAC,OAAO,UAAU,MAAMC,EAAA;AAAA,MACxB,EAAC,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAU,GAM7BC,IAA0B;AAAA,MAC9B,EAAE,OAAO,QAAQ,MAAM,OAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAM,SAAA;AAAA,MACzB,EAAE,OAAO,UAAU,MAAM,OAAA;AAAA,IAAO,GAE5BC,IAAgB;AAAA,MACpB,EAAE,OAAO,UAAU,MAAM,SAAA;AAAA,MACzB,EAAE,OAAO,OAAO,MAAM,MAAA;AAAA,IAAM,GAExBC,IAAsB;AAAA,MAC1B,EAAE,OAAO,SAAS,MAAMC,EAAA;AAAA,MACxB,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAMC,EAAA;AAAA,MACzB,EAAE,OAAO,eAAe,MAAMC,EAAA;AAAA,MAC9B,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,IAAU,GAE7BC,IAAuB;AAAA,MAC3B,EAAE,MAAM,KAAK,OAAO,IAAA;AAAA,MACpB,EAAE,MAAM,KAAK,OAAO,IAAA;AAAA,MACpB,EAAE,MAAM,MAAM,OAAO,KAAA;AAAA,MACrB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,IAAO,GAG1BC,IAAwBC,EAAIlB,EAAS,MAAM,qBAAqB,GAChEmB,IAAwBD,EAAIlB,EAAS,MAAM,qBAAqB,GAChEoB,IAAmBlB,EAAS,MAAMmB,EAA8BC,EAAiB,QAAQ,UAAU,CAAC,GACpGC,IAAqBL,EAAA,GACrBM,IAAqBN,EAAA,GACrBO,IAAkBP,EAAI,EAAK,GAC3BQ,IAAkBR,EAAI,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ScatterplotAxesSettingsForm.vue.js","sources":["../../../../src/GraphMaker/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Right from '../../icons/Right.vue';\nimport Down from '../../icons/Down.vue';\nimport { PlTextField, PlBtnGroup } from '@platforma-sdk/ui-vue';\nimport BtnIconGroup from '../../components/BtnIconGroup.vue';\nimport AlignLeft from '../../icons/AlignLeft.vue';\nimport AlignCenter from '../../icons/AlignCenter.vue';\nimport AlignRight from '../../icons/AlignRight.vue';\nimport FrameFull from '../../icons/FrameFull.vue';\nimport FrameEmpty from '../../icons/FrameEmpty.vue';\nimport FrameLeft from '../../icons/FrameLeft.vue';\nimport FrameBottom from '../../icons/FrameBottom.vue';\nimport FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport AesButton, { AesButtonProps } from '../../components/AesButton.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport { computed, ref } from 'vue';\nimport Popup from '../../components/Popup.vue';\nimport FixedLineTypeList from '../../components/AesSettings/FixedLineTypeList.vue';\nimport { LineType } from '../../components/AesSettings/types';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport { FIXED_LINE_TYPES } from '../../constantsAesthetic';\nimport ReorderForm from '../../components/ReorderForm.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport { LabelsRotation } from '../../types';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst chartType = computed(() => store.value.reactive.chartType)\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close'\n};\n\nconst OPTIONS_TITLE_ALIGN = [\n  { value: 'left', icon: AlignLeft },\n  { value: 'center', icon: AlignCenter },\n  { value: 'right', icon: AlignRight },\n]\n// const OPTIONS_FACET_FRAME = [\n//   {value: 'empty', icon: FrameEmpty},\n//   {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_AXIS_LABEL_MODE = [\n  { value: 'auto', text: 'Auto' },\n  { value: 'custom', text: 'Custom' },\n  { value: 'hidden', text: 'Hide' }\n];\nconst OPTIONS_SCALE = [\n  { value: 'linear', text: 'Linear' },\n  { value: 'log', text: 'Log' }\n];\nconst OPTIONS_CHART_FRAME = [\n  { value: 'empty', icon: FrameEmpty },\n  { value: 'left', icon: FrameLeft },\n  { value: 'bottom', icon: FrameBottom },\n  { value: 'left-bottom', icon: FrameLeftBottom },\n  { value: 'full', icon: FrameFull }\n];\nconst OPTIONS_FACET_SHARED = [\n  { text: 'X', value: 'x' },\n  { text: 'Y', value: 'y' },\n  { text: 'XY', value: 'xy' },\n  { text: 'None', value: 'none' }\n];\nconst OPTIONS_LABELS_ROTATION = [\n  { value: 'center', icon: Rotation0 },\n  { value: '45deg', icon: Rotation45 },\n  { value: '90deg', icon: Rotation90 }\n];\nconst significantLineStyleX = ref(settings.axisX.significantLinesStyle);\nconst significantLineStyleY = ref(settings.axisY.significantLinesStyle);\nconst linesPopupHeight = computed(() => getPopupHeightForFixedAesList(FIXED_LINE_TYPES.length, 'lineType'));\nconst linesAesButtonXRef = ref();\nconst linesAesButtonYRef = ref();\nconst openLinesPopupX = ref(false);\nconst openLinesPopupY = ref(false);\n\nconst xSource = computed(() => {\n  const x = store.value.reactive.optionsState.components.x.selectorStates;\n  return x.length ? x[0].selectedSource : null;\n});\nconst ySource = computed(() => {\n  const y = store.value.reactive.optionsState.components.y.selectorStates;\n  return y.length ? y[0].selectedSource : null;\n});\n\nconst discreteX = computed(() => {\n  if (!xSource.value) {\n    return false;\n  }\n  const info = store.value.inputGuide.value.getSourceInfo(xSource.value);\n  return info.type === 'String';\n});\nconst discreteY = computed(() => {\n  if (!ySource.value) {\n    return false;\n  }\n  const info = store.value.inputGuide.value.getSourceInfo(ySource.value);\n  return info.type === 'String';\n});\nconst reorderX = ref(false);\nconst reorderY = ref(false);\nconst axisOrderX = computed({\n  get: () => {\n    if (!discreteX.value || !xSource.value) {\n      return null;\n    }\n    const savedOrder = store.value.reactive.axesSettings.axisX.order;\n    return savedOrder?.source === xSource.value ? savedOrder.options : store.value.uniqueValuesData.value[xSource.value]?.options;\n  },\n  set: (v) => {\n    if (xSource.value && v) {\n      store.value.reactive.axesSettings.axisX.order = {\n        source: xSource.value,\n        options: v\n      }\n    }\n  }\n});\nconst axisOrderY = computed({\n  get: () => {\n    if (!discreteY.value || !ySource.value) {\n      return null;\n    }\n    const savedOrder = store.value.reactive.axesSettings.axisY.order;\n    return savedOrder?.source === ySource.value ? savedOrder.options : store.value.uniqueValuesData.value[ySource.value]?.options;\n  },\n  set: (v) => {\n    if (ySource.value && v) {\n      store.value.reactive.axesSettings.axisY.order = {\n        source: ySource.value,\n        options: v\n      }\n    }\n  }\n});\nconst xLabelsRotation = computed({\n  get(){\n    return settings.axisX.labelsRotation ?? 'center';\n  },\n  set(value:LabelsRotation) {\n    settings.axisX.labelsRotation = value;\n  }\n});\nconst yLabelsRotation = computed({\n  get(){\n    return settings.axisY.labelsRotation ?? 'center';\n  },\n  set(value:LabelsRotation) {\n    settings.axisY.labelsRotation = value;\n  }\n});\n</script>\n\n<template>\n  <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n    <h3 class=\"axes-title\">\n      Axes\n    </h3>\n    <div class=\"axes-settings-list\">\n      <!--      Chart title -->\n      <collapsable-block title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.title.mode\" />\n        </div>\n        <div class=\"axes-settings-input\" v-if=\"settings.title.mode === 'custom'\">\n          <pl-text-field label=\"Chart title\" placeholder=\"Chart title\" v-model=\"settings.title.value\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <btn-icon-group :options=\"OPTIONS_TITLE_ALIGN\" v-model=\"settings.title.position\" />\n        </div>\n        <!--              <div class=\"axes-settings-options-row\">-->\n        <!--                <span>Facet frame style</span>-->\n        <!--                <btn-icon-group :options=\"OPTIONS_FACET_FRAME\" v-model=\"settings.title.facetTitleFrame\"/>-->\n        <!--              </div>-->\n      </collapsable-block>\n      <!--      X axis settings-->\n      <collapsable-block title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.axisX.titleMode\" />\n        </div>\n        <div v-if=\"settings.axisX.titleMode === 'custom'\">\n          <pl-text-field label=\"Text\" placeholder=\"Type\" v-model=\"settings.axisX.customTitle\" />\n        </div>\n        <div class=\"axes-settings-options-row block\" v-if=\"!discreteX\">\n          <pl-btn-group label=\"Scale\" :options=\"OPTIONS_SCALE\" v-model=\"settings.axisX.scale\" />\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"discreteX && axisOrderX\">\n          <span>X axis order: </span>\n          <aes-button :data=\"{ type: 'data', value: null }\" @click=\"reorderX = true\" />\n          <template v-if=\"reorderX\">\n            <form-wrapper title=\"Reorder X axis values\" back-title=\"Axes Settings\" @form:close=\"reorderX = false\">\n              <reorder-form v-model=\"axisOrderX\" />\n            </form-wrapper>\n          </template>\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"discreteX\">\n          <span>Labels rotation</span>\n          <btn-icon-group :options=\"OPTIONS_LABELS_ROTATION\" v-model=\"xLabelsRotation\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <pl-toggle-switch v-model=\"settings.axisX.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <pl-toggle-switch v-model=\"settings.axisX.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <aes-button :data=\"{ type: 'lineType', value: significantLineStyleX } as AesButtonProps['data']\"\n            @click=\"openLinesPopupX = !openLinesPopupX\" @ref=\"(el: Element) => (linesAesButtonXRef = el)\" />\n          <popup v-if=\"openLinesPopupX\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonXRef\"\n            @popup:close=\"openLinesPopupX = false\">\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <fixed-line-type-list v-model=\"significantLineStyleX\"\n                @update:modelValue=\"(value: LineType) => settings.axisX.significantLinesStyle = value\" />\n            </div>\n          </popup>\n        </div>\n      </collapsable-block>\n      <!--      Y axis settings-->\n      <collapsable-block title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" v-model=\"settings.axisY.titleMode\" />\n        </div>\n        <div v-if=\"settings.axisY.titleMode === 'custom'\">\n          <pl-text-field label=\"Text\" placeholder=\"Type\" v-model=\"settings.axisY.customTitle\" />\n        </div>\n        <div class=\"axes-settings-options-row block\" v-if=\"!discreteY\">\n          <pl-btn-group label=\"Scale\" :options=\"OPTIONS_SCALE\" v-model=\"settings.axisY.scale\" />\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"discreteY && axisOrderY\">\n          <span>Y axis order: </span>\n          <aes-button :data=\"{ type: 'data', value: null }\" @click=\"reorderY = true\" />\n          <template v-if=\"reorderY\">\n            <form-wrapper title=\"Reorder Y axis values\" back-title=\"Axes Settings\" @form:close=\"reorderY = false\">\n              <reorder-form v-model=\"axisOrderY\" />\n            </form-wrapper>\n          </template>\n        </div>\n        <div class=\"axes-settings-options-row\" v-if=\"discreteY\">\n          <span>Labels rotation</span>\n          <btn-icon-group :options=\"OPTIONS_LABELS_ROTATION\" v-model=\"yLabelsRotation\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <pl-toggle-switch v-model=\"settings.axisY.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <pl-toggle-switch v-model=\"settings.axisY.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <aes-button :data=\"{ type: 'lineType', value: significantLineStyleY } as AesButtonProps['data']\"\n            @click=\"openLinesPopupY = !openLinesPopupY\" @ref=\"(el: Element) => (linesAesButtonYRef = el)\" />\n          <popup v-if=\"openLinesPopupY\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonYRef\"\n            @popup:close=\"openLinesPopupY = false\">\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <fixed-line-type-list v-model=\"significantLineStyleY\"\n                @update:modelValue=\"(value: LineType) => settings.axisY.significantLinesStyle = value\" />\n            </div>\n          </popup>\n        </div>\n      </collapsable-block>\n      <!--      Facet settings-->\n      <div class=\"other\" v-if=\"chartType === 'scatterplot'\">\n        <div class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <btn-icon-group :options=\"OPTIONS_CHART_FRAME\" v-model=\"settings.other.frame\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <Slider :style=\"{ width: '100%' }\" label=\"Facet column count\" :min=\"1\" :max=\"6\" :step=\"1\" :breakpoints=\"true\"\n            mode=\"input\" v-model=\"settings.other.facetColumns\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <pl-btn-group label=\"Facet shared by\" :options=\"OPTIONS_FACET_SHARED\"\n            v-model=\"settings.other.facetSharedBy\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["store","useStore","settings","chartType","computed","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_LABELS_ROTATION","Rotation0","Rotation45","Rotation90","significantLineStyleX","ref","significantLineStyleY","linesPopupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","linesAesButtonXRef","linesAesButtonYRef","openLinesPopupX","openLinesPopupY","xSource","x","ySource","y","discreteX","discreteY","reorderX","reorderY","axisOrderX","savedOrder","_a","v","axisOrderY","xLabelsRotation","value","yLabelsRotation"],"mappings":"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"}

package/dist/GraphMaker/forms/LayersForm/Layer/discrete/StackedArea.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=StackedArea.vue.d.ts.map

package/dist/GraphMaker/forms/LayersForm/Layer/discrete/StackedArea.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedArea.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/discrete/StackedArea.vue"],"names":[],"mappings":";AAoUA,wBAKG"}

package/dist/GraphMaker/forms/LayersForm/Layer/discrete/StackedArea.vue.js

@@ -0,0 +1,90 @@
+import { defineComponent as C, computed as o, createElementBlock as g, openBlock as A, Fragment as U, createVNode as r, createElementVNode as i, unref as n } from "vue";
+import { useStore as x } from "../../../../store.js";
+import { useDefaultAes as c } from "./utils.js";
+import { DEFAULT_WHITE as B, DEFAULT_BLACK as E } from "../../../../constantsAesthetic.js";
+import y from "../../AesSelector.vue.js";
+import { Slider as b, PlCheckbox as k } from "@platforma-sdk/ui-vue";
+const F = { class: "checkbox-item" }, L = { class: "checkbox-item" }, m = "stackedArea", I = /* @__PURE__ */ C({
+  __name: "StackedArea",
+  setup(O) {
+    const s = x(), t = o(() => s.value.reactive.layersSettings[m]), p = o(
+      () => s.value.reactive.optionsState
+    ), S = o(
+      () => c(t.value.fillColor, p.value, B)
+    ), V = o(
+      () => c(t.value.lineColor, p.value, E)
+    );
+    function d(a, e, l) {
+      e.type === "dataCategorical" ? s.value.reactive.layersSettings[m][l] = {
+        type: e.inputName
+      } : s.value.reactive.layersSettings[m][l] = a, e.type === "dataCategorical" && typeof a != "string" && (s.value.reactive.dataBindAes[e.selectedSource] = a);
+    }
+    const v = o({
+      get: () => t.value.barsOpacity * 100,
+      set: (a) => {
+        t.value.barsOpacity = a / 100;
+      }
+    }), f = o({
+      get: () => t.value.areaOpacity * 100,
+      set: (a) => {
+        t.value.areaOpacity = a / 100;
+      }
+    });
+    return (a, e) => (A(), g(U, null, [
+      r(y, {
+        label: "Fill color",
+        "form-title": "Fill Color Settings",
+        "form-back-title": "Layers",
+        type: "fill",
+        selected: S.value,
+        onAesUpdate: e[0] || (e[0] = (l, u) => d(l, u, "fillColor"))
+      }, null, 8, ["selected"]),
+      r(y, {
+        label: "Stroke color",
+        "form-title": "Stroke Color Settings",
+        "form-back-title": "Layers",
+        type: "stroke",
+        selected: V.value,
+        onAesUpdate: e[1] || (e[1] = (l, u) => d(l, u, "lineColor"))
+      }, null, 8, ["selected"]),
+      r(n(b), {
+        label: "Opacity of bars",
+        min: 0,
+        max: 100,
+        step: 1,
+        breakpoints: !1,
+        measure: "%",
+        modelValue: v.value,
+        "onUpdate:modelValue": e[2] || (e[2] = (l) => v.value = l)
+      }, null, 8, ["modelValue"]),
+      r(n(b), {
+        label: "Opacity of areas",
+        min: 0,
+        max: 100,
+        step: 1,
+        breakpoints: !1,
+        measure: "%",
+        modelValue: f.value,
+        "onUpdate:modelValue": e[3] || (e[3] = (l) => f.value = l)
+      }, null, 8, ["modelValue"]),
+      i("div", F, [
+        r(n(k), {
+          modelValue: t.value.normalize,
+          "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.normalize = l)
+        }, null, 8, ["modelValue"]),
+        e[6] || (e[6] = i("span", null, "Normalize", -1))
+      ]),
+      i("div", L, [
+        r(n(k), {
+          modelValue: t.value.showBars,
+          "onUpdate:modelValue": e[5] || (e[5] = (l) => t.value.showBars = l)
+        }, null, 8, ["modelValue"]),
+        e[7] || (e[7] = i("span", null, "Show bars", -1))
+      ])
+    ], 64));
+  }
+});
+export {
+  I as default
+};
+//# sourceMappingURL=StackedArea.vue.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/discrete/StackedArea.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedArea.vue.js","sources":["../../../../../../src/GraphMaker/forms/LayersForm/Layer/discrete/StackedArea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../../../store';\nimport { computed } from \"vue\";\nimport type { AesOption } from '../../../../components/AesSettings/types';\nimport type { AestheticMappingCategorical } from '../../../../dataBindAes';\nimport { useDefaultAes } from './utils';\nimport { DiscreteUIState } from \"@milaboratories/pf-plots\";\nimport {\n  DEFAULT_BLACK,\n  DEFAULT_WHITE,\n} from '../../../../constantsAesthetic';\nimport AesSelector from '../../AesSelector.vue';\nimport { PlCheckbox, Slider } from '@platforma-sdk/ui-vue';\n\nconst store = useStore();\nconst layer = \"stackedArea\";\nconst settings = computed(() => store.value.reactive.layersSettings[layer]);\nconst optionsState = computed(\n  () => store.value.reactive.optionsState as DiscreteUIState,\n);\n\nconst fillColor = computed(() =>\n  useDefaultAes(settings.value.fillColor, optionsState.value, DEFAULT_WHITE),\n);\nconst lineColor = computed(() =>\n  useDefaultAes(settings.value.lineColor, optionsState.value, DEFAULT_BLACK),\n);\n\nfunction onUpdate(\n  value: string | AestheticMappingCategorical,\n  colorOption: AesOption,\n  field: \"fillColor\" | \"lineColor\",\n) {\n  if (colorOption.type === \"dataCategorical\") {\n    store.value.reactive.layersSettings[layer][field] = {\n      type: colorOption.inputName,\n    };\n  } else {\n    store.value.reactive.layersSettings[layer][field] = value;\n  }\n  if (colorOption.type === \"dataCategorical\" && typeof value !== \"string\") {\n    store.value.reactive.dataBindAes[colorOption.selectedSource] = value;\n  }\n}\n\nconst barOpacity = computed({\n  get: () => settings.value.barsOpacity * 100,\n  set: (newValue: number) => {\n    settings.value.barsOpacity = newValue / 100;\n  }\n});\nconst areaOpacity = computed({\n  get: () => settings.value.areaOpacity * 100,\n  set: (newValue: number) => {\n    settings.value.areaOpacity = newValue / 100;\n  }\n});\n</script>\n\n<template>\n  <aes-selector\n    label=\"Fill color\"\n    form-title=\"Fill Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"fill\"\n    :selected=\"fillColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'fillColor')\"\n  />\n  <aes-selector\n    label=\"Stroke color\"\n    form-title=\"Stroke Color Settings\"\n    form-back-title=\"Layers\"\n    type=\"stroke\"\n    :selected=\"lineColor\"\n    @aes-update=\"(v, c) => onUpdate(v, c, 'lineColor')\"\n  />\n  <Slider\n      label=\"Opacity of bars\"\n      :min=\"0\"\n      :max=\"100\"\n      :step=\"1\"\n      :breakpoints=\"false\"\n      measure=\"%\"\n      v-model=\"barOpacity\"\n  />\n  <Slider\n      label=\"Opacity of areas\"\n      :min=\"0\"\n      :max=\"100\"\n      :step=\"1\"\n      :breakpoints=\"false\"\n      measure=\"%\"\n      v-model=\"areaOpacity\"\n  />\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.normalize\" />\n    <span>Normalize</span>\n  </div>\n  <div class=\"checkbox-item\">\n    <pl-checkbox v-model=\"settings.showBars\" />\n    <span>Show bars</span>\n  </div>\n</template>\n"],"names":["layer","store","useStore","settings","computed","optionsState","fillColor","useDefaultAes","DEFAULT_WHITE","lineColor","DEFAULT_BLACK","onUpdate","value","colorOption","field","barOpacity","newValue","areaOpacity"],"mappings":";;;;;;sEAeMA,IAAQ;;;AADd,UAAMC,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAMH,EAAM,MAAM,SAAS,eAAeD,CAAK,CAAC,GACpEK,IAAeD;AAAA,MACnB,MAAMH,EAAM,MAAM,SAAS;AAAA,IAAA,GAGvBK,IAAYF;AAAA,MAAS,MACzBG,EAAcJ,EAAS,MAAM,WAAWE,EAAa,OAAOG,CAAa;AAAA,IAAA,GAErEC,IAAYL;AAAA,MAAS,MACzBG,EAAcJ,EAAS,MAAM,WAAWE,EAAa,OAAOK,CAAa;AAAA,IAAA;AAG3E,aAASC,EACPC,GACAC,GACAC,GACA;AACA,MAAID,EAAY,SAAS,oBACvBZ,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEc,CAAK,IAAI;AAAA,QAClD,MAAMD,EAAY;AAAA,MAAA,IAGpBZ,EAAM,MAAM,SAAS,eAAeD,CAAK,EAAEc,CAAK,IAAIF,GAElDC,EAAY,SAAS,qBAAqB,OAAOD,KAAU,aAC7DX,EAAM,MAAM,SAAS,YAAYY,EAAY,cAAc,IAAID;AAAA,IAEnE;AAEA,UAAMG,IAAaX,EAAS;AAAA,MAC1B,KAAK,MAAMD,EAAS,MAAM,cAAc;AAAA,MACxC,KAAK,CAACa,MAAqB;AACzB,QAAAb,EAAS,MAAM,cAAca,IAAW;AAAA,MAC1C;AAAA,IAAA,CACD,GACKC,IAAcb,EAAS;AAAA,MAC3B,KAAK,MAAMD,EAAS,MAAM,cAAc;AAAA,MACxC,KAAK,CAACa,MAAqB;AACzB,QAAAb,EAAS,MAAM,cAAca,IAAW;AAAA,MAC1C;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/forms/LayersForm/Layer/discrete/StackedArea.vue2.js

@@ -0,0 +1,5 @@
+import f from "./StackedArea.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=StackedArea.vue2.js.map

package/dist/GraphMaker/forms/LayersForm/Layer/discrete/StackedArea.vue2.js.map

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

package/dist/GraphMaker/forms/LayersForm/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/LayersForm/index.vue"],"names":[],"mappings":";AAucA,wBAMG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/LayersForm/index.vue"],"names":[],"mappings":";AA2cA,wBAMG"}

package/dist/GraphMaker/forms/LayersForm/index.vue.js

@@ -1,63 +1,65 @@
 import { defineComponent as L, createElementBlock as _, openBlock as e, createElementVNode as u, createCommentVNode as a, createBlock as o, unref as t, Fragment as l, renderList as p, withCtx as n, resolveDynamicComponent as f, createVNode as d } from "vue";
 import { useStore as b } from "../../store.js";
-import { DISCRETE_TEMPLATES_MAP as A, LAYER_TITLES as c, LAYER_ICONS as s, SCATTERPLOT_TEMPLATES_MAP as T, SCATTERPLOT_UMAP_TEMPLATES_MAP as M, HEATMAP_TEMPLATES_MAP as P } from "../../constantsCommon.js";
+import { DISCRETE_TEMPLATES_MAP as E, LAYER_TITLES as c, LAYER_ICONS as s, SCATTERPLOT_TEMPLATES_MAP as T, SCATTERPLOT_UMAP_TEMPLATES_MAP as M, HEATMAP_TEMPLATES_MAP as P } from "../../constantsCommon.js";
 import m from "../../components/CollapsableBlock.vue.js";
 import R from "./Layer/discrete/Boxplot.vue.js";
-import y from "./Layer/discrete/BinnedDots.vue.js";
-import k from "./Layer/discrete/JitteredDots.vue.js";
+import k from "./Layer/discrete/BinnedDots.vue.js";
+import y from "./Layer/discrete/JitteredDots.vue.js";
 import C from "./Layer/discrete/Violin.vue.js";
 import O from "./Layer/discrete/Bar.vue.js";
 import Y from "./Layer/discrete/StackedBar.vue.js";
-import x from "./Layer/discrete/Line.vue.js";
-import D from "./Layer/discrete/Errorbar.vue.js";
-import F from "./Layer/discrete/Sina.vue.js";
-import I from "./Layer/discrete/Logo.vue.js";
-import B from "./Layer/heatmap/Heatmap.vue.js";
-import N from "./Layer/Dendro.vue.js";
-import H from "./Layer/scatterplot/Scatter.vue.js";
-import V from "./Layer/scatterplot-umap/Scatter.vue.js";
+import x from "./Layer/discrete/StackedArea.vue.js";
+import D from "./Layer/discrete/Line.vue.js";
+import F from "./Layer/discrete/Errorbar.vue.js";
+import I from "./Layer/discrete/Sina.vue.js";
+import B from "./Layer/discrete/Logo.vue.js";
+import N from "./Layer/heatmap/Heatmap.vue.js";
+import H from "./Layer/Dendro.vue.js";
+import V from "./Layer/scatterplot/Scatter.vue.js";
+import j from "./Layer/scatterplot-umap/Scatter.vue.js";
 import S from "./Layer/scatterplot/Curve.vue.js";
-import j from "./Layer/heatmap/HeatmapClustered.vue.js";
-import U from "./Layer/heatmap/HeatmapAnnotations.vue.js";
-import w from "../../icons/HeatmapAnnotation.vue.js";
-import q from "./Layer/histogram/Bins.vue.js";
-import z from "./Layer/Bubble.vue.js";
-const G = {
+import U from "./Layer/heatmap/HeatmapClustered.vue.js";
+import w from "./Layer/heatmap/HeatmapAnnotations.vue.js";
+import q from "../../icons/HeatmapAnnotation.vue.js";
+import z from "./Layer/histogram/Bins.vue.js";
+import G from "./Layer/Bubble.vue.js";
+const J = {
   class: "layers-form",
   id: "layers-form"
-}, J = { class: "layers-list" }, ht = /* @__PURE__ */ L({
+}, K = { class: "layers-list" }, gt = /* @__PURE__ */ L({
   __name: "index",
-  setup(K) {
+  setup(Q) {
     const i = b(), v = {
       box: R,
-      binnedDots: y,
-      jitteredDots: k,
+      binnedDots: k,
+      jitteredDots: y,
       violin: C,
       bar: O,
       stackedBar: Y,
-      line: x,
-      errorbar: D,
-      sina: F,
-      logo: I
-    }, h = {
-      dots: H,
-      curve: S
+      stackedArea: x,
+      line: D,
+      errorbar: F,
+      sina: I,
+      logo: B
     }, $ = {
       dots: V,
       curve: S
+    }, h = {
+      dots: j,
+      curve: S
     }, g = {
-      heatmap: B,
-      heatmapClustered: j
+      heatmap: N,
+      heatmapClustered: U
     };
-    return (Q, E) => (e(), _("div", G, [
-      E[0] || (E[0] = u("div", { class: "layers-title" }, [
+    return (W, A) => (e(), _("div", J, [
+      A[0] || (A[0] = u("div", { class: "layers-title" }, [
         u("h3", null, " Layers ")
       ], -1)),
-      u("div", J, [
-        t(i).reactive.chartType === "discrete" ? (e(!0), _(l, { key: 0 }, p(t(A)[t(i).reactive.template], (r) => (e(), o(m, {
+      u("div", K, [
+        t(i).reactive.chartType === "discrete" ? (e(!0), _(l, { key: 0 }, p(t(E)[t(i).reactive.template], (r) => (e(), o(m, {
           icon: t(s)[r],
           title: t(c)[r],
-          settings: { defaultState: t(A)[t(i).reactive.template].length > 1 ? "close" : "open" }
+          settings: { defaultState: t(E)[t(i).reactive.template].length > 1 ? "close" : "open" }
         }, {
           default: n(() => [
             (e(), o(f(v[r])))
@@ -70,7 +72,7 @@ const G = {
           settings: { defaultState: t(T)[t(i).reactive.template].length > 1 ? "close" : "open" }
         }, {
           default: n(() => [
-            (e(), o(f(h[r])))
+            (e(), o(f($[r])))
           ]),
           _: 2
         }, 1032, ["icon", "title", "settings"]))), 256)) : a("", !0),
@@ -80,7 +82,7 @@ const G = {
           settings: { defaultState: t(T)[t(i).reactive.template].length > 1 ? "close" : "open" }
         }, {
           default: n(() => [
-            (e(), o(f($[r])))
+            (e(), o(f(h[r])))
           ]),
           _: 2
         }, 1032, ["icon", "title", "settings"]))), 256)) : a("", !0),
@@ -96,12 +98,12 @@ const G = {
         }, 1032, ["icon", "title"]))), 256)) : a("", !0),
         t(i).reactive.chartType === "heatmap" ? (e(), o(m, {
           key: 4,
-          icon: w,
+          icon: q,
           title: "Annotations",
           settings: { defaultState: "open" }
         }, {
           default: n(() => [
-            (e(), o(f(U)))
+            (e(), o(f(w)))
           ]),
           _: 1
         })) : a("", !0),
@@ -112,7 +114,7 @@ const G = {
           settings: { defaultState: "open" }
         }, {
           default: n(() => [
-            d(N)
+            d(H)
           ]),
           _: 1
         }, 8, ["icon", "title"])) : a("", !0),
@@ -123,7 +125,7 @@ const G = {
           settings: { defaultState: "open" }
         }, {
           default: n(() => [
-            d(q)
+            d(z)
           ]),
           _: 1
         }, 8, ["icon", "title"])) : a("", !0),
@@ -134,7 +136,7 @@ const G = {
           settings: { defaultState: "open" }
         }, {
           default: n(() => [
-            d(z)
+            d(G)
           ]),
           _: 1
         }, 8, ["icon", "title"])) : a("", !0)
@@ -143,6 +145,6 @@ const G = {
   }
 });
 export {
-  ht as default
+  gt as default
 };
 //# sourceMappingURL=index.vue.js.map

package/dist/GraphMaker/forms/LayersForm/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/forms/LayersForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport {\n  DISCRETE_TEMPLATES_MAP,\n  HEATMAP_TEMPLATES_MAP,\n  LAYER_ICONS,\n  LAYER_TITLES,\n  SCATTERPLOT_TEMPLATES_MAP, SCATTERPLOT_UMAP_TEMPLATES_MAP\n} from '../../constantsCommon';\nimport type { Component } from 'vue';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Boxplot from './Layer/discrete/Boxplot.vue';\nimport BinnedDots from './Layer/discrete/BinnedDots.vue';\nimport JitteredDots from './Layer/discrete/JitteredDots.vue';\nimport Violin from './Layer/discrete/Violin.vue';\nimport Bar from './Layer/discrete/Bar.vue';\nimport StackedBar from './Layer/discrete/StackedBar.vue';\nimport Line from './Layer/discrete/Line.vue';\nimport Errorbar from './Layer/discrete/Errorbar.vue';\nimport Sina from './Layer/discrete/Sina.vue';\nimport Logo from './Layer/discrete/Logo.vue';\nimport Heatmap from './Layer/heatmap/Heatmap.vue';\nimport Dendro from './Layer/Dendro.vue';\nimport Scatterplot from './Layer/scatterplot/Scatter.vue';\nimport ScatterplotUmap from './Layer/scatterplot-umap/Scatter.vue';\nimport Curve from './Layer/scatterplot/Curve.vue';\nimport {\n  DiscreteLayer,\n  DiscreteLayersTemplate,\n  HeatmapLayer, HeatmapLayerTemplate,\n  ScatterplotLayer,\n  ScatterplotLayersTemplate\n} from '../../types';\nimport HeatmapClustered from './Layer/heatmap/HeatmapClustered.vue';\nimport HeatmapAnnotations from './Layer/heatmap/HeatmapAnnotations.vue';\nimport HeatmapAnnotationIcon from '../../icons/HeatmapAnnotation.vue';\nimport Bins from './Layer/histogram/Bins.vue';\nimport Bubble from './Layer/Bubble.vue';\n\nconst store = useStore();\nconst DISCRETE_LAYERS_FORMS: Record<DiscreteLayer, Component> = {\n  box: Boxplot,\n  binnedDots: BinnedDots,\n  jitteredDots: JitteredDots,\n  violin: Violin,\n  bar: Bar,\n  stackedBar: StackedBar,\n  line: Line,\n  errorbar: Errorbar,\n  sina: Sina,\n  logo: Logo\n};\nconst SCATTERPLOT_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: Scatterplot,\n  curve: Curve\n};\nconst SCATTERPLOT_UMAP_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: ScatterplotUmap,\n  curve: Curve\n};\nconst HEATMAP_LAYER_FORMS: Record<HeatmapLayer, Component> = {\n  heatmap: Heatmap,\n  heatmapClustered: HeatmapClustered\n};\n\n</script>\n\n<template>\n  <div class=\"layers-form\" id=\"layers-form\">\n    <div class=\"layers-title\">\n      <h3>\n        Layers\n      </h3>\n    </div>\n    <div class=\"layers-list\">\n      <template v-if=\"store.reactive.chartType === 'discrete'\"\n                v-for=\"layer of DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"DISCRETE_LAYERS_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'scatterplot'\"\n                v-for=\"layer of SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"SCATTERPLOT_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n      <template v-if=\"store.reactive.chartType === 'scatterplot-umap'\"\n                v-for=\"layer of SCATTERPLOT_UMAP_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"SCATTERPLOT_UMAP_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'heatmap'\"\n                v-for=\"layer of HEATMAP_TEMPLATES_MAP[store.reactive.template as HeatmapLayerTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\" :settings=\"{defaultState: 'open'}\">\n          <component :is=\"HEATMAP_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n      <!-- Not a layer - part of aesthetic mapping for heatmap annotations -->\n      <template v-if=\"store.reactive.chartType === 'heatmap'\">\n        <collapsable-block :icon=\"HeatmapAnnotationIcon\" title=\"Annotations\" :settings=\"{defaultState: 'open'}\">\n          <component :is=\"HeatmapAnnotations\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'dendro'\">\n        <collapsable-block :icon=\"LAYER_ICONS.dendro\" :title=\"LAYER_TITLES.dendro\" :settings=\"{defaultState: 'open'}\">\n          <Dendro />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'histogram'\">\n        <collapsable-block :icon=\"LAYER_ICONS.bins\" :title=\"LAYER_TITLES.bins\" :settings=\"{defaultState: 'open'}\">\n          <Bins />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'bubble'\">\n        <collapsable-block :icon=\"LAYER_ICONS.bubble\" :title=\"LAYER_TITLES.bubble\" :settings=\"{defaultState: 'open'}\">\n          <Bubble />\n        </collapsable-block>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["store","useStore","DISCRETE_LAYERS_FORMS","Boxplot","BinnedDots","JitteredDots","Violin","Bar","StackedBar","Line","Errorbar","Sina","Logo","SCATTERPLOT_LAYER_FORMS","Scatterplot","Curve","SCATTERPLOT_UMAP_LAYER_FORMS","ScatterplotUmap","HEATMAP_LAYER_FORMS","Heatmap","HeatmapClustered"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAMA,IAAQC,EAAA,GACRC,IAA0D;AAAA,MAC9D,KAAKC;AAAAA,MACL,YAAYC;AAAAA,MACZ,cAAcC;AAAAA,MACd,QAAQC;AAAAA,MACR,KAAKC;AAAAA,MACL,YAAYC;AAAAA,MACZ,MAAMC;AAAAA,MACN,UAAUC;AAAAA,MACV,MAAMC;AAAAA,MACN,MAAMC;AAAAA,IAAA,GAEFC,IAA+D;AAAA,MACnE,MAAMC;AAAAA,MACN,OAAOC;AAAAA,IAAA,GAEHC,IAAoE;AAAA,MACxE,MAAMC;AAAAA,MACN,OAAOF;AAAAA,IAAA,GAEHG,IAAuD;AAAA,MAC3D,SAASC;AAAAA,MACT,kBAAkBC;AAAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../src/GraphMaker/forms/LayersForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport {\n  DISCRETE_TEMPLATES_MAP,\n  HEATMAP_TEMPLATES_MAP,\n  LAYER_ICONS,\n  LAYER_TITLES,\n  SCATTERPLOT_TEMPLATES_MAP, SCATTERPLOT_UMAP_TEMPLATES_MAP\n} from '../../constantsCommon';\nimport type { Component } from 'vue';\nimport CollapsableBlock from '../../components/CollapsableBlock.vue';\nimport Boxplot from './Layer/discrete/Boxplot.vue';\nimport BinnedDots from './Layer/discrete/BinnedDots.vue';\nimport JitteredDots from './Layer/discrete/JitteredDots.vue';\nimport Violin from './Layer/discrete/Violin.vue';\nimport Bar from './Layer/discrete/Bar.vue';\nimport StackedBar from './Layer/discrete/StackedBar.vue';\nimport StackedArea from './Layer/discrete/StackedArea.vue';\nimport Line from './Layer/discrete/Line.vue';\nimport Errorbar from './Layer/discrete/Errorbar.vue';\nimport Sina from './Layer/discrete/Sina.vue';\nimport Logo from './Layer/discrete/Logo.vue';\nimport Heatmap from './Layer/heatmap/Heatmap.vue';\nimport Dendro from './Layer/Dendro.vue';\nimport Scatterplot from './Layer/scatterplot/Scatter.vue';\nimport ScatterplotUmap from './Layer/scatterplot-umap/Scatter.vue';\nimport Curve from './Layer/scatterplot/Curve.vue';\nimport {\n  DiscreteLayer,\n  DiscreteLayersTemplate,\n  HeatmapLayer, HeatmapLayerTemplate,\n  ScatterplotLayer,\n  ScatterplotLayersTemplate\n} from '../../types';\nimport HeatmapClustered from './Layer/heatmap/HeatmapClustered.vue';\nimport HeatmapAnnotations from './Layer/heatmap/HeatmapAnnotations.vue';\nimport HeatmapAnnotationIcon from '../../icons/HeatmapAnnotation.vue';\nimport Bins from './Layer/histogram/Bins.vue';\nimport Bubble from './Layer/Bubble.vue';\n\nconst store = useStore();\nconst DISCRETE_LAYERS_FORMS: Record<DiscreteLayer, Component> = {\n  box: Boxplot,\n  binnedDots: BinnedDots,\n  jitteredDots: JitteredDots,\n  violin: Violin,\n  bar: Bar,\n  stackedBar: StackedBar,\n  stackedArea: StackedArea,\n  line: Line,\n  errorbar: Errorbar,\n  sina: Sina,\n  logo: Logo\n};\nconst SCATTERPLOT_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: Scatterplot,\n  curve: Curve\n};\nconst SCATTERPLOT_UMAP_LAYER_FORMS: Record<ScatterplotLayer, Component> = {\n  dots: ScatterplotUmap,\n  curve: Curve\n};\nconst HEATMAP_LAYER_FORMS: Record<HeatmapLayer, Component> = {\n  heatmap: Heatmap,\n  heatmapClustered: HeatmapClustered\n};\n\n</script>\n\n<template>\n  <div class=\"layers-form\" id=\"layers-form\">\n    <div class=\"layers-title\">\n      <h3>\n        Layers\n      </h3>\n    </div>\n    <div class=\"layers-list\">\n      <template v-if=\"store.reactive.chartType === 'discrete'\"\n                v-for=\"layer of DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: DISCRETE_TEMPLATES_MAP[store.reactive.template as DiscreteLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"DISCRETE_LAYERS_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'scatterplot'\"\n                v-for=\"layer of SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"SCATTERPLOT_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n      <template v-if=\"store.reactive.chartType === 'scatterplot-umap'\"\n                v-for=\"layer of SCATTERPLOT_UMAP_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\"\n                           :settings=\"{defaultState: SCATTERPLOT_TEMPLATES_MAP[store.reactive.template as ScatterplotLayersTemplate].length > 1 ? 'close' : 'open'}\">\n          <component :is=\"SCATTERPLOT_UMAP_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'heatmap'\"\n                v-for=\"layer of HEATMAP_TEMPLATES_MAP[store.reactive.template as HeatmapLayerTemplate]\">\n        <collapsable-block :icon=\"LAYER_ICONS[layer]\" :title=\"LAYER_TITLES[layer]\" :settings=\"{defaultState: 'open'}\">\n          <component :is=\"HEATMAP_LAYER_FORMS[layer]\" />\n        </collapsable-block>\n      </template>\n      <!-- Not a layer - part of aesthetic mapping for heatmap annotations -->\n      <template v-if=\"store.reactive.chartType === 'heatmap'\">\n        <collapsable-block :icon=\"HeatmapAnnotationIcon\" title=\"Annotations\" :settings=\"{defaultState: 'open'}\">\n          <component :is=\"HeatmapAnnotations\" />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'dendro'\">\n        <collapsable-block :icon=\"LAYER_ICONS.dendro\" :title=\"LAYER_TITLES.dendro\" :settings=\"{defaultState: 'open'}\">\n          <Dendro />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'histogram'\">\n        <collapsable-block :icon=\"LAYER_ICONS.bins\" :title=\"LAYER_TITLES.bins\" :settings=\"{defaultState: 'open'}\">\n          <Bins />\n        </collapsable-block>\n      </template>\n\n      <template v-if=\"store.reactive.chartType === 'bubble'\">\n        <collapsable-block :icon=\"LAYER_ICONS.bubble\" :title=\"LAYER_TITLES.bubble\" :settings=\"{defaultState: 'open'}\">\n          <Bubble />\n        </collapsable-block>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["store","useStore","DISCRETE_LAYERS_FORMS","Boxplot","BinnedDots","JitteredDots","Violin","Bar","StackedBar","StackedArea","Line","Errorbar","Sina","Logo","SCATTERPLOT_LAYER_FORMS","Scatterplot","Curve","SCATTERPLOT_UMAP_LAYER_FORMS","ScatterplotUmap","HEATMAP_LAYER_FORMS","Heatmap","HeatmapClustered"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,EAAA,GACRC,IAA0D;AAAA,MAC9D,KAAKC;AAAAA,MACL,YAAYC;AAAAA,MACZ,cAAcC;AAAAA,MACd,QAAQC;AAAAA,MACR,KAAKC;AAAAA,MACL,YAAYC;AAAAA,MACZ,aAAaC;AAAAA,MACb,MAAMC;AAAAA,MACN,UAAUC;AAAAA,MACV,MAAMC;AAAAA,MACN,MAAMC;AAAAA,IAAA,GAEFC,IAA+D;AAAA,MACnE,MAAMC;AAAAA,MACN,OAAOC;AAAAA,IAAA,GAEHC,IAAoE;AAAA,MACxE,MAAMC;AAAAA,MACN,OAAOF;AAAAA,IAAA,GAEHG,IAAuD;AAAA,MAC3D,SAASC;AAAAA,MACT,kBAAkBC;AAAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/index.vue"],"names":[],"mappings":"AA8ZA,OAAO,KAAK,EAAqC,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIhG,OAAO,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,SAAS,CAAC;AAgF5D,iBAAS,KAAK,SAcb;AAED,iBAAS,aAAa,SASrB;AAgQD,iBAAS,cAAc;WAsKT,OAAO,IAA6B;;+BAZf,GAAG;8BACH,GAAG;yBACR,GAAG;;;;EAehC;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAhNT,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;IAnV5B;;;;OAIG;;IAEH;;OAEG;;;;;;;;gBA0UO,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;;;;;6FA2N5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/index.vue"],"names":[],"mappings":"AA6ZA,OAAO,KAAK,EAAqC,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIhG,OAAO,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,SAAS,CAAC;AA+E5D,iBAAS,KAAK,SAcb;AAED,iBAAS,aAAa,SASrB;AAgQD,iBAAS,cAAc;WAsKT,OAAO,IAA6B;;+BAZf,GAAG;8BACH,GAAG;yBACR,GAAG;;;;EAehC;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAhNT,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;IAnV5B;;;;OAIG;;IAEH;;OAEG;;;;;;;;gBA0UO,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;;;;;6FA2N5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}