@unovis/vue 1.6.2 → 1.6.4

package/components/graph/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, inject as y, computed as m, ref as S, onMounted as F, nextTick as g, onUnmounted as k, watch as u, createElementBlock as b, openBlock as h } from "vue";
-import { Graph as r } from "@unovis/ts";
-import { useForwardProps as f, arePropsEqual as P } from "../../utils/props.js";
-import { componentAccessorKey as v } from "../../utils/context.js";
-const L = { "data-vis-component": "" }, B = r.selectors, D = /* @__PURE__ */ s({
+import { defineComponent as y, inject as F, computed as s, ref as m, onMounted as S, nextTick as g, onUnmounted as b, watch as r, createElementBlock as N, openBlock as k } from "vue";
+import { Graph as c } from "@unovis/ts";
+import { useForwardProps as h, arePropsEqual as f } from "../../utils/props.js";
+import { componentAccessorKey as B } from "../../utils/context.js";
+const P = { "data-vis-component": "" }, C = c.selectors, G = /* @__PURE__ */ y({
   __name: "index",
   props: {
     zoomScaleExtent: {},
@@ -17,10 +17,10 @@ const L = { "data-vis-component": "" }, B = r.selectors, D = /* @__PURE__ */ s({
     layoutAutofit: { type: Boolean },
     layoutAutofitTolerance: {},
     layoutNonConnectedAside: { type: Boolean },
-    layoutNodeGroup: {},
+    layoutNodeGroup: { type: [Function, String, null] },
     layoutGroupOrder: {},
     layoutParallelNodesPerColumn: {},
-    layoutParallelNodeSubGroup: {},
+    layoutParallelNodeSubGroup: { type: [Function, String, null] },
     layoutParallelSubGroupsPerRow: {},
     layoutParallelNodeSpacing: {},
     layoutParallelSubGroupSpacing: {},
@@ -28,53 +28,53 @@ const L = { "data-vis-component": "" }, B = r.selectors, D = /* @__PURE__ */ s({
     layoutParallelSortConnectionsByGroup: {},
     forceLayoutSettings: {},
     dagreLayoutSettings: {},
-    layoutElkSettings: {},
+    layoutElkSettings: { type: [Function, null] },
     layoutElkNodeGroups: {},
     layoutElkGetNodeShape: { type: Function },
-    linkWidth: {},
-    linkStyle: {},
-    linkBandWidth: {},
-    linkArrow: {},
-    linkStroke: {},
-    linkDisabled: {},
-    linkFlow: {},
-    linkFlowAnimDuration: {},
-    linkFlowParticleSize: {},
-    linkFlowParticleSpeed: {},
-    linkLabel: {},
-    linkLabelShiftFromCenter: {},
+    linkWidth: { type: [Function, Number, null] },
+    linkStyle: { type: [Function, null] },
+    linkBandWidth: { type: [Function, Number, null] },
+    linkArrow: { type: [Function, String, Boolean, null] },
+    linkStroke: { type: [Function, String, Array, null] },
+    linkDisabled: { type: [Function, Boolean, null] },
+    linkFlow: { type: [Function, Boolean, null] },
+    linkFlowAnimDuration: { type: [Function, Number, null] },
+    linkFlowParticleSize: { type: [Function, Number, null] },
+    linkFlowParticleSpeed: { type: [Function, Number, null] },
+    linkLabel: { type: [Function, Array, null] },
+    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },
     linkNeighborSpacing: {},
-    linkCurvature: {},
+    linkCurvature: { type: [Function, Number, null] },
     linkHighlightOnHover: { type: Boolean },
-    linkSourcePointOffset: {},
-    linkTargetPointOffset: {},
+    linkSourcePointOffset: { type: [Function, Array, null] },
+    linkTargetPointOffset: { type: [Function, Array, null] },
     selectedLinkId: {},
-    nodeSize: {},
-    nodeStrokeWidth: {},
-    nodeShape: {},
-    nodeGaugeValue: {},
-    nodeGaugeFill: {},
+    nodeSize: { type: [Function, Number, null] },
+    nodeStrokeWidth: { type: [Function, Number, null] },
+    nodeShape: { type: [Function, String, null] },
+    nodeGaugeValue: { type: [Function, Number, null] },
+    nodeGaugeFill: { type: [Function, String, Array, null] },
     nodeGaugeAnimDuration: {},
-    nodeIcon: {},
-    nodeIconSize: {},
-    nodeLabel: {},
-    nodeLabelTrim: {},
-    nodeLabelTrimMode: {},
-    nodeLabelTrimLength: {},
-    nodeSubLabel: {},
-    nodeSubLabelTrim: {},
-    nodeSubLabelTrimMode: {},
-    nodeSubLabelTrimLength: {},
-    nodeSideLabels: {},
-    nodeBottomIcon: {},
-    nodeDisabled: {},
-    nodeFill: {},
-    nodeStroke: {},
+    nodeIcon: { type: [Function, String, null] },
+    nodeIconSize: { type: [Function, Number, null] },
+    nodeLabel: { type: [Function, String, null] },
+    nodeLabelTrim: { type: [Function, Boolean, null] },
+    nodeLabelTrimMode: { type: [Function, String, null] },
+    nodeLabelTrimLength: { type: [Function, Number, null] },
+    nodeSubLabel: { type: [Function, String, null] },
+    nodeSubLabelTrim: { type: [Function, Boolean, null] },
+    nodeSubLabelTrimMode: { type: [Function, String, null] },
+    nodeSubLabelTrimLength: { type: [Function, Number, null] },
+    nodeSideLabels: { type: [Function, Array, 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: {},
-    nodeEnterScale: {},
-    nodeExitPosition: {},
-    nodeExitScale: {},
+    nodeEnterPosition: { type: [Function, Array, null] },
+    nodeEnterScale: { type: [Function, Number, null] },
+    nodeExitPosition: { type: [Function, Array, null] },
+    nodeExitScale: { type: [Function, Number, null] },
     nodeEnterCustomRenderFunction: { type: Function },
     nodeUpdateCustomRenderFunction: { type: Function },
     nodePartialUpdateCustomRenderFunction: { type: Function },
@@ -100,29 +100,29 @@ const L = { "data-vis-component": "" }, B = r.selectors, D = /* @__PURE__ */ s({
     attributes: {},
     data: {}
   },
-  setup(c, { expose: p }) {
-    const n = y(v), l = c, t = m(() => n.data.value ?? l.data), a = f(l), o = S();
-    return F(() => {
+  setup(p, { expose: d }) {
+    const t = F(B), u = p, o = s(() => t.data.value ?? u.data), l = h(u), e = m();
+    return S(() => {
       g(() => {
-        var e;
-        o.value = new r(a.value), (e = o.value) == null || e.setData(t.value), n.update(o.value);
+        var n;
+        e.value = new c(l.value), (n = e.value) == null || n.setData(o.value), t.update(e.value);
       });
-    }), k(() => {
-      var e;
-      (e = o.value) == null || e.destroy(), n.destroy();
-    }), u(a, (e, i) => {
-      var d;
-      P(e, i) || (d = o.value) == null || d.setConfig(a.value);
-    }), u(t, () => {
-      var e;
-      (e = o.value) == null || e.setData(t.value);
-    }), p({
-      component: o
-    }), (e, i) => (h(), b("div", L));
+    }), b(() => {
+      var n;
+      (n = e.value) == null || n.destroy(), t.destroy();
+    }), r(l, (n, i) => {
+      var a;
+      f(n, i) || (a = e.value) == null || a.setConfig(l.value);
+    }), r(o, () => {
+      var n;
+      (n = e.value) == null || n.setData(o.value);
+    }), d({
+      component: e
+    }), (n, i) => (k(), N("div", P));
   }
 });
 export {
-  B as VisGraphSelectors,
-  D as default
+  C as VisGraphSelectors,
+  G 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"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends GraphInputNode,L extends GraphInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GraphConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGraphSelectors = Graph.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGraphSelectors","Graph","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CjC,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/graph/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends GraphInputNode,L extends GraphInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GraphConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGraphSelectors = Graph.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGraphSelectors","Graph","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CvC,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IAC9CM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/grouped-bar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),m={"data-vis-component":""},y=d.GroupedBar.selectors,g=t.defineComponent({__name:"index",props:{color:{},groupWidth:{},groupMaxWidth:{},dataStep:{},groupPadding:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},barMinHeight:{},cursor:{},orientation:{},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(l,{expose:p}){const a=t.inject(v.componentAccessorKey),c=l,n=t.computed(()=>a.data.value??c.data),r=i.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new d.GroupedBar(r.value),(e=o.value)==null||e.setData(n.value),a.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),a.destroy()}),t.watch(r,(e,u)=>{var s;i.arePropsEqual(e,u)||(s=o.value)==null||s.setConfig(r.value)}),t.watch(n,()=>{var e;(e=o.value)==null||e.setData(n.value)}),p({component:o}),(e,u)=>(t.openBlock(),t.createElementBlock("div",m))}});exports.VisGroupedBarSelectors=y;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),y={"data-vis-component":""},m=l.GroupedBar.selectors,g=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,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(d,{expose:p}){const n=t.inject(v.componentAccessorKey),u=d,r=t.computed(()=>n.data.value??u.data),a=i.useForwardProps(u),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.GroupedBar(a.value),(e=o.value)==null||e.setData(r.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(a,(e,c)=>{var s;i.arePropsEqual(e,c)||(s=o.value)==null||s.setConfig(a.value)}),t.watch(r,()=>{var e;(e=o.value)==null||e.setData(r.value)}),p({component:o}),(e,c)=>(t.openBlock(),t.createElementBlock("div",y))}});exports.VisGroupedBarSelectors=m;exports.default=g;
 //# 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"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GroupedBarConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGroupedBarSelectors","GroupedBar","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAyBC,EAAAA,WAAW,iaA3C3C,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAuB,EAGzCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,aAAkBQ,EAAO,KAAK,GAC1CM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/grouped-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GroupedBarConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGroupedBarSelectors","GroupedBar","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAAyBC,EAAAA,WAAW,yhBA3CjD,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,aAAkBQ,EAAO,KAAK,GACpDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

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

@@ -1,69 +1,19 @@
-import { GroupedBar, NumericAccessor } from '@unovis/ts';
-export declare const VisGroupedBarSelectors: typeof import("@unovis/ts/dist/components/grouped-bar/style");
-declare const _default: <Datum>(__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);
-            };
-        };
+import { GroupedBar, GroupedBarConfigInterface } from '@unovis/ts';
+
+export declare const VisGroupedBarSelectors: typeof import("@unovis/ts/components/grouped-bar/style");
+declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (GroupedBarConfigInterface<Datum> & {
         data?: Datum[];
-        x: NumericAccessor<Datum>;
-        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        color?: import("@unovis/ts").ColorAccessor<Datum>;
-        cursor?: import("@unovis/ts").StringAccessor<Datum>;
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
-        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>, GroupedBar<Datum>>;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        component: import('vue').Ref<GroupedBar<Datum>, GroupedBar<Datum>>;
     }>): void;
     attrs: any;
-    slots: {};
-    emit: any;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: any;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/components/grouped-bar/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GroupedBarConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGroupedBarSelectors","GroupedBar","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;AA3C3C,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAuB;AAGzC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAkBQ,EAAO,KAAK,IAC1CM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/grouped-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = GroupedBarConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisGroupedBarSelectors = GroupedBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGroupedBarSelectors","GroupedBar","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;AA3CjD,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAkBQ,EAAO,KAAK,IACpDM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/line/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),y={"data-vis-component":""},m=l.Line.selectors,_=t.defineComponent({__name:"index",props:{color:{},curveType:{},lineWidth:{},lineDashArray:{},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{},interpolateMissingData:{type:Boolean},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const n=t.inject(v.componentAccessorKey),s=p,a=t.computed(()=>n.data.value??s.data),c=i.useForwardProps(s),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.Line(c.value),(e=o.value)==null||e.setData(a.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(c,(e,r)=>{var u;i.arePropsEqual(e,r)||(u=o.value)==null||u.setConfig(c.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),d({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",y))}});exports.VisLineSelectors=m;exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("@unovis/ts"),s=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=i.Line.selectors,F=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},curveType:{},lineWidth:{},lineDashArray:{type:[Function,Array,null]},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{type:[Function,String,null]},interpolateMissingData:{type:Boolean},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:d}){const o=t.inject(y.componentAccessorKey),r=p,a=t.computed(()=>o.data.value??r.data),c=s.useForwardProps(r),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new i.Line(c.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(c,(e,u)=>{var l;s.arePropsEqual(e,u)||(l=n.value)==null||l.setConfig(c.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),d({component:n}),(e,u)=>(t.openBlock(),t.createElementBlock("div",v))}});exports.VisLineSelectors=m;exports.default=F;
 //# sourceMappingURL=index.cjs.map

package/components/line/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, 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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = LineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAmBC,EAAAA,KAAK,oZA3C/B,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAiB,EAGnCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,OAAYQ,EAAO,KAAK,GACpCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, 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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = LineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAAmBC,EAAAA,KAAK,siBA3CrC,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,OAAYQ,EAAO,KAAK,GAC9CM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/line/index.d.ts

@@ -1,67 +1,19 @@
-import { Line, NumericAccessor } from '@unovis/ts';
-export declare const VisLineSelectors: typeof import("@unovis/ts/dist/components/line/style");
-declare const _default: <Datum>(__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);
-            };
-        };
+import { Line, LineConfigInterface } from '@unovis/ts';
+
+export declare const VisLineSelectors: typeof import("@unovis/ts/components/line/style");
+declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (LineConfigInterface<Datum> & {
         data?: Datum[];
-        x: NumericAccessor<Datum>;
-        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        color?: import("@unovis/ts").ColorAccessor<Datum[]>;
-        curveType?: import("@unovis/ts").CurveType;
-        cursor?: import("@unovis/ts").StringAccessor<Datum[]>;
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
-        lineWidth?: number;
-        lineDashArray?: import("@unovis/ts").GenericAccessor<number[], Datum[]>;
-        fallbackValue?: number;
-        highlightOnHover?: boolean;
-        interpolateMissingData?: boolean;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<Line<Datum>, Line<Datum>>;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        component: import('vue').Ref<Line<Datum>, Line<Datum>>;
     }>): void;
     attrs: any;
-    slots: {};
-    emit: any;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: any;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/components/line/index.js

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

package/components/line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, 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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = LineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;AA3C/B,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, 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\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = LineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<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\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;AA3CrC,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IAC9CM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}