@milaboratories/graph-maker 1.1.194 → 1.1.196

package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox, 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 Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\n// import FrameLeft from '../../icons/FrameLeft.vue';\n// import FrameBottom from '../../icons/FrameBottom.vue';\n// import FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport type { HeatmapUIState } from '@milaboratories/pf-plots';\n\nconst MIN_CELL_SIZE = 4;\nconst MAX_CELL_SIZE = 50;\nconst DEFAULT_CELL_SIZE = 20;\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close',\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_HEATMAP_ROTATION = [\n  { value: 0, icon: Rotation0 },\n  { value: 45, icon: Rotation45 },\n  { value: 90, icon: Rotation90 },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n  { value: 'auto', text: 'Auto' },\n  { value: 'custom', text: 'Custom' },\n  { value: 'hidden', text: 'Hidden' },\n];\nconst OPTIONS_CHART_FRAME = [\n  { value: 'none', icon: FrameEmpty },\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_SORTING = [\n  { text: 'ascending', value: 'asc' },\n  { text: 'descending', value: 'desc' },\n];\nconst CELL_SIZE_OPTIONS = [\n  { text: 'auto', value: 'auto' },\n  { text: 'custom', value: 'custom' },\n];\n\nconst ANNOTATION_TITLE_OPTIONS_X = [\n  { text: 'left', value: 'left' },\n  { text: 'right', value: 'right' },\n  { text: 'hidden', value: 'hidden' },\n];\nconst ANNOTATION_TITLE_OPTIONS_Y = [\n  { text: 'top', value: 'top' },\n  { text: 'bottom', value: 'bottom' },\n  { text: 'hidden', value: 'hidden' },\n];\n\nconst layer = computed(() => store.value.reactive.layersSettings.heatmapClustered);\nconst optionsFacetShared = computed(() => OPTIONS_FACET_SHARED.filter((option) => {\n  if (store.value.reactive.template !== 'heatmapClustered') {\n    return true;\n  }\n  if (layer.value.dendrogramX && layer.value.dendrogramY) {\n    return option.value !== 'x' && option.value !== 'xy' && option.value !== 'y';\n  }\n  if (layer.value.dendrogramX) {\n    return option.value !== 'x' && option.value !== 'xy';\n  }\n  if (layer.value.dendrogramY) {\n    return option.value !== 'y' && option.value !== 'xy';\n  }\n  return true;\n}));\n\nconst options = computed(() => (store.value.reactive.optionsState.components as HeatmapUIState['components']));\n\nconst cellWidthMode = computed(() => settings.axisX.cellSize === null ? 'auto' : 'custom');\nconst cellWidth = computed({\n  get: () => settings.axisX.cellSize,\n  set: (v) => {\n    settings.axisX.cellSize = v;\n  },\n});\nconst cellHeightMode = computed(() => settings.axisY.cellSize === null ? 'auto' : 'custom');\nconst cellHeight = computed({\n  get: () => settings.axisY.cellSize,\n  set: (v) => {\n    settings.axisY.cellSize = v;\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      <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.title.mode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n          />\n        </div>\n        <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n          <PlTextField\n            v-model=\"settings.title.value\"\n            label=\"Chart title\"\n            placeholder=\"Chart title\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n        </div>\n      </CollapsableBlock>\n      <!--      X axis settings-->\n      <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisX.hideAxisLabels\">Hide axis labels</PlCheckbox>\n        </div>\n        <div v-if=\"options.xGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisX.hideAxisGroupLabels\">Hide group labels</PlCheckbox>\n        </div>\n        <div v-if=\"!settings.axisX.hideAxisLabels\" class=\"axes-settings-options-row\">\n          <span>Labels rotation</span>\n          <BtnIconGroup v-model=\"settings.axisX.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n        </div>\n        <div v-if=\"options.xGroupBy.selectorStates.length && !settings.axisX.hideAxisGroupLabels\" class=\"axes-settings-options-row\">\n          <span>Group labels rotation</span>\n          <BtnIconGroup v-model=\"settings.axisX.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.titleMode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n          />\n        </div>\n        <div v-if=\"settings.axisX.titleMode === 'custom'\">\n          <PlTextField\n            v-model=\"settings.axisX.customTitle\"\n            label=\"Text\"\n            placeholder=\"Type\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.sorting\"\n            label=\"Sorting\"\n            :options=\"OPTIONS_SORTING\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"cellWidthMode\"\n            label=\"Cell width mode\"\n            :options=\"CELL_SIZE_OPTIONS\"\n            @update:model-value=\"(v) => {\n              cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n            }\"\n          />\n        </div>\n        <div v-if=\"cellWidthMode === 'custom' && cellWidth !== null\" class=\"axes-settings-options-row\">\n          <Slider v-model=\"cellWidth\" label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.annotationTitlePosition\"\n            label=\"Annotation title position\"\n            :options=\"ANNOTATION_TITLE_OPTIONS_X\"\n          />\n        </div>\n      </CollapsableBlock>\n      <!--      Y axis settings-->\n      <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisY.hideAxisLabels\">Hide axis labels</PlCheckbox>\n        </div>\n        <div v-if=\"options.yGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisY.hideAxisGroupLabels\">Hide group labels</PlCheckbox>\n        </div>\n        <div v-if=\"!settings.axisY.hideAxisLabels\" class=\"axes-settings-options-row\">\n          <span>Labels rotation</span>\n          <BtnIconGroup v-model=\"settings.axisY.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n        </div>\n        <div v-if=\"options.yGroupBy.selectorStates.length && !settings.axisY.hideAxisGroupLabels\" class=\"axes-settings-options-row\">\n          <span>Group labels rotation</span>\n          <BtnIconGroup v-model=\"settings.axisY.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisY.titleMode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n          />\n        </div>\n        <div v-if=\"settings.axisY.titleMode === 'custom'\">\n          <PlTextField\n            v-model=\"settings.axisY.customTitle\"\n            label=\"Text\"\n            placeholder=\"Type\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisY.sorting\"\n            label=\"Sorting\"\n            :options=\"OPTIONS_SORTING\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"cellHeightMode\"\n            label=\"Cell height mode\"\n            :options=\"CELL_SIZE_OPTIONS\"\n            @update:model-value=\"(v) => {\n              cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n            }\"\n          />\n        </div>\n        <div v-if=\"cellHeightMode === 'custom' && cellHeight !== null\" class=\"axes-settings-options-row\">\n          <Slider v-model=\"cellHeight\" label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <PlToggleSwitch v-model=\"settings.axisY.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisY.annotationTitlePosition\"\n            label=\"Annotation title position\"\n            :options=\"ANNOTATION_TITLE_OPTIONS_Y\"\n          />\n        </div>\n      </CollapsableBlock>\n      <!--      Facet settings-->\n      <div class=\"other\">\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.other.canvasRenderMode\">Render as canvas</PlCheckbox>\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <Slider\n            v-model=\"settings.other.facetColumns\"\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          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.other.facetSharedBy\"\n            label=\"Facet shared by\"\n            :options=\"optionsFacetShared\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["MIN_CELL_SIZE","MAX_CELL_SIZE","DEFAULT_CELL_SIZE","store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_SORTING","CELL_SIZE_OPTIONS","ANNOTATION_TITLE_OPTIONS_X","ANNOTATION_TITLE_OPTIONS_Y","layer","computed","optionsFacetShared","option","options","cellWidthMode","cellWidth","v","cellHeightMode","cellHeight","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","PlCheckbox","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","Slider","_hoisted_14","PlToggleSwitch","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31"],"mappings":"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"}
+{"version":3,"file":"HeatmapAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox, 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 Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\n// import FrameLeft from '../../icons/FrameLeft.vue';\n// import FrameBottom from '../../icons/FrameBottom.vue';\n// import FrameLeftBottom from '../../icons/FrameLeftBottom.vue';\nimport { computed } from 'vue';\nimport type { HeatmapUIState } from '@milaboratories/pf-plots';\n\nconst MIN_CELL_SIZE = 4;\nconst MAX_CELL_SIZE = 50;\nconst DEFAULT_CELL_SIZE = 20;\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close',\n  contentPadding: '0 24px',\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_HEATMAP_ROTATION = [\n  { value: 0, icon: Rotation0 },\n  { value: 45, icon: Rotation45 },\n  { value: 90, icon: Rotation90 },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n  { value: 'auto', text: 'Auto' },\n  { value: 'custom', text: 'Custom' },\n  { value: 'hidden', text: 'Hidden' },\n];\nconst OPTIONS_CHART_FRAME = [\n  { value: 'none', icon: FrameEmpty },\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_SORTING = [\n  { text: 'ascending', value: 'asc' },\n  { text: 'descending', value: 'desc' },\n];\nconst CELL_SIZE_OPTIONS = [\n  { text: 'auto', value: 'auto' },\n  { text: 'custom', value: 'custom' },\n];\n\nconst ANNOTATION_TITLE_OPTIONS_X = [\n  { text: 'left', value: 'left' },\n  { text: 'right', value: 'right' },\n  { text: 'hidden', value: 'hidden' },\n];\nconst ANNOTATION_TITLE_OPTIONS_Y = [\n  { text: 'top', value: 'top' },\n  { text: 'bottom', value: 'bottom' },\n  { text: 'hidden', value: 'hidden' },\n];\n\nconst layer = computed(() => store.value.reactive.layersSettings.heatmapClustered);\nconst optionsFacetShared = computed(() => OPTIONS_FACET_SHARED.filter((option) => {\n  if (store.value.reactive.template !== 'heatmapClustered') {\n    return true;\n  }\n  if (layer.value.dendrogramX && layer.value.dendrogramY) {\n    return option.value !== 'x' && option.value !== 'xy' && option.value !== 'y';\n  }\n  if (layer.value.dendrogramX) {\n    return option.value !== 'x' && option.value !== 'xy';\n  }\n  if (layer.value.dendrogramY) {\n    return option.value !== 'y' && option.value !== 'xy';\n  }\n  return true;\n}));\n\nconst options = computed(() => (store.value.reactive.optionsState.components as HeatmapUIState['components']));\n\nconst cellWidthMode = computed(() => settings.axisX.cellSize === null ? 'auto' : 'custom');\nconst cellWidth = computed({\n  get: () => settings.axisX.cellSize,\n  set: (v) => {\n    settings.axisX.cellSize = v;\n  },\n});\nconst cellHeightMode = computed(() => settings.axisY.cellSize === null ? 'auto' : 'custom');\nconst cellHeight = computed({\n  get: () => settings.axisY.cellSize,\n  set: (v) => {\n    settings.axisY.cellSize = v;\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      <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.title.mode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            :compact=\"true\"\n          />\n        </div>\n        <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n          <PlTextField\n            v-model=\"settings.title.value\"\n            label=\"Chart title\"\n            placeholder=\"Chart title\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n        </div>\n      </CollapsableBlock>\n      <!--      X axis settings-->\n      <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisX.hideAxisLabels\">Hide axis labels</PlCheckbox>\n        </div>\n        <div v-if=\"options.xGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisX.hideAxisGroupLabels\">Hide group labels</PlCheckbox>\n        </div>\n        <div v-if=\"!settings.axisX.hideAxisLabels\" class=\"axes-settings-options-row\">\n          <span>Labels rotation</span>\n          <BtnIconGroup v-model=\"settings.axisX.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n        </div>\n        <div v-if=\"options.xGroupBy.selectorStates.length && !settings.axisX.hideAxisGroupLabels\" class=\"axes-settings-options-row\">\n          <span>Group labels rotation</span>\n          <BtnIconGroup v-model=\"settings.axisX.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.titleMode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            :compact=\"true\"\n          />\n        </div>\n        <div v-if=\"settings.axisX.titleMode === 'custom'\">\n          <PlTextField\n            v-model=\"settings.axisX.customTitle\"\n            label=\"Text\"\n            placeholder=\"Type\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.sorting\"\n            label=\"Sorting\"\n            :options=\"OPTIONS_SORTING\"\n            :compact=\"true\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"cellWidthMode\"\n            label=\"Cell width mode\"\n            :options=\"CELL_SIZE_OPTIONS\"\n            :compact=\"true\"\n            @update:model-value=\"(v) => {\n              cellWidth = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n            }\"\n          />\n        </div>\n        <div v-if=\"cellWidthMode === 'custom' && cellWidth !== null\" class=\"axes-settings-options-row\">\n          <Slider v-model=\"cellWidth\" label=\"Cell width\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.annotationTitlePosition\"\n            label=\"Annotation title position\"\n            :options=\"ANNOTATION_TITLE_OPTIONS_X\"\n            :compact=\"true\"\n          />\n        </div>\n      </CollapsableBlock>\n      <!--      Y axis settings-->\n      <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisY.hideAxisLabels\">Hide axis labels</PlCheckbox>\n        </div>\n        <div v-if=\"options.yGroupBy.selectorStates.length\" class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisY.hideAxisGroupLabels\">Hide group labels</PlCheckbox>\n        </div>\n        <div v-if=\"!settings.axisY.hideAxisLabels\" class=\"axes-settings-options-row\">\n          <span>Labels rotation</span>\n          <BtnIconGroup v-model=\"settings.axisY.axisLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n        </div>\n        <div v-if=\"options.yGroupBy.selectorStates.length && !settings.axisY.hideAxisGroupLabels\" class=\"axes-settings-options-row\">\n          <span>Group labels rotation</span>\n          <BtnIconGroup v-model=\"settings.axisY.groupLabelsAngle\" :options=\"OPTIONS_HEATMAP_ROTATION\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisY.titleMode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            :compact=\"true\"\n          />\n        </div>\n        <div v-if=\"settings.axisY.titleMode === 'custom'\">\n          <PlTextField\n            v-model=\"settings.axisY.customTitle\"\n            label=\"Text\"\n            placeholder=\"Type\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisY.sorting\"\n            label=\"Sorting\"\n            :options=\"OPTIONS_SORTING\"\n            :compact=\"true\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"cellHeightMode\"\n            label=\"Cell height mode\"\n            :options=\"CELL_SIZE_OPTIONS\"\n            :compact=\"true\"\n            @update:model-value=\"(v) => {\n              cellHeight = v === 'auto' ? null : DEFAULT_CELL_SIZE;\n            }\"\n          />\n        </div>\n        <div v-if=\"cellHeightMode === 'custom' && cellHeight !== null\" class=\"axes-settings-options-row\">\n          <Slider v-model=\"cellHeight\" label=\"Cell height\" :min=\"MIN_CELL_SIZE\" :max=\"MAX_CELL_SIZE\" measure=\"px\" :style=\"{width: '100%'}\"/>\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <PlToggleSwitch v-model=\"settings.axisY.ticks\" />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisY.annotationTitlePosition\"\n            label=\"Annotation title position\"\n            :options=\"ANNOTATION_TITLE_OPTIONS_Y\"\n            :compact=\"true\"\n          />\n        </div>\n      </CollapsableBlock>\n      <!--      Facet settings-->\n      <div class=\"other\">\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.other.showLegend\">Show legend</PlCheckbox>\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.other.canvasRenderMode\">Render as canvas</PlCheckbox>\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <Slider\n            v-model=\"settings.other.facetColumns\"\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          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.other.facetSharedBy\"\n            label=\"Facet shared by\"\n            :options=\"optionsFacetShared\"\n            :compact=\"true\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["MIN_CELL_SIZE","MAX_CELL_SIZE","DEFAULT_CELL_SIZE","store","useStore","settings","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_HEATMAP_ROTATION","Rotation0","Rotation45","Rotation90","OPTIONS_AXIS_LABEL_MODE","OPTIONS_CHART_FRAME","FrameEmpty","FrameFull","OPTIONS_FACET_SHARED","OPTIONS_SORTING","CELL_SIZE_OPTIONS","ANNOTATION_TITLE_OPTIONS_X","ANNOTATION_TITLE_OPTIONS_Y","layer","computed","optionsFacetShared","option","options","cellWidthMode","cellWidth","v","cellHeightMode","cellHeight","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_createVNode","CollapsableBlock","Right","Down","_hoisted_2","_unref","PlBtnGroup","$event","_openBlock","_hoisted_3","PlTextField","_hoisted_4","BtnIconGroup","_hoisted_5","PlCheckbox","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","Slider","_hoisted_14","PlToggleSwitch","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yWAsBMA,IAAgB,GAChBC,IAAgB,IAChBC,IAAoB;;;AAE1B,UAAMC,IAAQC,EAAA,GACRC,IAAWF,EAAM,MAAM,SAAS,cAChCG,IAAgB;AAAA,MACpB,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA,GAEZC,IAAsB;AAAA,MAC1B,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAMC,EAAA;AAAA,MACzB,EAAE,OAAO,SAAS,MAAMC,EAAA;AAAA,IAAW,GAM/BC,IAA2B;AAAA,MAC/B,EAAE,OAAO,GAAG,MAAMC,EAAA;AAAA,MAClB,EAAE,OAAO,IAAI,MAAMC,EAAA;AAAA,MACnB,EAAE,OAAO,IAAI,MAAMC,EAAA;AAAA,IAAW,GAE1BC,IAA0B;AAAA,MAC9B,EAAE,OAAO,QAAQ,MAAM,OAAA;AAAA,MACvB,EAAE,OAAO,UAAU,MAAM,SAAA;AAAA,MACzB,EAAE,OAAO,UAAU,MAAM,SAAA;AAAA,IAAS,GAE9BC,IAAsB;AAAA,MAC1B,EAAE,OAAO,QAAQ,MAAMC,EAAA;AAAA,MACvB,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,GAE1BC,IAAkB;AAAA,MACtB,EAAE,MAAM,aAAa,OAAO,MAAA;AAAA,MAC5B,EAAE,MAAM,cAAc,OAAO,OAAA;AAAA,IAAO,GAEhCC,IAAoB;AAAA,MACxB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MACvB,EAAE,MAAM,UAAU,OAAO,SAAA;AAAA,IAAS,GAG9BC,IAA6B;AAAA,MACjC,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MACvB,EAAE,MAAM,SAAS,OAAO,QAAA;AAAA,MACxB,EAAE,MAAM,UAAU,OAAO,SAAA;AAAA,IAAS,GAE9BC,IAA6B;AAAA,MACjC,EAAE,MAAM,OAAO,OAAO,MAAA;AAAA,MACtB,EAAE,MAAM,UAAU,OAAO,SAAA;AAAA,MACzB,EAAE,MAAM,UAAU,OAAO,SAAA;AAAA,IAAS,GAG9BC,IAAQC,EAAS,MAAMtB,EAAM,MAAM,SAAS,eAAe,gBAAgB,GAC3EuB,IAAqBD,EAAS,MAAMN,EAAqB,OAAO,CAACQ,MACjExB,EAAM,MAAM,SAAS,aAAa,qBAC7B,KAELqB,EAAM,MAAM,eAAeA,EAAM,MAAM,cAClCG,EAAO,UAAU,OAAOA,EAAO,UAAU,QAAQA,EAAO,UAAU,MAEvEH,EAAM,MAAM,cACPG,EAAO,UAAU,OAAOA,EAAO,UAAU,OAE9CH,EAAM,MAAM,cACPG,EAAO,UAAU,OAAOA,EAAO,UAAU,OAE3C,EACR,CAAC,GAEIC,IAAUH,EAAS,MAAOtB,EAAM,MAAM,SAAS,aAAa,UAA2C,GAEvG0B,IAAgBJ,EAAS,MAAMpB,EAAS,MAAM,aAAa,OAAO,SAAS,QAAQ,GACnFyB,IAAYL,EAAS;AAAA,MACzB,KAAK,MAAMpB,EAAS,MAAM;AAAA,MAC1B,KAAK,CAAC0B,MAAM;AACV,QAAA1B,EAAS,MAAM,WAAW0B;AAAA,MAC5B;AAAA,IAAA,CACD,GACKC,IAAiBP,EAAS,MAAMpB,EAAS,MAAM,aAAa,OAAO,SAAS,QAAQ,GACpF4B,IAAaR,EAAS;AAAA,MAC1B,KAAK,MAAMpB,EAAS,MAAM;AAAA,MAC1B,KAAK,CAAC0B,MAAM;AACV,QAAA1B,EAAS,MAAM,WAAW0B;AAAA,MAC5B;AAAA,IAAA,CACD;2BAICG,EAiMM,OAAA;AAAA,MAjMD,OAAM;AAAA,MAAa,SAAKC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAGC,MAAMA,EAAE,gBAAA;AAAA,IAAe;MACrDD,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAEK,MAAA,EAFD,OAAM,aAAA,GAAa,UAEvB,EAAA;AAAA,MACAA,EA4LM,OA5LNC,GA4LM;AAAA,QA1LJC,EAoBmBC,GAAA;AAAA,UApBD,OAAM;AAAA,UAAS,UAAUlC;AAAA,UAAgB,MAAMmC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBAClF,MAOM;AAAA,YAPNL,EAOM,OAPNM,IAOM;AAAA,cANJJ,EAKEK,EAAAC,CAAA,GAAA;AAAA,4BAJSD,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,OAAIyC;AAAA,gBAC5B,OAAM;AAAA,gBACL,SAAS/B;AAAA,gBACT,SAAS;AAAA,cAAA;;YAGH6B,EAAAvC,CAAA,EAAS,MAAM,SAAI,YAA9B0C,KAAAb,EAMM,OANNc,IAMM;AAAA,cALJT,EAIEK,EAAAK,CAAA,GAAA;AAAA,4BAHSL,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,QAAKyC;AAAA,gBAC7B,OAAM;AAAA,gBACN,aAAY;AAAA,cAAA;;YAGhBT,EAGM,OAHNa,IAGM;AAAA,cAFJf,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAsB,cAAhB,aAAS,EAAA;AAAA,cACfE,EAAgFY,GAAA;AAAA,4BAAzDP,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,WAAQyC;AAAA,gBAAG,SAASvC;AAAA,cAAA;;;;;QAI9DgC,EAgEmBC,GAAA;AAAA,UAhED,OAAM;AAAA,UAAU,UAAUlC;AAAA,UAAgB,MAAMmC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACnF,MAEM;AAAA,YAFNL,EAEM,OAFNe,IAEM;AAAA,cADJb,EAAiFK,EAAAS,CAAA,GAAA;AAAA,4BAA5DT,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,iBAAcyC;AAAA,cAAA;2BAAE,MAAgB,CAAA,GAAAX,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,oBAAhB,oBAAgB,EAAA;AAAA,gBAAA;;;;YAE3DP,EAAA,MAAQ,SAAS,eAAe,UAA3CmB,KAAAb,EAEM,OAFNoB,IAEM;AAAA,cADJf,EAAuFK,EAAAS,CAAA,GAAA;AAAA,4BAAlET,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,sBAAmByC;AAAA,cAAA;2BAAE,MAAiB,CAAA,GAAAX,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,oBAAjB,qBAAiB,EAAA;AAAA,gBAAA;;;;YAEhES,EAAAvC,CAAA,EAAS,MAAM,8BAA3B0C,KAAAb,EAGM,OAHNqB,IAGM;AAAA,cAFJpB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAA4B,cAAtB,mBAAe,EAAA;AAAA,cACrBE,EAA6FY,GAAA;AAAA,4BAAtEP,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,kBAAeyC;AAAA,gBAAG,SAASnC;AAAA,cAAA;;YAExDiB,EAAA,MAAQ,SAAS,eAAe,UAAM,CAAKgB,EAAAvC,CAAA,EAAS,MAAM,uBAArE0C,EAAA,GAAAb,EAGM,OAHNsB,IAGM;AAAA,cAFJrB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkC,cAA5B,yBAAqB,EAAA;AAAA,cAC3BE,EAA8FY,GAAA;AAAA,4BAAvEP,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,mBAAgByC;AAAA,gBAAG,SAASnC;AAAA,cAAA;;YAEpE0B,EAOM,OAPNoB,IAOM;AAAA,cANJlB,EAKEK,EAAAC,CAAA,GAAA;AAAA,4BAJSD,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,YAASyC;AAAA,gBACjC,OAAM;AAAA,gBACL,SAAS/B;AAAA,gBACT,SAAS;AAAA,cAAA;;YAGH6B,EAAAvC,CAAA,EAAS,MAAM,cAAS,iBAAnC6B,EAMM,OAAAwB,IAAA;AAAA,cALJnB,EAIEK,EAAAK,CAAA,GAAA;AAAA,4BAHSL,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,cAAWyC;AAAA,gBACnC,OAAM;AAAA,gBACN,aAAY;AAAA,cAAA;;YAGhBT,EAOM,OAPNsB,IAOM;AAAA,cANJpB,EAKEK,EAAAC,CAAA,GAAA;AAAA,4BAJSD,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,UAAOyC;AAAA,gBAC/B,OAAM;AAAA,gBACL,SAAS1B;AAAA,gBACT,SAAS;AAAA,cAAA;;YAGdiB,EAUM,OAVNuB,IAUM;AAAA,cATJrB,EAQEK,EAAAC,CAAA,GAAA;AAAA,4BAPShB,EAAA;AAAA;2CAAAA,EAAa,QAAAiB;AAAA,qCAIAf,MAAC;AAAqB,oBAAAD,EAAA,QAAYC,MAAC,SAAA,OAAqB7B;AAAA;;gBAH9E,OAAM;AAAA,gBACL,SAASmB;AAAA,gBACT,SAAS;AAAA,cAAA;;YAMHQ,EAAA,sBAA8BC,EAAA,UAAS,QAAlDiB,KAAAb,EAEM,OAFN2B,IAEM;AAAA,cADJtB,EAAgIK,EAAAkB,CAAA,GAAA;AAAA,4BAA/GhC,EAAA;AAAA,gEAAAA,EAAS,QAAAgB;AAAA,gBAAE,OAAM;AAAA,gBAAc,KAAK9C;AAAA,gBAAgB,KAAKC;AAAA,gBAAe,SAAQ;AAAA,gBAAM,OAAO,EAAA,OAAA,OAAA;AAAA,cAAA;;YAEhHoC,EAGM,OAHN0B,IAGM;AAAA,cAFJ5B,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkB,cAAZ,SAAK,EAAA;AAAA,cACXE,EAAiDK,EAAAoB,CAAA,GAAA;AAAA,4BAAxBpB,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,QAAKyC;AAAA,cAAA;;YAE/CT,EAOM,OAPN4B,IAOM;AAAA,cANJ1B,EAKEK,EAAAC,CAAA,GAAA;AAAA,4BAJSD,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,0BAAuByC;AAAA,gBAC/C,OAAM;AAAA,gBACL,SAASxB;AAAA,gBACT,SAAS;AAAA,cAAA;;;;;QAKhBiB,EAgEmBC,GAAA;AAAA,UAhED,OAAM;AAAA,UAAU,UAAUlC;AAAA,UAAgB,MAAMmC;AAAA,UAAQ,aAAWC;AAAA,QAAA;qBACnF,MAEM;AAAA,YAFNL,EAEM,OAFN6B,IAEM;AAAA,cADJ3B,EAAiFK,EAAAS,CAAA,GAAA;AAAA,4BAA5DT,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,iBAAcyC;AAAA,cAAA;2BAAE,MAAgB,CAAA,GAAAX,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,oBAAhB,oBAAgB,EAAA;AAAA,gBAAA;;;;YAE3DP,EAAA,MAAQ,SAAS,eAAe,UAA3CmB,KAAAb,EAEM,OAFNiC,IAEM;AAAA,cADJ5B,EAAuFK,EAAAS,CAAA,GAAA;AAAA,4BAAlET,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,sBAAmByC;AAAA,cAAA;2BAAE,MAAiB,CAAA,GAAAX,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,oBAAjB,qBAAiB,EAAA;AAAA,gBAAA;;;;YAEhES,EAAAvC,CAAA,EAAS,MAAM,8BAA3B0C,KAAAb,EAGM,OAHNkC,IAGM;AAAA,cAFJjC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAA4B,cAAtB,mBAAe,EAAA;AAAA,cACrBE,EAA6FY,GAAA;AAAA,4BAAtEP,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,kBAAeyC;AAAA,gBAAG,SAASnC;AAAA,cAAA;;YAExDiB,EAAA,MAAQ,SAAS,eAAe,UAAM,CAAKgB,EAAAvC,CAAA,EAAS,MAAM,uBAArE0C,EAAA,GAAAb,EAGM,OAHNmC,IAGM;AAAA,cAFJlC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkC,cAA5B,yBAAqB,EAAA;AAAA,cAC3BE,EAA8FY,GAAA;AAAA,4BAAvEP,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,mBAAgByC;AAAA,gBAAG,SAASnC;AAAA,cAAA;;YAEpE0B,EAOM,OAPNiC,IAOM;AAAA,cANJ/B,EAKEK,EAAAC,CAAA,GAAA;AAAA,4BAJSD,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,YAASyC;AAAA,gBACjC,OAAM;AAAA,gBACL,SAAS/B;AAAA,gBACT,SAAS;AAAA,cAAA;;YAGH6B,EAAAvC,CAAA,EAAS,MAAM,cAAS,iBAAnC6B,EAMM,OAAAqC,IAAA;AAAA,cALJhC,EAIEK,EAAAK,CAAA,GAAA;AAAA,4BAHSL,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,cAAWyC;AAAA,gBACnC,OAAM;AAAA,gBACN,aAAY;AAAA,cAAA;;YAGhBT,EAOM,OAPNmC,IAOM;AAAA,cANJjC,EAKEK,EAAAC,CAAA,GAAA;AAAA,4BAJSD,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,UAAOyC;AAAA,gBAC/B,OAAM;AAAA,gBACL,SAAS1B;AAAA,gBACT,SAAS;AAAA,cAAA;;YAGdiB,EAUM,OAVNoC,IAUM;AAAA,cATJlC,EAQEK,EAAAC,CAAA,GAAA;AAAA,4BAPSb,EAAA;AAAA;2CAAAA,EAAc,QAAAc;AAAA,qCAIDf,MAAC;AAAqB,oBAAAE,EAAA,QAAaF,MAAC,SAAA,OAAqB7B;AAAA;;gBAH/E,OAAM;AAAA,gBACL,SAASmB;AAAA,gBACT,SAAS;AAAA,cAAA;;YAMHW,EAAA,sBAA+BC,EAAA,UAAU,QAApDc,KAAAb,EAEM,OAFNwC,IAEM;AAAA,cADJnC,EAAkIK,EAAAkB,CAAA,GAAA;AAAA,4BAAjH7B,EAAA;AAAA,gEAAAA,EAAU,QAAAa;AAAA,gBAAE,OAAM;AAAA,gBAAe,KAAK9C;AAAA,gBAAgB,KAAKC;AAAA,gBAAe,SAAQ;AAAA,gBAAM,OAAO,EAAA,OAAA,OAAA;AAAA,cAAA;;YAElHoC,EAGM,OAHNsC,IAGM;AAAA,cAFJxC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkB,cAAZ,SAAK,EAAA;AAAA,cACXE,EAAiDK,EAAAoB,CAAA,GAAA;AAAA,4BAAxBpB,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,QAAKyC;AAAA,cAAA;;YAE/CT,EAOM,OAPNuC,IAOM;AAAA,cANJrC,EAKEK,EAAAC,CAAA,GAAA;AAAA,4BAJSD,EAAAvC,CAAA,EAAS,MAAM;AAAA,gEAAfuC,EAAAvC,CAAA,EAAS,MAAM,0BAAuByC;AAAA,gBAC/C,OAAM;AAAA,gBACL,SAASvB;AAAA,gBACT,SAAS;AAAA,cAAA;;;;;QAKhBc,EA+BM,OA/BNwC,IA+BM;AAAA,UA9BJxC,EAEM,OAFNyC,IAEM;AAAA,YADJvC,EAAwEK,EAAAS,CAAA,GAAA;AAAA,0BAAnDT,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,aAAUyC;AAAA,YAAA;yBAAE,MAAW,CAAA,GAAAX,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,kBAAX,eAAW,EAAA;AAAA,cAAA;;;;UAE7DE,EAEM,OAFN0C,IAEM;AAAA,YADJxC,EAAmFK,EAAAS,CAAA,GAAA;AAAA,0BAA9DT,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,mBAAgByC;AAAA,YAAA;yBAAE,MAAgB,CAAA,GAAAX,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,kBAAhB,oBAAgB,EAAA;AAAA,cAAA;;;;UAExEE,EAGM,OAHN2C,IAGM;AAAA,YAFJ7C,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAE,EAAkB,cAAZ,SAAK,EAAA;AAAA,YACXE,EAA8EY,GAAA;AAAA,0BAAvDP,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,QAAKyC;AAAA,cAAG,SAAS9B;AAAA,YAAA;;UAEzDqB,EAWM,OAXN4C,IAWM;AAAA,YAVJ1C,EASEK,EAAAkB,CAAA,GAAA;AAAA,0BARSlB,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,eAAYyC;AAAA,cACnC,OAAO,EAAA,OAAA,OAAA;AAAA,cACR,OAAM;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,aAAa;AAAA,cACd,MAAK;AAAA,YAAA;;UAGTT,EAOM,OAPN6C,IAOM;AAAA,YANJ3C,EAKEK,EAAAC,CAAA,GAAA;AAAA,0BAJSD,EAAAvC,CAAA,EAAS,MAAM;AAAA,8DAAfuC,EAAAvC,CAAA,EAAS,MAAM,gBAAayC;AAAA,cACrC,OAAM;AAAA,cACL,SAASpB,EAAA;AAAA,cACT,SAAS;AAAA,YAAA;;;;;;;"}

package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js

@@ -1,61 +1,62 @@
-import { defineComponent as U, createElementBlock as u, openBlock as m, createElementVNode as s, createVNode as i, unref as e, withCtx as r, createCommentVNode as f } from "vue";
-import { Slider as b, PlBtnGroup as n, PlTextField as S, PlToggleSwitch as a } from "@platforma-sdk/ui-vue";
-import { useStore as A } from "../../store.js";
-import p from "../../components/CollapsableBlock.vue.js";
-import x from "../../icons/Right.vue.js";
-import V from "../../icons/Down.vue.js";
-import k from "../../components/BtnIconGroup.vue.js";
-import C from "../../icons/AlignLeft.vue.js";
-import X from "../../icons/AlignCenter.vue.js";
-import y from "../../icons/AlignRight.vue.js";
-import F from "../../icons/FrameFull.vue.js";
-import _ from "../../icons/FrameEmpty.vue.js";
+import { defineComponent as X, createElementBlock as m, openBlock as r, createElementVNode as s, createVNode as i, unref as t, withCtx as a, createCommentVNode as w, createTextVNode as p } from "vue";
+import { Slider as S, PlBtnGroup as n, PlTextField as k, PlCheckbox as x, PlToggleSwitch as d } from "@platforma-sdk/ui-vue";
+import { useStore as C } from "../../store.js";
+import V from "../../components/CollapsableBlock.vue.js";
+import g from "../../icons/Right.vue.js";
+import v from "../../icons/Down.vue.js";
+import T from "../../components/BtnIconGroup.vue.js";
+import L from "../../icons/AlignLeft.vue.js";
+import y from "../../icons/AlignCenter.vue.js";
+import F from "../../icons/AlignRight.vue.js";
+import P from "../../icons/FrameFull.vue.js";
+import N from "../../icons/FrameEmpty.vue.js";
 import O from "../../icons/FrameLeft.vue.js";
-import E from "../../icons/FrameBottom.vue.js";
-import L from "../../icons/FrameLeftBottom.vue.js";
-const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px" } }, B = { class: "axes-settings-options-row block" }, Y = {
+import Y from "../../icons/FrameBottom.vue.js";
+import E from "../../icons/FrameLeftBottom.vue.js";
+const _ = { class: "axes-settings-list" }, B = { style: { padding: "0 24px 8px" } }, I = { class: "axes-settings-options-row block" }, H = {
   key: 0,
   class: "axes-settings-input"
-}, I = { class: "axes-settings-options-row" }, R = { class: "axes-settings-options-row block" }, h = { key: 0 }, D = { class: "axes-settings-options-row block" }, G = { class: "axes-settings-options-row table" }, H = { class: "axes-settings-options-row table" }, M = { class: "axes-settings-options-row block" }, z = { class: "axes-settings-options-row table" }, $ = { class: "axes-settings-options-row table" }, j = { class: "other" }, q = { class: "axes-settings-options-row" }, J = { class: "axes-settings-options-row" }, K = { class: "axes-settings-options-row" }, Q = { class: "axes-settings-options-row" }, W = { class: "axes-settings-options-row block" }, fe = /* @__PURE__ */ U({
+}, h = { class: "axes-settings-options-row" }, R = { class: "axes-settings-options-row" }, D = { class: "axes-settings-options-row block" }, G = { key: 0 }, M = { class: "axes-settings-options-row block" }, z = { class: "axes-settings-options-row table" }, $ = { class: "axes-settings-options-row table" }, j = { class: "axes-settings-options-row block" }, q = { class: "axes-settings-options-row" }, J = { class: "axes-settings-options-row table" }, K = { class: "axes-settings-options-row table" }, Q = { class: "other" }, W = { class: "axes-settings-options-row" }, Z = { class: "axes-settings-options-row" }, ee = { class: "axes-settings-options-row" }, te = { class: "axes-settings-options-row" }, oe = { class: "axes-settings-options-row" }, le = { class: "axes-settings-options-row block" }, Te = /* @__PURE__ */ X({
   __name: "HistogramAxesSettingsForm",
-  setup(Z) {
-    const o = A().value.reactive.axesSettings, d = {
+  setup(se) {
+    const o = C().value.reactive.axesSettings, u = {
       height: 40,
       horizontalPadding: 12,
-      defaultState: "open"
-    }, T = [
-      { value: "left", icon: C },
-      { value: "center", icon: X },
-      { value: "right", icon: y }
-    ], g = [
+      defaultState: "open",
+      contentPadding: "0 24px"
+    }, U = [
+      { value: "left", icon: L },
+      { value: "center", icon: y },
+      { value: "right", icon: F }
+    ], f = [
       { value: "auto", text: "Auto" },
       { value: "custom", text: "Custom" },
       { value: "hidden", text: "Hidden" }
-    ], v = [
+    ], b = [
       { value: "linear", text: "Linear" },
       { value: "log", text: "Log" }
-    ], c = [
-      { value: "empty", icon: _ },
+    ], A = [
+      { value: "empty", icon: N },
       { value: "left", icon: O },
-      { value: "bottom", icon: E },
-      { value: "left-bottom", icon: L },
-      { value: "full", icon: F }
-    ], w = [
+      { value: "bottom", icon: Y },
+      { value: "left-bottom", icon: E },
+      { value: "full", icon: P }
+    ], c = [
       { text: "X", value: "x" },
       { text: "Y", value: "y" },
       { text: "XY", value: "xy" },
       { text: "None", value: "none" }
     ];
-    return (te, t) => (m(), u("div", {
+    return (ne, e) => (r(), m("div", {
       class: "axes-form",
-      onClick: t[17] || (t[17] = (l) => l.stopPropagation())
+      onClick: e[20] || (e[20] = (l) => l.stopPropagation())
     }, [
-      t[24] || (t[24] = s("h3", { class: "axes-title" }, " Axes ", -1)),
-      s("div", N, [
-        s("div", P, [
-          i(e(b), {
-            modelValue: e(o).other.binsCount,
-            "onUpdate:modelValue": t[0] || (t[0] = (l) => e(o).other.binsCount = l),
+      e[30] || (e[30] = s("h3", { class: "axes-title" }, " Axes ", -1)),
+      s("div", _, [
+        s("div", B, [
+          i(t(S), {
+            modelValue: t(o).other.binsCount,
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => t(o).other.binsCount = l),
             style: { width: "100%" },
             label: "Bins count",
             min: 3,
@@ -65,149 +66,188 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
             mode: "input"
           }, null, 8, ["modelValue"])
         ]),
-        i(p, {
+        i(V, {
           title: "Title",
-          settings: d,
-          icon: x,
-          "icon-open": V
+          settings: u,
+          icon: g,
+          "icon-open": v
         }, {
-          default: r(() => [
-            s("div", B, [
-              i(e(n), {
-                modelValue: e(o).title.mode,
-                "onUpdate:modelValue": t[1] || (t[1] = (l) => e(o).title.mode = l),
+          default: a(() => [
+            s("div", I, [
+              i(t(n), {
+                modelValue: t(o).title.mode,
+                "onUpdate:modelValue": e[1] || (e[1] = (l) => t(o).title.mode = l),
                 label: "Title",
-                options: g
+                options: f,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            e(o).title.mode === "custom" ? (m(), u("div", Y, [
-              i(e(S), {
-                modelValue: e(o).title.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (l) => e(o).title.value = l),
+            t(o).title.mode === "custom" ? (r(), m("div", H, [
+              i(t(k), {
+                modelValue: t(o).title.value,
+                "onUpdate:modelValue": e[2] || (e[2] = (l) => t(o).title.value = l),
                 label: "Chart title",
                 placeholder: "Chart title"
               }, null, 8, ["modelValue"])
-            ])) : f("", !0),
-            s("div", I, [
-              t[18] || (t[18] = s("span", null, "Alignment", -1)),
-              i(k, {
-                modelValue: e(o).title.position,
-                "onUpdate:modelValue": t[3] || (t[3] = (l) => e(o).title.position = l),
-                options: T
+            ])) : w("", !0),
+            s("div", h, [
+              e[21] || (e[21] = s("span", null, "Alignment", -1)),
+              i(T, {
+                modelValue: t(o).title.position,
+                "onUpdate:modelValue": e[3] || (e[3] = (l) => t(o).title.position = l),
+                options: U
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
-        i(p, {
+        i(V, {
           title: "X-axis",
-          settings: d,
-          icon: x,
-          "icon-open": V
+          settings: u,
+          icon: g,
+          "icon-open": v
         }, {
-          default: r(() => [
+          default: a(() => [
             s("div", R, [
-              i(e(n), {
-                modelValue: e(o).axisX.titleMode,
-                "onUpdate:modelValue": t[4] || (t[4] = (l) => e(o).axisX.titleMode = l),
+              i(t(x), {
+                modelValue: t(o).axisX.hideAxisLabels,
+                "onUpdate:modelValue": e[4] || (e[4] = (l) => t(o).axisX.hideAxisLabels = l)
+              }, {
+                default: a(() => [...e[22] || (e[22] = [
+                  p("Hide axis labels", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            s("div", D, [
+              i(t(n), {
+                modelValue: t(o).axisX.titleMode,
+                "onUpdate:modelValue": e[5] || (e[5] = (l) => t(o).axisX.titleMode = l),
                 label: "Title",
-                options: g
+                options: f,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            e(o).axisX.titleMode === "custom" ? (m(), u("div", h, [
-              i(e(S), {
-                modelValue: e(o).axisX.customTitle,
-                "onUpdate:modelValue": t[5] || (t[5] = (l) => e(o).axisX.customTitle = l),
+            t(o).axisX.titleMode === "custom" ? (r(), m("div", G, [
+              i(t(k), {
+                modelValue: t(o).axisX.customTitle,
+                "onUpdate:modelValue": e[6] || (e[6] = (l) => t(o).axisX.customTitle = l),
                 label: "Text",
                 placeholder: "Type"
               }, null, 8, ["modelValue"])
-            ])) : f("", !0),
-            s("div", D, [
-              i(e(n), {
-                modelValue: e(o).axisX.scale,
-                "onUpdate:modelValue": t[6] || (t[6] = (l) => e(o).axisX.scale = l),
+            ])) : w("", !0),
+            s("div", M, [
+              i(t(n), {
+                modelValue: t(o).axisX.scale,
+                "onUpdate:modelValue": e[7] || (e[7] = (l) => t(o).axisX.scale = l),
                 label: "Scale",
-                options: v
+                options: b,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            s("div", G, [
-              t[19] || (t[19] = s("span", null, "Gridlines", -1)),
-              i(e(a), {
-                modelValue: e(o).axisX.gridlines,
-                "onUpdate:modelValue": t[7] || (t[7] = (l) => e(o).axisX.gridlines = l)
+            s("div", z, [
+              e[23] || (e[23] = s("span", null, "Gridlines", -1)),
+              i(t(d), {
+                modelValue: t(o).axisX.gridlines,
+                "onUpdate:modelValue": e[8] || (e[8] = (l) => t(o).axisX.gridlines = l)
               }, null, 8, ["modelValue"])
             ]),
-            s("div", H, [
-              t[20] || (t[20] = s("span", null, "Ticks", -1)),
-              i(e(a), {
-                modelValue: e(o).axisX.ticks,
-                "onUpdate:modelValue": t[8] || (t[8] = (l) => e(o).axisX.ticks = l)
+            s("div", $, [
+              e[24] || (e[24] = s("span", null, "Ticks", -1)),
+              i(t(d), {
+                modelValue: t(o).axisX.ticks,
+                "onUpdate:modelValue": e[9] || (e[9] = (l) => t(o).axisX.ticks = l)
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
-        i(p, {
+        i(V, {
           title: "Y-axis",
-          settings: d,
-          icon: x,
-          "icon-open": V
+          settings: u,
+          icon: g,
+          "icon-open": v
         }, {
-          default: r(() => [
-            s("div", M, [
-              i(e(n), {
-                modelValue: e(o).axisY.scale,
-                "onUpdate:modelValue": t[9] || (t[9] = (l) => e(o).axisY.scale = l),
+          default: a(() => [
+            s("div", j, [
+              i(t(n), {
+                modelValue: t(o).axisY.scale,
+                "onUpdate:modelValue": e[10] || (e[10] = (l) => t(o).axisY.scale = l),
                 label: "Scale",
-                options: v
+                options: b,
+                compact: !0
               }, null, 8, ["modelValue"])
             ]),
-            s("div", z, [
-              t[21] || (t[21] = s("span", null, "Gridlines", -1)),
-              i(e(a), {
-                modelValue: e(o).axisY.gridlines,
-                "onUpdate:modelValue": t[10] || (t[10] = (l) => e(o).axisY.gridlines = l)
+            s("div", q, [
+              i(t(x), {
+                modelValue: t(o).axisY.hideAxisLabels,
+                "onUpdate:modelValue": e[11] || (e[11] = (l) => t(o).axisY.hideAxisLabels = l)
+              }, {
+                default: a(() => [...e[25] || (e[25] = [
+                  p("Hide axis labels", -1)
+                ])]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            s("div", J, [
+              e[26] || (e[26] = s("span", null, "Gridlines", -1)),
+              i(t(d), {
+                modelValue: t(o).axisY.gridlines,
+                "onUpdate:modelValue": e[12] || (e[12] = (l) => t(o).axisY.gridlines = l)
               }, null, 8, ["modelValue"])
             ]),
-            s("div", $, [
-              t[22] || (t[22] = s("span", null, "Ticks", -1)),
-              i(e(a), {
-                modelValue: e(o).axisY.ticks,
-                "onUpdate:modelValue": t[11] || (t[11] = (l) => e(o).axisY.ticks = l)
+            s("div", K, [
+              e[27] || (e[27] = s("span", null, "Ticks", -1)),
+              i(t(d), {
+                modelValue: t(o).axisY.ticks,
+                "onUpdate:modelValue": e[13] || (e[13] = (l) => t(o).axisY.ticks = l)
               }, null, 8, ["modelValue"])
             ])
           ]),
           _: 1
         }),
-        s("div", j, [
-          s("div", q, [
-            i(e(n), {
-              modelValue: e(o).other.groupingDirection,
-              "onUpdate:modelValue": t[12] || (t[12] = (l) => e(o).other.groupingDirection = l),
+        s("div", Q, [
+          s("div", W, [
+            i(t(x), {
+              modelValue: t(o).other.showLegend,
+              "onUpdate:modelValue": e[14] || (e[14] = (l) => t(o).other.showLegend = l)
+            }, {
+              default: a(() => [...e[28] || (e[28] = [
+                p("Show legend", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          s("div", Z, [
+            i(t(n), {
+              modelValue: t(o).other.groupingDirection,
+              "onUpdate:modelValue": e[15] || (e[15] = (l) => t(o).other.groupingDirection = l),
               label: "Grouping direction",
-              options: [{ value: "straight", label: "Straight" }, { value: "reverse", label: "Reverse" }]
+              options: [{ value: "straight", label: "Straight" }, { value: "reverse", label: "Reverse" }],
+              compact: !0
             }, null, 8, ["modelValue"])
           ]),
-          s("div", J, [
-            i(e(n), {
-              modelValue: e(o).other.groupingStack,
-              "onUpdate:modelValue": t[13] || (t[13] = (l) => e(o).other.groupingStack = l),
+          s("div", ee, [
+            i(t(n), {
+              modelValue: t(o).other.groupingStack,
+              "onUpdate:modelValue": e[16] || (e[16] = (l) => t(o).other.groupingStack = l),
               label: "Stack mode",
-              options: [{ value: "vertical", label: "Vertical" }, { value: "horizontal", label: "Horizontal" }]
+              options: [{ value: "vertical", label: "Vertical" }, { value: "horizontal", label: "Horizontal" }],
+              compact: !0
             }, null, 8, ["modelValue"])
           ]),
-          s("div", K, [
-            t[23] || (t[23] = s("span", null, "Frame", -1)),
-            i(k, {
-              modelValue: e(o).other.frame,
-              "onUpdate:modelValue": t[14] || (t[14] = (l) => e(o).other.frame = l),
-              options: c
+          s("div", te, [
+            e[29] || (e[29] = s("span", null, "Frame", -1)),
+            i(T, {
+              modelValue: t(o).other.frame,
+              "onUpdate:modelValue": e[17] || (e[17] = (l) => t(o).other.frame = l),
+              options: A
             }, null, 8, ["modelValue"])
           ]),
-          s("div", Q, [
-            i(e(b), {
-              modelValue: e(o).other.facetColumns,
-              "onUpdate:modelValue": t[15] || (t[15] = (l) => e(o).other.facetColumns = l),
+          s("div", oe, [
+            i(t(S), {
+              modelValue: t(o).other.facetColumns,
+              "onUpdate:modelValue": e[18] || (e[18] = (l) => t(o).other.facetColumns = l),
               style: { width: "100%" },
               label: "Facet column count",
               min: 1,
@@ -217,12 +257,13 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
               mode: "input"
             }, null, 8, ["modelValue"])
           ]),
-          s("div", W, [
-            i(e(n), {
-              modelValue: e(o).other.facetSharedBy,
-              "onUpdate:modelValue": t[16] || (t[16] = (l) => e(o).other.facetSharedBy = l),
+          s("div", le, [
+            i(t(n), {
+              modelValue: t(o).other.facetSharedBy,
+              "onUpdate:modelValue": e[19] || (e[19] = (l) => t(o).other.facetSharedBy = l),
               label: "Facet shared by",
-              options: w
+              options: c,
+              compact: !0
             }, null, 8, ["modelValue"])
           ])
         ])
@@ -231,6 +272,6 @@ const N = { class: "axes-settings-list" }, P = { style: { padding: "0 24px 8px"
   }
 });
 export {
-  fe as default
+  Te as default
 };
 //# sourceMappingURL=HistogramAxesSettingsForm.vue.js.map

package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistogramAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HistogramAxesSettingsForm.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';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\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];\nconst OPTIONS_AXIS_LABEL_MODE = [\n  { value: 'auto', text: 'Auto' },\n  { value: 'custom', text: 'Custom' },\n  { value: 'hidden', text: 'Hidden' },\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\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      <div :style=\"{padding: '0 24px 8px'}\">\n        <Slider\n          v-model=\"settings.other.binsCount\"\n          :style=\"{width: '100%'}\"\n          label=\"Bins count\"\n          :min=\"3\"\n          :max=\"100\"\n          :step=\"1\"\n          :breakpoints=\"false\"\n          mode=\"input\"\n        />\n      </div>\n      <!--      Chart title -->\n      <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.title.mode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n          />\n        </div>\n        <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n          <PlTextField\n            v-model=\"settings.title.value\"\n            label=\"Chart title\"\n            placeholder=\"Chart title\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n        </div>\n      </CollapsableBlock>\n      <!--      X axis settings-->\n      <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.titleMode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n          />\n        </div>\n        <div v-if=\"settings.axisX.titleMode === 'custom'\">\n          <PlTextField\n            v-model=\"settings.axisX.customTitle\"\n            label=\"Text\"\n            placeholder=\"Type\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.scale\"\n            label=\"Scale\"\n            :options=\"OPTIONS_SCALE\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <PlToggleSwitch v-model=\"settings.axisX.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\n        </div>\n      </CollapsableBlock>\n      <!--      Y axis settings-->\n      <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisY.scale\"\n            label=\"Scale\"\n            :options=\"OPTIONS_SCALE\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <PlToggleSwitch v-model=\"settings.axisY.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <PlToggleSwitch v-model=\"settings.axisY.ticks\" />\n        </div>\n      </CollapsableBlock>\n      <!--      Facet settings-->\n      <div class=\"other\">\n        <div class=\"axes-settings-options-row\">\n          <PlBtnGroup\n            v-model=\"settings.other.groupingDirection\"\n            label=\"Grouping direction\"\n            :options=\"[{value: 'straight', label: 'Straight'}, {value: 'reverse', label: 'Reverse'}]\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlBtnGroup\n            v-model=\"settings.other.groupingStack\"\n            label=\"Stack mode\"\n            :options=\"[{value: 'vertical', label: 'Vertical'}, {value: 'horizontal', label: 'Horizontal'}]\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <Slider\n            v-model=\"settings.other.facetColumns\"\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          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.other.facetSharedBy\"\n            label=\"Facet shared by\"\n            :options=\"OPTIONS_FACET_SHARED\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["settings","useStore","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","_unref","Slider","$event","CollapsableBlock","Right","Down","_hoisted_3","PlBtnGroup","_openBlock","_hoisted_4","PlTextField","_hoisted_5","BtnIconGroup","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","PlToggleSwitch","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19"],"mappings":"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"}
+{"version":3,"file":"HistogramAxesSettingsForm.vue.js","sources":["../../../src/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch, PlCheckbox } 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';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close',\n  contentPadding: '0 24px',\n};\n\nconst OPTIONS_TITLE_ALIGN = [\n  { value: 'left', icon: AlignLeft },\n  { value: 'center', icon: AlignCenter },\n  { value: 'right', icon: AlignRight },\n];\nconst OPTIONS_AXIS_LABEL_MODE = [\n  { value: 'auto', text: 'Auto' },\n  { value: 'custom', text: 'Custom' },\n  { value: 'hidden', text: 'Hidden' },\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\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      <div :style=\"{padding: '0 24px 8px'}\">\n        <Slider\n          v-model=\"settings.other.binsCount\"\n          :style=\"{width: '100%'}\"\n          label=\"Bins count\"\n          :min=\"3\"\n          :max=\"100\"\n          :step=\"1\"\n          :breakpoints=\"false\"\n          mode=\"input\"\n        />\n      </div>\n      <!--      Chart title -->\n      <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.title.mode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            :compact=\"true\"\n          />\n        </div>\n        <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n          <PlTextField\n            v-model=\"settings.title.value\"\n            label=\"Chart title\"\n            placeholder=\"Chart title\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Alignment</span>\n          <BtnIconGroup v-model=\"settings.title.position\" :options=\"OPTIONS_TITLE_ALIGN\"/>\n        </div>\n      </CollapsableBlock>\n      <!--      X axis settings-->\n      <CollapsableBlock title=\"X-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisX.hideAxisLabels\">Hide axis labels</PlCheckbox>\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.titleMode\"\n            label=\"Title\"\n            :options=\"OPTIONS_AXIS_LABEL_MODE\"\n            :compact=\"true\"\n          />\n        </div>\n        <div v-if=\"settings.axisX.titleMode === 'custom'\">\n          <PlTextField\n            v-model=\"settings.axisX.customTitle\"\n            label=\"Text\"\n            placeholder=\"Type\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisX.scale\"\n            label=\"Scale\"\n            :options=\"OPTIONS_SCALE\"\n            :compact=\"true\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <PlToggleSwitch v-model=\"settings.axisX.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <PlToggleSwitch v-model=\"settings.axisX.ticks\" />\n        </div>\n      </CollapsableBlock>\n      <!--      Y axis settings-->\n      <CollapsableBlock title=\"Y-axis\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.axisY.scale\"\n            label=\"Scale\"\n            :options=\"OPTIONS_SCALE\"\n            :compact=\"true\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisY.hideAxisLabels\">Hide axis labels</PlCheckbox>\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Gridlines</span>\n          <PlToggleSwitch v-model=\"settings.axisY.gridlines\" />\n        </div>\n        <div class=\"axes-settings-options-row table\">\n          <span>Ticks</span>\n          <PlToggleSwitch v-model=\"settings.axisY.ticks\" />\n        </div>\n      </CollapsableBlock>\n      <!--      Facet settings-->\n      <div class=\"other\">\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.other.showLegend\">Show legend</PlCheckbox>\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlBtnGroup\n            v-model=\"settings.other.groupingDirection\"\n            label=\"Grouping direction\"\n            :options=\"[{value: 'straight', label: 'Straight'}, {value: 'reverse', label: 'Reverse'}]\"\n            :compact=\"true\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlBtnGroup\n            v-model=\"settings.other.groupingStack\"\n            label=\"Stack mode\"\n            :options=\"[{value: 'vertical', label: 'Vertical'}, {value: 'horizontal', label: 'Horizontal'}]\"\n            :compact=\"true\"\n          />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <Slider\n            v-model=\"settings.other.facetColumns\"\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          />\n        </div>\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.other.facetSharedBy\"\n            label=\"Facet shared by\"\n            :options=\"OPTIONS_FACET_SHARED\"\n            :compact=\"true\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["settings","useStore","blockSettings","OPTIONS_TITLE_ALIGN","AlignLeft","AlignCenter","AlignRight","OPTIONS_AXIS_LABEL_MODE","OPTIONS_SCALE","OPTIONS_CHART_FRAME","FrameEmpty","FrameLeft","FrameBottom","FrameLeftBottom","FrameFull","OPTIONS_FACET_SHARED","_createElementBlock","_cache","e","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","_unref","Slider","$event","CollapsableBlock","Right","Down","_hoisted_3","PlBtnGroup","_openBlock","_hoisted_4","PlTextField","_hoisted_5","BtnIconGroup","_hoisted_6","PlCheckbox","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PlToggleSwitch","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22"],"mappings":"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"}