@milaboratories/graph-maker 1.2.5 → 1.2.7

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

@@ -1,5 +1,472 @@
-import f from "./ScatterplotAxesSettingsForm.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=ScatterplotAxesSettingsForm.vue2.js.map
+import { FIXED_LINE_TYPES as e } from "../../constantsAesthetic.js";
+import { MAX_FACETS_COUNT as t, MAX_GROUPS_COUNT as ee } from "../../constantsCommon.js";
+import n from "../../components/CollapsableBlock.js";
+import r from "../../icons/Right.js";
+import i from "../../icons/Down.js";
+import a from "../../components/BtnIconGroup.js";
+import o from "../../icons/AlignLeft.js";
+import te from "../../icons/AlignCenter.js";
+import ne from "../../icons/AlignRight.js";
+import re from "../../icons/FrameFull.js";
+import ie from "../../icons/FrameEmpty.js";
+import ae from "../../icons/Rotation0.js";
+import oe from "../../icons/Rotation45.js";
+import s from "../../icons/Rotation90.js";
+import se from "../../icons/FrameLeft.js";
+import ce from "../../icons/FrameBottom.js";
+import le from "../../icons/FrameLeftBottom.js";
+import c from "../../components/AesButton.js";
+import l from "../../components/AesSettings/FormWrapper.js";
+import { getPopupHeightForFixedAesList as ue } from "../../utils/getPopupHeightForFixedAesList.js";
+import u from "../../components/Popup.js";
+import d from "../../components/AesSettings/FixedLineTypeList.js";
+import f from "../../components/ReorderForm.js";
+import { useStore as de } from "../../store.js";
+import { computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as fe, openBlock as b, ref as x, unref as S, withCtx as C } from "vue";
+import { PlBtnGroup as w, PlCheckbox as T, PlNumberField as E, PlTextField as D, PlToggleSwitch as O, Slider as pe } from "@platforma-sdk/ui-vue";
+var me = { class: "axes-settings-list" }, he = { class: "axes-settings-options-row block" }, ge = {
+	key: 0,
+	class: "axes-settings-input"
+}, _e = { class: "axes-settings-options-row" }, ve = { class: "axes-settings-options-row block" }, ye = { key: 0 }, be = {
+	key: 1,
+	class: "axes-settings-options-row block"
+}, xe = {
+	key: 2,
+	class: "axes-settings-options-row"
+}, Se = { class: "axes-settings-options-row" }, Ce = {
+	key: 3,
+	class: "axes-settings-options-row"
+}, we = { class: "axes-settings-options-row table" }, k = { class: "axes-settings-options-row table" }, Te = { class: "axes-settings-options-row" }, Ee = { class: "fixed-aes-list fixed-aes-list__rows" }, De = { class: "axes-settings-options-row block" }, Oe = { key: 0 }, ke = { class: "axes-settings-options-row" }, Ae = {
+	key: 1,
+	class: "axes-settings-options-row block"
+}, je = {
+	key: 2,
+	class: "axes-settings-options-row"
+}, Me = {
+	key: 3,
+	class: "axes-settings-options-row"
+}, Ne = { class: "axes-settings-options-row table" }, Pe = { class: "axes-settings-options-row table" }, Fe = { class: "axes-settings-options-row" }, Ie = { class: "fixed-aes-list fixed-aes-list__rows" }, Le = { class: "other" }, Re = { class: "axes-settings-options-row" }, ze = { class: "axes-settings-options-row" }, Be = { class: "axes-settings-options-row" }, Ve = { class: "axes-settings-options-row" }, He = {
+	key: 0,
+	class: "axes-settings-options-row"
+}, Ue = {
+	key: 1,
+	class: "axes-settings-options-row"
+}, We = {
+	key: 2,
+	class: "axes-settings-options-row block"
+}, A = /* @__PURE__ */ fe({
+	__name: "ScatterplotAxesSettingsForm",
+	setup(fe) {
+		let A = de(), j = A.value.reactive.axesSettings, M = p(() => A.value.reactive.chartType), N = {
+			height: 40,
+			horizontalPadding: 12,
+			defaultState: "open",
+			contentPadding: "0 24px"
+		}, Ge = [
+			{
+				value: "left",
+				icon: o
+			},
+			{
+				value: "center",
+				icon: te
+			},
+			{
+				value: "right",
+				icon: ne
+			}
+		], P = [
+			{
+				value: "auto",
+				text: "Auto"
+			},
+			{
+				value: "custom",
+				text: "Custom"
+			},
+			{
+				value: "hidden",
+				text: "Hidden"
+			}
+		], F = [{
+			value: "linear",
+			text: "Linear"
+		}, {
+			value: "log",
+			text: "Log"
+		}], Ke = [
+			{
+				value: "empty",
+				icon: ie
+			},
+			{
+				value: "left",
+				icon: se
+			},
+			{
+				value: "bottom",
+				icon: ce
+			},
+			{
+				value: "left-bottom",
+				icon: le
+			},
+			{
+				value: "full",
+				icon: re
+			}
+		], qe = [
+			{
+				text: "X",
+				value: "x"
+			},
+			{
+				text: "Y",
+				value: "y"
+			},
+			{
+				text: "XY",
+				value: "xy"
+			},
+			{
+				text: "None",
+				value: "none"
+			}
+		], I = [
+			{
+				value: "center",
+				icon: ae
+			},
+			{
+				value: "45deg",
+				icon: oe
+			},
+			{
+				value: "90deg",
+				icon: s
+			}
+		], L = x(j.axisX.significantLinesStyle), R = x(j.axisY.significantLinesStyle), z = p(() => ue(e.length, "lineType")), B = x(), V = x(), H = x(!1), U = x(!1), W = p(() => {
+			let e = A.value.reactive.optionsState.components.x.selectorStates;
+			return e.length ? e[0].selectedSource : null;
+		}), G = p(() => {
+			let e = A.value.reactive.optionsState.components.y.selectorStates;
+			return e.length ? e[0].selectedSource : null;
+		}), K = p(() => W.value ? A.value.inputGuide.value.getSourceInfo(W.value).type === "String" : !1), q = p(() => G.value ? A.value.inputGuide.value.getSourceInfo(G.value).type === "String" : !1), J = x(!1), Y = x(!1), X = p({
+			get: () => {
+				if (!K.value || !W.value) return null;
+				let e = A.value.reactive.axesSettings.axisX.order, t = A.value.uniqueValuesData.value[W.value];
+				return e?.source === W.value ? e.options : t?.overflow ? void 0 : t?.options;
+			},
+			set: (e) => {
+				W.value && e && (A.value.reactive.axesSettings.axisX.order = {
+					source: W.value,
+					options: e
+				});
+			}
+		}), Z = p({
+			get: () => {
+				if (!q.value || !G.value) return null;
+				let e = A.value.reactive.axesSettings.axisY.order, t = A.value.uniqueValuesData.value[G.value];
+				return e?.source === G.value ? e.options : t?.overflow ? void 0 : t?.options;
+			},
+			set: (e) => {
+				G.value && e && (A.value.reactive.axesSettings.axisY.order = {
+					source: G.value,
+					options: e
+				});
+			}
+		}), Q = p({
+			get() {
+				return j.axisX.labelsRotation ?? "center";
+			},
+			set(e) {
+				j.axisX.labelsRotation = e;
+			}
+		}), $ = p({
+			get() {
+				return j.axisY.labelsRotation ?? "center";
+			},
+			set(e) {
+				j.axisY.labelsRotation = e;
+			}
+		});
+		return (e, o) => (b(), g("div", {
+			class: "axes-form",
+			onClick: o[40] ||= (e) => e.stopPropagation()
+		}, [o[56] ||= _("h3", { class: "axes-title" }, " Axes ", -1), _("div", me, [
+			y(n, {
+				title: "Title",
+				settings: N,
+				icon: r,
+				"icon-open": i
+			}, {
+				default: C(() => [
+					_("div", he, [y(S(w), {
+						modelValue: S(j).title.mode,
+						"onUpdate:modelValue": o[0] ||= (e) => S(j).title.mode = e,
+						label: "Title",
+						options: P,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					S(j).title.mode === "custom" ? (b(), g("div", ge, [y(S(D), {
+						modelValue: S(j).title.value,
+						"onUpdate:modelValue": o[1] ||= (e) => S(j).title.value = e,
+						label: "Chart title",
+						placeholder: "Chart title"
+					}, null, 8, ["modelValue"])])) : h("", !0),
+					_("div", _e, [o[41] ||= _("span", null, "Alignment", -1), y(a, {
+						modelValue: S(j).title.position,
+						"onUpdate:modelValue": o[2] ||= (e) => S(j).title.position = e,
+						options: Ge
+					}, null, 8, ["modelValue"])])
+				]),
+				_: 1
+			}),
+			y(n, {
+				title: "X-axis",
+				settings: N,
+				icon: r,
+				"icon-open": i
+			}, {
+				default: C(() => [
+					_("div", ve, [y(S(w), {
+						modelValue: S(j).axisX.titleMode,
+						"onUpdate:modelValue": o[3] ||= (e) => S(j).axisX.titleMode = e,
+						label: "Title",
+						options: P,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					S(j).axisX.titleMode === "custom" ? (b(), g("div", ye, [y(S(D), {
+						modelValue: S(j).axisX.customTitle,
+						"onUpdate:modelValue": o[4] ||= (e) => S(j).axisX.customTitle = e,
+						label: "Text",
+						placeholder: "Type"
+					}, null, 8, ["modelValue"])])) : h("", !0),
+					K.value ? h("", !0) : (b(), g("div", be, [y(S(w), {
+						modelValue: S(j).axisX.scale,
+						"onUpdate:modelValue": o[5] ||= (e) => S(j).axisX.scale = e,
+						label: "Scale",
+						options: F,
+						compact: !0
+					}, null, 8, ["modelValue"])])),
+					K.value && X.value ? (b(), g("div", xe, [
+						o[42] ||= _("span", null, "X axis order: ", -1),
+						y(c, {
+							data: {
+								type: "data",
+								value: null
+							},
+							onClick: o[6] ||= (e) => J.value = !0
+						}),
+						J.value ? (b(), m(l, {
+							key: 0,
+							title: "Reorder X axis values",
+							"back-title": "Axes Settings",
+							"onForm:close": o[8] ||= (e) => J.value = !1
+						}, {
+							default: C(() => [y(f, {
+								modelValue: X.value,
+								"onUpdate:modelValue": o[7] ||= (e) => X.value = e
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : h("", !0)
+					])) : h("", !0),
+					_("div", Se, [y(S(T), {
+						modelValue: S(j).axisX.hideAxisLabels,
+						"onUpdate:modelValue": o[9] ||= (e) => S(j).axisX.hideAxisLabels = e
+					}, {
+						default: C(() => [...o[43] ||= [v("Hide axis labels", -1)]]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					K.value ? (b(), g("div", Ce, [o[44] ||= _("span", null, "Labels rotation", -1), y(a, {
+						modelValue: Q.value,
+						"onUpdate:modelValue": o[10] ||= (e) => Q.value = e,
+						options: I
+					}, null, 8, ["modelValue"])])) : h("", !0),
+					_("div", we, [o[45] ||= _("span", null, "Gridlines", -1), y(S(O), {
+						modelValue: S(j).axisX.gridlines,
+						"onUpdate:modelValue": o[11] ||= (e) => S(j).axisX.gridlines = e
+					}, null, 8, ["modelValue"])]),
+					_("div", k, [o[46] ||= _("span", null, "Ticks", -1), y(S(O), {
+						modelValue: S(j).axisX.ticks,
+						"onUpdate:modelValue": o[12] ||= (e) => S(j).axisX.ticks = e
+					}, null, 8, ["modelValue"])]),
+					_("div", Te, [
+						o[47] ||= _("span", null, "Significant lines style", -1),
+						y(c, {
+							data: {
+								type: "lineType",
+								value: L.value
+							},
+							onClick: o[13] ||= (e) => H.value = !H.value,
+							onRef: o[14] ||= (e) => B.value = e
+						}, null, 8, ["data"]),
+						H.value ? (b(), m(u, {
+							key: 0,
+							height: z.value,
+							targetRef: B.value,
+							"onPopup:close": o[17] ||= (e) => H.value = !1
+						}, {
+							default: C(() => [_("div", Ee, [y(d, {
+								modelValue: L.value,
+								"onUpdate:modelValue": [o[15] ||= (e) => L.value = e, o[16] ||= (e) => S(j).axisX.significantLinesStyle = e]
+							}, null, 8, ["modelValue"])])]),
+							_: 1
+						}, 8, ["height", "targetRef"])) : h("", !0)
+					])
+				]),
+				_: 1
+			}),
+			y(n, {
+				title: "Y-axis",
+				settings: N,
+				icon: r,
+				"icon-open": i
+			}, {
+				default: C(() => [
+					_("div", De, [y(S(w), {
+						modelValue: S(j).axisY.titleMode,
+						"onUpdate:modelValue": o[18] ||= (e) => S(j).axisY.titleMode = e,
+						label: "Title",
+						options: P,
+						compact: !0
+					}, null, 8, ["modelValue"])]),
+					S(j).axisY.titleMode === "custom" ? (b(), g("div", Oe, [y(S(D), {
+						modelValue: S(j).axisY.customTitle,
+						"onUpdate:modelValue": o[19] ||= (e) => S(j).axisY.customTitle = e,
+						label: "Text",
+						placeholder: "Type"
+					}, null, 8, ["modelValue"])])) : h("", !0),
+					_("div", ke, [y(S(T), {
+						modelValue: S(j).axisY.hideAxisLabels,
+						"onUpdate:modelValue": o[20] ||= (e) => S(j).axisY.hideAxisLabels = e
+					}, {
+						default: C(() => [...o[48] ||= [v("Hide axis labels", -1)]]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					q.value ? h("", !0) : (b(), g("div", Ae, [y(S(w), {
+						modelValue: S(j).axisY.scale,
+						"onUpdate:modelValue": o[21] ||= (e) => S(j).axisY.scale = e,
+						label: "Scale",
+						options: F,
+						compact: !0
+					}, null, 8, ["modelValue"])])),
+					q.value && Z.value ? (b(), g("div", je, [
+						o[49] ||= _("span", null, "Y axis order: ", -1),
+						y(c, {
+							data: {
+								type: "data",
+								value: null
+							},
+							onClick: o[22] ||= (e) => Y.value = !0
+						}),
+						Y.value ? (b(), m(l, {
+							key: 0,
+							title: "Reorder Y axis values",
+							"back-title": "Axes Settings",
+							"onForm:close": o[24] ||= (e) => Y.value = !1
+						}, {
+							default: C(() => [y(f, {
+								modelValue: Z.value,
+								"onUpdate:modelValue": o[23] ||= (e) => Z.value = e
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : h("", !0)
+					])) : h("", !0),
+					q.value ? (b(), g("div", Me, [o[50] ||= _("span", null, "Labels rotation", -1), y(a, {
+						modelValue: $.value,
+						"onUpdate:modelValue": o[25] ||= (e) => $.value = e,
+						options: I
+					}, null, 8, ["modelValue"])])) : h("", !0),
+					_("div", Ne, [o[51] ||= _("span", null, "Gridlines", -1), y(S(O), {
+						modelValue: S(j).axisY.gridlines,
+						"onUpdate:modelValue": o[26] ||= (e) => S(j).axisY.gridlines = e
+					}, null, 8, ["modelValue"])]),
+					_("div", Pe, [o[52] ||= _("span", null, "Ticks", -1), y(S(O), {
+						modelValue: S(j).axisY.ticks,
+						"onUpdate:modelValue": o[27] ||= (e) => S(j).axisY.ticks = e
+					}, null, 8, ["modelValue"])]),
+					_("div", Fe, [
+						o[53] ||= _("span", null, "Significant lines style", -1),
+						y(c, {
+							data: {
+								type: "lineType",
+								value: R.value
+							},
+							onClick: o[28] ||= (e) => U.value = !U.value,
+							onRef: o[29] ||= (e) => V.value = e
+						}, null, 8, ["data"]),
+						U.value ? (b(), m(u, {
+							key: 0,
+							height: z.value,
+							targetRef: V.value,
+							"onPopup:close": o[32] ||= (e) => U.value = !1
+						}, {
+							default: C(() => [_("div", Ie, [y(d, {
+								modelValue: R.value,
+								"onUpdate:modelValue": [o[30] ||= (e) => R.value = e, o[31] ||= (e) => S(j).axisY.significantLinesStyle = e]
+							}, null, 8, ["modelValue"])])]),
+							_: 1
+						}, 8, ["height", "targetRef"])) : h("", !0)
+					])
+				]),
+				_: 1
+			}),
+			_("div", Le, [
+				_("div", Re, [y(S(T), {
+					modelValue: S(j).other.showLegend,
+					"onUpdate:modelValue": o[33] ||= (e) => S(j).other.showLegend = e
+				}, {
+					default: C(() => [...o[54] ||= [v("Show legend", -1)]]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				_("div", ze, [y(S(D), {
+					modelValue: S(j).other.nullValueLabel,
+					"onUpdate:modelValue": o[34] ||= (e) => S(j).other.nullValueLabel = e,
+					label: "Null value label",
+					placeholder: "NA"
+				}, null, 8, ["modelValue"])]),
+				_("div", Be, [y(S(E), {
+					modelValue: S(j).other.maxGroupCount,
+					"onUpdate:modelValue": o[35] ||= (e) => S(j).other.maxGroupCount = e,
+					label: "Max groups count",
+					min: 1,
+					max: S(ee)
+				}, null, 8, ["modelValue", "max"])]),
+				_("div", Ve, [y(S(E), {
+					modelValue: S(j).other.maxFacetsCount,
+					"onUpdate:modelValue": o[36] ||= (e) => S(j).other.maxFacetsCount = e,
+					label: "Max facets count",
+					min: 1,
+					max: S(t)
+				}, null, 8, ["modelValue", "max"])]),
+				M.value === "scatterplot" ? (b(), g("div", He, [o[55] ||= _("span", null, "Frame", -1), y(a, {
+					modelValue: S(j).other.frame,
+					"onUpdate:modelValue": o[37] ||= (e) => S(j).other.frame = e,
+					options: Ke
+				}, null, 8, ["modelValue"])])) : h("", !0),
+				M.value === "scatterplot" ? (b(), g("div", Ue, [y(S(pe), {
+					modelValue: S(j).other.facetColumns,
+					"onUpdate:modelValue": o[38] ||= (e) => S(j).other.facetColumns = e,
+					style: { width: "100%" },
+					label: "Facet column count",
+					min: 1,
+					max: 6,
+					step: 1,
+					breakpoints: !0,
+					mode: "input"
+				}, null, 8, ["modelValue"])])) : h("", !0),
+				M.value === "scatterplot" ? (b(), g("div", We, [y(S(w), {
+					modelValue: S(j).other.facetSharedBy,
+					"onUpdate:modelValue": o[39] ||= (e) => S(j).other.facetSharedBy = e,
+					label: "Facet shared by",
+					options: qe,
+					compact: !0
+				}, null, 8, ["modelValue"])])) : h("", !0)
+			])
+		])]));
+	}
+});
+export { A as default };
+
+//# sourceMappingURL=ScatterplotAxesSettingsForm.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScatterplotAxesSettingsForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ScatterplotAxesSettingsForm.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/forms/AxesSettingsForm/ScatterplotAxesSettingsForm.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 type { AesButtonProps } from '../../components/AesButton.vue';\nimport AesButton from '../../components/AesButton.vue';\nimport FormWrapper from '../../components/AesSettings/FormWrapper.vue';\nimport { computed, ref } from 'vue';\nimport Popup from '../../components/Popup.vue';\nimport FixedLineTypeList from '../../components/AesSettings/FixedLineTypeList.vue';\nimport type { LineType } from '../../components/AesSettings/types';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport { FIXED_LINE_TYPES } from '../../constantsAesthetic';\nimport ReorderForm from '../../components/ReorderForm.vue';\nimport Rotation0 from '../../icons/Rotation0.vue';\nimport Rotation45 from '../../icons/Rotation45.vue';\nimport Rotation90 from '../../icons/Rotation90.vue';\nimport type { LabelsRotation } from '../../types';\nimport { MAX_FACETS_COUNT, MAX_GROUPS_COUNT } from '../../constantsCommon';\n\nconst store = useStore();\nconst settings = store.value.reactive.axesSettings;\nconst chartType = computed(() => store.value.reactive.chartType);\nconst blockSettings = {\n  height: 40,\n  horizontalPadding: 12,\n  defaultState: 'open' as 'open' | 'close',\n  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];\n// const OPTIONS_FACET_FRAME = [\n//   {value: 'empty', icon: FrameEmpty},\n//   {value: 'full', icon: FrameFull},\n// ]\nconst OPTIONS_AXIS_LABEL_MODE = [\n  { value: 'auto', text: 'Auto' },\n  { value: 'custom', text: 'Custom' },\n  { value: 'hidden', text: '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];\nconst OPTIONS_LABELS_ROTATION = [\n  { value: 'center', icon: Rotation0 },\n  { value: '45deg', icon: Rotation45 },\n  { value: '90deg', icon: Rotation90 },\n];\nconst significantLineStyleX = ref(settings.axisX.significantLinesStyle);\nconst significantLineStyleY = ref(settings.axisY.significantLinesStyle);\nconst linesPopupHeight = computed(() => getPopupHeightForFixedAesList(FIXED_LINE_TYPES.length, 'lineType'));\nconst linesAesButtonXRef = ref();\nconst linesAesButtonYRef = ref();\nconst openLinesPopupX = ref(false);\nconst openLinesPopupY = ref(false);\n\nconst xSource = computed(() => {\n  const x = store.value.reactive.optionsState.components.x.selectorStates;\n  return x.length ? x[0].selectedSource : null;\n});\nconst ySource = computed(() => {\n  const y = store.value.reactive.optionsState.components.y.selectorStates;\n  return y.length ? y[0].selectedSource : null;\n});\n\nconst discreteX = computed(() => {\n  if (!xSource.value) {\n    return false;\n  }\n  const info = store.value.inputGuide.value.getSourceInfo(xSource.value);\n  return info.type === 'String';\n});\nconst discreteY = computed(() => {\n  if (!ySource.value) {\n    return false;\n  }\n  const info = store.value.inputGuide.value.getSourceInfo(ySource.value);\n  return info.type === 'String';\n});\nconst reorderX = ref(false);\nconst reorderY = ref(false);\nconst axisOrderX = computed({\n  get: () => {\n    if (!discreteX.value || !xSource.value) {\n      return null;\n    }\n    const savedOrder = store.value.reactive.axesSettings.axisX.order;\n    const entryX = store.value.uniqueValuesData.value[xSource.value];\n    return savedOrder?.source === xSource.value ? savedOrder.options : (entryX?.overflow ? undefined : entryX?.options);\n  },\n  set: (v) => {\n    if (xSource.value && v) {\n      store.value.reactive.axesSettings.axisX.order = {\n        source: xSource.value,\n        options: v,\n      };\n    }\n  },\n});\nconst axisOrderY = computed({\n  get: () => {\n    if (!discreteY.value || !ySource.value) {\n      return null;\n    }\n    const savedOrder = store.value.reactive.axesSettings.axisY.order;\n    const entryY = store.value.uniqueValuesData.value[ySource.value];\n    return savedOrder?.source === ySource.value ? savedOrder.options : (entryY?.overflow ? undefined : entryY?.options);\n  },\n  set: (v) => {\n    if (ySource.value && v) {\n      store.value.reactive.axesSettings.axisY.order = {\n        source: ySource.value,\n        options: v,\n      };\n    }\n  },\n});\nconst xLabelsRotation = computed({\n  get() {\n    return settings.axisX.labelsRotation ?? 'center';\n  },\n  set(value: LabelsRotation) {\n    settings.axisX.labelsRotation = value;\n  },\n});\nconst yLabelsRotation = computed({\n  get() {\n    return settings.axisY.labelsRotation ?? 'center';\n  },\n  set(value: LabelsRotation) {\n    settings.axisY.labelsRotation = value;\n  },\n});\n</script>\n\n<template>\n  <div class=\"axes-form\" @click=\"(e) => e.stopPropagation()\">\n    <h3 class=\"axes-title\">\n      Axes\n    </h3>\n    <div class=\"axes-settings-list\">\n      <!--      Chart title -->\n      <CollapsableBlock title=\"Title\" :settings=\"blockSettings\" :icon=\"Right\" :icon-open=\"Down\">\n        <div class=\"axes-settings-options-row block\">\n          <PlBtnGroup v-model=\"settings.title.mode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n        </div>\n        <div v-if=\"settings.title.mode === 'custom'\" class=\"axes-settings-input\">\n          <PlTextField v-model=\"settings.title.value\" label=\"Chart title\" placeholder=\"Chart title\" />\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        <!--              <div class=\"axes-settings-options-row\">-->\n        <!--                <span>Facet frame style</span>-->\n        <!--                <btn-icon-group :options=\"OPTIONS_FACET_FRAME\" v-model=\"settings.title.facetTitleFrame\"/>-->\n        <!--              </div>-->\n      </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 v-model=\"settings.axisX.titleMode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n        </div>\n        <div v-if=\"settings.axisX.titleMode === 'custom'\">\n          <PlTextField v-model=\"settings.axisX.customTitle\" label=\"Text\" placeholder=\"Type\" />\n        </div>\n        <div v-if=\"!discreteX\" class=\"axes-settings-options-row block\">\n          <PlBtnGroup v-model=\"settings.axisX.scale\" label=\"Scale\" :options=\"OPTIONS_SCALE\" :compact=\"true\" />\n        </div>\n        <div v-if=\"discreteX && axisOrderX\" class=\"axes-settings-options-row\">\n          <span>X axis order: </span>\n          <AesButton :data=\"{ type: 'data', value: null }\" @click=\"reorderX = true\" />\n          <template v-if=\"reorderX\">\n            <FormWrapper title=\"Reorder X axis values\" back-title=\"Axes Settings\" @form:close=\"reorderX = false\">\n              <ReorderForm v-model=\"axisOrderX\" />\n            </FormWrapper>\n          </template>\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisX.hideAxisLabels\">Hide axis labels</PlCheckbox>\n        </div>\n        <div v-if=\"discreteX\" class=\"axes-settings-options-row\">\n          <span>Labels rotation</span>\n          <BtnIconGroup v-model=\"xLabelsRotation\" :options=\"OPTIONS_LABELS_ROTATION\" />\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        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <AesButton\n            :data=\"{ type: 'lineType', value: significantLineStyleX } as AesButtonProps['data']\"\n            @click=\"openLinesPopupX = !openLinesPopupX\" @ref=\"(el: Element) => (linesAesButtonXRef = el)\"\n          />\n          <Popup\n            v-if=\"openLinesPopupX\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonXRef\"\n            @popup:close=\"openLinesPopupX = false\"\n          >\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <FixedLineTypeList\n                v-model=\"significantLineStyleX\"\n                @update:modelValue=\"(value: LineType) => settings.axisX.significantLinesStyle = value\"\n              />\n            </div>\n          </Popup>\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 v-model=\"settings.axisY.titleMode\" label=\"Title\" :options=\"OPTIONS_AXIS_LABEL_MODE\" :compact=\"true\" />\n        </div>\n        <div v-if=\"settings.axisY.titleMode === 'custom'\">\n          <PlTextField v-model=\"settings.axisY.customTitle\" label=\"Text\" placeholder=\"Type\" />\n        </div>\n        <div class=\"axes-settings-options-row\">\n          <PlCheckbox v-model=\"settings.axisY.hideAxisLabels\">Hide axis labels</PlCheckbox>\n        </div>\n        <div v-if=\"!discreteY\" class=\"axes-settings-options-row block\">\n          <PlBtnGroup v-model=\"settings.axisY.scale\" label=\"Scale\" :options=\"OPTIONS_SCALE\" :compact=\"true\" />\n        </div>\n        <div v-if=\"discreteY && axisOrderY\" class=\"axes-settings-options-row\">\n          <span>Y axis order: </span>\n          <AesButton :data=\"{ type: 'data', value: null }\" @click=\"reorderY = true\" />\n          <template v-if=\"reorderY\">\n            <FormWrapper title=\"Reorder Y axis values\" back-title=\"Axes Settings\" @form:close=\"reorderY = false\">\n              <ReorderForm v-model=\"axisOrderY\" />\n            </FormWrapper>\n          </template>\n        </div>\n        <div v-if=\"discreteY\" class=\"axes-settings-options-row\">\n          <span>Labels rotation</span>\n          <BtnIconGroup v-model=\"yLabelsRotation\" :options=\"OPTIONS_LABELS_ROTATION\" />\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        <div class=\"axes-settings-options-row\">\n          <span>Significant lines style</span>\n          <AesButton\n            :data=\"{ type: 'lineType', value: significantLineStyleY } as AesButtonProps['data']\"\n            @click=\"openLinesPopupY = !openLinesPopupY\" @ref=\"(el: Element) => (linesAesButtonYRef = el)\"\n          />\n          <Popup\n            v-if=\"openLinesPopupY\" :height=\"linesPopupHeight\" :targetRef=\"linesAesButtonYRef\"\n            @popup:close=\"openLinesPopupY = false\"\n          >\n            <div class=\"fixed-aes-list fixed-aes-list__rows\">\n              <FixedLineTypeList\n                v-model=\"significantLineStyleY\"\n                @update:modelValue=\"(value: LineType) => settings.axisY.significantLinesStyle = value\"\n              />\n            </div>\n          </Popup>\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.maxGroupCount\"\n            label=\"Max groups count\"\n            :min=\"1\"\n            :max=\"MAX_GROUPS_COUNT\"\n          />\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 v-if=\"chartType === 'scatterplot'\" class=\"axes-settings-options-row\">\n          <span>Frame</span>\n          <BtnIconGroup v-model=\"settings.other.frame\" :options=\"OPTIONS_CHART_FRAME\" />\n        </div>\n        <div v-if=\"chartType === 'scatterplot'\" class=\"axes-settings-options-row\">\n          <Slider\n            v-model=\"settings.other.facetColumns\" :style=\"{ width: '100%' }\" label=\"Facet column count\" :min=\"1\" :max=\"6\" :step=\"1\"\n            :breakpoints=\"true\" mode=\"input\"\n          />\n        </div>\n        <div v-if=\"chartType === 'scatterplot'\" class=\"axes-settings-options-row block\">\n          <PlBtnGroup\n            v-model=\"settings.other.facetSharedBy\" 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":"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"}

package/dist/forms/AxesSettingsForm/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/forms/AxesSettingsForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport DiscreteForm from './DiscreteAxesSettingsForm.vue';\nimport ScatterplotForm from './ScatterplotAxesSettingsForm.vue';\nimport HeatmapForm from './HeatmapAxesSettingsForm.vue';\nimport HistogramForm from './HistogramAxesSettingsForm.vue';\nimport BubbleForm from './BubbleAxesSettingsForm.vue';\n\nconst store = useStore();\n</script>\n\n<template>\n  <div class=\"data-form\">\n    <DiscreteForm v-if=\"store.reactive.chartType === 'discrete'\"/>\n    <ScatterplotForm v-if=\"store.reactive.chartType === 'scatterplot' || store.reactive.chartType === 'scatterplot-umap'\"/>\n    <HeatmapForm v-if=\"store.reactive.chartType === 'heatmap'\"/>\n    <HistogramForm v-if=\"store.reactive.chartType === 'histogram'\"/>\n    <BubbleForm v-if=\"store.reactive.chartType === 'bubble'\"/>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,5 +1,23 @@
-import f from "./index.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=index.vue2.js.map
+import e from "./DiscreteAxesSettingsForm.js";
+import t from "./ScatterplotAxesSettingsForm.js";
+import n from "./HeatmapAxesSettingsForm.js";
+import r from "./HistogramAxesSettingsForm.js";
+import i from "./BubbleAxesSettingsForm.js";
+import { useStore as a } from "../../store.js";
+import { createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, openBlock as u, unref as d } from "vue";
+var f = { class: "data-form" }, p = /* @__PURE__ */ l({
+	__name: "index",
+	setup(l) {
+		let p = a();
+		return (a, l) => (u(), c("div", f, [
+			d(p).reactive.chartType === "discrete" ? (u(), o(e, { key: 0 })) : s("", !0),
+			d(p).reactive.chartType === "scatterplot" || d(p).reactive.chartType === "scatterplot-umap" ? (u(), o(t, { key: 1 })) : s("", !0),
+			d(p).reactive.chartType === "heatmap" ? (u(), o(n, { key: 2 })) : s("", !0),
+			d(p).reactive.chartType === "histogram" ? (u(), o(r, { key: 3 })) : s("", !0),
+			d(p).reactive.chartType === "bubble" ? (u(), o(i, { key: 4 })) : s("", !0)
+		]));
+	}
+});
+export { p as default };
+
+//# sourceMappingURL=index.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/forms/AxesSettingsForm/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport DiscreteForm from './DiscreteAxesSettingsForm.vue';\nimport ScatterplotForm from './ScatterplotAxesSettingsForm.vue';\nimport HeatmapForm from './HeatmapAxesSettingsForm.vue';\nimport HistogramForm from './HistogramAxesSettingsForm.vue';\nimport BubbleForm from './BubbleAxesSettingsForm.vue';\n\nconst store = useStore();\n</script>\n\n<template>\n  <div class=\"data-form\">\n    <DiscreteForm v-if=\"store.reactive.chartType === 'discrete'\"/>\n    <ScatterplotForm v-if=\"store.reactive.chartType === 'scatterplot' || store.reactive.chartType === 'scatterplot-umap'\"/>\n    <HeatmapForm v-if=\"store.reactive.chartType === 'heatmap'\"/>\n    <HistogramForm v-if=\"store.reactive.chartType === 'histogram'\"/>\n    <BubbleForm v-if=\"store.reactive.chartType === 'bubble'\"/>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAQA,IAAM,IAAQ,GAAU;yBAItB,EAMM,OANN,GAMM;GALgB,EAAA,EAAK,CAAC,SAAS,cAAS,cAAA,GAAA,EAA5C,EAA8D,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GACvC,EAAA,EAAK,CAAC,SAAS,cAAS,iBAAsB,EAAA,EAAK,CAAC,SAAS,cAAS,sBAAA,GAAA,EAA7F,EAAuH,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GACpG,EAAA,EAAK,CAAC,SAAS,cAAS,aAAA,GAAA,EAA3C,EAA4D,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GACvC,EAAA,EAAK,CAAC,SAAS,cAAS,eAAA,GAAA,EAA7C,EAAgE,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAC9C,EAAA,EAAK,CAAC,SAAS,cAAS,YAAA,GAAA,EAA1C,EAA0D,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/forms/DataMappingForm/BubbleForm.js

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

package/dist/forms/DataMappingForm/BubbleForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleForm.js","names":[],"sources":["../../../src/forms/DataMappingForm/BubbleForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { BubbleUIState } from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { computed } from 'vue';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { useBaskets } from './useBaskets';\n\ntype BasketIds = Exclude<keyof BubbleUIState['components'], 'valueColor' | 'valueSize'>;\ntype DataIds = keyof BubbleUIState['components'] & ('valueColor' | 'valueSize');\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'x',\n  'y',\n  'xGroupBy',\n  'yGroupBy',\n  'tooltipContent',\n  'tabBy',\n  'facetBy',\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  x: 'X',\n  y: 'Y',\n  xGroupBy: 'X group',\n  yGroupBy: 'Y group',\n  tooltipContent: 'Tooltip',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions,\n} = useBaskets<BubbleUIState, BasketIds, DataIds>(\n  store,\n  ['valueColor', 'valueSize'],\n  ['filters', 'tabBy'],\n  ['x', 'y', 'xGroupBy', 'yGroupBy', 'tooltipContent', 'facetBy'],\n  BASKETS,\n  BASKET_LABELS,\n);\n\nconst readonlyValueColor = computed(() => store.value.readonlyInputs?.includes('valueColor') ?? false);\nconst readonlyValueSize = computed(() => store.value.readonlyInputs?.includes('valueSize') ?? false);\n\nconst valueColorValue = computed({\n  get: () => dataStateValues.value.valueColor.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.valueColor.value = value;\n  },\n});\n\nconst valueSizeValue = computed({\n  get: () => dataStateValues.value.valueSize.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.valueSize.value = value;\n  },\n});\n\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"valueColorValue\"\n          label=\"Data source for color:\"\n          clearable\n          :disabled=\"readonlyValueColor\"\n          :options=\"dataOptions.valueColor\"\n          :error=\"getErrorForPlDropdown('valueColor', store.inputGuide.value)\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <PlDropdown\n          v-model=\"valueSizeValue\"\n          label=\"Data source for size:\"\n          clearable\n          :disabled=\"readonlyValueSize\"\n          :options=\"dataOptions.valueSize\"\n          :error=\"getErrorForPlDropdown('valueSize', store.inputGuide.value)\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </FormLayout>\n</template>\n"],"mappings":""}