@milaboratories/graph-maker 1.2.5 → 1.2.6

package/dist/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue2.js

@@ -1,5 +1,418 @@
-import f from "./HeatmapAxesSettingsForm.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=HeatmapAxesSettingsForm.vue2.js.map
+import { MAX_FACETS_COUNT as e } from "../../constantsCommon.js";
+import t from "../../components/CollapsableBlock.js";
+import n from "../../icons/Right.js";
+import r from "../../icons/Down.js";
+import i from "../../components/BtnIconGroup.js";
+import ee from "../../icons/AlignLeft.js";
+import a from "../../icons/AlignCenter.js";
+import te from "../../icons/AlignRight.js";
+import ne from "../../icons/FrameFull.js";
+import re from "../../icons/FrameEmpty.js";
+import ie from "../../icons/Rotation0.js";
+import ae from "../../icons/Rotation45.js";
+import oe from "../../icons/Rotation90.js";
+import { useStore as se } from "../../store.js";
+import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as ce, openBlock as f, unref as p, withCtx as m } from "vue";
+import { PlBtnGroup as h, PlCheckbox as g, PlNumberField as le, PlTextField as _, PlToggleSwitch as v, Slider as y } from "@platforma-sdk/ui-vue";
+var ue = { class: "axes-settings-list" }, de = { class: "axes-settings-options-row block" }, fe = {
+	key: 0,
+	class: "axes-settings-input"
+}, pe = { class: "axes-settings-options-row" }, me = { class: "axes-settings-options-row" }, he = {
+	key: 0,
+	class: "axes-settings-options-row"
+}, ge = {
+	key: 1,
+	class: "axes-settings-options-row"
+}, _e = {
+	key: 2,
+	class: "axes-settings-options-row"
+}, b = { class: "axes-settings-options-row block" }, x = { key: 3 }, S = { class: "axes-settings-options-row block" }, C = { class: "axes-settings-options-row block" }, w = {
+	key: 4,
+	class: "axes-settings-options-row"
+}, T = { class: "axes-settings-options-row table" }, E = { class: "axes-settings-options-row block" }, D = { class: "axes-settings-options-row" }, O = {
+	key: 0,
+	class: "axes-settings-options-row"
+}, k = {
+	key: 1,
+	class: "axes-settings-options-row"
+}, A = {
+	key: 2,
+	class: "axes-settings-options-row"
+}, j = { class: "axes-settings-options-row block" }, M = { key: 3 }, N = { class: "axes-settings-options-row block" }, P = { class: "axes-settings-options-row block" }, F = {
+	key: 4,
+	class: "axes-settings-options-row"
+}, I = { class: "axes-settings-options-row table" }, ve = { class: "axes-settings-options-row block" }, ye = { class: "other" }, be = { class: "axes-settings-options-row" }, xe = { class: "axes-settings-options-row" }, Se = { class: "axes-settings-options-row" }, Ce = { class: "axes-settings-options-row" }, we = { class: "axes-settings-options-row" }, Te = { class: "axes-settings-options-row" }, Ee = { class: "axes-settings-options-row block" }, L = 4, R = 50, z = 20, B = /* @__PURE__ */ ce({
+	__name: "HeatmapAxesSettingsForm",
+	setup(ce) {
+		let B = se(), V = B.value.reactive.axesSettings, H = {
+			height: 40,
+			horizontalPadding: 12,
+			defaultState: "open",
+			contentPadding: "0 24px"
+		}, De = [
+			{
+				value: "left",
+				icon: ee
+			},
+			{
+				value: "center",
+				icon: a
+			},
+			{
+				value: "right",
+				icon: te
+			}
+		], U = [
+			{
+				value: 0,
+				icon: ie
+			},
+			{
+				value: 45,
+				icon: ae
+			},
+			{
+				value: 90,
+				icon: oe
+			}
+		], W = [
+			{
+				value: "auto",
+				text: "Auto"
+			},
+			{
+				value: "custom",
+				text: "Custom"
+			},
+			{
+				value: "hidden",
+				text: "Hidden"
+			}
+		], Oe = [{
+			value: "none",
+			icon: re
+		}, {
+			value: "full",
+			icon: ne
+		}], G = [
+			{
+				text: "X",
+				value: "x"
+			},
+			{
+				text: "Y",
+				value: "y"
+			},
+			{
+				text: "XY",
+				value: "xy"
+			},
+			{
+				text: "None",
+				value: "none"
+			}
+		], K = [{
+			text: "ascending",
+			value: "asc"
+		}, {
+			text: "descending",
+			value: "desc"
+		}], q = [{
+			text: "auto",
+			value: "auto"
+		}, {
+			text: "custom",
+			value: "custom"
+		}], ke = [
+			{
+				text: "left",
+				value: "left"
+			},
+			{
+				text: "right",
+				value: "right"
+			},
+			{
+				text: "hidden",
+				value: "hidden"
+			}
+		], Ae = [
+			{
+				text: "top",
+				value: "top"
+			},
+			{
+				text: "bottom",
+				value: "bottom"
+			},
+			{
+				text: "hidden",
+				value: "hidden"
+			}
+		], J = o(() => B.value.reactive.layersSettings.heatmapClustered), je = o(() => G.filter((e) => B.value.reactive.template === "heatmapClustered" ? J.value.dendrogramX && J.value.dendrogramY ? e.value !== "x" && e.value !== "xy" && e.value !== "y" : J.value.dendrogramX ? e.value !== "x" && e.value !== "xy" : J.value.dendrogramY ? e.value !== "y" && e.value !== "xy" : !0 : !0)), Y = o(() => B.value.reactive.optionsState.components), X = o(() => V.axisX.cellSize === null ? "auto" : "custom"), Z = o({
+			get: () => V.axisX.cellSize,
+			set: (e) => {
+				V.axisX.cellSize = e;
+			}
+		}), Q = o(() => V.axisY.cellSize === null ? "auto" : "custom"), $ = o({
+			get: () => V.axisY.cellSize,
+			set: (e) => {
+				V.axisY.cellSize = e;
+			}
+		});
+		return (ee, a) => (f(), c("div", {
+			class: "axes-form",
+			onClick: a[34] ||= (e) => e.stopPropagation()
+		}, [a[49] ||= l("h3", { class: "axes-title" }, " Axes ", -1), l("div", ue, [
+			d(t, {
+				title: "Title",
+				settings: H,
+				icon: n,
+				"icon-open": r
+			}, {
+				default: m(() => [
+					l("div", de, [d(p(h), {
+						modelValue: p(V).title.mode,
+						"onUpdate:modelValue": a[0] ||= (e) => p(V).title.mode = e,
+						label: "Title",
+						options: W,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					p(V).title.mode === "custom" ? (f(), c("div", fe, [d(p(_), {
+						modelValue: p(V).title.value,
+						"onUpdate:modelValue": a[1] ||= (e) => p(V).title.value = e,
+						label: "Chart title",
+						placeholder: "Chart title"
+					}, null, 8, ["modelValue"])])) : s("", !0),
+					l("div", pe, [a[35] ||= l("span", null, "Alignment", -1), d(i, {
+						modelValue: p(V).title.position,
+						"onUpdate:modelValue": a[2] ||= (e) => p(V).title.position = e,
+						options: De
+					}, null, 8, ["modelValue"])])
+				]),
+				_: 1
+			}),
+			d(t, {
+				title: "X-axis",
+				settings: H,
+				icon: n,
+				"icon-open": r
+			}, {
+				default: m(() => [
+					l("div", me, [d(p(g), {
+						modelValue: p(V).axisX.hideAxisLabels,
+						"onUpdate:modelValue": a[3] ||= (e) => p(V).axisX.hideAxisLabels = e
+					}, {
+						default: m(() => [...a[36] ||= [u("Hide axis labels", -1)]]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					Y.value.xGroupBy.selectorStates.length ? (f(), c("div", he, [d(p(g), {
+						modelValue: p(V).axisX.hideAxisGroupLabels,
+						"onUpdate:modelValue": a[4] ||= (e) => p(V).axisX.hideAxisGroupLabels = e
+					}, {
+						default: m(() => [...a[37] ||= [u("Hide group labels", -1)]]),
+						_: 1
+					}, 8, ["modelValue"])])) : s("", !0),
+					p(V).axisX.hideAxisLabels ? s("", !0) : (f(), c("div", ge, [a[38] ||= l("span", null, "Labels rotation", -1), d(i, {
+						modelValue: p(V).axisX.axisLabelsAngle,
+						"onUpdate:modelValue": a[5] ||= (e) => p(V).axisX.axisLabelsAngle = e,
+						options: U
+					}, null, 8, ["modelValue"])])),
+					Y.value.xGroupBy.selectorStates.length && !p(V).axisX.hideAxisGroupLabels ? (f(), c("div", _e, [a[39] ||= l("span", null, "Group labels rotation", -1), d(i, {
+						modelValue: p(V).axisX.groupLabelsAngle,
+						"onUpdate:modelValue": a[6] ||= (e) => p(V).axisX.groupLabelsAngle = e,
+						options: U
+					}, null, 8, ["modelValue"])])) : s("", !0),
+					l("div", b, [d(p(h), {
+						modelValue: p(V).axisX.titleMode,
+						"onUpdate:modelValue": a[7] ||= (e) => p(V).axisX.titleMode = e,
+						label: "Title",
+						options: W,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					p(V).axisX.titleMode === "custom" ? (f(), c("div", x, [d(p(_), {
+						modelValue: p(V).axisX.customTitle,
+						"onUpdate:modelValue": a[8] ||= (e) => p(V).axisX.customTitle = e,
+						label: "Text",
+						placeholder: "Type"
+					}, null, 8, ["modelValue"])])) : s("", !0),
+					l("div", S, [d(p(h), {
+						modelValue: p(V).axisX.sorting,
+						"onUpdate:modelValue": a[9] ||= (e) => p(V).axisX.sorting = e,
+						label: "Sorting",
+						options: K,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					l("div", C, [d(p(h), {
+						modelValue: X.value,
+						"onUpdate:modelValue": [a[10] ||= (e) => X.value = e, a[11] ||= (e) => {
+							Z.value = e === "auto" ? null : z;
+						}],
+						label: "Cell width mode",
+						options: q,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					X.value === "custom" && Z.value !== null ? (f(), c("div", w, [d(p(y), {
+						modelValue: Z.value,
+						"onUpdate:modelValue": a[12] ||= (e) => Z.value = e,
+						label: "Cell width",
+						min: L,
+						max: R,
+						measure: "px",
+						style: { width: "100%" }
+					}, null, 8, ["modelValue"])])) : s("", !0),
+					l("div", T, [a[40] ||= l("span", null, "Ticks", -1), d(p(v), {
+						modelValue: p(V).axisX.ticks,
+						"onUpdate:modelValue": a[13] ||= (e) => p(V).axisX.ticks = e
+					}, null, 8, ["modelValue"])]),
+					l("div", E, [d(p(h), {
+						modelValue: p(V).axisX.annotationTitlePosition,
+						"onUpdate:modelValue": a[14] ||= (e) => p(V).axisX.annotationTitlePosition = e,
+						label: "Annotation title position",
+						options: ke,
+						compact: !0
+					}, null, 8, ["modelValue"])])
+				]),
+				_: 1
+			}),
+			d(t, {
+				title: "Y-axis",
+				settings: H,
+				icon: n,
+				"icon-open": r
+			}, {
+				default: m(() => [
+					l("div", D, [d(p(g), {
+						modelValue: p(V).axisY.hideAxisLabels,
+						"onUpdate:modelValue": a[15] ||= (e) => p(V).axisY.hideAxisLabels = e
+					}, {
+						default: m(() => [...a[41] ||= [u("Hide axis labels", -1)]]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					Y.value.yGroupBy.selectorStates.length ? (f(), c("div", O, [d(p(g), {
+						modelValue: p(V).axisY.hideAxisGroupLabels,
+						"onUpdate:modelValue": a[16] ||= (e) => p(V).axisY.hideAxisGroupLabels = e
+					}, {
+						default: m(() => [...a[42] ||= [u("Hide group labels", -1)]]),
+						_: 1
+					}, 8, ["modelValue"])])) : s("", !0),
+					p(V).axisY.hideAxisLabels ? s("", !0) : (f(), c("div", k, [a[43] ||= l("span", null, "Labels rotation", -1), d(i, {
+						modelValue: p(V).axisY.axisLabelsAngle,
+						"onUpdate:modelValue": a[17] ||= (e) => p(V).axisY.axisLabelsAngle = e,
+						options: U
+					}, null, 8, ["modelValue"])])),
+					Y.value.yGroupBy.selectorStates.length && !p(V).axisY.hideAxisGroupLabels ? (f(), c("div", A, [a[44] ||= l("span", null, "Group labels rotation", -1), d(i, {
+						modelValue: p(V).axisY.groupLabelsAngle,
+						"onUpdate:modelValue": a[18] ||= (e) => p(V).axisY.groupLabelsAngle = e,
+						options: U
+					}, null, 8, ["modelValue"])])) : s("", !0),
+					l("div", j, [d(p(h), {
+						modelValue: p(V).axisY.titleMode,
+						"onUpdate:modelValue": a[19] ||= (e) => p(V).axisY.titleMode = e,
+						label: "Title",
+						options: W,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					p(V).axisY.titleMode === "custom" ? (f(), c("div", M, [d(p(_), {
+						modelValue: p(V).axisY.customTitle,
+						"onUpdate:modelValue": a[20] ||= (e) => p(V).axisY.customTitle = e,
+						label: "Text",
+						placeholder: "Type"
+					}, null, 8, ["modelValue"])])) : s("", !0),
+					l("div", N, [d(p(h), {
+						modelValue: p(V).axisY.sorting,
+						"onUpdate:modelValue": a[21] ||= (e) => p(V).axisY.sorting = e,
+						label: "Sorting",
+						options: K,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					l("div", P, [d(p(h), {
+						modelValue: Q.value,
+						"onUpdate:modelValue": [a[22] ||= (e) => Q.value = e, a[23] ||= (e) => {
+							$.value = e === "auto" ? null : z;
+						}],
+						label: "Cell height mode",
+						options: q,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					Q.value === "custom" && $.value !== null ? (f(), c("div", F, [d(p(y), {
+						modelValue: $.value,
+						"onUpdate:modelValue": a[24] ||= (e) => $.value = e,
+						label: "Cell height",
+						min: L,
+						max: R,
+						measure: "px",
+						style: { width: "100%" }
+					}, null, 8, ["modelValue"])])) : s("", !0),
+					l("div", I, [a[45] ||= l("span", null, "Ticks", -1), d(p(v), {
+						modelValue: p(V).axisY.ticks,
+						"onUpdate:modelValue": a[25] ||= (e) => p(V).axisY.ticks = e
+					}, null, 8, ["modelValue"])]),
+					l("div", ve, [d(p(h), {
+						modelValue: p(V).axisY.annotationTitlePosition,
+						"onUpdate:modelValue": a[26] ||= (e) => p(V).axisY.annotationTitlePosition = e,
+						label: "Annotation title position",
+						options: Ae,
+						compact: !0
+					}, null, 8, ["modelValue"])])
+				]),
+				_: 1
+			}),
+			l("div", ye, [
+				l("div", be, [d(p(g), {
+					modelValue: p(V).other.showLegend,
+					"onUpdate:modelValue": a[27] ||= (e) => p(V).other.showLegend = e
+				}, {
+					default: m(() => [...a[46] ||= [u("Show legend", -1)]]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				l("div", xe, [d(p(_), {
+					modelValue: p(V).other.nullValueLabel,
+					"onUpdate:modelValue": a[28] ||= (e) => p(V).other.nullValueLabel = e,
+					label: "Null value label",
+					placeholder: "NA"
+				}, null, 8, ["modelValue"])]),
+				l("div", Se, [d(p(le), {
+					modelValue: p(V).other.maxFacetsCount,
+					"onUpdate:modelValue": a[29] ||= (e) => p(V).other.maxFacetsCount = e,
+					label: "Max facets count",
+					min: 1,
+					max: p(e)
+				}, null, 8, ["modelValue", "max"])]),
+				l("div", Ce, [d(p(g), {
+					modelValue: p(V).other.canvasRenderMode,
+					"onUpdate:modelValue": a[30] ||= (e) => p(V).other.canvasRenderMode = e
+				}, {
+					default: m(() => [...a[47] ||= [u("Render as canvas", -1)]]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				l("div", we, [a[48] ||= l("span", null, "Frame", -1), d(i, {
+					modelValue: p(V).other.frame,
+					"onUpdate:modelValue": a[31] ||= (e) => p(V).other.frame = e,
+					options: Oe
+				}, null, 8, ["modelValue"])]),
+				l("div", Te, [d(p(y), {
+					modelValue: p(V).other.facetColumns,
+					"onUpdate:modelValue": a[32] ||= (e) => p(V).other.facetColumns = e,
+					style: { width: "100%" },
+					label: "Facet column count",
+					min: 1,
+					max: 6,
+					step: 1,
+					breakpoints: !0,
+					mode: "input"
+				}, null, 8, ["modelValue"])]),
+				l("div", Ee, [d(p(h), {
+					modelValue: p(V).other.facetSharedBy,
+					"onUpdate:modelValue": a[33] ||= (e) => p(V).other.facetSharedBy = e,
+					label: "Facet shared by",
+					options: je.value,
+					compact: !0
+				}, null, 8, ["modelValue", "options"])])
+			])
+		])]));
+	}
+});
+export { B as default };
+
+//# sourceMappingURL=HeatmapAxesSettingsForm.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapAxesSettingsForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"HeatmapAxesSettingsForm.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/forms/AxesSettingsForm/HeatmapAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlCheckbox, PlToggleSwitch, PlNumberField } 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';\nimport { MAX_FACETS_COUNT } from '../../constantsCommon';\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          <PlTextField v-model=\"settings.other.nullValueLabel\" label=\"Null value label\" placeholder=\"NA\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlNumberField\n            v-model=\"settings.other.maxFacetsCount\"\n            label=\"Max facets count\"\n            :min=\"1\"\n            :max=\"MAX_FACETS_COUNT\"\n          />\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"],"mappings":"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"}

package/dist/forms/AxesSettingsForm/HistogramAxesSettingsForm.js

@@ -0,0 +1,5 @@
+import e from "./HistogramAxesSettingsForm.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=HistogramAxesSettingsForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramAxesSettingsForm.js","names":[],"sources":["../../../src/forms/AxesSettingsForm/HistogramAxesSettingsForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Slider, PlToggleSwitch, PlCheckbox, PlNumberField } 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 { MAX_FACETS_COUNT } from '../../constantsCommon';\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          <PlTextField v-model=\"settings.other.nullValueLabel\" label=\"Null value label\" placeholder=\"NA\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlNumberField\n            v-model=\"settings.other.maxFacetsCount\"\n            label=\"Max facets count\"\n            :min=\"2\"\n            :max=\"MAX_FACETS_COUNT\"\n          />\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"],"mappings":""}