@milaboratories/graph-maker 1.1.182 → 1.1.183

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

@@ -13,7 +13,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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/AesSettings/AesDataMappingDiscrete.vue.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"AesDataMappingDiscrete.vue.js","sources":["../../../src/components/AesSettings/AesDataMappingDiscrete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon24, PlTooltip, useSortable } from '@platforma-sdk/ui-vue';\nimport { scaleLinear } from 'd3-scale';\nimport type { ComponentPublicInstance } from 'vue';\nimport { computed, reactive, ref, watch } from 'vue';\nimport type {\n  DotShape,\n  LineType,\n  Palette,\n} from './types';\nimport {\n  FIXED_LINE_TYPES,\n  FIXES_DOT_SHAPES,\n  isCategorical,\n  PALETTE_MAP, UNKNOWN_COLOR,\n} from '../../constantsAesthetic';\nimport type { AesType } from '../../constantsCommon';\nimport type {\n  AestheticMappingCategorical } from '../../dataBindAes';\nimport {\n  createCategoricalMappingFromPalette,\n} from '../../dataBindAes';\nimport { getPopupHeightForFixedAesList } from '../../utils/getPopupHeightForFixedAesList';\nimport FixedColorsList from './FixedColorsList.vue';\nimport FixedDotShapeList from './FixedDotShapeList.vue';\nimport FixedLineTypeList from './FixedLineTypeList.vue';\nimport FormWrapper from './FormWrapper.vue';\nimport PalettesForm from './PalettesForm.vue';\nimport MultiselectButton from '../MultiselectButton.vue';\nimport PlColorSlider from '../PlColorSlider.vue';\nimport Popup from '../Popup.vue';\nimport Reorder from '../../icons/Reorder.vue';\n\nconst props = defineProps<{\n  dataColumnLabel: string;\n  columnValueLabels: Record<string, string>;\n  usedAesInMapping: Record<AesType, boolean>;\n  modelValue: AestheticMappingCategorical;\n  allowReordering?: boolean;\n  allowHiding?: boolean;\n  allowNullOption?: boolean;\n}>();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst palettesOpen = ref(false);\nconst palette = ref<Palette>(props.modelValue.palette);\nconst categorical = computed(() => isCategorical(palette.value));\n\ntype EditableAesType = 'color' | 'dotShape' | 'lineType';\n\nconst activeValue = ref<string | null>(null);\nconst activeValueIndex = computed(() => {\n  if (activeValue.value === null) {\n    return null;\n  }\n  return props.modelValue.order.indexOf(activeValue.value);\n});\nconst activeAesType = ref<EditableAesType | null>(null);\n\nconst optionsList = computed(() => {\n  const options = props.modelValue.order.map((value: string) => {\n    const aes = props.modelValue.mapping[value]?.aes;\n    return {\n      text: props.columnValueLabels[value],\n      value,\n      dotShape: aes?.dotShape,\n      color: aes?.color,\n      lineType: aes?.lineShape,\n    };\n  });\n\n  return props.allowNullOption ? options : options.filter((op) => op.value !== 'null');\n});\n\nfunction onPaletteSelect(value: Palette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  emit(\n    'update:modelValue',\n    createCategoricalMappingFromPalette(value, props.modelValue.order),\n  );\n}\n\nfunction onAesValueUpdate(\n  value: string | number,\n  aesField: string,\n  aesValue: string | DotShape | LineType,\n) {\n  emit('update:modelValue', {\n    ...props.modelValue,\n    mapping: {\n      ...props.modelValue.mapping,\n      [value]: {\n        ...props.modelValue.mapping[value],\n        aes: {\n          ...props.modelValue.mapping[value].aes,\n          [aesField]: aesValue,\n        },\n      },\n    },\n  });\n}\n\nconst itemRefs = reactive<\n  Record<EditableAesType, Record<string, ComponentPublicInstance | Element>>\n>({\n  color: {},\n  dotShape: {},\n  lineType: {},\n});\n\nfunction setRef(\n  type: EditableAesType,\n  item: (typeof optionsList.value)[0],\n  el: ComponentPublicInstance | null | Element,\n) {\n  if (el) {\n    itemRefs[type][item.value] = el;\n  }\n}\n\nfunction toggleForm(\n  item: (typeof optionsList.value)[0],\n  valueType: EditableAesType,\n) {\n  const isThisFormOpen\n    = activeValue.value === item.value && activeAesType.value === valueType;\n  activeValue.value = isThisFormOpen ? null : item.value;\n  activeAesType.value = isThisFormOpen ? null : valueType;\n}\n\nfunction closeForm() {\n  activeValue.value = null;\n  activeAesType.value = null;\n}\n\nconst selectedColorsList = computed(() =>\n  PALETTE_MAP[palette.value].colors.map((color) => ({ color, name: color })),\n);\n\nconst popupHeight = computed(() => {\n  if (!activeAesType.value) {\n    return 0;\n  }\n  return getPopupHeightForFixedAesList(\n    activeAesType.value === 'lineType' ? FIXED_LINE_TYPES.length : activeAesType.value === 'dotShape' ? FIXES_DOT_SHAPES.length : selectedColorsList.value.length,\n    activeAesType.value,\n  );\n});\n\nconst optionsListRef = ref();\n\nif (props.allowReordering) {\n  useSortable(optionsListRef, {\n    handle: '.column-value__reorder-icon',\n    onChange(indices) {\n      emit('update:modelValue', {\n        ...props.modelValue,\n        order: indices.map((idx) => props.modelValue.order[idx]),\n      });\n    },\n  });\n}\n\nfunction switchVisibility(option: { value: string }) {\n  emit('update:modelValue', {\n    ...props.modelValue,\n    hidden: {\n      ...props.modelValue.hidden,\n      [option.value]: props.modelValue.hidden?.[option.value] ? false : true,\n    },\n  });\n}\n\nfunction getColorScale(colors: string[], unknownColor: string, from = 0, to = 1) {\n  const colorStep = 1 / (colors.length - 1);\n  const scale = scaleLinear<string, string>()\n    .domain(colors.map((_c, idx) => from + idx * colorStep * (to - from)))\n    .range(colors);\n  return (v: number) => {\n    if (v > to || v < from) {\n      return unknownColor;\n    }\n    return scale(v);\n  };\n}\n\nconst continuousColorScale = computed(() =>\n  getColorScale(PALETTE_MAP[palette.value].colors, UNKNOWN_COLOR),\n);\n\nconst colorForPercent = computed(() =>\n  getColorScale(PALETTE_MAP[palette.value].colors, UNKNOWN_COLOR, 0, 100),\n);\nconst continuousMappingItems = ref(\n  props.modelValue.order.map(\n    (item) => props.modelValue.mapping[item].colorIdx * 100,\n  ),\n);\nwatch(\n  () => props.modelValue,\n  (v) => {\n    continuousMappingItems.value = v.order.map(\n      (item) => v.mapping[item].colorIdx * 100,\n    );\n  },\n);\nfunction updateContinuousColors(v: number[]) {\n  v.forEach((value, idx) => {\n    const item = props.modelValue.order[idx];\n    const newColorIdx = value / 100;\n    if (props.modelValue.mapping[item].colorIdx !== newColorIdx) {\n      emit('update:modelValue', {\n        ...props.modelValue,\n        mapping: {\n          ...props.modelValue.mapping,\n          [item]: {\n            colorIdx: newColorIdx,\n            aes: {\n              ...props.modelValue.mapping[item].aes,\n              color: continuousColorScale.value(newColorIdx),\n            },\n          },\n        },\n      });\n    }\n  });\n}\n\nfunction setActiveElementFromColorSlider(e: { index: number; status: boolean }) {\n  activeAesType.value = 'color';\n  activeValue.value = e.status ? props.modelValue.order[e.index] : null;\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        <MultiselectButton\n          label=\"Color Palette \"\n          icon=\"chevron-right\"\n          :title=\"PALETTE_MAP[palette].title\"\n          :palette=\"palette\"\n          @button-click=\"\n            palettesOpen = true;\n            closeForm();\n          \"\n        />\n      </div>\n      <div v-if=\"!categorical\" style=\"margin: 24px 0\">\n        <PlColorSlider\n          v-model=\"continuousMappingItems\"\n          :colors=\"PALETTE_MAP[palette].colors\"\n          :get-color-for-percent=\"colorForPercent\"\n          :active=\"activeValueIndex\"\n          @active=\"setActiveElementFromColorSlider\"\n          @update:model-value=\"updateContinuousColors\"\n        />\n      </div>\n      <FormWrapper\n        v-if=\"palettesOpen\"\n        title=\"Color Palette\"\n        back-title=\"Color mapping\"\n        @form:close=\"palettesOpen = false\"\n      >\n        <PalettesForm :selected=\"palette\" @select=\"onPaletteSelect\" />\n      </FormWrapper>\n    </div>\n    <div v-if=\"allowReordering\" class=\"aes-settings-hint\">\n      Drag the rows to reorder\n    </div>\n    <div ref=\"optionsListRef\" class=\"column-values-list\">\n      <div\n        v-for=\"item of optionsList\"\n        :key=\"item.value\"\n        class=\"column-value\"\n        :class=\"{ 'column-value__with-reorder': allowReordering }\"\n      >\n        <div v-if=\"allowReordering\" class=\"column-value__reorder-icon\">\n          <component :is=\"Reorder\" />\n        </div>\n        <div class=\"column-value__title\">{{ item.text }}</div>\n        <div class=\"column-value__aes-group\">\n          <PlTooltip v-if=\"allowHiding\" :open-delay=\"100\" :close-delay=\"100\">\n            <div :style=\"{cursor: 'pointer'}\" class=\"column-value__aes\" @click.stop=\"switchVisibility(item)\">\n              <PlIcon24 :name=\"modelValue.hidden?.[item.value] ? '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\"\n            :ref=\"(v) => setRef('lineType', item, v)\"\n            class=\"column-value__aes\"\n            :class=\"{\n              aes__selected:\n                activeValue === item.value &&\n                activeAesType === 'lineType'\n            }\"\n            @click.stop=\"toggleForm(item, 'lineType')\"\n          >\n            <div\n              class=\"icon__line line\"\n              :class=\"{ [`line__${item.lineType}`]: true }\"\n            />\n          </div>\n          <div\n            v-if=\"usedAesInMapping.dotShape\"\n            :ref=\"(v) => setRef('dotShape', item, v)\"\n            class=\"column-value__aes\"\n            :class=\"{\n              aes__selected: activeValue === item.value && activeAesType === 'dotShape'\n            }\"\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\"\n            :ref=\"(v) => setRef('color', item, v)\"\n            class=\"column-value__aes\"\n            :class=\"{\n              aes__selected: activeValue === item.value && activeAesType === 'color'\n            }\"\n            @click.stop=\"toggleForm(item, 'color')\"\n          >\n            <div\n              class=\"column-value__color\"\n              :style=\"{ background: item.color }\"\n            />\n          </div>\n          <Popup\n            v-if=\"\n              (activeAesType !== 'color' || categorical) &&\n                activeAesType !== null &&\n                activeValue === item.value\n            \"\n            :key=\"`${activeAesType}_${activeValue}`\"\n            :targetRef=\"itemRefs[activeAesType][activeValue] as HTMLElement\"\n            :height=\"popupHeight\"\n            @popup:close=\"closeForm\"\n          >\n            <div\n              class=\"fixed-aes-list\"\n              :class=\"{ 'fixed-aes-list__rows': false }\"\n            >\n              <FixedLineTypeList\n                v-if=\"activeAesType === 'lineType'\"\n                v-model=\"item.lineType as LineType\"\n                @update:modelValue=\"\n                  (v) => onAesValueUpdate(item.value, 'lineShape', v)\n                \"\n              />\n              <FixedDotShapeList\n                v-if=\"activeAesType === 'dotShape'\"\n                v-model=\"item.dotShape as DotShape\"\n                @update:modelValue=\"\n                  (v) => onAesValueUpdate(item.value, 'dotShape', v)\n                \"\n              />\n              <FixedColorsList\n                v-if=\"activeAesType === 'color'\"\n                v-model=\"item.color as string\"\n                :colors-list=\"selectedColorsList\"\n                @update:modelValue=\"\n                  (v) => onAesValueUpdate(item.value, 'color', v)\n                \"\n              />\n            </div>\n          </Popup>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","palettesOpen","ref","palette","categorical","computed","isCategorical","activeValue","activeValueIndex","activeAesType","optionsList","options","value","aes","_a","op","onPaletteSelect","createCategoricalMappingFromPalette","onAesValueUpdate","aesField","aesValue","itemRefs","reactive","setRef","type","item","el","toggleForm","valueType","isThisFormOpen","closeForm","selectedColorsList","PALETTE_MAP","color","popupHeight","getPopupHeightForFixedAesList","FIXED_LINE_TYPES","FIXES_DOT_SHAPES","optionsListRef","useSortable","indices","idx","switchVisibility","option","getColorScale","colors","unknownColor","from","to","colorStep","scale","scaleLinear","_c","v","continuousColorScale","UNKNOWN_COLOR","colorForPercent","continuousMappingItems","watch","updateContinuousColors","newColorIdx","setActiveElementFromColorSlider","e","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_createVNode","MultiselectButton","_unref","_cache","$event","_hoisted_5","PlColorSlider","_createBlock","FormWrapper","PalettesForm","_hoisted_6","_Fragment","_renderList","_normalizeClass","_hoisted_7","_resolveDynamicComponent","Reorder","_hoisted_8","_toDisplayString","_hoisted_9","PlTooltip","_withModifiers","PlIcon24","_normalizeStyle","Popup","FixedLineTypeList","FixedDotShapeList","FixedColorsList"],"mappings":"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"}
+{"version":3,"file":"AesDataMappingDiscrete.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -1,5 +1,218 @@
-import f from "./AesDataMappingDiscrete.vue.js";
+import { defineComponent as H, ref as r, computed as c, watch as L, createElementBlock as b, openBlock as f, createElementVNode as m, createCommentVNode as x, createBlock as K, toDisplayString as W, createVNode as p, unref as _, withCtx as P } from "vue";
+import { scaleLinear as j } from "d3-scale";
+import { isCategorical as q, PALETTE_MAP as h, UNKNOWN_COLOR as R } from "../../constantsAesthetic.js";
+import { createCategoricalMappingFromPalette as z } from "../../dataBindAes.js";
+import G from "./FormWrapper.vue.js";
+import J from "./PalettesForm.vue.js";
+import Q from "../MultiselectButton.vue.js";
+import X from "../PlColorSlider.vue.js";
+import Y from "./DiscreteRow.vue.js";
+import { PlElementList as Z } from "@platforma-sdk/ui-vue";
+const ee = { class: "aes-mapping-block" }, le = { style: { margin: "0 24px" } }, te = { class: "section-title" }, ae = { style: { margin: "24px 0" } }, oe = {
+  key: 0,
+  style: { margin: "24px 0" }
+}, ne = {
+  key: 0,
+  class: "aes-settings-hint"
+}, ie = { class: "column-values-list" }, fe = /* @__PURE__ */ H({
+  __name: "AesDataMappingDiscrete",
+  props: {
+    dataColumnLabel: {},
+    columnValueLabels: {},
+    usedAesInMapping: {},
+    modelValue: {},
+    allowReordering: { type: Boolean },
+    allowHiding: { type: Boolean },
+    allowNullOption: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: N }) {
+    const a = u, d = N, v = r(!1), i = r(a.modelValue.palette), k = c(() => q(i.value)), s = r(null), $ = c(() => s.value === null ? null : a.modelValue.order.indexOf(s.value)), g = r(null), I = c({
+      get: () => {
+        const e = a.modelValue.order.map((t) => {
+          var o;
+          const l = (o = a.modelValue.mapping[t]) == null ? void 0 : o.aes;
+          return {
+            text: a.columnValueLabels[t],
+            value: t,
+            dotShape: l == null ? void 0 : l.dotShape,
+            color: l == null ? void 0 : l.color,
+            lineType: l == null ? void 0 : l.lineShape
+          };
+        });
+        return a.allowNullOption ? e : e.filter((t) => t.value !== "null");
+      },
+      set: (e) => {
+        d("update:modelValue", {
+          ...a.modelValue,
+          order: e.map((t) => t.value)
+        });
+      }
+    });
+    function B(e) {
+      i.value = e, v.value = !1, d(
+        "update:modelValue",
+        z(e, a.modelValue.order)
+      );
+    }
+    function D(e, t, l) {
+      d("update:modelValue", {
+        ...a.modelValue,
+        mapping: {
+          ...a.modelValue.mapping,
+          [e]: {
+            ...a.modelValue.mapping[e],
+            aes: {
+              ...a.modelValue.mapping[e].aes,
+              [t]: l
+            }
+          }
+        }
+      });
+    }
+    function S() {
+      s.value = null, g.value = null;
+    }
+    function E(e) {
+      var t;
+      d("update:modelValue", {
+        ...a.modelValue,
+        hidden: {
+          ...a.modelValue.hidden,
+          [e.value]: !((t = a.modelValue.hidden) != null && t[e.value])
+        }
+      });
+    }
+    function A(e, t, l = 0, o = 1) {
+      const n = 1 / (e.length - 1), C = j().domain(e.map((V, U) => l + U * n * (o - l))).range(e);
+      return (V) => V > o || V < l ? t : C(V);
+    }
+    const O = c(
+      () => A(h[i.value].colors, R)
+    ), M = c(
+      () => A(h[i.value].colors, R, 0, 100)
+    ), y = r(
+      a.modelValue.order.map(
+        (e) => a.modelValue.mapping[e].colorIdx * 100
+      )
+    );
+    L(
+      () => a.modelValue,
+      (e) => {
+        y.value = e.order.map(
+          (t) => e.mapping[t].colorIdx * 100
+        );
+      }
+    );
+    function T(e) {
+      e.forEach((t, l) => {
+        const o = a.modelValue.order[l], n = t / 100;
+        a.modelValue.mapping[o].colorIdx !== n && d("update:modelValue", {
+          ...a.modelValue,
+          mapping: {
+            ...a.modelValue.mapping,
+            [o]: {
+              colorIdx: n,
+              aes: {
+                ...a.modelValue.mapping[o].aes,
+                color: O.value(n)
+              }
+            }
+          }
+        });
+      });
+    }
+    function F(e) {
+      g.value = "color", s.value = e.status ? a.modelValue.order[e.index] : null;
+    }
+    const w = r(I.value);
+    return L(() => w.value, (e) => {
+      I.value = e;
+    }, { deep: !0 }), (e, t) => (f(), b("div", ee, [
+      m("div", le, [
+        m("div", te, [
+          m("span", null, W(u.dataColumnLabel), 1)
+        ]),
+        m("div", ae, [
+          p(Q, {
+            label: "Color Palette ",
+            icon: "chevron-right",
+            title: _(h)[i.value].title,
+            palette: i.value,
+            onButtonClick: t[0] || (t[0] = (l) => {
+              v.value = !0, S();
+            })
+          }, null, 8, ["title", "palette"])
+        ]),
+        k.value ? x("", !0) : (f(), b("div", oe, [
+          p(X, {
+            modelValue: y.value,
+            "onUpdate:modelValue": [
+              t[1] || (t[1] = (l) => y.value = l),
+              T
+            ],
+            colors: _(h)[i.value].colors,
+            "get-color-for-percent": M.value,
+            active: $.value,
+            onActive: F
+          }, null, 8, ["modelValue", "colors", "get-color-for-percent", "active"])
+        ])),
+        v.value ? (f(), K(G, {
+          key: 1,
+          title: "Color Palette",
+          "back-title": "Color mapping",
+          "onForm:close": t[2] || (t[2] = (l) => v.value = !1)
+        }, {
+          default: P(() => [
+            p(J, {
+              selected: i.value,
+              onSelect: B
+            }, null, 8, ["selected"])
+          ]),
+          _: 1
+        })) : x("", !0)
+      ]),
+      u.allowReordering ? (f(), b("div", ne, " Drag the rows to reorder ")) : x("", !0),
+      m("div", ie, [
+        p(_(Z), {
+          items: w.value,
+          "onUpdate:items": t[3] || (t[3] = (l) => w.value = l),
+          "get-item-key": (l) => l.value,
+          "item-class": e.$style.discreteRow,
+          "item-class-title": e.$style.discreteRowTitle,
+          disableDragging: !u.allowReordering,
+          disableRemoving: !0,
+          disableToggling: !0,
+          disablePinning: !0
+        }, {
+          "item-title": P(({ item: l }) => {
+            var o;
+            return [
+              p(Y, {
+                item: l,
+                "active-value": s.value,
+                "active-aes-type": g.value,
+                "used-aes-in-mapping": a.usedAesInMapping,
+                "allow-hiding": u.allowHiding ?? !1,
+                "allow-reordering": u.allowReordering ?? !1,
+                hidden: ((o = a.modelValue.hidden) == null ? void 0 : o[l.value]) ?? !1,
+                palette: i.value,
+                "is-categorical": k.value,
+                "on-aes-value-update": (n, C) => D(l.value, n, C),
+                "on-switch-visibility": () => E(l),
+                "on-active-value-change": (n) => s.value = n,
+                "on-active-aes-type-change": (n) => g.value = n,
+                "on-close-form": S
+              }, null, 8, ["item", "active-value", "active-aes-type", "used-aes-in-mapping", "allow-hiding", "allow-reordering", "hidden", "palette", "is-categorical", "on-aes-value-update", "on-switch-visibility", "on-active-value-change", "on-active-aes-type-change"])
+            ];
+          }),
+          _: 1
+        }, 8, ["items", "get-item-key", "item-class", "item-class-title", "disableDragging"])
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  fe as default
 };
 //# sourceMappingURL=AesDataMappingDiscrete.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AesDataMappingDiscrete.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"AesDataMappingDiscrete.vue2.js","sources":["../../../src/components/AesSettings/AesDataMappingDiscrete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { scaleLinear } from 'd3-scale';\nimport { computed, ref, watch } from 'vue';\nimport type {\n  DotShape,\n  LineType,\n  Palette,\n} from './types';\nimport {\n  isCategorical,\n  PALETTE_MAP, UNKNOWN_COLOR,\n} from '../../constantsAesthetic';\nimport type { AesType } from '../../constantsCommon';\nimport type {\n  AestheticMappingCategorical,\n} from '../../dataBindAes';\nimport {\n  createCategoricalMappingFromPalette,\n} from '../../dataBindAes';\nimport FormWrapper from './FormWrapper.vue';\nimport PalettesForm from './PalettesForm.vue';\nimport MultiselectButton from '../MultiselectButton.vue';\nimport PlColorSlider from '../PlColorSlider.vue';\nimport DiscreteRow from './DiscreteRow.vue';\nimport { PlElementList } from '@platforma-sdk/ui-vue';\n\nconst props = defineProps<{\n  dataColumnLabel: string;\n  columnValueLabels: Record<string, string>;\n  usedAesInMapping: Record<AesType, boolean>;\n  modelValue: AestheticMappingCategorical;\n  allowReordering?: boolean;\n  allowHiding?: boolean;\n  allowNullOption?: boolean;\n}>();\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst palettesOpen = ref(false);\nconst palette = ref<Palette>(props.modelValue.palette);\nconst categorical = computed(() => isCategorical(palette.value));\n\ntype EditableAesType = 'color' | 'dotShape' | 'lineType';\n\nconst activeValue = ref<string | null>(null);\nconst activeValueIndex = computed(() => {\n  if (activeValue.value === null) {\n    return null;\n  }\n  return props.modelValue.order.indexOf(activeValue.value);\n});\nconst activeAesType = ref<EditableAesType | null>(null);\n\nconst optionsList = computed({\n  get: () => {\n    const options = props.modelValue.order.map((value: string) => {\n      const aes = props.modelValue.mapping[value]?.aes;\n      return {\n        text: props.columnValueLabels[value],\n        value,\n        dotShape: aes?.dotShape,\n        color: aes?.color,\n        lineType: aes?.lineShape,\n      };\n    });\n\n    return props.allowNullOption ? options : options.filter((op) => op.value !== 'null');\n  },\n  set: (value) => {\n    emit('update:modelValue', {\n      ...props.modelValue,\n      order: value.map((item) => item.value),\n    });\n  },\n});\n\nfunction onPaletteSelect(value: Palette) {\n  palette.value = value;\n  palettesOpen.value = false;\n  emit(\n    'update:modelValue',\n    createCategoricalMappingFromPalette(value, props.modelValue.order),\n  );\n}\n\nfunction onAesValueUpdate(\n  value: string | number,\n  aesField: string,\n  aesValue: string | DotShape | LineType,\n) {\n  emit('update:modelValue', {\n    ...props.modelValue,\n    mapping: {\n      ...props.modelValue.mapping,\n      [value]: {\n        ...props.modelValue.mapping[value],\n        aes: {\n          ...props.modelValue.mapping[value].aes,\n          [aesField]: aesValue,\n        },\n      },\n    },\n  });\n}\n\nfunction closeForm() {\n  activeValue.value = null;\n  activeAesType.value = null;\n}\n\nfunction switchVisibility(option: { value: string }) {\n  emit('update:modelValue', {\n    ...props.modelValue,\n    hidden: {\n      ...props.modelValue.hidden,\n      [option.value]: props.modelValue.hidden?.[option.value] ? false : true,\n    },\n  });\n}\n\nfunction getColorScale(colors: string[], unknownColor: string, from = 0, to = 1) {\n  const colorStep = 1 / (colors.length - 1);\n  const scale = scaleLinear<string, string>()\n    .domain(colors.map((_c, idx) => from + idx * colorStep * (to - from)))\n    .range(colors);\n  return (v: number) => {\n    if (v > to || v < from) {\n      return unknownColor;\n    }\n    return scale(v);\n  };\n}\n\nconst continuousColorScale = computed(() =>\n  getColorScale(PALETTE_MAP[palette.value].colors, UNKNOWN_COLOR),\n);\n\nconst colorForPercent = computed(() =>\n  getColorScale(PALETTE_MAP[palette.value].colors, UNKNOWN_COLOR, 0, 100),\n);\nconst continuousMappingItems = ref(\n  props.modelValue.order.map(\n    (item) => props.modelValue.mapping[item].colorIdx * 100,\n  ),\n);\nwatch(\n  () => props.modelValue,\n  (v) => {\n    continuousMappingItems.value = v.order.map(\n      (item) => v.mapping[item].colorIdx * 100,\n    );\n  },\n);\nfunction updateContinuousColors(v: number[]) {\n  v.forEach((value, idx) => {\n    const item = props.modelValue.order[idx];\n    const newColorIdx = value / 100;\n    if (props.modelValue.mapping[item].colorIdx !== newColorIdx) {\n      emit('update:modelValue', {\n        ...props.modelValue,\n        mapping: {\n          ...props.modelValue.mapping,\n          [item]: {\n            colorIdx: newColorIdx,\n            aes: {\n              ...props.modelValue.mapping[item].aes,\n              color: continuousColorScale.value(newColorIdx),\n            },\n          },\n        },\n      });\n    }\n  });\n}\n\nfunction setActiveElementFromColorSlider(e: { index: number; status: boolean }) {\n  activeAesType.value = 'color';\n  activeValue.value = e.status ? props.modelValue.order[e.index] : null;\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 style=\"margin: 0 24px\">\n      <div class=\"section-title\">\n        <span>{{ dataColumnLabel }}</span>\n      </div>\n      <div style=\"margin: 24px 0\">\n        <MultiselectButton\n          label=\"Color Palette \" icon=\"chevron-right\" :title=\"PALETTE_MAP[palette].title\"\n          :palette=\"palette\" @button-click=\"\n            palettesOpen = true;\n            closeForm();\n          \"\n        />\n      </div>\n      <div v-if=\"!categorical\" style=\"margin: 24px 0\">\n        <PlColorSlider\n          v-model=\"continuousMappingItems\" :colors=\"PALETTE_MAP[palette].colors\"\n          :get-color-for-percent=\"colorForPercent\" :active=\"activeValueIndex\" @active=\"setActiveElementFromColorSlider\"\n          @update:model-value=\"updateContinuousColors\"\n        />\n      </div>\n      <FormWrapper\n        v-if=\"palettesOpen\" title=\"Color Palette\" back-title=\"Color mapping\"\n        @form:close=\"palettesOpen = false\"\n      >\n        <PalettesForm :selected=\"palette\" @select=\"onPaletteSelect\" />\n      </FormWrapper>\n    </div>\n    <div v-if=\"allowReordering\" 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\"\n        :get-item-key=\"(item) => item.value\"\n        :item-class=\"$style.discreteRow\"\n        :item-class-title=\"$style.discreteRowTitle\"\n        :disableDragging=\"!allowReordering\"\n        :disableRemoving=\"true\"\n        :disableToggling=\"true\"\n        :disablePinning=\"true\"\n      >\n        <template #item-title=\"{ item }\">\n          <DiscreteRow\n            :item=\"item\" :active-value=\"activeValue\" :active-aes-type=\"activeAesType\"\n            :used-aes-in-mapping=\"props.usedAesInMapping\" :allow-hiding=\"allowHiding ?? false\"\n            :allow-reordering=\"allowReordering ?? false\" :hidden=\"props.modelValue.hidden?.[item.value] ?? false\"\n            :palette=\"palette\" :is-categorical=\"categorical\"\n            :on-aes-value-update=\"(field: string, value: string | DotShape | LineType) => onAesValueUpdate(item.value, field, value)\"\n            :on-switch-visibility=\"() => switchVisibility(item)\" :on-active-value-change=\"(v) => activeValue = v\"\n            :on-active-aes-type-change=\"(v) => activeAesType = v\" :on-close-form=\"closeForm\"\n          />\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.discreteRow:hover {\n  --head-background: var(--color-ic-00);\n}\n.discreteRowTitle {\n  padding-top: 0;\n  padding-bottom: 0;\n  background-color: var(--color-ic-00);\n}\n.discreteRow:hover .discreteRowTitle {\n  background-color: var(--color-ic-00);\n}\n</style>\n"],"names":["props","__props","emit","__emit","palettesOpen","ref","palette","categorical","computed","isCategorical","activeValue","activeValueIndex","activeAesType","optionsList","options","value","aes","_a","op","item","onPaletteSelect","createCategoricalMappingFromPalette","onAesValueUpdate","aesField","aesValue","closeForm","switchVisibility","option","getColorScale","colors","unknownColor","from","to","colorStep","scale","scaleLinear","_c","idx","v","continuousColorScale","PALETTE_MAP","UNKNOWN_COLOR","colorForPercent","continuousMappingItems","watch","updateContinuousColors","newColorIdx","setActiveElementFromColorSlider","listItems","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_createVNode","MultiselectButton","_unref","_cache","$event","_hoisted_5","PlColorSlider","_createBlock","FormWrapper","PalettesForm","_hoisted_6","_hoisted_7","PlElementList","$style","_withCtx","DiscreteRow","field"],"mappings":"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"}

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

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