@milaboratories/graph-maker 1.1.182 → 1.1.183

package/dist/components/AesSettings/AesDataMappingDiscrete.vue3.js.map

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

package/dist/components/AesSettings/DiscreteRow.vue.d.ts

@@ -0,0 +1,27 @@
+import { Palette, DotShape, LineType } from './types';
+import { AesType } from '../../constantsCommon';
+type EditableAesType = 'color' | 'dotShape' | 'lineType';
+type __VLS_Props = {
+    item: {
+        text: string;
+        value: string;
+        dotShape?: DotShape;
+        color?: string;
+        lineType?: LineType;
+    };
+    activeValue: string | null;
+    activeAesType: EditableAesType | null;
+    usedAesInMapping: Record<AesType, boolean>;
+    palette: Palette;
+    allowReordering: boolean;
+    allowHiding: boolean;
+    hidden: boolean;
+    isCategorical: boolean;
+    onAesValueUpdate: (field: string, value: string | DotShape | LineType) => void;
+    onSwitchVisibility: () => void;
+    onActiveValueChange: (value: string | null) => void;
+    onActiveAesTypeChange: (value: EditableAesType | null) => void;
+    onCloseForm: () => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/AesSettings/DiscreteRow.vue.js

@@ -0,0 +1,10 @@
+import s from "./DiscreteRow.vue2.js";
+import o from "./DiscreteRow.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", e]]);
+export {
+  f as default
+};
+//# sourceMappingURL=DiscreteRow.vue.js.map

package/dist/components/AesSettings/DiscreteRow.vue.js.map

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

package/dist/components/AesSettings/DiscreteRow.vue2.js

@@ -0,0 +1,159 @@
+import { defineComponent as $, computed as T, reactive as S, createElementBlock as m, openBlock as o, normalizeClass as a, createElementVNode as s, toDisplayString as k, createBlock as d, createCommentVNode as u, unref as V, withCtx as r, withModifiers as y, createVNode as C, normalizeStyle as p } from "vue";
+import { PALETTE_MAP as h, FIXED_LINE_TYPES as w, FIXES_DOT_SHAPES as F } from "../../constantsAesthetic.js";
+import { getPopupHeightForFixedAesList as E } from "../../utils/getPopupHeightForFixedAesList.js";
+import { PlTooltip as I, PlIcon24 as P } from "@platforma-sdk/ui-vue";
+import B from "../Popup.vue.js";
+import M from "./FixedLineTypeList.vue.js";
+import U from "./FixedDotShapeList.vue.js";
+import R from "./FixedColorsList.vue.js";
+const G = /* @__PURE__ */ $({
+  __name: "DiscreteRow",
+  props: {
+    item: {},
+    activeValue: {},
+    activeAesType: {},
+    usedAesInMapping: {},
+    palette: {},
+    allowReordering: { type: Boolean },
+    allowHiding: { type: Boolean },
+    hidden: { type: Boolean },
+    isCategorical: { type: Boolean },
+    onAesValueUpdate: { type: Function },
+    onSwitchVisibility: { type: Function },
+    onActiveValueChange: { type: Function },
+    onActiveAesTypeChange: { type: Function },
+    onCloseForm: { type: Function }
+  },
+  setup(e) {
+    const n = e;
+    function v(i, t) {
+      const l = n.activeValue === i.value && n.activeAesType === t;
+      n.onActiveValueChange(l ? null : i.value), n.onActiveAesTypeChange(l ? null : t);
+    }
+    const A = T(
+      () => h[n.palette].colors.map((i) => ({ color: i, name: i }))
+    ), g = T(() => n.activeAesType ? E(
+      n.activeAesType === "lineType" ? w.length : n.activeAesType === "dotShape" ? F.length : A.value.length,
+      n.activeAesType
+    ) : 0), f = S({
+      color: {},
+      dotShape: {},
+      lineType: {}
+    });
+    function c(i, t, l) {
+      l && (f[i][t.value] = l);
+    }
+    return (i, t) => (o(), m("div", {
+      class: a(i.$style.columnValue)
+    }, [
+      s("div", {
+        class: a(i.$style.title)
+      }, k(e.item.text), 3),
+      s("div", {
+        class: a(i.$style.aesGroup)
+      }, [
+        e.allowHiding ? (o(), d(V(I), {
+          key: 0,
+          "open-delay": 100,
+          "close-delay": 100
+        }, {
+          tooltip: r(() => [...t[10] || (t[10] = [
+            s("span", null, " Show / hide ", -1)
+          ])]),
+          default: r(() => [
+            s("div", {
+              style: { cursor: "pointer" },
+              class: a(i.$style.aes),
+              onClick: t[0] || (t[0] = y((l) => e.onSwitchVisibility(), ["stop"]))
+            }, [
+              C(V(P), {
+                name: e.hidden ? "view-hide" : "view-show"
+              }, null, 8, ["name"])
+            ], 2)
+          ]),
+          _: 1
+        })) : u("", !0),
+        e.usedAesInMapping.lineType ? (o(), m("div", {
+          key: 1,
+          ref: (l) => c("lineType", e.item, l),
+          class: a([i.$style.aes, {
+            [i.$style.selected]: e.activeValue === e.item.value && e.activeAesType === "lineType"
+          }]),
+          onClick: t[1] || (t[1] = y((l) => v(e.item, "lineType"), ["stop"]))
+        }, [
+          s("div", {
+            class: a(["icon__line line", { [`line__${e.item.lineType}`]: !0 }])
+          }, null, 2)
+        ], 2)) : u("", !0),
+        e.usedAesInMapping.dotShape ? (o(), m("div", {
+          key: 2,
+          ref: (l) => c("dotShape", e.item, l),
+          class: a([i.$style.aes, {
+            [i.$style.selected]: e.activeValue === e.item.value && e.activeAesType === "dotShape"
+          }]),
+          onClick: t[2] || (t[2] = y((l) => v(e.item, "dotShape"), ["stop"]))
+        }, [
+          s("div", {
+            class: a(["dot", { [`dot__${e.item.dotShape}`]: !0 }])
+          }, null, 2)
+        ], 2)) : u("", !0),
+        e.usedAesInMapping.fill || e.usedAesInMapping.stroke ? (o(), m("div", {
+          key: 3,
+          ref: (l) => c("color", e.item, l),
+          class: a([i.$style.aes, {
+            [i.$style.selected]: e.activeValue === e.item.value && e.activeAesType === "color"
+          }]),
+          onClick: t[3] || (t[3] = y((l) => v(e.item, "color"), ["stop"]))
+        }, [
+          s("div", {
+            class: a(i.$style.color),
+            style: p({ background: e.item.color })
+          }, null, 6)
+        ], 2)) : u("", !0),
+        (e.activeAesType !== "color" || e.isCategorical) && e.activeAesType !== null && e.activeValue === e.item.value ? (o(), d(B, {
+          key: `${e.activeAesType}_${e.activeValue}`,
+          targetRef: f[e.activeAesType][e.activeValue],
+          height: g.value,
+          "onPopup:close": e.onCloseForm
+        }, {
+          default: r(() => [
+            s("div", {
+              class: a(["fixed-aes-list", { "fixed-aes-list__rows": !1 }])
+            }, [
+              e.activeAesType === "lineType" ? (o(), d(M, {
+                key: 0,
+                modelValue: e.item.lineType,
+                "onUpdate:modelValue": [
+                  t[4] || (t[4] = (l) => e.item.lineType = l),
+                  t[5] || (t[5] = (l) => n.onAesValueUpdate("lineShape", l))
+                ]
+              }, null, 8, ["modelValue"])) : u("", !0),
+              e.activeAesType === "dotShape" ? (o(), d(U, {
+                key: 1,
+                modelValue: e.item.dotShape,
+                "onUpdate:modelValue": [
+                  t[6] || (t[6] = (l) => e.item.dotShape = l),
+                  t[7] || (t[7] = (l) => n.onAesValueUpdate("dotShape", l))
+                ]
+              }, null, 8, ["modelValue"])) : u("", !0),
+              e.activeAesType === "color" ? (o(), d(R, {
+                key: 2,
+                modelValue: e.item.color,
+                "onUpdate:modelValue": [
+                  t[8] || (t[8] = (l) => e.item.color = l),
+                  t[9] || (t[9] = (l) => n.onAesValueUpdate("color", l))
+                ],
+                "colors-list": A.value
+              }, null, 8, ["modelValue", "colors-list"])) : u("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["targetRef", "height", "onPopup:close"])) : u("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=DiscreteRow.vue2.js.map

package/dist/components/AesSettings/DiscreteRow.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscreteRow.vue2.js","sources":["../../../src/components/AesSettings/DiscreteRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type ComponentPublicInstance, computed, reactive } from 'vue';\nimport { FIXED_LINE_TYPES, FIXES_DOT_SHAPES, PALETTE_MAP } from '../../constantsAesthetic';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport type { Palette, DotShape, LineType } from './types';\nimport type { AesType } from '../../constantsCommon';\nimport { PlIcon24, PlTooltip } from '@platforma-sdk/ui-vue';\nimport Popup from '../Popup.vue';\nimport FixedLineTypeList from './FixedLineTypeList.vue';\nimport FixedDotShapeList from './FixedDotShapeList.vue';\nimport FixedColorsList from './FixedColorsList.vue';\n\ntype EditableAesType = 'color' | 'dotShape' | 'lineType';\n\nconst props = defineProps<{\n  item: {\n    text: string;\n    value: string;\n    dotShape?: DotShape;\n    color?: string;\n    lineType?: LineType;\n  };\n  activeValue: string | null;\n  activeAesType: EditableAesType | null;\n  usedAesInMapping: Record<AesType, boolean>;\n  palette: Palette;\n  allowReordering: boolean;\n  allowHiding: boolean;\n  hidden: boolean;\n  isCategorical: boolean;\n  onAesValueUpdate: (field: string, value: string | DotShape | LineType) => void;\n  onSwitchVisibility: () => void;\n  onActiveValueChange: (value: string | null) => void;\n  onActiveAesTypeChange: (value: EditableAesType | null) => void;\n  onCloseForm: () => void;\n}>();\n\nfunction toggleForm(\n  item: typeof props.item,\n  valueType: EditableAesType,\n) {\n  const isThisFormOpen = props.activeValue === item.value && props.activeAesType === valueType;\n  props.onActiveValueChange(isThisFormOpen ? null : item.value);\n  props.onActiveAesTypeChange(isThisFormOpen ? null : valueType);\n}\n\nconst selectedColorsList = computed(() =>\n  PALETTE_MAP[props.palette].colors.map((color: string) => ({ color, name: color })),\n);\nconst popupHeight = computed(() => {\n  if (!props.activeAesType) {\n    return 0;\n  }\n  return getPopupHeightForFixedAesList(\n    props.activeAesType === 'lineType' ? FIXED_LINE_TYPES.length : props.activeAesType === 'dotShape' ? FIXES_DOT_SHAPES.length : selectedColorsList.value.length,\n    props.activeAesType,\n  );\n});\n\nconst itemRefs = reactive<\n  Record<EditableAesType, Record<string, ComponentPublicInstance | Element>>\n>({\n  color: {},\n  dotShape: {},\n  lineType: {},\n});\nfunction setRef(\n  type: EditableAesType,\n  item: typeof props.item,\n  el: ComponentPublicInstance | null | Element,\n) {\n  if (el) {\n    itemRefs[type][item.value] = el;\n  }\n}\n</script>\n<template>\n  <div :class=\"$style.columnValue\">\n    <div :class=\"$style.title\">{{ item.text }}</div>\n    <div :class=\"$style.aesGroup\">\n      <PlTooltip v-if=\"allowHiding\" :open-delay=\"100\" :close-delay=\"100\">\n        <div :style=\"{ cursor: 'pointer' }\" :class=\"$style.aes\" @click.stop=\"onSwitchVisibility()\">\n          <PlIcon24 :name=\"hidden ? 'view-hide' : 'view-show'\" />\n        </div>\n        <template #tooltip>\n          <span> Show / hide </span>\n        </template>\n      </PlTooltip>\n      <div\n        v-if=\"usedAesInMapping.lineType\" :ref=\"(v) => setRef('lineType', item, v)\" :class=\"[$style.aes, {\n          [$style.selected]:\n            activeValue === item.value &&\n            activeAesType === 'lineType'\n        }]\" @click.stop=\"toggleForm(item, 'lineType')\"\n      >\n        <div class=\"icon__line line\" :class=\"{ [`line__${item.lineType}`]: true }\" />\n      </div>\n      <div\n        v-if=\"usedAesInMapping.dotShape\" :ref=\"(v) => setRef('dotShape', item, v)\" :class=\"[$style.aes, {\n          [$style.selected]: activeValue === item.value && activeAesType === 'dotShape'\n        }]\" @click.stop=\"toggleForm(item, 'dotShape')\"\n      >\n        <div class=\"dot\" :class=\"{ [`dot__${item.dotShape}`]: true }\" />\n      </div>\n      <div\n        v-if=\"usedAesInMapping.fill || usedAesInMapping.stroke\" :ref=\"(v) => setRef('color', item, v)\"\n        :class=\"[$style.aes, {\n          [$style.selected]: activeValue === item.value && activeAesType === 'color'\n        }]\" @click.stop=\"toggleForm(item, 'color')\"\n      >\n        <div :class=\"$style.color\" :style=\"{ background: item.color }\" />\n      </div>\n      <Popup\n        v-if=\"\n          (activeAesType !== 'color' || isCategorical) &&\n            activeAesType !== null &&\n            activeValue === item.value\n        \" :key=\"`${activeAesType}_${activeValue}`\" :targetRef=\"itemRefs[activeAesType][activeValue] as HTMLElement\"\n        :height=\"popupHeight\" @popup:close=\"onCloseForm\"\n      >\n        <div class=\"fixed-aes-list\" :class=\"{ 'fixed-aes-list__rows': false }\">\n          <FixedLineTypeList\n            v-if=\"activeAesType === 'lineType'\" v-model=\"item.lineType as LineType\" @update:modelValue=\"\n              (v: LineType) => props.onAesValueUpdate('lineShape', v)\n            \"\n          />\n          <FixedDotShapeList\n            v-if=\"activeAesType === 'dotShape'\" v-model=\"item.dotShape as DotShape\" @update:modelValue=\"\n              (v: DotShape) => props.onAesValueUpdate('dotShape', v)\n            \"\n          />\n          <FixedColorsList\n            v-if=\"activeAesType === 'color'\" v-model=\"item.color as string\"\n            :colors-list=\"selectedColorsList\" @update:modelValue=\"\n              (v: string) => props.onAesValueUpdate('color', v)\n            \"\n          />\n        </div>\n      </Popup>\n    </div>\n  </div>\n</template>\n\n<style module>\n.columnValue {\n  display: flex;\n  align-items: center;\n  padding-left: 12px;\n  padding-right: 2px;\n  margin-bottom: 6px;\n  background-color: var(--color-ic-00);\n  width: 100%;\n}\n\n.columnValue:last-child {\n  margin-bottom: 0;\n}\n\n.title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-right: 8px;\n  line-height: 24px;\n}\n\n.color {\n  width: 18px;\n  height: 18px;\n  border-radius: 3px;\n}\n\n.aesGroup {\n  margin-left: auto;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n\n.aes {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  background: var(--color-ic-00);\n  border-radius: var(--border-radius-control);\n}\n\n.aes.selected {\n  border: var(--contour-border-width) solid var(--contour-color);\n  box-shadow: var(--contour-box-shadow);\n  z-index: 1;\n}\n</style>\n"],"names":["props","__props","toggleForm","item","valueType","isThisFormOpen","selectedColorsList","computed","PALETTE_MAP","color","popupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","itemRefs","reactive","setRef","type","el","_createElementBlock","_normalizeClass","$style","_createElementVNode","_toDisplayString","_createBlock","_unref","PlTooltip","_cache","_createVNode","PlIcon24","v","_withModifiers","$event","_normalizeStyle","Popup","FixedLineTypeList","FixedDotShapeList","FixedColorsList"],"mappings":"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"}

package/dist/components/AesSettings/DiscreteRow.vue3.js

@@ -0,0 +1,19 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._columnValue_7xzg0_2{display:flex;align-items:center;padding-left:12px;padding-right:2px;margin-bottom:6px;background-color:var(--color-ic-00);width:100%}._columnValue_7xzg0_2:last-child{margin-bottom:0}._title_7xzg0_16{overflow:hidden;text-overflow:ellipsis;margin-right:8px;line-height:24px}._color_7xzg0_23{width:18px;height:18px;border-radius:3px}._aesGroup_7xzg0_29{margin-left:auto;flex-shrink:0;display:flex;align-items:center}._aes_7xzg0_29{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:var(--color-ic-00);border-radius:var(--border-radius-control)}._aes_7xzg0_29._selected_7xzg0_47{border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:1}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+const e = "_columnValue_7xzg0_2", o = "_title_7xzg0_16", t = "_color_7xzg0_23", s = "_aesGroup_7xzg0_29", _ = "_aes_7xzg0_29", l = "_selected_7xzg0_47", c = {
+  columnValue: e,
+  title: o,
+  color: t,
+  aesGroup: s,
+  aes: _,
+  selected: l
+};
+export {
+  _ as aes,
+  s as aesGroup,
+  t as color,
+  e as columnValue,
+  c as default,
+  l as selected,
+  o as title
+};
+//# sourceMappingURL=DiscreteRow.vue3.js.map

package/dist/components/AesSettings/DiscreteRow.vue3.js.map

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

package/dist/components/ReorderForm.vue.d.ts

@@ -8,7 +8,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    optionsListRef: HTMLDivElement;
-}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/ReorderForm.vue.js

@@ -1,46 +1,10 @@
-import { defineComponent as c, mergeModels as p, useModel as _, computed as v, ref as f, createElementBlock as r, openBlock as t, createElementVNode as l, Fragment as g, renderList as h, createBlock as k, resolveDynamicComponent as V, toDisplayString as x } from "vue";
-import { useSortable as y } from "@platforma-sdk/ui-vue";
-import L from "../icons/Reorder.vue.js";
-const R = { class: "aes-mapping-block" }, b = { class: "column-value__reorder-icon" }, B = { class: "column-value__title" }, w = /* @__PURE__ */ c({
-  __name: "ReorderForm",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: /* @__PURE__ */ p(["update:modelValue"], ["update:modelValue"]),
-  setup(u, { emit: i }) {
-    const s = _(u, "modelValue"), d = i, m = v(
-      () => s.value.map((e) => ({
-        text: e.label,
-        value: e.value
-      }))
-    ), a = f();
-    return y(a, {
-      handle: ".column-value__reorder-icon",
-      onChange(e) {
-        d("update:modelValue", e.map((o) => s.value[o]));
-      }
-    }), (e, o) => (t(), r("div", R, [
-      o[0] || (o[0] = l("div", { class: "aes-settings-hint" }, " Drag the rows to reorder ", -1)),
-      l("div", {
-        ref_key: "optionsListRef",
-        ref: a,
-        class: "column-values-list"
-      }, [
-        (t(!0), r(g, null, h(m.value, (n) => (t(), r("div", {
-          key: n.value,
-          class: "column-value column-value__with-reorder"
-        }, [
-          l("div", b, [
-            (t(), k(V(L)))
-          ]),
-          l("div", B, x(n.text), 1)
-        ]))), 128))
-      ], 512)
-    ]));
-  }
-});
+import o from "./ReorderForm.vue2.js";
+import s from "./ReorderForm.vue3.js";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  $style: s
+}, f = /* @__PURE__ */ r(o, [["__cssModules", t]]);
 export {
-  w as default
+  f as default
 };
 //# sourceMappingURL=ReorderForm.vue.js.map

package/dist/components/ReorderForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderForm.vue.js","sources":["../../src/components/ReorderForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useSortable } from '@platforma-sdk/ui-vue';\nimport { computed, ref } from 'vue';\nimport Reorder from '../icons/Reorder.vue';\n\nconst model = defineModel<{ value: string; label: string }[]>({ required: true });\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst optionsList = computed(() => model.value.map((v) => ({\n  text: v.label,\n  value: v.value,\n})),\n);\n\nconst optionsListRef = ref();\nuseSortable(optionsListRef, {\n  handle: '.column-value__reorder-icon',\n  onChange(indices) {\n    emit('update:modelValue', indices.map((idx) => model.value[idx]));\n  },\n});\n\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div ref=\"optionsListRef\" class=\"column-values-list\">\n      <div v-for=\"item of optionsList\" :key=\"item.value\" class=\"column-value column-value__with-reorder\">\n        <div class=\"column-value__reorder-icon\">\n          <component :is=\"Reorder\" />\n        </div>\n        <div class=\"column-value__title\">{{ item.text }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["model","_useModel","__props","emit","__emit","optionsList","computed","v","optionsListRef","ref","useSortable","indices","idx","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_Fragment","_renderList","item","_hoisted_2","_createBlock","_resolveDynamicComponent","Reorder","_hoisted_3","_toDisplayString"],"mappings":";;;;;;;;;;;AAKA,UAAMA,IAAQC,EAA+CC,GAAA,YAAmB,GAE1EC,IAAOC,GAEPC,IAAcC;AAAA,MAAS,MAAMN,EAAM,MAAM,IAAI,CAACO,OAAO;AAAA,QACzD,MAAMA,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,MAAA,EACT;AAAA,IAAA,GAGIC,IAAiBC,EAAA;AACvB,WAAAC,EAAYF,GAAgB;AAAA,MAC1B,QAAQ;AAAA,MACR,SAASG,GAAS;AAChB,QAAAR,EAAK,qBAAqBQ,EAAQ,IAAI,CAACC,MAAQZ,EAAM,MAAMY,CAAG,CAAC,CAAC;AAAA,MAClE;AAAA,IAAA,CACD,cAKCC,EAAA,GAAAC,EAYM,OAZNC,GAYM;AAAA,MAXJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAEM,OAAA,EAFD,OAAM,oBAAA,GAAoB,8BAE/B,EAAA;AAAA,MACAA,EAOM,OAAA;AAAA,iBAPG;AAAA,QAAJ,KAAIT;AAAA,QAAiB,OAAM;AAAA,MAAA;gBAC9BM,EAKMI,GAAA,MAAAC,EALcd,EAAA,OAAW,CAAnBe,YAAZN,EAKM,OAAA;AAAA,UAL4B,KAAKM,EAAK;AAAA,UAAO,OAAM;AAAA,QAAA;UACvDH,EAEM,OAFNI,GAEM;AAAA,aADJR,KAAAS,EAA2BC,EAAXC,CAAO,CAAA;AAAA,UAAA;UAEzBP,EAAsD,OAAtDQ,GAAsDC,EAAlBN,EAAK,IAAI,GAAA,CAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"ReorderForm.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/ReorderForm.vue2.js

@@ -1,5 +1,53 @@
-import f from "./ReorderForm.vue.js";
+import { defineComponent as r, mergeModels as d, useModel as u, computed as n, ref as p, watch as c, createElementBlock as g, openBlock as v, createElementVNode as i, createVNode as f, unref as b, withCtx as y, normalizeClass as V, toDisplayString as _ } from "vue";
+import { PlElementList as k } from "@platforma-sdk/ui-vue";
+const w = { class: "aes-mapping-block" }, R = { class: "column-values-list" }, D = /* @__PURE__ */ r({
+  __name: "ReorderForm",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ d(["update:modelValue"], ["update:modelValue"]),
+  setup(m, { emit: h }) {
+    const a = u(m, "modelValue"), o = n({
+      get: () => a.value.map((e) => ({
+        text: e.label,
+        value: e.value
+      })),
+      set: (e) => {
+        a.value = e.map((t) => ({
+          value: t.value,
+          label: t.text
+        }));
+      }
+    }), s = p(o.value);
+    return c(() => s.value, (e) => {
+      o.value = e;
+    }, { deep: !0 }), (e, t) => (v(), g("div", w, [
+      t[1] || (t[1] = i("div", { class: "aes-settings-hint" }, " Drag the rows to reorder ", -1)),
+      i("div", R, [
+        f(b(k), {
+          items: s.value,
+          "onUpdate:items": t[0] || (t[0] = (l) => s.value = l),
+          "get-item-key": (l) => l.value,
+          "item-class": e.$style.discreteRow,
+          "item-class-title": e.$style.discreteRowTitle,
+          disableDragging: !1,
+          disableRemoving: !0,
+          disableToggling: !0,
+          disablePinning: !0
+        }, {
+          "item-title": y(({ item: l }) => [
+            i("div", {
+              class: V(e.$style.title)
+            }, _(l.text), 3)
+          ]),
+          _: 1
+        }, 8, ["items", "get-item-key", "item-class", "item-class-title"])
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  D as default
 };
 //# sourceMappingURL=ReorderForm.vue2.js.map

package/dist/components/ReorderForm.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ReorderForm.vue2.js","sources":["../../src/components/ReorderForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport { PlElementList } from '@platforma-sdk/ui-vue';\n\nconst model = defineModel<{ value: string; label: string }[]>({ required: true });\n\nconst _emit = defineEmits(['update:modelValue']);\n\nconst optionsList = computed({\n  get: () => model.value.map((v) => ({\n    text: v.label,\n    value: v.value,\n  })),\n  set: (value) => {\n    model.value = value.map((v) => ({\n      value: v.value,\n      label: v.text,\n    }));\n  },\n});\nconst listItems = ref(optionsList.value);\nwatch(() => listItems.value, (v) => {\n  optionsList.value = v;\n}, { deep: true });\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div class=\"column-values-list\">\n      <PlElementList\n        v-model:items=\"listItems\" :get-item-key=\"(item) => item.value\" :item-class=\"$style.discreteRow\"\n        :item-class-title=\"$style.discreteRowTitle\" :disableDragging=\"false\" :disableRemoving=\"true\"\n        :disableToggling=\"true\" :disablePinning=\"true\"\n      >\n        <template #item-title=\"{ item }\">\n          <div :class=\"$style.title\">{{ item.text }}</div>\n        </template>\n      </PlElementList>\n    </div>\n  </div>\n</template>\n<style module>\n.discreteRow {\n  background-color: var(--color-ic-00);\n  border-color: var(--color-div-grey);\n}\n\n.discreteRow:hover {\n  --head-background: var(--color-ic-00);\n}\n.title {\n  margin-left: 4px;\n}\n</style>\n"],"names":["model","_useModel","__props","optionsList","computed","v","value","listItems","ref","watch","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_createVNode","_unref","PlElementList","$event","item","$style","_withCtx","_normalizeClass","_toDisplayString"],"mappings":";;;;;;;;;;AAIA,UAAMA,IAAQC,EAA+CC,GAAA,YAAmB,GAI1EC,IAAcC,EAAS;AAAA,MAC3B,KAAK,MAAMJ,EAAM,MAAM,IAAI,CAACK,OAAO;AAAA,QACjC,MAAMA,EAAE;AAAA,QACR,OAAOA,EAAE;AAAA,MAAA,EACT;AAAA,MACF,KAAK,CAACC,MAAU;AACd,QAAAN,EAAM,QAAQM,EAAM,IAAI,CAACD,OAAO;AAAA,UAC9B,OAAOA,EAAE;AAAA,UACT,OAAOA,EAAE;AAAA,QAAA,EACT;AAAA,MACJ;AAAA,IAAA,CACD,GACKE,IAAYC,EAAIL,EAAY,KAAK;AACvC,WAAAM,EAAM,MAAMF,EAAU,OAAO,CAACF,MAAM;AAClC,MAAAF,EAAY,QAAQE;AAAA,IACtB,GAAG,EAAE,MAAM,IAAM,cAIfK,EAAA,GAAAC,EAeM,OAfNC,GAeM;AAAA,MAdJC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAEM,OAAA,EAFD,OAAM,oBAAA,GAAoB,8BAE/B,EAAA;AAAA,MACAA,EAUM,OAVNC,GAUM;AAAA,QATJC,EAQgBC,EAAAC,CAAA,GAAA;AAAA,UAPN,OAAOX,EAAA;AAAA,mDAAAA,EAAS,QAAAY;AAAA,UAAG,gBAAY,CAAGC,MAASA,EAAK;AAAA,UAAQ,cAAYC,EAAAA,OAAO;AAAA,UAClF,oBAAkBA,EAAAA,OAAO;AAAA,UAAmB,iBAAiB;AAAA,UAAQ,iBAAiB;AAAA,UACtF,iBAAiB;AAAA,UAAO,gBAAgB;AAAA,QAAA;UAE9B,cAAUC,EACnB,CAAgD,EADzB,MAAAF,QAAI;AAAA,YAC3BN,EAAgD,OAAA;AAAA,cAA1C,OAAKS,EAAEF,EAAAA,OAAO,KAAK;AAAA,YAAA,GAAKG,EAAAJ,EAAK,IAAI,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/ReorderForm.vue3.js

@@ -0,0 +1,11 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._discreteRow_wtygg_2{background-color:var(--color-ic-00);border-color:var(--color-div-grey)}._discreteRow_wtygg_2:hover{--head-background: var(--color-ic-00)}._title_wtygg_10{margin-left:4px}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+const t = "_discreteRow_wtygg_2", e = "_title_wtygg_10", s = {
+  discreteRow: t,
+  title: e
+};
+export {
+  s as default,
+  t as discreteRow,
+  e as title
+};
+//# sourceMappingURL=ReorderForm.vue3.js.map

package/dist/components/ReorderForm.vue3.js.map

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

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

@@ -21,10 +21,10 @@ import z from "../../components/AesSettings/FormWrapper.vue.js";
 import j from "../../components/AesSettings/AesDataMappingDiscrete.vue.js";
 import { createDefaultMapping as J } from "../../dataBindAes.js";
 import "../../constantsAesthetic.js";
-import { getDiscreteLabelsRotation as fe } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
+import { getDiscreteLabelsRotation as xe } from "../../utils/createChartSettingsForRender/getAxesDataFromForms.js";
 import "@milaboratories/pf-plots";
 import "@platforma-sdk/model";
-const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options-row block" }, ye = {
+const fe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options-row block" }, ye = {
   key: 0,
   class: "axes-settings-input"
 }, be = { class: "axes-settings-options-row" }, Se = {
@@ -42,7 +42,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
 }, Te = {
   key: 4,
   class: "axes-settings-options-row"
-}, Ae = { class: "axes-settings-options-row block" }, Oe = { key: 5 }, Xe = { class: "axes-settings-options-row table" }, Ue = { class: "axes-settings-options-row table" }, Ie = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row block" }, Pe = { key: 0 }, Ne = { class: "axes-settings-options-row block" }, Re = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row table" }, Fe = { class: "other" }, Be = { class: "axes-settings-options-row" }, De = { class: "axes-settings-options-row" }, Le = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row block" }, vl = /* @__PURE__ */ ee({
+}, Ae = { class: "axes-settings-options-row block" }, Oe = { key: 5 }, Xe = { class: "axes-settings-options-row table" }, Ue = { class: "axes-settings-options-row table" }, Ie = { class: "axes-settings-options-row table" }, Ge = { class: "axes-settings-options-row block" }, Pe = { key: 0 }, Ne = { class: "axes-settings-options-row block" }, Re = { class: "axes-settings-options-row table" }, Ce = { class: "axes-settings-options-row table" }, Fe = { class: "other" }, De = { class: "axes-settings-options-row" }, Be = { class: "axes-settings-options-row" }, Le = { class: "axes-settings-options-row" }, Ye = { class: "axes-settings-options-row block" }, vl = /* @__PURE__ */ ee({
   __name: "DiscreteAxesSettingsForm",
   setup(Me) {
     const i = te(), t = i.value.reactive.axesSettings, T = {
@@ -70,13 +70,13 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
       { value: "bottom", icon: ve },
       { value: "left-bottom", icon: ge },
       { value: "full", icon: ie }
-    ], C = r(() => i.value.inputGuide.value), O = r(() => i.value.uniqueValuesData.value), x = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), B = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
+    ], C = r(() => i.value.inputGuide.value), O = r(() => i.value.uniqueValuesData.value), f = k(!1), V = k(!1), F = r(() => i.value.reactive.tabDefaultState.axes.reorderPrimaryOpen), D = r(() => i.value.reactive.tabDefaultState.axes.reorderSecondaryOpen);
     le(() => {
-      F.value && (x.value = !0), B.value && (V.value = !0);
+      F.value && (f.value = !0), D.value && (V.value = !0);
     }), $(() => F.value, (n) => {
-      n && (V.value = !1, x.value = !0);
-    }), $(() => B.value, (n) => {
-      n && (x.value = !1, V.value = !0);
+      n && (V.value = !1, f.value = !0);
+    }), $(() => D.value, (n) => {
+      n && (f.value = !1, V.value = !0);
     });
     const g = r(() => {
       var n, e;
@@ -84,13 +84,13 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
     }), y = r(() => {
       var n, e;
       return (e = (n = i.value.reactive.optionsState.components.secondaryGrouping) == null ? void 0 : n.selectorStates[0]) == null ? void 0 : e.selectedSource;
-    }), c = r(() => i.value.commonHelpersData.primaryGroups.value), w = r(() => i.value.commonHelpersData.secondaryGroups.value), D = r(() => i.value.commonHelpersData.usedAesInMapping.value), L = k(i.value.reactive.dataBindAes[g.value] ?? J(c.value)), Y = k(i.value.reactive.dataBindAes[y.value] ?? J(w.value)), X = r(() => {
+    }), c = r(() => i.value.commonHelpersData.primaryGroups.value), w = r(() => i.value.commonHelpersData.secondaryGroups.value), B = r(() => i.value.commonHelpersData.usedAesInMapping.value), L = k(i.value.reactive.dataBindAes[g.value] ?? J(c.value)), Y = k(i.value.reactive.dataBindAes[y.value] ?? J(w.value)), X = r(() => {
       var n;
       if (g.value) {
         const e = C.value.getSourceInfo(g.value) ?? null, o = ((n = O.value[g.value]) == null ? void 0 : n.labels) ?? null;
         return {
           selectedSourceInfo: e,
-          labels: c.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
+          labels: c.value.reduce((u, x) => (u[x] = (o == null ? void 0 : o[x]) ?? String(x), u), {})
         };
       }
       return null;
@@ -100,7 +100,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
         const e = C.value.getSourceInfo(y.value) ?? null, o = ((n = O.value[y.value]) == null ? void 0 : n.labels) ?? null;
         return {
           selectedSourceInfo: e,
-          labels: w.value.reduce((u, f) => (u[f] = (o == null ? void 0 : o[f]) ?? String(f), u), {})
+          labels: w.value.reduce((u, x) => (u[x] = (o == null ? void 0 : o[x]) ?? String(x), u), {})
         };
       }
       return null;
@@ -116,7 +116,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
     ], h = r(() => O.value[g.value]), E = r({
       get() {
         var n;
-        return fe(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
+        return xe(t.axisX.labelsRotation, (n = h.value) == null ? void 0 : n.options);
       },
       set(n) {
         t.axisX.labelsRotation = n;
@@ -127,7 +127,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
       onClick: e[30] || (e[30] = (o) => o.stopPropagation())
     }, [
       e[44] || (e[44] = a("h3", { class: "axes-title" }, " Axes ", -1)),
-      a("div", xe, [
+      a("div", fe, [
         s(G, {
           title: "Title",
           settings: T,
@@ -173,14 +173,14 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
               e[32] || (e[32] = a("span", null, "Primary groups order: ", -1)),
               s(q, {
                 data: { type: "data", value: null },
-                onClick: e[3] || (e[3] = (o) => x.value = !0)
+                onClick: e[3] || (e[3] = (o) => f.value = !0)
               }),
-              x.value && X.value ? (d(), H(z, {
+              f.value && X.value ? (d(), H(z, {
                 key: 0,
                 title: "Reorder primary groups",
                 "back-title": "Axes Settings",
                 "onForm:open": e[6] || (e[6] = (o) => l(i).reactive.tabDefaultState.axes.reorderPrimaryOpen = !1),
-                "onForm:close": e[7] || (e[7] = (o) => x.value = !1)
+                "onForm:close": e[7] || (e[7] = (o) => f.value = !1)
               }, {
                 default: b(() => {
                   var o;
@@ -193,7 +193,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                       ],
                       "column-value-labels": X.value.labels,
                       "data-column-label": ((o = X.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": D.value[g.value],
+                      "used-aes-in-mapping": B.value[g.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullPrimaryGroups
@@ -234,7 +234,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
                       ],
                       "column-value-labels": U.value.labels,
                       "data-column-label": ((o = U.value.selectedSourceInfo) == null ? void 0 : o.label) ?? "",
-                      "used-aes-in-mapping": D.value[y.value],
+                      "used-aes-in-mapping": B.value[y.value],
                       "allow-reordering": "",
                       "allow-hiding": "",
                       "allow-null-option": l(t).axisX.allowNullSecondaryGroups
@@ -348,7 +348,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
           _: 1
         }),
         a("div", Fe, [
-          a("div", Be, [
+          a("div", De, [
             e[42] || (e[42] = a("span", null, "Frame", -1)),
             s(R, {
               modelValue: l(t).other.frame,
@@ -356,7 +356,7 @@ const xe = { class: "axes-settings-list" }, Ve = { class: "axes-settings-options
               options: Z
             }, null, 8, ["modelValue"])
           ]),
-          a("div", De, [
+          a("div", Be, [
             e[43] || (e[43] = a("span", null, "Reverse axes", -1)),
             s(l(v), {
               modelValue: l(t).other.reverse,