@unovis/vue 1.3.0-alpha.3 → 1.3.0-beta.2

package/components/free-brush/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/free-brush/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    mode: {},\n    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    selectionMinLength: {},\n    autoHide: { type: Boolean },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<FreeBrush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new FreeBrush<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","FreeBrush","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,KAAM,CAAC,EACP,QAAS,CAAE,KAAM,QAAS,EAC1B,aAAc,CAAE,KAAM,QAAS,EAC/B,YAAa,CAAE,KAAM,QAAS,EAC9B,WAAY,CAAE,KAAM,QAAS,EAC7B,YAAa,CAAC,EACd,UAAW,CAAC,EACZ,mBAAoB,CAAC,EACrB,SAAU,CAAE,KAAM,OAAQ,EAC1B,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAItCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGT,CAAS,EAAAM,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAiB,UAAAN,EAAO,KAAK,GACzCO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEQT,EAAA,CACP,UAAAW,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO7B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/free-brush/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\ninterface Props extends  FreeBrushConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    mode: {},\n    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    selectionMinLength: {},\n    autoHide: { type: Boolean },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FreeBrush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new FreeBrush<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","FreeBrush","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,KAAM,CAAC,EACP,QAAS,CAAE,KAAM,QAAS,EAC1B,aAAc,CAAE,KAAM,QAAS,EAC/B,YAAa,CAAE,KAAM,QAAS,EAC9B,WAAY,CAAE,KAAM,QAAS,EAC7B,YAAa,CAAC,EACd,UAAW,CAAC,EACZ,mBAAoB,CAAC,EACrB,SAAU,CAAE,KAAM,OAAQ,EAC1B,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAKtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAiB,UAAAN,EAAO,KAAK,GACzCO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQT,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAQ,CAAA,CAClB,EAEKc,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEDS,EAAA,MAAMX,EAAM,IAAM,QACNS,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQT,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO3B,CAAU,EAE7D,CAEA,CAAC"}

package/components/free-brush/index.d.ts

@@ -1,11 +1,62 @@
-import { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts';
-declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: FreeBrushConfigInterface<Datum> & {
+import { FreeBrush } from '@unovis/ts';
+declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        color?: string | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
+        x?: import("@unovis/ts").NumericAccessor<Datum>;
+        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
+        duration?: number;
+        events?: {
+            [selector: string]: {
+                touchstart?: import("@unovis/ts").VisEventCallback<any>;
+                touchmove?: import("@unovis/ts").VisEventCallback<any>;
+                touchend?: import("@unovis/ts").VisEventCallback<any>;
+                mouseover?: import("@unovis/ts").VisEventCallback<any>;
+                mousemove?: import("@unovis/ts").VisEventCallback<any>;
+                mousedown?: import("@unovis/ts").VisEventCallback<any>;
+                mouseup?: import("@unovis/ts").VisEventCallback<any>;
+                click?: import("@unovis/ts").VisEventCallback<any>;
+                auxclick?: import("@unovis/ts").VisEventCallback<any>;
+                contextmenu?: import("@unovis/ts").VisEventCallback<any>;
+                dblclick?: import("@unovis/ts").VisEventCallback<any>;
+                mouseenter?: import("@unovis/ts").VisEventCallback<any>;
+                mouseleave?: import("@unovis/ts").VisEventCallback<any>;
+                mouseout?: import("@unovis/ts").VisEventCallback<any>;
+                scroll?: import("@unovis/ts").VisEventCallback<any>;
+                select?: import("@unovis/ts").VisEventCallback<any>;
+                wheel?: import("@unovis/ts").VisEventCallback<any>;
+                pointerdown?: import("@unovis/ts").VisEventCallback<any>;
+                pointerup?: import("@unovis/ts").VisEventCallback<any>;
+                pointerout?: import("@unovis/ts").VisEventCallback<any>;
+                pointermove?: import("@unovis/ts").VisEventCallback<any>;
+            };
+        };
+        attributes?: {
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        };
         data?: Datum[];
-    };
-    expose(exposed: {
+        onBrush?: (selection: import("@unovis/ts").FreeBrushSelection, event: import("d3-brush").D3BrushEvent<unknown>, userDriven: boolean) => void;
+        onBrushStart?: (selection: import("@unovis/ts").FreeBrushSelection, event: import("d3-brush").D3BrushEvent<unknown>, userDriven: boolean) => void;
+        onBrushMove?: (selection: import("@unovis/ts").FreeBrushSelection, event: import("d3-brush").D3BrushEvent<unknown>, userDriven: boolean) => void;
+        onBrushEnd?: (selection: import("@unovis/ts").FreeBrushSelection, event: import("d3-brush").D3BrushEvent<unknown>, userDriven: boolean) => void;
+        handleWidth?: number;
+        selection?: import("@unovis/ts").FreeBrushSelection;
+        selectionMinLength?: number | [number, number];
+        mode?: import("@unovis/ts").FreeBrushMode;
+        autoHide?: boolean;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<FreeBrush<Datum>>;
-    }): void;
+    }>): void;
     attrs: any;
     slots: {};
     emit: any;

package/components/free-brush/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as m, computed as u, getCurrentInstance as y, ref as v, onMounted as F, nextTick as f, onUnmounted as h, watch as B, openBlock as x, createElementBlock as _ } from "vue";
-import { FreeBrush as b } from "@unovis/ts";
-import { parseProps as g, arePropsEqual as C } from "../../utils/props.js";
-import { componentAccessorKey as S } from "../../utils/context.js";
-const j = { "data-vis-component": "" }, w = /* @__PURE__ */ d({
+import { defineComponent as p, inject as d, computed as m, ref as y, onMounted as v, nextTick as F, onUnmounted as f, watch as i, openBlock as h, createElementBlock as B } from "vue";
+import { FreeBrush as x } from "@unovis/ts";
+import { useForwardProps as _, arePropsEqual as b } from "../../utils/props.js";
+import { componentAccessorKey as g } from "../../utils/context.js";
+const S = { "data-vis-component": "" }, D = /* @__PURE__ */ p({
   __name: "index",
   props: {
     mode: {},
@@ -17,7 +17,7 @@ const j = { "data-vis-component": "" }, w = /* @__PURE__ */ d({
     x: { type: [Function, Number, null] },
     y: { type: [Function, Number, null, Array] },
     id: { type: Function },
-    color: { type: [Function, String, Array, null] },
+    color: { type: [Function, String, null] },
     xScale: { type: [Object, Function] },
     yScale: { type: [Object, Function] },
     excludeFromDomainCalculation: { type: Boolean },
@@ -26,25 +26,28 @@ const j = { "data-vis-component": "" }, w = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(s, { expose: i }) {
-    const a = s, n = m(S), p = u(() => n.data.value ?? a.data), l = y(), o = u(() => g({ ...a }, l)), t = v();
-    return F(() => {
-      f(() => {
+  setup(s, { expose: l }) {
+    const u = s, o = d(g), n = m(() => o.data.value ?? u.data), a = _(u), t = y();
+    return v(() => {
+      F(() => {
         var e;
-        t.value = new b(o.value), (e = t.value) == null || e.setData(p.value), n.update(t.value);
+        t.value = new x(a.value), (e = t.value) == null || e.setData(n.value), o.update(t.value);
       });
-    }), h(() => {
+    }), f(() => {
       var e;
-      (e = t.value) == null || e.destroy(), n.destroy();
-    }), B(o, (e, c) => {
+      (e = t.value) == null || e.destroy(), o.destroy();
+    }), i(a, (e, c) => {
       var r;
-      C(e, c) || (r = t.value) == null || r.setConfig(o.value);
-    }), i({
+      b(e, c) || (r = t.value) == null || r.setConfig(a.value);
+    }), i(n, () => {
+      var e;
+      (e = t.value) == null || e.setData(n.value);
+    }), l({
       component: t
-    }), (e, c) => (x(), _("div", j));
+    }), (e, c) => (h(), B("div", S));
   }
 });
 export {
-  w as default
+  D as default
 };
 //# sourceMappingURL=index.js.map

package/components/free-brush/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/free-brush/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    mode: {},\n    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    selectionMinLength: {},\n    autoHide: { type: Boolean },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<FreeBrush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new FreeBrush<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","FreeBrush","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,CAAC;AAAA,IACP,SAAS,EAAE,MAAM,SAAS;AAAA,IAC1B,cAAc,EAAE,MAAM,SAAS;AAAA,IAC/B,aAAa,EAAE,MAAM,SAAS;AAAA,IAC9B,YAAY,EAAE,MAAM,SAAS;AAAA,IAC7B,aAAa,CAAC;AAAA,IACd,WAAW,CAAC;AAAA,IACZ,oBAAoB,CAAC;AAAA,IACrB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAW,EAAE,GAAGT,EAAS,GAAAM,CAAQ,CAAC,GAG1DI,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAiBN,EAAO,KAAK,IACzCO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQX,EAAK,QACrBH,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKgB,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO;AAAA,IACpC,CACD,GAEQT,EAAA;AAAA,MACP,WAAAW;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO7B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/free-brush/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\ninterface Props extends  FreeBrushConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    mode: {},\n    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    selectionMinLength: {},\n    autoHide: { type: Boolean },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FreeBrush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new FreeBrush<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","FreeBrush","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MASfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,CAAC;AAAA,IACP,SAAS,EAAE,MAAM,SAAS;AAAA,IAC1B,cAAc,EAAE,MAAM,SAAS;AAAA,IAC/B,aAAa,EAAE,MAAM,SAAS;AAAA,IAC9B,YAAY,EAAE,MAAM,SAAS;AAAA,IAC7B,aAAa,CAAC;AAAA,IACd,WAAW,CAAC;AAAA,IACZ,oBAAoB,CAAC;AAAA,IACrB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAKtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAASC,EAAgBP,CAAK,GAG9BQ,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAiBN,EAAO,KAAK,IACzCO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQT,EAAK,QACrBH,EAAA,OAAOO,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBZ,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKc,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO;AAAA,IACpC,CACD,GAEDS,EAAMX,GAAM,MAAM;;AACN,OAAAS,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQT,EAAK;AAAA,IAAK,CACpC,GAEQL,EAAA;AAAA,MACP,WAAAS;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO3B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}

package/components/graph/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),s=require("@unovis/ts"),r=require("../../utils/props.cjs"),F=require("../../utils/context.cjs"),S={"data-vis-component":""},m=n.defineComponent({__name:"index",props:{zoomScaleExtent:{},disableZoom:{type:Boolean},disableDrag:{type:Boolean},zoomThrottledUpdateNodeThreshold:{},onZoom:{type:Function},layoutType:{},layoutAutofit:{type:Boolean},layoutAutofitTolerance:{},layoutNonConnectedAside:{type:Boolean},layoutNodeGroup:{type:[Function,String,null]},layoutGroupOrder:{},layoutParallelNodesPerColumn:{},layoutParallelNodeSubGroup:{type:[Function,String,null]},layoutParallelSubGroupsPerRow:{},layoutParallelGroupSpacing:{},layoutParallelSortConnectionsByGroup:{},forceLayoutSettings:{},dagreLayoutSettings:{},layoutElkSettings:{type:[Function,null]},layoutElkNodeGroups:{},linkWidth:{type:[Function,Number,null]},linkStyle:{type:[Function,null]},linkBandWidth:{type:[Function,Number,null]},linkArrow:{type:[Function,null]},linkStroke:{type:[Function,String,Array,null]},linkDisabled:{type:[Function,Boolean,null]},linkFlow:{type:[Function,Boolean,null]},linkFlowAnimDuration:{},linkFlowParticleSize:{},linkLabel:{type:[Function,null]},linkLabelShiftFromCenter:{type:[Function,Boolean,null]},linkNeighborSpacing:{},selectedLinkId:{},nodeSize:{type:[Function,Number,null]},nodeStrokeWidth:{type:[Function,Number,null]},nodeShape:{type:[Function,null]},nodeGaugeValue:{type:[Function,Number,null]},nodeGaugeFill:{type:[Function,String,Array,null]},nodeGaugeAnimDuration:{},nodeIcon:{type:[Function,String,null]},nodeIconSize:{type:[Function,Number,null]},nodeLabel:{type:[Function,String,null]},nodeLabelTrim:{type:[Function,Boolean,null]},nodeLabelTrimMode:{type:[Function,null]},nodeLabelTrimLength:{type:[Function,Number,null]},nodeSubLabel:{type:[Function,String,null]},nodeSubLabelTrim:{type:[Function,Boolean,null]},nodeSubLabelTrimMode:{type:[Function,null]},nodeSubLabelTrimLength:{type:[Function,Number,null]},nodeSideLabels:{type:[Function,null]},nodeBottomIcon:{type:[Function,String,null]},nodeDisabled:{type:[Function,Boolean,null]},nodeFill:{type:[Function,String,Array,null]},nodeStroke:{type:[Function,String,Array,null]},nodeSort:{type:Function},nodeEnterPosition:{type:[Function,null]},nodeEnterScale:{type:[Function,Number,null]},nodeExitPosition:{type:[Function,null]},nodeExitScale:{type:[Function,Number,null]},selectedNodeId:{},panels:{},duration:{},events:{},attributes:{},data:{}},setup(c,{expose:p}){const u=c,o=n.inject(F.componentAccessorKey),d=n.computed(()=>o.data.value??u.data),y=n.getCurrentInstance(),l=n.computed(()=>r.parseProps({...u},y)),t=n.ref();return n.onMounted(()=>{n.nextTick(()=>{var e;t.value=new s.Graph(l.value),(e=t.value)==null||e.setData(d.value),o.update(t.value)})}),n.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),o.destroy()}),n.watch(l,(e,i)=>{var a;r.arePropsEqual(e,i)||(a=t.value)==null||a.setConfig(l.value)}),p({component:t}),(e,i)=>(n.openBlock(),n.createElementBlock("div",S))}});module.exports=m;
+"use strict";const e=require("vue"),y=require("@unovis/ts"),c=require("../../utils/props.cjs"),s=require("../../utils/context.cjs"),F={"data-vis-component":""},S=e.defineComponent({__name:"index",props:{zoomScaleExtent:{},disableZoom:{type:Boolean},disableDrag:{type:Boolean},zoomThrottledUpdateNodeThreshold:{},onZoom:{type:Function},layoutType:{},layoutAutofit:{type:Boolean},layoutAutofitTolerance:{},layoutNonConnectedAside:{type:Boolean},layoutNodeGroup:{type:[Function,String,null]},layoutGroupOrder:{},layoutParallelNodesPerColumn:{},layoutParallelNodeSubGroup:{type:[Function,String,null]},layoutParallelSubGroupsPerRow:{},layoutParallelGroupSpacing:{},layoutParallelSortConnectionsByGroup:{},forceLayoutSettings:{},dagreLayoutSettings:{},layoutElkSettings:{type:[Function,null]},layoutElkNodeGroups:{},linkWidth:{type:[Function,Number,null]},linkStyle:{type:[Function,null]},linkBandWidth:{type:[Function,Number,null]},linkArrow:{type:[Function,null]},linkStroke:{type:[Function,String,null]},linkDisabled:{type:[Function,Boolean,null]},linkFlow:{type:[Function,Boolean,null]},linkFlowAnimDuration:{},linkFlowParticleSize:{},linkLabel:{type:[Function,null]},linkLabelShiftFromCenter:{type:[Function,Boolean,null]},linkNeighborSpacing:{},selectedLinkId:{},nodeSize:{type:[Function,Number,null]},nodeStrokeWidth:{type:[Function,Number,null]},nodeShape:{type:[Function,null]},nodeGaugeValue:{type:[Function,Number,null]},nodeGaugeFill:{type:[Function,String,null]},nodeGaugeAnimDuration:{},nodeIcon:{type:[Function,String,null]},nodeIconSize:{type:[Function,Number,null]},nodeLabel:{type:[Function,String,null]},nodeLabelTrim:{type:[Function,Boolean,null]},nodeLabelTrimMode:{type:[Function,null]},nodeLabelTrimLength:{type:[Function,Number,null]},nodeSubLabel:{type:[Function,String,null]},nodeSubLabelTrim:{type:[Function,Boolean,null]},nodeSubLabelTrimMode:{type:[Function,null]},nodeSubLabelTrimLength:{type:[Function,Number,null]},nodeSideLabels:{type:[Function,null]},nodeBottomIcon:{type:[Function,String,null]},nodeDisabled:{type:[Function,Boolean,null]},nodeFill:{type:[Function,String,null]},nodeStroke:{type:[Function,String,null]},nodeSort:{type:Function},nodeEnterPosition:{type:[Function,null]},nodeEnterScale:{type:[Function,Number,null]},nodeExitPosition:{type:[Function,null]},nodeExitScale:{type:[Function,Number,null]},selectedNodeId:{},panels:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const i=p,t=e.inject(s.componentAccessorKey),l=e.computed(()=>t.data.value??i.data),u=c.useForwardProps(i),o=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var n;o.value=new y.Graph(u.value),(n=o.value)==null||n.setData(l.value),t.update(o.value)})}),e.onUnmounted(()=>{var n;(n=o.value)==null||n.destroy(),t.destroy()}),e.watch(u,(n,a)=>{var r;c.arePropsEqual(n,a)||(r=o.value)==null||r.setConfig(u.value)}),e.watch(l,()=>{var n;(n=o.value)==null||n.setData(l.value)}),d({component:o}),(n,a)=>(e.openBlock(),e.createElementBlock("div",F))}});module.exports=S;
 //# sourceMappingURL=index.cjs.map

package/components/graph/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/graph/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    disableDrag: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    onZoom: { type: Function },\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, Array, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, Array, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, Array, null] },\n    nodeStroke: { type: [Function, String, Array, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    selectedNodeId: {},\n    panels: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Graph","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/graph/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\ninterface Props extends  GraphConfigInterface<N, L> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    disableDrag: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    onZoom: { type: Function },\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, null] },\n    nodeStroke: { type: [Function, String, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    selectedNodeId: {},\n    panels: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","Graph","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,gBAAiB,CAAC,EAClB,YAAa,CAAE,KAAM,OAAQ,EAC7B,YAAa,CAAE,KAAM,OAAQ,EAC7B,iCAAkC,CAAC,EACnC,OAAQ,CAAE,KAAM,QAAS,EACzB,WAAY,CAAC,EACb,cAAe,CAAE,KAAM,OAAQ,EAC/B,uBAAwB,CAAC,EACzB,wBAAyB,CAAE,KAAM,OAAQ,EACzC,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAClD,iBAAkB,CAAC,EACnB,6BAA8B,CAAC,EAC/B,2BAA4B,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7D,8BAA+B,CAAC,EAChC,2BAA4B,CAAC,EAC7B,qCAAsC,CAAC,EACvC,oBAAqB,CAAC,EACtB,oBAAqB,CAAC,EACtB,kBAAmB,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EAC5C,oBAAqB,CAAC,EACtB,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,UAAW,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACpC,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,UAAW,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACpC,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7C,aAAc,CAAE,KAAM,CAAC,SAAU,QAAS,IAAI,CAAE,EAChD,SAAU,CAAE,KAAM,CAAC,SAAU,QAAS,IAAI,CAAE,EAC5C,qBAAsB,CAAC,EACvB,qBAAsB,CAAC,EACvB,UAAW,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACpC,yBAA0B,CAAE,KAAM,CAAC,SAAU,QAAS,IAAI,CAAE,EAC5D,oBAAqB,CAAC,EACtB,eAAgB,CAAC,EACjB,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAClD,UAAW,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACpC,eAAgB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACjD,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,sBAAuB,CAAC,EACxB,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,cAAe,CAAE,KAAM,CAAC,SAAU,QAAS,IAAI,CAAE,EACjD,kBAAmB,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EAC5C,oBAAqB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACtD,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,iBAAkB,CAAE,KAAM,CAAC,SAAU,QAAS,IAAI,CAAE,EACpD,qBAAsB,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EAC/C,uBAAwB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzD,eAAgB,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACzC,eAAgB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACjD,aAAc,CAAE,KAAM,CAAC,SAAU,QAAS,IAAI,CAAE,EAChD,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7C,SAAU,CAAE,KAAM,QAAS,EAC3B,kBAAmB,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EAC5C,eAAgB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACjD,iBAAkB,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EAC3C,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,eAAgB,CAAC,EACjB,OAAQ,CAAC,EACT,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAKtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAY,MAAAN,EAAO,KAAK,GACpCO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQT,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAQ,CAAA,CAClB,EAEKc,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEDS,EAAA,MAAMX,EAAM,IAAM,QACNS,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQT,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO3B,CAAU,EAE7D,CAEA,CAAC"}

package/components/graph/index.d.ts

@@ -1,14 +1,114 @@
-import { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts';
-declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: GraphConfigInterface<N, L> & {
+import { Graph, GraphInputNode, GraphInputLink } from '@unovis/ts';
+declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        duration?: number;
+        events?: {
+            [selector: string]: {
+                touchstart?: import("@unovis/ts").VisEventCallback<any>;
+                touchmove?: import("@unovis/ts").VisEventCallback<any>;
+                touchend?: import("@unovis/ts").VisEventCallback<any>;
+                mouseover?: import("@unovis/ts").VisEventCallback<any>;
+                mousemove?: import("@unovis/ts").VisEventCallback<any>;
+                mousedown?: import("@unovis/ts").VisEventCallback<any>;
+                mouseup?: import("@unovis/ts").VisEventCallback<any>;
+                click?: import("@unovis/ts").VisEventCallback<any>;
+                auxclick?: import("@unovis/ts").VisEventCallback<any>;
+                contextmenu?: import("@unovis/ts").VisEventCallback<any>;
+                dblclick?: import("@unovis/ts").VisEventCallback<any>;
+                mouseenter?: import("@unovis/ts").VisEventCallback<any>;
+                mouseleave?: import("@unovis/ts").VisEventCallback<any>;
+                mouseout?: import("@unovis/ts").VisEventCallback<any>;
+                scroll?: import("@unovis/ts").VisEventCallback<any>;
+                select?: import("@unovis/ts").VisEventCallback<any>;
+                wheel?: import("@unovis/ts").VisEventCallback<any>;
+                pointerdown?: import("@unovis/ts").VisEventCallback<any>;
+                pointerup?: import("@unovis/ts").VisEventCallback<any>;
+                pointerout?: import("@unovis/ts").VisEventCallback<any>;
+                pointermove?: import("@unovis/ts").VisEventCallback<any>;
+            };
+        };
+        attributes?: {
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        };
         data?: {
             nodes: N[];
             links?: L[];
         };
-    };
-    expose(exposed: {
+        nodeLabel?: import("@unovis/ts").StringAccessor<N>;
+        zoomScaleExtent?: [number, number];
+        disableZoom?: boolean;
+        disableDrag?: boolean;
+        zoomThrottledUpdateNodeThreshold?: number;
+        onZoom?: (zoomScale: number, zoomScaleExtent: [number, number]) => void;
+        layoutType?: string;
+        layoutAutofit?: boolean;
+        layoutAutofitTolerance?: number;
+        layoutNonConnectedAside?: boolean;
+        layoutNodeGroup?: import("@unovis/ts").StringAccessor<N>;
+        layoutGroupOrder?: string[];
+        layoutParallelNodesPerColumn?: number;
+        layoutParallelNodeSubGroup?: import("@unovis/ts").StringAccessor<N>;
+        layoutParallelSubGroupsPerRow?: number;
+        layoutParallelGroupSpacing?: number;
+        layoutParallelSortConnectionsByGroup?: string;
+        forceLayoutSettings?: import("@unovis/ts").GraphForceLayoutSettings;
+        dagreLayoutSettings?: {
+            [key: string]: any;
+            rankdir: string;
+            ranker: string;
+        };
+        layoutElkSettings?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").GraphElkLayoutSettings, string>;
+        layoutElkNodeGroups?: import("@unovis/ts").StringAccessor<N>[];
+        linkWidth?: import("@unovis/ts").NumericAccessor<L>;
+        linkStyle?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").GraphLinkStyle, L>;
+        linkBandWidth?: import("@unovis/ts").NumericAccessor<L>;
+        linkArrow?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").GraphLinkArrowStyle, L>;
+        linkStroke?: import("@unovis/ts").ColorAccessor<L>;
+        linkDisabled?: import("@unovis/ts").BooleanAccessor<L>;
+        linkFlow?: import("@unovis/ts").BooleanAccessor<L>;
+        linkFlowAnimDuration?: number;
+        linkFlowParticleSize?: number;
+        linkLabel?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").GraphCircleLabel, L>;
+        linkLabelShiftFromCenter?: import("@unovis/ts").BooleanAccessor<L>;
+        linkNeighborSpacing?: number;
+        selectedLinkId?: string | number;
+        nodeSize?: import("@unovis/ts").NumericAccessor<N>;
+        nodeStrokeWidth?: import("@unovis/ts").NumericAccessor<N>;
+        nodeShape?: import("@unovis/ts").GenericAccessor<string, N>;
+        nodeGaugeValue?: import("@unovis/ts").NumericAccessor<N>;
+        nodeGaugeFill?: import("@unovis/ts").ColorAccessor<N>;
+        nodeGaugeAnimDuration?: number;
+        nodeIcon?: import("@unovis/ts").StringAccessor<N>;
+        nodeIconSize?: import("@unovis/ts").NumericAccessor<N>;
+        nodeLabelTrim?: import("@unovis/ts").BooleanAccessor<N>;
+        nodeLabelTrimMode?: import("@unovis/ts").GenericAccessor<string, N>;
+        nodeLabelTrimLength?: import("@unovis/ts").NumericAccessor<N>;
+        nodeSubLabel?: import("@unovis/ts").StringAccessor<N>;
+        nodeSubLabelTrim?: import("@unovis/ts").BooleanAccessor<N>;
+        nodeSubLabelTrimMode?: import("@unovis/ts").GenericAccessor<string, N>;
+        nodeSubLabelTrimLength?: import("@unovis/ts").NumericAccessor<N>;
+        nodeSideLabels?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").GraphCircleLabel[], N>;
+        nodeBottomIcon?: import("@unovis/ts").StringAccessor<N>;
+        nodeDisabled?: import("@unovis/ts").BooleanAccessor<N>;
+        nodeFill?: import("@unovis/ts").ColorAccessor<N>;
+        nodeStroke?: import("@unovis/ts").ColorAccessor<N>;
+        nodeSort?: (a: N, b: N) => number;
+        nodeEnterPosition?: import("@unovis/ts").GenericAccessor<[number, number], N>;
+        nodeEnterScale?: import("@unovis/ts").NumericAccessor<N>;
+        nodeExitPosition?: import("@unovis/ts").GenericAccessor<[number, number], N>;
+        nodeExitScale?: import("@unovis/ts").NumericAccessor<N>;
+        selectedNodeId?: string | number;
+        panels?: import("@unovis/ts").GraphPanelConfig[];
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Graph<N, L>>;
-    }): void;
+    }>): void;
     attrs: any;
     slots: {};
     emit: any;

package/components/graph/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as y, inject as s, computed as a, getCurrentInstance as F, ref as m, onMounted as S, nextTick as b, onUnmounted as g, watch as k, openBlock as N, createElementBlock as L } from "vue";
-import { Graph as f } from "@unovis/ts";
-import { parseProps as h, arePropsEqual as B } from "../../utils/props.js";
-import { componentAccessorKey as v } from "../../utils/context.js";
-const P = { "data-vis-component": "" }, x = /* @__PURE__ */ y({
+import { defineComponent as d, inject as y, computed as s, ref as F, onMounted as m, nextTick as S, onUnmounted as b, watch as r, openBlock as g, createElementBlock as k } from "vue";
+import { Graph as N } from "@unovis/ts";
+import { useForwardProps as L, arePropsEqual as f } from "../../utils/props.js";
+import { componentAccessorKey as h } from "../../utils/context.js";
+const B = { "data-vis-component": "" }, E = /* @__PURE__ */ d({
   __name: "index",
   props: {
     zoomScaleExtent: {},
@@ -29,7 +29,7 @@ const P = { "data-vis-component": "" }, x = /* @__PURE__ */ y({
     linkStyle: { type: [Function, null] },
     linkBandWidth: { type: [Function, Number, null] },
     linkArrow: { type: [Function, null] },
-    linkStroke: { type: [Function, String, Array, null] },
+    linkStroke: { type: [Function, String, null] },
     linkDisabled: { type: [Function, Boolean, null] },
     linkFlow: { type: [Function, Boolean, null] },
     linkFlowAnimDuration: {},
@@ -42,7 +42,7 @@ const P = { "data-vis-component": "" }, x = /* @__PURE__ */ y({
     nodeStrokeWidth: { type: [Function, Number, null] },
     nodeShape: { type: [Function, null] },
     nodeGaugeValue: { type: [Function, Number, null] },
-    nodeGaugeFill: { type: [Function, String, Array, null] },
+    nodeGaugeFill: { type: [Function, String, null] },
     nodeGaugeAnimDuration: {},
     nodeIcon: { type: [Function, String, null] },
     nodeIconSize: { type: [Function, Number, null] },
@@ -57,8 +57,8 @@ const P = { "data-vis-component": "" }, x = /* @__PURE__ */ y({
     nodeSideLabels: { type: [Function, null] },
     nodeBottomIcon: { type: [Function, String, null] },
     nodeDisabled: { type: [Function, Boolean, null] },
-    nodeFill: { type: [Function, String, Array, null] },
-    nodeStroke: { type: [Function, String, Array, null] },
+    nodeFill: { type: [Function, String, null] },
+    nodeStroke: { type: [Function, String, null] },
     nodeSort: { type: Function },
     nodeEnterPosition: { type: [Function, null] },
     nodeEnterScale: { type: [Function, Number, null] },
@@ -71,25 +71,28 @@ const P = { "data-vis-component": "" }, x = /* @__PURE__ */ y({
     attributes: {},
     data: {}
   },
-  setup(r, { expose: c }) {
-    const l = r, o = s(v), p = a(() => o.data.value ?? l.data), d = F(), t = a(() => h({ ...l }, d)), e = m();
-    return S(() => {
-      b(() => {
+  setup(c, { expose: p }) {
+    const u = c, o = y(h), t = s(() => o.data.value ?? u.data), l = L(u), e = F();
+    return m(() => {
+      S(() => {
         var n;
-        e.value = new f(t.value), (n = e.value) == null || n.setData(p.value), o.update(e.value);
+        e.value = new N(l.value), (n = e.value) == null || n.setData(t.value), o.update(e.value);
       });
-    }), g(() => {
+    }), b(() => {
       var n;
       (n = e.value) == null || n.destroy(), o.destroy();
-    }), k(t, (n, u) => {
-      var i;
-      B(n, u) || (i = e.value) == null || i.setConfig(t.value);
-    }), c({
+    }), r(l, (n, i) => {
+      var a;
+      f(n, i) || (a = e.value) == null || a.setConfig(l.value);
+    }), r(t, () => {
+      var n;
+      (n = e.value) == null || n.setData(t.value);
+    }), p({
       component: e
-    }), (n, u) => (N(), L("div", P));
+    }), (n, i) => (g(), k("div", B));
   }
 });
 export {
-  x as default
+  E as default
 };
 //# sourceMappingURL=index.js.map

package/components/graph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/graph/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    disableDrag: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    onZoom: { type: Function },\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, Array, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, Array, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, Array, null] },\n    nodeStroke: { type: [Function, String, Array, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    selectedNodeId: {},\n    panels: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Graph","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/graph/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\ninterface Props extends  GraphConfigInterface<N, L> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    disableDrag: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    onZoom: { type: Function },\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, null] },\n    nodeStroke: { type: [Function, String, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    selectedNodeId: {},\n    panels: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","Graph","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

package/components/grouped-bar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=require("@unovis/ts"),s=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},g=e.defineComponent({__name:"index",props:{groupWidth:{},groupMaxWidth:{},dataStep:{},groupPadding:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},barMinHeight:{},cursor:{type:[Function,String,null]},orientation:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},color:{type:[Function,String,Array,null]},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:p}){const a=i,o=e.inject(m.componentAccessorKey),d=e.computed(()=>o.data.value??a.data),l=e.getCurrentInstance(),r=e.computed(()=>s.parseProps({...a},l)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.GroupedBar(r.value),(t=n.value)==null||t.setData(d.value),o.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),o.destroy()}),e.watch(r,(t,c)=>{var u;s.arePropsEqual(t,c)||(u=n.value)==null||u.setConfig(r.value)}),p({component:n}),(t,c)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=g;
+"use strict";const t=require("vue"),d=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),y={"data-vis-component":""},m=t.defineComponent({__name:"index",props:{color:{type:[Function,String,null]},groupWidth:{},groupMaxWidth:{},dataStep:{},groupPadding:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},barMinHeight:{},cursor:{type:[Function,String,null]},orientation:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:l}){const u=p,o=t.inject(v.componentAccessorKey),a=t.computed(()=>o.data.value??u.data),r=i.useForwardProps(u),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new d.GroupedBar(r.value),(e=n.value)==null||e.setData(a.value),o.update(n.value)})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),o.destroy()}),t.watch(r,(e,c)=>{var s;i.arePropsEqual(e,c)||(s=n.value)==null||s.setConfig(r.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),l({component:n}),(e,c)=>(t.openBlock(),t.createElementBlock("div",y))}});module.exports=m;
 //# sourceMappingURL=index.cjs.map

package/components/grouped-bar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/grouped-bar/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { GroupedBar, GroupedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    groupWidth: {},\n    groupMaxWidth: {},\n    dataStep: {},\n    groupPadding: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    barMinHeight: {},\n    cursor: { type: [Function, String, null] },\n    orientation: {},\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<GroupedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new GroupedBar<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","GroupedBar","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,WAAY,CAAC,EACb,cAAe,CAAC,EAChB,SAAU,CAAC,EACX,aAAc,CAAC,EACf,WAAY,CAAC,EACb,eAAgB,CAAE,KAAM,CAAC,OAAQ,OAAO,CAAE,EAC1C,aAAc,CAAC,EACf,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,YAAa,CAAC,EACd,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAItCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGT,CAAS,EAAAM,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAkB,WAAAN,EAAO,KAAK,GAC1CO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEQT,EAAA,CACP,UAAAW,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO7B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/grouped-bar/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { GroupedBar, GroupedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\ninterface Props extends  GroupedBarConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, null] },\n    groupWidth: {},\n    groupMaxWidth: {},\n    dataStep: {},\n    groupPadding: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    barMinHeight: {},\n    cursor: { type: [Function, String, null] },\n    orientation: {},\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<GroupedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new GroupedBar<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","GroupedBar","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,WAAY,CAAC,EACb,cAAe,CAAC,EAChB,SAAU,CAAC,EACX,aAAc,CAAC,EACf,WAAY,CAAC,EACb,eAAgB,CAAE,KAAM,CAAC,OAAQ,OAAO,CAAE,EAC1C,aAAc,CAAC,EACf,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,YAAa,CAAC,EACd,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAKtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAkB,WAAAN,EAAO,KAAK,GAC1CO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQT,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAQ,CAAA,CAClB,EAEKc,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEDS,EAAA,MAAMX,EAAM,IAAM,QACNS,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQT,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO3B,CAAU,EAE7D,CAEA,CAAC"}

package/components/grouped-bar/index.d.ts

@@ -1,11 +1,62 @@
-import { GroupedBar, GroupedBarConfigInterface } from '@unovis/ts';
-declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: GroupedBarConfigInterface<Datum> & {
+import { GroupedBar, NumericAccessor } from '@unovis/ts';
+declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        cursor?: import("@unovis/ts").StringAccessor<Datum>;
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
+        duration?: number;
+        events?: {
+            [selector: string]: {
+                touchstart?: import("@unovis/ts").VisEventCallback<any>;
+                touchmove?: import("@unovis/ts").VisEventCallback<any>;
+                touchend?: import("@unovis/ts").VisEventCallback<any>;
+                mouseover?: import("@unovis/ts").VisEventCallback<any>;
+                mousemove?: import("@unovis/ts").VisEventCallback<any>;
+                mousedown?: import("@unovis/ts").VisEventCallback<any>;
+                mouseup?: import("@unovis/ts").VisEventCallback<any>;
+                click?: import("@unovis/ts").VisEventCallback<any>;
+                auxclick?: import("@unovis/ts").VisEventCallback<any>;
+                contextmenu?: import("@unovis/ts").VisEventCallback<any>;
+                dblclick?: import("@unovis/ts").VisEventCallback<any>;
+                mouseenter?: import("@unovis/ts").VisEventCallback<any>;
+                mouseleave?: import("@unovis/ts").VisEventCallback<any>;
+                mouseout?: import("@unovis/ts").VisEventCallback<any>;
+                scroll?: import("@unovis/ts").VisEventCallback<any>;
+                select?: import("@unovis/ts").VisEventCallback<any>;
+                wheel?: import("@unovis/ts").VisEventCallback<any>;
+                pointerdown?: import("@unovis/ts").VisEventCallback<any>;
+                pointerup?: import("@unovis/ts").VisEventCallback<any>;
+                pointerout?: import("@unovis/ts").VisEventCallback<any>;
+                pointermove?: import("@unovis/ts").VisEventCallback<any>;
+            };
+        };
+        attributes?: {
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        };
         data?: Datum[];
-    };
-    expose(exposed: {
+        groupWidth?: number;
+        groupMaxWidth?: number;
+        dataStep?: number;
+        groupPadding?: number;
+        barPadding?: number;
+        roundedCorners?: number | boolean;
+        barMinHeight?: number;
+        orientation?: string;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<GroupedBar<Datum>>;
-    }): void;
+    }>): void;
     attrs: any;
     slots: {};
     emit: any;