@milaboratories/graph-maker 1.1.131 → 1.1.133

package/dist/GraphMaker/assets/drag-and-drop/img/chip-close.svg.js

@@ -0,0 +1,7 @@
+const e = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.00011 2.93933L8.00011 6.93933L12.0001 2.93933L13.0608 3.99999L9.06077 7.99999L13.0608 12L12.0001 13.0607L8.00011 9.06065L4.00011 13.0607L2.93945 12L6.93945 7.99999L2.93945 3.99999L4.00011 2.93933Z" fill="#110529"/>
+</svg>`;
+export {
+  e as default
+};
+//# sourceMappingURL=chip-close.svg.js.map

package/dist/GraphMaker/assets/drag-and-drop/img/chip-close.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-close.svg.js","sources":["../../../../../src/GraphMaker/assets/drag-and-drop/img/chip-close.svg?raw"],"sourcesContent":["export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\" fill=\\\"none\\\">\\n  <path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M4.00011 2.93933L8.00011 6.93933L12.0001 2.93933L13.0608 3.99999L9.06077 7.99999L13.0608 12L12.0001 13.0607L8.00011 9.06065L4.00011 13.0607L2.93945 12L6.93945 7.99999L2.93945 3.99999L4.00011 2.93933Z\\\" fill=\\\"#110529\\\"/>\\n</svg>\""],"names":["CloseIcon"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;"}

package/dist/GraphMaker/components/AesButton.vue.d.ts

@@ -19,18 +19,10 @@ export type AesButtonProps = {
         value: null;
     };
 };
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AesButtonProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<AesButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     ref: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AesButtonProps>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<AesButtonProps> & Readonly<{
     onRef?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+//# sourceMappingURL=AesButton.vue.d.ts.map

package/dist/GraphMaker/components/AesButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesButton.vue.d.ts","sourceRoot":"","sources":["../../../src/GraphMaker/components/AesButton.vue"],"names":[],"mappings":"AAwFA,MAAM,MAAM,cAAc,GAAG;IAAC,IAAI,EAAE;QAClC,IAAI,EAAE,QAAQ,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,GACG;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,GACG;QACF,IAAI,EAAE,UAAU,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,GACG;QACF,IAAI,EAAE,UAAU,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,GACG;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,GACG;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,IAAI,CAAC;KACb,CAAA;CAAC,CAAA;;;;;;AAuHF,wBAQG"}

package/dist/GraphMaker/components/AesButton.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent as p, computed as i, createElementBlock as o, openBlock as a, createVNode as y, createBlock as m, createCommentVNode as f, normalizeStyle as u, normalizeClass as n, toDisplayString as _, resolveDynamicComponent as v } from "vue";
+import k from "../icons/ColorsIcon.vue.js";
+import C from "./DoubleContourTemp.vue.js";
+const b = {
+  key: 4,
+  class: "size"
+}, D = /* @__PURE__ */ p({
+  __name: "AesButton",
+  props: {
+    data: {}
+  },
+  emits: ["ref"],
+  setup(c, { emit: h }) {
+    const t = c, r = t.data.type === "fill" || t.data.type === "stroke", l = i(() => ({
+      icon__white: r && t.data.value.toLowerCase() === "#ffffff",
+      icon__empty: r && t.data.value.toLowerCase() === "transparent"
+    })), s = i(() => t.data.type === "fill" ? { "background-color": t.data.value } : t.data.type === "stroke" && !l.value.icon__empty && !l.value.icon__white ? { "border-color": t.data.value } : {});
+    return (e, w) => (a(), o("div", {
+      class: "ui-aes-button",
+      ref: (d) => e.$emit("ref", d)
+    }, [
+      y(C, { class: "ui-multiselect-button__contour" }),
+      e.data.type === "fill" ? (a(), o("div", {
+        key: 0,
+        class: n(["icon icon__fill", l.value]),
+        style: u(s.value)
+      }, null, 6)) : e.data.type === "stroke" ? (a(), o("div", {
+        key: 1,
+        class: n(["icon icon__stroke", l.value]),
+        style: u(s.value)
+      }, null, 6)) : e.data.type === "dotShape" ? (a(), o("div", {
+        key: 2,
+        class: n(["icon dot", { [`dot__${e.data.value}`]: !0 }])
+      }, null, 2)) : e.data.type === "lineType" ? (a(), o("div", {
+        key: 3,
+        class: n(["icon icon__line", { [`line__${e.data.value}`]: !0 }])
+      }, null, 2)) : e.data.type === "size" ? (a(), o("span", b, _(e.data.value), 1)) : e.data.type === "data" ? (a(), m(v(k), {
+        key: 5,
+        class: "icon"
+      })) : f("", !0)
+    ], 512));
+  }
+});
+export {
+  D as default
+};
+//# sourceMappingURL=AesButton.vue.js.map

package/dist/GraphMaker/components/AesButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesButton.vue.js","sources":["../../../src/GraphMaker/components/AesButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport ColorsIcon from \"../icons/ColorsIcon.vue\";\nimport DoubleContour from \"./DoubleContourTemp.vue\";\n\nexport type AesButtonProps = {data: {\n  type: \"stroke\";\n  value: string;\n}\n  | {\n  type: \"fill\";\n  value: string;\n}\n  | {\n  type: \"lineType\";\n  value: string;\n}\n  | {\n  type: \"dotShape\";\n  value: string;\n}\n  | {\n  type: \"size\";\n  value: number;\n}\n  | {\n  type: \"data\";\n  value: null;\n}}\nconst emit = defineEmits([\"ref\"]);\nconst props = defineProps<AesButtonProps>();\n\nconst isColor = props.data.type === \"fill\" || props.data.type === \"stroke\";\n\nconst strokeOrFillClass = computed(() => ({\n  icon__white: isColor && props.data.value.toLowerCase() === \"#ffffff\",\n  icon__empty: isColor && props.data.value.toLowerCase() === \"transparent\",\n}));\nconst strokeOrFillStyle = computed(() => {\n  if (props.data.type === \"fill\") {\n    return { [\"background-color\"]: props.data.value };\n  }\n  if (\n    props.data.type === \"stroke\" &&\n    !strokeOrFillClass.value.icon__empty &&\n    !strokeOrFillClass.value.icon__white\n  ) {\n    return { [\"border-color\"]: props.data.value };\n  }\n  return {};\n});\n</script>\n\n<template>\n  <div class=\"ui-aes-button\" :ref=\"(el) => $emit('ref', el)\">\n    <double-contour class=\"ui-multiselect-button__contour\" />\n    <div\n      v-if=\"data.type === 'fill'\"\n      class=\"icon icon__fill\"\n      :class=\"strokeOrFillClass\"\n      :style=\"strokeOrFillStyle\"\n    />\n    <div\n      v-else-if=\"data.type === 'stroke'\"\n      class=\"icon icon__stroke\"\n      :class=\"strokeOrFillClass\"\n      :style=\"strokeOrFillStyle\"\n    />\n    <div\n      v-else-if=\"data.type === 'dotShape'\"\n      class=\"icon dot\"\n      :class=\"{ [`dot__${data.value}`]: true}\"\n    />\n    <div\n      v-else-if=\"data.type === 'lineType'\"\n      class=\"icon icon__line\"\n      :class=\"{ [`line__${data.value}`]: true}\"\n    />\n    <span v-else-if=\"data.type === 'size'\" class=\"size\">{{ data.value }}</span>\n    <component v-else-if=\"data.type === 'data'\" class=\"icon\" :is=\"ColorsIcon\" />\n  </div>\n</template>\n"],"names":["props","__props","isColor","strokeOrFillClass","computed","strokeOrFillStyle"],"mappings":";;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAERC,IAAUF,EAAM,KAAK,SAAS,UAAUA,EAAM,KAAK,SAAS,UAE5DG,IAAoBC,EAAS,OAAO;AAAA,MACxC,aAAaF,KAAWF,EAAM,KAAK,MAAM,kBAAkB;AAAA,MAC3D,aAAaE,KAAWF,EAAM,KAAK,MAAM,kBAAkB;AAAA,IAAA,EAC3D,GACIK,IAAoBD,EAAS,MAC7BJ,EAAM,KAAK,SAAS,SACf,EAAG,oBAAqBA,EAAM,KAAK,MAAA,IAG1CA,EAAM,KAAK,SAAS,YACpB,CAACG,EAAkB,MAAM,eACzB,CAACA,EAAkB,MAAM,cAElB,EAAG,gBAAiBH,EAAM,KAAK,MAAA,IAEjC,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/AesButton.vue2.js

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

package/dist/GraphMaker/components/AesButton.vue2.js.map

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

package/dist/GraphMaker/components/AesSettings/AesDataMappingContinuous.vue.d.ts

@@ -1,23 +1,12 @@
-import { AestheticMappingContinuous } from '../../dataBindAes.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+import { AestheticMappingContinuous } from '../../dataBindAes';
+type __VLS_Props = {
     dataColumnLabel: string;
     modelValue: AestheticMappingContinuous;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    dataColumnLabel: string;
-    modelValue: AestheticMappingContinuous;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+//# sourceMappingURL=AesDataMappingContinuous.vue.d.ts.map

package/dist/GraphMaker/components/AesSettings/AesDataMappingContinuous.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesDataMappingContinuous.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/AesDataMappingContinuous.vue"],"names":[],"mappings":"AAoJA,OAAO,EAAE,0BAA0B,EAAsC,MAAM,mBAAmB,CAAC;AAKnG,KAAK,WAAW,GAAG;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,0BAA0B,CAAC;CACxC,CAAC;;;;;;AA6RF,wBAQG"}

package/dist/GraphMaker/components/AesSettings/AesDataMappingContinuous.vue.js

@@ -0,0 +1,131 @@
+import { defineComponent as N, ref as u, watch as i, createElementBlock as I, openBlock as c, createElementVNode as n, createBlock as O, createCommentVNode as _, toDisplayString as T, createVNode as s, unref as m, withCtx as A } from "vue";
+import { PlBtnGroup as P, PlNumberField as C } from "@platforma-sdk/ui-vue";
+import { PALETTE_MAP as M } from "../../constantsAesthetic.js";
+import { createContinuousMappingFromPalette as S } from "../../dataBindAes.js";
+import U from "./FormWrapper.vue.js";
+import $ from "./PalettesForm.vue.js";
+import w from "../MultiselectButton.vue.js";
+const F = { class: "aes-mapping-block" }, G = { style: { margin: "0 24px" } }, D = { class: "section-title" }, R = { style: { margin: "24px 0" } }, j = { style: { margin: "24px 0" } }, q = { style: { margin: "24px 0" } }, z = { style: { display: "flex", marginTop: "16px", gap: "8px" } }, Z = /* @__PURE__ */ N({
+  __name: "AesDataMappingContinuous",
+  props: {
+    dataColumnLabel: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: y }) {
+    var b, x;
+    const l = k, o = y, r = u(!1), p = u(l.modelValue.palette);
+    function E(e) {
+      p.value = e, r.value = !1, o(
+        "update:modelValue",
+        S(e)
+      );
+    }
+    const B = [{ value: "auto", label: "Auto" }, { value: "custom", label: "Custom" }], d = u(l.modelValue.range ? "custom" : "auto"), L = [{ value: "linear", label: "Linear" }, { value: "log", label: "Log" }], g = u(l.modelValue.log ? "log" : "linear"), V = u(((b = l.modelValue.range) == null ? void 0 : b.minValue) ?? void 0), v = u(((x = l.modelValue.range) == null ? void 0 : x.maxValue) ?? void 0), f = u(l.modelValue.midPoint ?? void 0);
+    return i(() => d.value, (e) => {
+      e === "custom" && o(
+        "update:modelValue",
+        { ...l.modelValue, range: { minValue: V.value ?? null, maxValue: v.value ?? null } }
+      ), e === "auto" && o(
+        "update:modelValue",
+        { ...l.modelValue, range: null }
+      );
+    }), i(() => V.value, (e) => {
+      o(
+        "update:modelValue",
+        { ...l.modelValue, range: { ...l.modelValue.range, minValue: e } }
+      );
+    }), i(() => v.value, (e) => {
+      o(
+        "update:modelValue",
+        { ...l.modelValue, range: { ...l.modelValue.range, maxValue: e } }
+      );
+    }), i(() => f.value, (e) => {
+      o(
+        "update:modelValue",
+        { ...l.modelValue, midPoint: e ?? null }
+      );
+    }), i(() => g.value, (e) => {
+      o(
+        "update:modelValue",
+        { ...l.modelValue, log: e === "log" }
+      );
+    }), (e, a) => (c(), I("div", F, [
+      n("div", G, [
+        n("div", D, [
+          n("span", null, T(e.dataColumnLabel), 1)
+        ]),
+        n("div", R, [
+          s(w, {
+            label: "Color Palette ",
+            title: m(M)[p.value].title,
+            palette: p.value,
+            onButtonClick: a[0] || (a[0] = (t) => {
+              r.value = !0;
+            })
+          }, null, 8, ["title", "palette"])
+        ]),
+        n("div", j, [
+          s(m(P), {
+            options: L,
+            modelValue: g.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (t) => g.value = t)
+          }, null, 8, ["modelValue"])
+        ]),
+        n("div", q, [
+          s(m(P), {
+            label: "Gradient range",
+            options: B,
+            modelValue: d.value,
+            "onUpdate:modelValue": a[2] || (a[2] = (t) => d.value = t)
+          }, null, 8, ["modelValue"])
+        ]),
+        n("div", z, [
+          d.value === "custom" ? (c(), O(m(C), {
+            key: 0,
+            label: "From",
+            updateOnEnterOrClickOutside: !0,
+            useIncrementButtons: !1,
+            modelValue: V.value,
+            "onUpdate:modelValue": a[3] || (a[3] = (t) => V.value = t)
+          }, null, 8, ["modelValue"])) : _("", !0),
+          s(m(C), {
+            label: "Mid point",
+            updateOnEnterOrClickOutside: !0,
+            useIncrementButtons: !1,
+            style: { flexGrow: 1 },
+            modelValue: f.value,
+            "onUpdate:modelValue": a[4] || (a[4] = (t) => f.value = t)
+          }, null, 8, ["modelValue"]),
+          d.value === "custom" ? (c(), O(m(C), {
+            key: 1,
+            label: "To",
+            updateOnEnterOrClickOutside: !0,
+            useIncrementButtons: !1,
+            modelValue: v.value,
+            "onUpdate:modelValue": a[5] || (a[5] = (t) => v.value = t)
+          }, null, 8, ["modelValue"])) : _("", !0)
+        ]),
+        r.value ? (c(), O(U, {
+          key: 0,
+          title: "Color Palette",
+          "back-title": "Color mapping",
+          "onForm:close": a[6] || (a[6] = (t) => r.value = !1)
+        }, {
+          default: A(() => [
+            s($, {
+              selected: p.value,
+              categorical: !1,
+              onSelect: E
+            }, null, 8, ["selected"])
+          ]),
+          _: 1
+        })) : _("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  Z as default
+};
+//# sourceMappingURL=AesDataMappingContinuous.vue.js.map

package/dist/GraphMaker/components/AesSettings/AesDataMappingContinuous.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesDataMappingContinuous.vue.js","sources":["../../../../src/GraphMaker/components/AesSettings/AesDataMappingContinuous.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlBtnGroup, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { ref, watch } from 'vue';\nimport { ContinuousPalette, Palette } from './types';\nimport { PALETTE_MAP } from '../../constantsAesthetic';\nimport { AestheticMappingContinuous, createContinuousMappingFromPalette } from '../../dataBindAes';\nimport FormWrapper from './FormWrapper.vue';\nimport PalettesForm from './PalettesForm.vue';\nimport MultiselectButton from '../MultiselectButton.vue';\n\nconst props = defineProps<{\n  dataColumnLabel: string;\n  modelValue: AestheticMappingContinuous;\n}>();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst palettesOpen = ref(false);\nconst palette = ref<Palette>(props.modelValue.palette);\n\nfunction onPaletteSelect(value: Palette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  emit(\n    'update:modelValue',\n    createContinuousMappingFromPalette(value as ContinuousPalette)\n  );\n}\n\nconst MODE_OPTIONS = [{ value: 'auto', label: 'Auto' }, { value: 'custom', label: 'Custom' }];\nconst mode = ref<'auto' | 'custom'>(props.modelValue.range ? 'custom' : 'auto');\n\nconst LOG_LINEAR_OPTIONS = [{ value: 'linear', label: 'Linear' }, { value: 'log', label: 'Log' }];\nconst logOrLinear = ref<'linear' | 'log'>(props.modelValue.log ? 'log' : 'linear');\n\nconst lowerValue = ref<number | undefined>(props.modelValue.range?.minValue ?? undefined);\nconst upperValue = ref<number | undefined>(props.modelValue.range?.maxValue ?? undefined);\n\nconst midPoint = ref<number | undefined>(props.modelValue.midPoint ?? undefined);\n\nwatch(() => mode.value, (v) => {\n  if (v === 'custom') {\n    emit(\n      'update:modelValue',\n      { ...props.modelValue, range: { minValue: lowerValue.value ?? null, maxValue: upperValue.value ?? null } }\n    );\n  }\n  if (v === 'auto') {\n    emit(\n      'update:modelValue',\n      { ...props.modelValue, range: null }\n    );\n  }\n});\nwatch(() => lowerValue.value, (v) => {\n  emit(\n    'update:modelValue',\n    { ...props.modelValue, range: { ...props.modelValue.range, minValue: v } }\n  );\n});\nwatch(() => upperValue.value, (v) => {\n  emit(\n    'update:modelValue',\n    { ...props.modelValue, range: { ...props.modelValue.range, maxValue: v } }\n  );\n});\nwatch(() => midPoint.value, (v) => {\n  emit(\n    'update:modelValue',\n    { ...props.modelValue, midPoint: v ?? null }\n  );\n});\nwatch(() => logOrLinear.value, (v) => {\n  emit(\n    'update:modelValue',\n    { ...props.modelValue, log: v === 'log' }\n  );\n});\n\n</script>\n\n<template>\n  <div class=\"aes-mapping-block\">\n    <div style=\"margin: 0 24px\">\n      <div class=\"section-title\">\n        <span>{{ dataColumnLabel }}</span>\n      </div>\n      <div style=\"margin: 24px 0\">\n        <multiselect-button\n          label=\"Color Palette \"\n          :title=\"PALETTE_MAP[palette].title\"\n          :palette=\"palette\"\n          @button-click=\"palettesOpen = true;\"\n        />\n      </div>\n      <div style=\"margin: 24px 0\">\n        <pl-btn-group\n          :options=\"LOG_LINEAR_OPTIONS\"\n          v-model=\"logOrLinear\"\n        />\n      </div>\n      <div style=\"margin: 24px 0\">\n        <pl-btn-group\n          label=\"Gradient range\"\n          :options=\"MODE_OPTIONS\"\n          v-model=\"mode\"\n        />\n      </div>\n      <div :style=\"{display: 'flex', marginTop: '16px', gap: '8px'}\">\n        <pl-number-field\n          v-if=\"mode === 'custom'\"\n          label=\"From\"\n          :updateOnEnterOrClickOutside=\"true\"\n          :useIncrementButtons=\"false\"\n          v-model=\"lowerValue\"\n        />\n        <pl-number-field\n          label=\"Mid point\"\n          :updateOnEnterOrClickOutside=\"true\"\n          :useIncrementButtons=\"false\"\n          :style=\"{flexGrow: 1}\"\n          v-model=\"midPoint\"\n        />\n        <pl-number-field\n          v-if=\"mode === 'custom'\"\n          label=\"To\"\n          :updateOnEnterOrClickOutside=\"true\"\n          :useIncrementButtons=\"false\"\n          v-model=\"upperValue\"\n        />\n      </div>\n      <form-wrapper\n        v-if=\"palettesOpen\"\n        title=\"Color Palette\"\n        back-title=\"Color mapping\"\n        @form:close=\"palettesOpen = false\"\n      >\n        <palettes-form :selected=\"palette\" :categorical=\"false\" @select=\"onPaletteSelect\" />\n      </form-wrapper>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","palettesOpen","ref","palette","onPaletteSelect","value","createContinuousMappingFromPalette","MODE_OPTIONS","mode","LOG_LINEAR_OPTIONS","logOrLinear","lowerValue","_a","upperValue","_b","midPoint","watch","v"],"mappings":";;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAKRC,IAAOC,GAEPC,IAAeC,EAAI,EAAK,GACxBC,IAAUD,EAAaL,EAAM,WAAW,OAAO;AAErD,aAASO,EAAgBC,GAAgB;AACvC,MAAAF,EAAQ,QAAQE,GAChBJ,EAAa,QAAQ,IACrBF;AAAA,QACE;AAAA,QACAO,EAAmCD,CAA0B;AAAA,MAAA;AAAA,IAEjE;AAEA,UAAME,IAAe,CAAC,EAAE,OAAO,QAAQ,OAAO,OAAA,GAAU,EAAE,OAAO,UAAU,OAAO,UAAU,GACtFC,IAAON,EAAuBL,EAAM,WAAW,QAAQ,WAAW,MAAM,GAExEY,IAAqB,CAAC,EAAE,OAAO,UAAU,OAAO,SAAA,GAAY,EAAE,OAAO,OAAO,OAAO,OAAO,GAC1FC,IAAcR,EAAsBL,EAAM,WAAW,MAAM,QAAQ,QAAQ,GAE3Ec,IAAaT,IAAwBU,IAAAf,EAAM,WAAW,UAAjB,gBAAAe,EAAwB,aAAY,MAAS,GAClFC,IAAaX,IAAwBY,IAAAjB,EAAM,WAAW,UAAjB,gBAAAiB,EAAwB,aAAY,MAAS,GAElFC,IAAWb,EAAwBL,EAAM,WAAW,YAAY,MAAS;AAE/E,WAAAmB,EAAM,MAAMR,EAAK,OAAO,CAACS,MAAM;AAC7B,MAAIA,MAAM,YACRlB;AAAA,QACE;AAAA,QACA,EAAE,GAAGF,EAAM,YAAY,OAAO,EAAE,UAAUc,EAAW,SAAS,MAAM,UAAUE,EAAW,SAAS,OAAK;AAAA,MAAE,GAGzGI,MAAM,UACRlB;AAAA,QACE;AAAA,QACA,EAAE,GAAGF,EAAM,YAAY,OAAO,KAAA;AAAA,MAAK;AAAA,IAGzC,CAAC,GACDmB,EAAM,MAAML,EAAW,OAAO,CAACM,MAAM;AACnC,MAAAlB;AAAA,QACE;AAAA,QACA,EAAE,GAAGF,EAAM,YAAY,OAAO,EAAE,GAAGA,EAAM,WAAW,OAAO,UAAUoB,EAAA,EAAE;AAAA,MAAE;AAAA,IAE7E,CAAC,GACDD,EAAM,MAAMH,EAAW,OAAO,CAACI,MAAM;AACnC,MAAAlB;AAAA,QACE;AAAA,QACA,EAAE,GAAGF,EAAM,YAAY,OAAO,EAAE,GAAGA,EAAM,WAAW,OAAO,UAAUoB,EAAA,EAAE;AAAA,MAAE;AAAA,IAE7E,CAAC,GACDD,EAAM,MAAMD,EAAS,OAAO,CAACE,MAAM;AACjC,MAAAlB;AAAA,QACE;AAAA,QACA,EAAE,GAAGF,EAAM,YAAY,UAAUoB,KAAK,KAAA;AAAA,MAAK;AAAA,IAE/C,CAAC,GACDD,EAAM,MAAMN,EAAY,OAAO,CAACO,MAAM;AACpC,MAAAlB;AAAA,QACE;AAAA,QACA,EAAE,GAAGF,EAAM,YAAY,KAAKoB,MAAM,MAAA;AAAA,MAAM;AAAA,IAE5C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/GraphMaker/components/AesSettings/AesDataMappingContinuous.vue2.js

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

package/dist/GraphMaker/components/AesSettings/AesDataMappingContinuous.vue2.js.map

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

package/dist/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue.d.ts

@@ -1,30 +1,18 @@
-import { AestheticMappingCategorical } from '../../dataBindAes.ts';
-import { AesType } from '../../constantsCommon.ts';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+import { AesType } from '../../constantsCommon';
+import { AestheticMappingCategorical } from '../../dataBindAes';
+type __VLS_Props = {
     dataColumnLabel: string;
     columnValueLabels: Record<string, string>;
     usedAesInMapping: Record<AesType, boolean>;
     modelValue: AestheticMappingCategorical;
     allowReordering?: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    dataColumnLabel: string;
-    columnValueLabels: Record<string, string>;
-    usedAesInMapping: Record<AesType, boolean>;
-    modelValue: AestheticMappingCategorical;
-    allowReordering?: boolean;
-}>>> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    optionsListRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+//# sourceMappingURL=AesDataMappingDiscrete.vue.d.ts.map

package/dist/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AesDataMappingDiscrete.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue"],"names":[],"mappings":"AAqXA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EACL,2BAA2B,EAE5B,MAAM,mBAAmB,CAAC;AAY3B,KAAK,WAAW,GAAG;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC3C,UAAU,EAAE,2BAA2B,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;;;;;;;;AAwiBF,wBASG"}

package/dist/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue.js

@@ -0,0 +1,288 @@
+import { defineComponent as q, ref as v, computed as p, reactive as G, watch as J, createElementBlock as c, openBlock as u, createElementVNode as s, createCommentVNode as i, createBlock as _, toDisplayString as E, createVNode as I, unref as P, withCtx as M, Fragment as Q, renderList as Z, normalizeClass as m, resolveDynamicComponent as ee, withModifiers as A, normalizeStyle as le } from "vue";
+import { useSortable as oe } from "@platforma-sdk/ui-vue";
+import { isCategorical as ae, PALETTE_MAP as g, FIXED_LINE_TYPES as te, FIXES_DOT_SHAPES as ne, UNKNOWN_COLOR as b } from "../../constantsAesthetic.js";
+import { createCategoricalMappingFromPalette as ue } from "../../dataBindAes.js";
+import { getPopupHeightForFixedAesList as re } from "../../utils/getPopupHeightForFixedAesList.js";
+import se from "./FixedColorsList.vue.js";
+import ie from "./FixedDotShapeList.vue.js";
+import de from "./FixedLineTypeList.vue.js";
+import ce from "./FormWrapper.vue.js";
+import pe from "./PalettesForm.vue.js";
+import me from "../MultiselectButton.vue.js";
+import ve from "../PlColorSlider.vue.js";
+import _e from "../Popup.vue.js";
+import fe from "../../icons/Reorder.vue.js";
+import ge from "../../../node_modules/d3-scale/src/linear.js";
+const Ve = { class: "aes-mapping-block" }, he = { style: { margin: "0 24px" } }, ye = { class: "section-title" }, Ce = { style: { margin: "24px 0" } }, Se = {
+  key: 0,
+  style: { margin: "24px 0" }
+}, ke = {
+  key: 0,
+  class: "aes-settings-hint"
+}, $e = {
+  key: 0,
+  class: "column-value__reorder-icon"
+}, Te = { class: "column-value__title" }, Ie = { class: "column-value__aes-group" }, Ae = ["onClick"], Le = ["onClick"], Re = ["onClick"], Ke = /* @__PURE__ */ q({
+  __name: "AesDataMappingDiscrete",
+  props: {
+    dataColumnLabel: {},
+    columnValueLabels: {},
+    usedAesInMapping: {},
+    modelValue: {},
+    allowReordering: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(U, { emit: D }) {
+    const t = U, V = D, h = v(!1), d = v(t.modelValue.palette), L = p(() => ae(d.value)), r = v(null), N = p(() => r.value === null ? null : t.modelValue.order.indexOf(r.value)), n = v(null), O = p(
+      () => t.modelValue.order.map((e) => {
+        var l;
+        const o = (l = t.modelValue.mapping[e]) == null ? void 0 : l.aes;
+        return {
+          text: t.columnValueLabels[e],
+          value: e,
+          dotShape: o == null ? void 0 : o.dotShape,
+          color: o == null ? void 0 : o.color,
+          lineType: o == null ? void 0 : o.lineShape
+        };
+      })
+    );
+    function B(e) {
+      d.value = e, h.value = !1, V(
+        "update:modelValue",
+        ue(e, t.modelValue.order)
+      );
+    }
+    function C(e, o, l) {
+      V("update:modelValue", {
+        ...t.modelValue,
+        mapping: {
+          ...t.modelValue.mapping,
+          [e]: {
+            ...t.modelValue.mapping[e],
+            aes: {
+              ...t.modelValue.mapping[e].aes,
+              [o]: l
+            }
+          }
+        }
+      });
+    }
+    const S = G({
+      color: {},
+      dotShape: {},
+      lineType: {}
+    });
+    function k(e, o, l) {
+      l && !S[e][o.value] && (S[e][o.value] = l);
+    }
+    function $(e, o) {
+      const l = r.value === e.value && n.value === o;
+      r.value = l ? null : e.value, n.value = l ? null : o;
+    }
+    function R() {
+      r.value = null, n.value = null;
+    }
+    const w = p(
+      () => g[d.value].colors.map((e) => ({ color: e, name: e }))
+    ), H = p(() => n.value ? re(
+      n.value === "lineType" ? te.length : n.value === "dotShape" ? ne.length : w.value.length,
+      n.value
+    ) : 0), F = v();
+    t.allowReordering && oe(F, {
+      handle: ".column-value__reorder-icon",
+      onChange(e) {
+        V("update:modelValue", {
+          ...t.modelValue,
+          order: e.map((o) => t.modelValue.order[o])
+        });
+      }
+    });
+    function x(e, o, l = 0, a = 1) {
+      const f = 1 / (e.length - 1), Y = ge().domain(e.map((y, j) => l + j * f * (a - l))).range(e);
+      return (y) => y > a || y < l ? o : Y(y);
+    }
+    const z = p(
+      () => x(g[d.value].colors, b)
+    ), X = p(
+      () => x(g[d.value].colors, b, 0, 100)
+    ), T = v(
+      t.modelValue.order.map(
+        (e) => t.modelValue.mapping[e].colorIdx * 100
+      )
+    );
+    J(
+      () => t.modelValue,
+      (e) => {
+        T.value = e.order.map(
+          (o) => e.mapping[o].colorIdx * 100
+        );
+      }
+    );
+    function K(e) {
+      e.forEach((o, l) => {
+        const a = t.modelValue.order[l], f = o / 100;
+        t.modelValue.mapping[a].colorIdx !== f && V("update:modelValue", {
+          ...t.modelValue,
+          mapping: {
+            ...t.modelValue.mapping,
+            [a]: {
+              colorIdx: f,
+              aes: {
+                ...t.modelValue.mapping[a].aes,
+                color: z.value(f)
+              }
+            }
+          }
+        });
+      });
+    }
+    function W(e) {
+      n.value = "color", r.value = e.status ? t.modelValue.order[e.index] : null;
+    }
+    return (e, o) => (u(), c("div", Ve, [
+      s("div", he, [
+        s("div", ye, [
+          s("span", null, E(e.dataColumnLabel), 1)
+        ]),
+        s("div", Ce, [
+          I(me, {
+            label: "Color Palette ",
+            icon: "chevron-right",
+            title: P(g)[d.value].title,
+            palette: d.value,
+            onButtonClick: o[0] || (o[0] = (l) => {
+              h.value = !0, R();
+            })
+          }, null, 8, ["title", "palette"])
+        ]),
+        L.value ? i("", !0) : (u(), c("div", Se, [
+          I(ve, {
+            modelValue: T.value,
+            "onUpdate:modelValue": [
+              o[1] || (o[1] = (l) => T.value = l),
+              K
+            ],
+            colors: P(g)[d.value].colors,
+            "get-color-for-percent": X.value,
+            active: N.value,
+            onActive: W
+          }, null, 8, ["modelValue", "colors", "get-color-for-percent", "active"])
+        ])),
+        h.value ? (u(), _(ce, {
+          key: 1,
+          title: "Color Palette",
+          "back-title": "Color mapping",
+          "onForm:close": o[2] || (o[2] = (l) => h.value = !1)
+        }, {
+          default: M(() => [
+            I(pe, {
+              selected: d.value,
+              onSelect: B
+            }, null, 8, ["selected"])
+          ]),
+          _: 1
+        })) : i("", !0)
+      ]),
+      e.allowReordering ? (u(), c("div", ke, " Drag the rows to reorder ")) : i("", !0),
+      s("div", {
+        class: "column-values-list",
+        ref_key: "optionsListRef",
+        ref: F
+      }, [
+        (u(!0), c(Q, null, Z(O.value, (l) => (u(), c("div", {
+          class: m(["column-value", { "column-value__with-reorder": e.allowReordering }])
+        }, [
+          e.allowReordering ? (u(), c("div", $e, [
+            (u(), _(ee(fe)))
+          ])) : i("", !0),
+          s("div", Te, E(l.text), 1),
+          s("div", Ie, [
+            e.usedAesInMapping.lineType ? (u(), c("div", {
+              key: 0,
+              class: m(["column-value__aes", {
+                aes__selected: r.value === l.value && n.value === "lineType"
+              }]),
+              ref_for: !0,
+              ref: (a) => k("lineType", l, a),
+              onClick: A((a) => $(l, "lineType"), ["stop"])
+            }, [
+              s("div", {
+                class: m(["icon__line line", { [`line__${l.lineType}`]: !0 }])
+              }, null, 2)
+            ], 10, Ae)) : i("", !0),
+            e.usedAesInMapping.dotShape ? (u(), c("div", {
+              key: 1,
+              class: m(["column-value__aes", {
+                aes__selected: r.value === l.value && n.value === "dotShape"
+              }]),
+              ref_for: !0,
+              ref: (a) => k("dotShape", l, a),
+              onClick: A((a) => $(l, "dotShape"), ["stop"])
+            }, [
+              s("div", {
+                class: m(["dot", { [`dot__${l.dotShape}`]: !0 }])
+              }, null, 2)
+            ], 10, Le)) : i("", !0),
+            e.usedAesInMapping.fill || e.usedAesInMapping.stroke ? (u(), c("div", {
+              key: 2,
+              class: m(["column-value__aes", {
+                aes__selected: r.value === l.value && n.value === "color"
+              }]),
+              ref_for: !0,
+              ref: (a) => k("color", l, a),
+              onClick: A((a) => $(l, "color"), ["stop"])
+            }, [
+              s("div", {
+                class: "column-value__color",
+                style: le({ background: l.color })
+              }, null, 4)
+            ], 10, Re)) : i("", !0),
+            (n.value !== "color" || L.value) && n.value !== null && r.value === l.value ? (u(), _(_e, {
+              key: `${n.value}_${r.value}`,
+              targetRef: S[n.value][r.value],
+              "onPopup:close": R,
+              height: H.value
+            }, {
+              default: M(() => [
+                s("div", {
+                  class: m(["fixed-aes-list", { "fixed-aes-list__rows": !1 }])
+                }, [
+                  n.value === "lineType" ? (u(), _(de, {
+                    key: 0,
+                    "onUpdate:modelValue": [
+                      (a) => C(l.value, "lineShape", a),
+                      (a) => l.lineType = a
+                    ],
+                    modelValue: l.lineType
+                  }, null, 8, ["onUpdate:modelValue", "modelValue"])) : i("", !0),
+                  n.value === "dotShape" ? (u(), _(ie, {
+                    key: 1,
+                    "onUpdate:modelValue": [
+                      (a) => C(l.value, "dotShape", a),
+                      (a) => l.dotShape = a
+                    ],
+                    modelValue: l.dotShape
+                  }, null, 8, ["onUpdate:modelValue", "modelValue"])) : i("", !0),
+                  n.value === "color" ? (u(), _(se, {
+                    key: 2,
+                    "colors-list": w.value,
+                    "onUpdate:modelValue": [
+                      (a) => C(l.value, "color", a),
+                      (a) => l.color = a
+                    ],
+                    modelValue: l.color
+                  }, null, 8, ["colors-list", "onUpdate:modelValue", "modelValue"])) : i("", !0)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["targetRef", "height"])) : i("", !0)
+          ])
+        ], 2))), 256))
+      ], 512)
+    ]));
+  }
+});
+export {
+  Ke as default
+};
+//# sourceMappingURL=AesDataMappingDiscrete.vue.js.map