npm - @milaboratories/graph-maker - Versions diffs - 1.1.146 → 1.1.148 - Mend

@milaboratories/graph-maker 1.1.146 → 1.1.148

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

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

@@ -6,6 +6,7 @@ type __VLS_Props = {
     usedAesInMapping: Record<AesType, boolean>;
     modelValue: AestheticMappingCategorical;
     allowReordering?: boolean;
+    allowHiding?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"AesDataMappingDiscrete.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue"],"names":[],"mappings":"AAyYA,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;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;;;;;;;AA2lBF,wBASG"}

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

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

package/dist/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AesDataMappingDiscrete.vue.js","sources":["../../../../src/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useSortable } from '@platforma-sdk/ui-vue';\nimport { scaleLinear } from 'd3-scale';\nimport { ComponentPublicInstance, computed, reactive, ref, watch } from 'vue';\nimport {\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 { AesType } from '../../constantsCommon';\nimport {\n AestheticMappingCategorical,\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}>();\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 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\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 && !itemRefs[type][item.value]) {\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 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);\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 <multiselect-button\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 <pl-color-slider\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 <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\" @select=\"onPaletteSelect\" />\n </form-wrapper>\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\" ref=\"optionsListRef\">\n <div\n v-for=\"item of optionsList\"\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 <div\n v-if=\"usedAesInMapping.lineType\"\n class=\"column-value__aes\"\n :class=\"{\n aes__selected:\n activeValue === item.value &&\n activeAesType === 'lineType'\n }\"\n :ref=\"(v) => setRef('lineType', item, v)\"\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 class=\"column-value__aes\"\n :class=\"{\n aes__selected: activeValue === item.value && activeAesType === 'dotShape'\n }\"\n :ref=\"(v) => setRef('dotShape', item, v)\"\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 class=\"column-value__aes\"\n :class=\"{\n aes__selected: activeValue === item.value && activeAesType === 'color'\n }\"\n :ref=\"(v) => setRef('color', item, v)\"\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 @popup:close=\"closeForm\"\n :height=\"popupHeight\"\n >\n <div\n class=\"fixed-aes-list\"\n :class=\"{ 'fixed-aes-list__rows': false }\"\n >\n <fixed-line-type-list\n v-if=\"activeAesType === 'lineType'\"\n @update:modelValue=\"\n (v) => onAesValueUpdate(item.value, 'lineShape', v)\n \"\n v-model=\"item.lineType as LineType\"\n />\n <fixed-dot-shape-list\n v-if=\"activeAesType === 'dotShape'\"\n @update:modelValue=\"\n (v) => onAesValueUpdate(item.value, 'dotShape', v)\n \"\n v-model=\"item.dotShape as DotShape\"\n />\n <fixed-colors-list\n v-if=\"activeAesType === 'color'\"\n :colors-list=\"selectedColorsList\"\n @update:modelValue=\"\n (v) => onAesValueUpdate(item.value, 'color', v)\n \"\n v-model=\"item.color as string\"\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","value","aes","_a","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","getColorScale","colors","unknownColor","from","to","colorStep","scale","scaleLinear","_c","v","continuousColorScale","UNKNOWN_COLOR","colorForPercent","continuousMappingItems","watch","updateContinuousColors","newColorIdx","setActiveElementFromColorSlider"],"mappings":"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"}
1	+ {"version":3,"file":"AesDataMappingDiscrete.vue.js","sources":["../../../../src/GraphMaker/components/AesSettings/AesDataMappingDiscrete.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlIcon24, PlTooltip, useSortable } from '@platforma-sdk/ui-vue';\nimport { scaleLinear } from 'd3-scale';\nimport { ComponentPublicInstance, computed, reactive, ref, watch } from 'vue';\nimport {\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 { AesType } from '../../constantsCommon';\nimport {\n AestheticMappingCategorical,\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}>();\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 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\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 && !itemRefs[type][item.value]) {\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 console.log('switch for', option.value)\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);\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 <multiselect-button\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 <pl-color-slider\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 <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\" @select=\"onPaletteSelect\" />\n </form-wrapper>\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\" ref=\"optionsListRef\">\n <div\n v-for=\"item of optionsList\"\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 :open-delay=\"100\" :close-delay=\"100\" v-if=\"allowHiding\">\n <div @click.stop=\"switchVisibility(item)\" :style=\"{cursor: 'pointer'}\">\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 class=\"column-value__aes\"\n :class=\"{\n aes__selected:\n activeValue === item.value &&\n activeAesType === 'lineType'\n }\"\n :ref=\"(v) => setRef('lineType', item, v)\"\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 class=\"column-value__aes\"\n :class=\"{\n aes__selected: activeValue === item.value && activeAesType === 'dotShape'\n }\"\n :ref=\"(v) => setRef('dotShape', item, v)\"\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 class=\"column-value__aes\"\n :class=\"{\n aes__selected: activeValue === item.value && activeAesType === 'color'\n }\"\n :ref=\"(v) => setRef('color', item, v)\"\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 @popup:close=\"closeForm\"\n :height=\"popupHeight\"\n >\n <div\n class=\"fixed-aes-list\"\n :class=\"{ 'fixed-aes-list__rows': false }\"\n >\n <fixed-line-type-list\n v-if=\"activeAesType === 'lineType'\"\n @update:modelValue=\"\n (v) => onAesValueUpdate(item.value, 'lineShape', v)\n \"\n v-model=\"item.lineType as LineType\"\n />\n <fixed-dot-shape-list\n v-if=\"activeAesType === 'dotShape'\"\n @update:modelValue=\"\n (v) => onAesValueUpdate(item.value, 'dotShape', v)\n \"\n v-model=\"item.dotShape as DotShape\"\n />\n <fixed-colors-list\n v-if=\"activeAesType === 'color'\"\n :colors-list=\"selectedColorsList\"\n @update:modelValue=\"\n (v) => onAesValueUpdate(item.value, 'color', v)\n \"\n v-model=\"item.color as string\"\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","value","aes","_a","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"],"mappings":"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"}

package/dist/GraphMaker/dataBindAes.d.ts CHANGED Viewed

@@ -24,6 +24,7 @@ export interface AestheticMappingCategorical {
     palette: Palette;
     naAes: AestheticValues;
     order: string[];
+    hidden?: Record<string, boolean>;
     mapping: AestheticMappingRecord;
 }
 export declare function isAestheticMappingCategorical(v: unknown | AestheticMappingCategorical): v is AestheticMappingCategorical;

package/dist/GraphMaker/dataBindAes.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dataBindAes.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/dataBindAes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,OAAO,EACR,MAAM,gCAAgC,CAAC;AAQxC,OAAO,EAAE,OAAO,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AACrE,MAAM,MAAM,gBAAgB,GACxB,0BAA0B,GAC1B,2BAA2B,CAAC;AAEhC,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,mDAAmD;AACnD,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,4BAA4B,CAAC,CAAC,EAAC,OAAO,GAAG,0BAA0B,GAAG,CAAC,IAAI,0BAA0B,CAEpH;AAED,iDAAiD;AACjD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,6BAA6B,CAAC,CAAC,EAAC,OAAO,GAAG,2BAA2B,GAAG,CAAC,IAAI,2BAA2B,CAEvH;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAC,OAAO,GAAG,0BAA0B,GAAG,2BAA2B,GAAE,CAAC,IAAI,gBAAgB,CAE7H;AAGD,KAAK,sBAAsB,GAAG,MAAM,CAClC,MAAM,GAAG,MAAM,EACf;IACE,GAAG,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;CAClB,CACF,CAAC;AAEF,UAAU,eAAe;IACvB,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAC5C,eAAO,MAAM,kBAAkB,EAAC,QAAkB,CAAC;AACnD,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,iBAAiB,EAAC,QAAe,CAAC;AAC/C,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,iBAAiB,EAAC,WAAiC,CAAC;AAEjE,eAAO,MAAM,cAAc;;eAEQ,QAAQ;cACV,QAAQ;CACxC,CAAC;AAUF,wBAAgB,mCAAmC,CACjD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAE,GACf,2BAA2B,~~CA0B7B~~;AAOD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,UAAU,EACxB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAC7C,eAAe,EAAE,uBAAuB,QAiBzC;AAED,wBAAgB,wBAAwB,CACtC,eAAe,EAAE,MAAM,EAAE,EACzB,cAAc,EAAE,2BAA2B,GAC1C,2BAA2B,CA8B7B;AACD,wBAAgB,kCAAkC,CAAC,OAAO,EAAE,iBAAiB,GAAE,0BAA0B,CASxG;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,EAAE,GACf,2BAA2B,CAE7B;AAED,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,MAAM,GAAE,yBAAyB,CAKzF;AAED,wBAAgB,4BAA4B,CAC1C,gBAAgB,EAAE,uBAAuB,EACzC,YAAY,EAAE,gBAAgB,GAAG,SAAS,EAC1C,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;;;;;;EA+B3C;AAED,wBAAgB,iBAAiB,CAC/B,cAAc,EAAE,MAAM,EACtB,gBAAgB,EAAE,uBAAuB,EACzC,WAAW,EAAE,qBAAqB;;;EAuBnC;AAED,wBAAgB,eAAe,CAC7B,cAAc,EAAE,MAAM,EACtB,gBAAgB,EAAE,uBAAuB,EACzC,WAAW,EAAE,qBAAqB;;;;;;EA0BnC;AAED,wBAAgB,YAAY,CAC1B,cAAc,EAAE,MAAM,EACtB,gBAAgB,EAAE,uBAAuB,EACzC,WAAW,EAAE,qBAAqB,EAClC,KAAK,EAAE,MAAM,eAAe,GAC3B,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,eAAe,CAAC,CAAC,CAaxD"}
1	+ {"version":3,"file":"dataBindAes.d.ts","sourceRoot":"","sources":["../../src/GraphMaker/dataBindAes.ts"],"names":[],"mappings":"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"}