@unovis/vue 1.3.0-beta.3 → 1.3.0

package/components/area/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),y=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),m={"data-vis-component":""},v=t.defineComponent({__name:"index",props:{curveType:{},baseline:{type:[Function,Number,null]},opacity:{type:[Function,Number,null]},cursor:{type:[Function,String,null]},minHeight1Px:{type:Boolean},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(l,{expose:p}){const a=l,o=t.inject(d.componentAccessorKey),c=t.computed(()=>o.data.value??a.data),u=i.useForwardProps(a),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new y.Area(u.value),(e=n.value)==null||e.setData(c.value),o.update(n.value)})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),o.destroy()}),t.watch(u,(e,r)=>{var s;i.arePropsEqual(e,r)||(s=n.value)==null||s.setConfig(u.value)}),t.watch(c,()=>{var e;(e=n.value)==null||e.setData(c.value)}),p({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",m))}});module.exports=v;
+"use strict";const t=require("vue"),y=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),m={"data-vis-component":""},v=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},curveType:{},baseline:{type:[Function,Number,null]},opacity:{type:[Function,Number,null]},cursor:{type:[Function,String,null]},minHeight1Px:{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(l,{expose:p}){const a=l,o=t.inject(d.componentAccessorKey),c=t.computed(()=>o.data.value??a.data),u=i.useForwardProps(a),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new y.Area(u.value),(e=n.value)==null||e.setData(c.value),o.update(n.value)})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),o.destroy()}),t.watch(u,(e,r)=>{var s;i.arePropsEqual(e,r)||(s=n.value)==null||s.setConfig(u.value)}),t.watch(c,()=>{var e;(e=n.value)==null||e.setData(c.value)}),p({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",m))}});module.exports=v;
 //# sourceMappingURL=index.cjs.map

package/components/area/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/area/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 { Area, AreaConfigInterface, 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  AreaConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    curveType: {},\n    baseline: { type: [Function, Number, null] },\n    opacity: { type: [Function, Number, null] },\n    cursor: { type: [Function, String, null] },\n    minHeight1Px: { 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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Area<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Area<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","Area","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,UAAW,CAAC,EACZ,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,QAAS,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,aAAc,CAAE,KAAM,OAAQ,EAC9B,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,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,KAAAN,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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/area/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 { Area, AreaConfigInterface, 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  AreaConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    curveType: {},\n    baseline: { type: [Function, Number, null] },\n    opacity: { type: [Function, Number, null] },\n    cursor: { type: [Function, String, null] },\n    minHeight1Px: { type: Boolean },\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<Area<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Area<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","Area","_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,MAAO,IAAI,CAAE,EAC/C,UAAW,CAAC,EACZ,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,QAAS,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,aAAc,CAAE,KAAM,OAAQ,EAC9B,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,EAAY,KAAAN,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/area/index.d.ts

@@ -5,15 +5,15 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
+        color?: import("@unovis/ts").ColorAccessor<Datum[]>;
         curveType?: import("@unovis/ts").CurveType;
         baseline?: NumericAccessor<Datum>;
-        opacity?: NumericAccessor<Datum>;
+        opacity?: NumericAccessor<Datum[]>;
         cursor?: import("@unovis/ts").StringAccessor<Datum[]>;
         minHeight1Px?: boolean;
         x: NumericAccessor<Datum>;
         y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
         id?: (d: Datum, i: number, ...any: any[]) => string;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;

package/components/area/index.js

@@ -5,6 +5,7 @@ import { componentAccessorKey as A } from "../../utils/context.js";
 const B = { "data-vis-component": "" }, w = /* @__PURE__ */ s({
   __name: "index",
   props: {
+    color: { type: [Function, String, Array, null] },
     curveType: {},
     baseline: { type: [Function, Number, null] },
     opacity: { type: [Function, Number, null] },
@@ -13,7 +14,6 @@ const B = { "data-vis-component": "" }, w = /* @__PURE__ */ s({
     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 },

package/components/area/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/area/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 { Area, AreaConfigInterface, 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  AreaConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    curveType: {},\n    baseline: { type: [Function, Number, null] },\n    opacity: { type: [Function, Number, null] },\n    cursor: { type: [Function, String, null] },\n    minHeight1Px: { 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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Area<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Area<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","Area","_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,WAAW,CAAC;AAAA,IACZ,UAAU,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC3C,SAAS,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,cAAc,EAAE,MAAM,QAAQ;AAAA,IAC9B,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,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,EAAYN,EAAO,KAAK,IACpCO,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;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/area/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 { Area, AreaConfigInterface, 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  AreaConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    curveType: {},\n    baseline: { type: [Function, Number, null] },\n    opacity: { type: [Function, Number, null] },\n    cursor: { type: [Function, String, null] },\n    minHeight1Px: { type: Boolean },\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<Area<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Area<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","Area","_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,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,WAAW,CAAC;AAAA,IACZ,UAAU,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC3C,SAAS,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,cAAc,EAAE,MAAM,QAAQ;AAAA,IAC9B,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,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,EAAYN,EAAO,KAAK,IACpCO,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/axis/index.d.ts

@@ -5,10 +5,10 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => 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;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;
@@ -55,7 +55,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         tickLine?: boolean;
         domainLine?: boolean;
         minMaxTicksOnly?: boolean;
-        tickFormat?: ((tick: number, i: number, ticks: number[]) => string) | ((tick: Date, i: number, ticks: Date[]) => string);
+        tickFormat?: (tick: number | Date, i: number, ticks: number[] | Date[]) => string;
         tickValues?: number[];
         numTicks?: number;
         tickTextFitMode?: string;

package/components/brush/index.d.ts

@@ -5,10 +5,10 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => 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;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;

package/components/chord-diagram/index.d.ts

@@ -42,16 +42,16 @@ declare const _default: <N extends ChordInputNode, L extends ChordInputLink>(__V
         };
         highlightedNodeId?: string | number;
         highlightedLinkIds?: (string | number)[];
-        linkColor?: import("@unovis/ts").ColorAccessor<L>;
-        linkValue?: import("@unovis/ts").NumericAccessor<L>;
+        linkColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").ChordLinkDatum<N, L>>;
+        linkValue?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").ChordLinkDatum<N, L>>;
         nodeLevels?: string[];
         nodeWidth?: number;
         nodeColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
         nodeLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
         nodeLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
         nodeLabelAlignment?: import("@unovis/ts").GenericAccessor<string, import("@unovis/ts").ChordNodeDatum<N>>;
-        padAngle?: import("@unovis/ts").NumericAccessor<N>;
-        cornerRadius?: import("@unovis/ts").NumericAccessor<N>;
+        padAngle?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
+        cornerRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
         angleRange?: [number, number];
         radiusScaleExponent?: number;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;

package/components/crosshair/index.d.ts

@@ -5,11 +5,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
         baseline?: NumericAccessor<Datum>;
         x?: NumericAccessor<Datum>;
         y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
         id?: (d: Datum, i: number, ...any: any[]) => string;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;
@@ -51,7 +51,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         hideWhenFarFromPointer?: boolean;
         hideWhenFarFromPointerDistance?: number;
         snapToData?: boolean;
-        getCircles?: (x: number, data: Datum[], yScale: import("@unovis/ts").ContinuousScale) => import("@unovis/ts").CrosshairCircle[];
+        getCircles?: (x: number | Date, data: Datum[], yScale: import("@unovis/ts").ContinuousScale) => import("@unovis/ts").CrosshairCircle[];
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Crosshair<Datum>>;

package/components/donut/index.d.ts

@@ -6,8 +6,8 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
         value: NumericAccessor<Datum>;
-        id?: (d: Datum, i: number, ...any: any[]) => string | number;
         color?: import("@unovis/ts").ColorAccessor<Datum>;
+        id?: (d: Datum, i: number, ...any: unknown[]) => string | number;
         duration?: number;
         events?: {
             [selector: string]: {

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

@@ -5,10 +5,10 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => 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;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;

package/components/graph/index.d.ts

@@ -45,7 +45,7 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         disableZoom?: boolean;
         disableDrag?: boolean;
         zoomThrottledUpdateNodeThreshold?: number;
-        onZoom?: (zoomScale: number, zoomScaleExtent: number) => void;
+        onZoom?: (zoomScale: number, zoomScaleExtent: [number, number]) => void;
         layoutType?: string;
         layoutAutofit?: boolean;
         layoutAutofitTolerance?: number;

package/components/grouped-bar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),d=require("@unovis/ts"),i=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=t.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(p,{expose:l}){const u=p,o=t.inject(y.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",v))}});module.exports=m;
+"use strict";const t=require("vue"),d=require("@unovis/ts"),i=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=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(p,{expose:l}){const u=p,o=t.inject(y.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",v))}});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, 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    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\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,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,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"}
+{"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, Array, 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,MAAO,IAAI,CAAE,EAC/C,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

@@ -5,11 +5,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     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;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;

package/components/grouped-bar/index.js

@@ -5,6 +5,7 @@ import { componentAccessorKey as B } from "../../utils/context.js";
 const S = { "data-vis-component": "" }, w = /* @__PURE__ */ s({
   __name: "index",
   props: {
+    color: { type: [Function, String, Array, null] },
     groupWidth: {},
     groupMaxWidth: {},
     dataStep: {},
@@ -17,7 +18,6 @@ const S = { "data-vis-component": "" }, w = /* @__PURE__ */ s({
     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 },

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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    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\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":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MASfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,IACb,eAAe,CAAC;AAAA,IAChB,UAAU,CAAC;AAAA,IACX,cAAc,CAAC;AAAA,IACf,YAAY,CAAC;AAAA,IACb,gBAAgB,EAAE,MAAM,CAAC,QAAQ,OAAO,EAAE;AAAA,IAC1C,cAAc,CAAC;AAAA,IACf,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,aAAa,CAAC;AAAA,IACd,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,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,EAAkBN,EAAO,KAAK,IAC1CO,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;"}
+{"version":3,"file":"index.js","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, Array, 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":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MASfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,YAAY,CAAC;AAAA,IACb,eAAe,CAAC;AAAA,IAChB,UAAU,CAAC;AAAA,IACX,cAAc,CAAC;AAAA,IACf,YAAY,CAAC;AAAA,IACb,gBAAgB,EAAE,MAAM,CAAC,QAAQ,OAAO,EAAE;AAAA,IAC1C,cAAc,CAAC;AAAA,IACf,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,aAAa,CAAC;AAAA,IACd,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,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,EAAkBN,EAAO,KAAK,IAC1CO,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/line/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=t.defineComponent({__name:"index",props:{curveType:{},lineWidth:{},lineDashArray:{type:[Function,null]},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{type:[Function,String,null]},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 u=i,o=t.inject(y.componentAccessorKey),a=t.computed(()=>o.data.value??u.data),c=s.useForwardProps(u),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new d.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,r)=>{var l;s.arePropsEqual(e,r)||(l=n.value)==null||l.setConfig(c.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),p({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",v))}});module.exports=m;
+"use strict";const t=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},curveType:{},lineWidth:{},lineDashArray:{type:[Function,null]},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{type:[Function,String,null]},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(i,{expose:p}){const u=i,o=t.inject(y.componentAccessorKey),a=t.computed(()=>o.data.value??u.data),c=s.useForwardProps(u),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new d.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,r)=>{var l;s.arePropsEqual(e,r)||(l=n.value)==null||l.setConfig(c.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),p({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",v))}});module.exports=m;
 //# sourceMappingURL=index.cjs.map

package/components/line/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/line/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 { 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\ninterface Props extends  LineConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    curveType: {},\n    lineWidth: {},\n    lineDashArray: { type: [Function, null] },\n    fallbackValue: {},\n    highlightOnHover: { type: Boolean },\n    cursor: { type: [Function, String, null] },\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\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\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","Line","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,UAAW,CAAC,EACZ,UAAW,CAAC,EACZ,cAAe,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACxC,cAAe,CAAC,EAChB,iBAAkB,CAAE,KAAM,OAAQ,EAClC,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,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,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,KAAAN,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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/line/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 { 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\ninterface Props extends  LineConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    curveType: {},\n    lineWidth: {},\n    lineDashArray: { type: [Function, null] },\n    fallbackValue: {},\n    highlightOnHover: { type: Boolean },\n    cursor: { type: [Function, String, null] },\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<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\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","Line","_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,MAAO,IAAI,CAAE,EAC/C,UAAW,CAAC,EACZ,UAAW,CAAC,EACZ,cAAe,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACxC,cAAe,CAAC,EAChB,iBAAkB,CAAE,KAAM,OAAQ,EAClC,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,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,EAAY,KAAAN,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/line/index.d.ts

@@ -5,12 +5,12 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
+        color?: import("@unovis/ts").ColorAccessor<Datum[]>;
         curveType?: import("@unovis/ts").CurveType;
         cursor?: import("@unovis/ts").StringAccessor<Datum[]>;
         x: NumericAccessor<Datum>;
         y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
         id?: (d: Datum, i: number, ...any: any[]) => string;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;
@@ -47,7 +47,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         };
         data?: Datum[];
         lineWidth?: number;
-        lineDashArray?: import("@unovis/ts").GenericAccessor<number[], Datum>;
+        lineDashArray?: import("@unovis/ts").GenericAccessor<number[], Datum[]>;
         fallbackValue?: number;
         highlightOnHover?: boolean;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;

package/components/line/index.js

@@ -5,6 +5,7 @@ import { componentAccessorKey as k } from "../../utils/context.js";
 const A = { "data-vis-component": "" }, w = /* @__PURE__ */ s({
   __name: "index",
   props: {
+    color: { type: [Function, String, Array, null] },
     curveType: {},
     lineWidth: {},
     lineDashArray: { type: [Function, null] },
@@ -14,7 +15,6 @@ const A = { "data-vis-component": "" }, w = /* @__PURE__ */ s({
     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 },

package/components/line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/line/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 { 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\ninterface Props extends  LineConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    curveType: {},\n    lineWidth: {},\n    lineDashArray: { type: [Function, null] },\n    fallbackValue: {},\n    highlightOnHover: { type: Boolean },\n    cursor: { type: [Function, String, null] },\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\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\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","Line","_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,WAAW,CAAC;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACxC,eAAe,CAAC;AAAA,IAChB,kBAAkB,EAAE,MAAM,QAAQ;AAAA,IAClC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,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,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,EAAYN,EAAO,KAAK,IACpCO,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;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/line/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 { 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\ninterface Props extends  LineConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    curveType: {},\n    lineWidth: {},\n    lineDashArray: { type: [Function, null] },\n    fallbackValue: {},\n    highlightOnHover: { type: Boolean },\n    cursor: { type: [Function, String, null] },\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<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\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","Line","_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,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,WAAW,CAAC;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACxC,eAAe,CAAC;AAAA,IAChB,kBAAkB,EAAE,MAAM,QAAQ;AAAA,IAClC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,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,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,EAAYN,EAAO,KAAK,IACpCO,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/sankey/index.d.ts

@@ -5,7 +5,7 @@ declare const _default: <N extends import("@unovis/ts").GraphInputNode, L extend
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        id?: (d: import("@unovis/ts").GraphInputNode | import("@unovis/ts").GraphInputLink, i: number, ...any: any[]) => string;
+        id?: (d: import("@unovis/ts").GraphInputNode | import("@unovis/ts").GraphInputLink, i: number, ...any: unknown[]) => string;
         duration?: number;
         events?: {
             [selector: string]: {

package/components/scatter/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),y=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),F={"data-vis-component":""},v=t.defineComponent({__name:"index",props:{size:{type:[Function,Number,null]},sizeScale:{type:[Object,Function]},sizeRange:{},shape:{type:[Function,String]},label:{type:[Function,String,null]},labelColor:{type:[Function,String,Array,null]},labelHideOverlapping:{type:Boolean},cursor:{type:[Function,String,null]},labelTextBrightnessRatio:{},labelPosition:{type:[Function,null]},strokeColor:{type:[Function,String,Array,null]},strokeWidth:{type:[Function,Number,null]},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(s,{expose:p}){const c=s,o=t.inject(d.componentAccessorKey),a=t.computed(()=>o.data.value??c.data),u=i.useForwardProps(c),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new y.Scatter(u.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(u,(e,r)=>{var l;i.arePropsEqual(e,r)||(l=n.value)==null||l.setConfig(u.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),p({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",F))}});module.exports=v;
+"use strict";const t=require("vue"),y=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),F={"data-vis-component":""},v=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},size:{type:[Function,Number,null]},sizeScale:{type:[Object,Function]},sizeRange:{},shape:{type:[Function,String]},label:{type:[Function,String,null]},labelColor:{type:[Function,String,Array,null]},labelHideOverlapping:{type:Boolean},cursor:{type:[Function,String,null]},labelTextBrightnessRatio:{},labelPosition:{type:[Function,null]},strokeColor:{type:[Function,String,Array,null]},strokeWidth:{type:[Function,Number,null]},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(s,{expose:p}){const c=s,o=t.inject(d.componentAccessorKey),a=t.computed(()=>o.data.value??c.data),u=i.useForwardProps(c),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new y.Scatter(u.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(u,(e,r)=>{var l;i.arePropsEqual(e,r)||(l=n.value)==null||l.setConfig(u.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),p({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",F))}});module.exports=v;
 //# sourceMappingURL=index.cjs.map

package/components/scatter/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/scatter/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 { Scatter, ScatterConfigInterface, 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  ScatterConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    size: { type: [Function, Number, null] },\n    sizeScale: { type: [Object, Function] },\n    sizeRange: {},\n    shape: { type: [Function, String] },\n    label: { type: [Function, String, null] },\n    labelColor: { type: [Function, String, Array, null] },\n    labelHideOverlapping: { type: Boolean },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    labelPosition: { type: [Function, null] },\n    strokeColor: { type: [Function, String, Array, null] },\n    strokeWidth: { type: [Function, Number, null] },\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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<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","Scatter","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,KAAM,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACvC,UAAW,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACtC,UAAW,CAAC,EACZ,MAAO,CAAE,KAAM,CAAC,SAAU,MAAM,CAAE,EAClC,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACpD,qBAAsB,CAAE,KAAM,OAAQ,EACtC,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,yBAA0B,CAAC,EAC3B,cAAe,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACxC,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACrD,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC9C,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,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,EAAe,QAAAN,EAAO,KAAK,GACvCO,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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/scatter/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 { Scatter, ScatterConfigInterface, 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  ScatterConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    size: { type: [Function, Number, null] },\n    sizeScale: { type: [Object, Function] },\n    sizeRange: {},\n    shape: { type: [Function, String] },\n    label: { type: [Function, String, null] },\n    labelColor: { type: [Function, String, Array, null] },\n    labelHideOverlapping: { type: Boolean },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    labelPosition: { type: [Function, null] },\n    strokeColor: { type: [Function, String, Array, null] },\n    strokeWidth: { type: [Function, Number, null] },\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<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<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","Scatter","_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,MAAO,IAAI,CAAE,EAC/C,KAAM,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACvC,UAAW,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACtC,UAAW,CAAC,EACZ,MAAO,CAAE,KAAM,CAAC,SAAU,MAAM,CAAE,EAClC,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACpD,qBAAsB,CAAE,KAAM,OAAQ,EACtC,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,yBAA0B,CAAC,EAC3B,cAAe,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACxC,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACrD,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC9C,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,EAAe,QAAAN,EAAO,KAAK,GACvCO,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/scatter/index.d.ts

@@ -5,11 +5,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     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;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;
@@ -51,7 +51,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         size?: NumericAccessor<Datum>;
         sizeScale?: import("@unovis/ts").ContinuousScale;
         sizeRange?: [number, number];
-        shape?: string | ((d: Datum, i?: number, ...any: any[]) => string);
+        shape?: string | ((d: Datum, i?: number, ...any: unknown[]) => string);
         labelHideOverlapping?: boolean;
         labelTextBrightnessRatio?: number;
         strokeColor?: import("@unovis/ts").ColorAccessor<Datum>;

package/components/scatter/index.js

@@ -5,6 +5,7 @@ import { componentAccessorKey as h } from "../../utils/context.js";
 const k = { "data-vis-component": "" }, N = /* @__PURE__ */ s({
   __name: "index",
   props: {
+    color: { type: [Function, String, Array, null] },
     size: { type: [Function, Number, null] },
     sizeScale: { type: [Object, Function] },
     sizeRange: {},
@@ -20,7 +21,6 @@ const k = { "data-vis-component": "" }, N = /* @__PURE__ */ s({
     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 },

package/components/scatter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/scatter/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 { Scatter, ScatterConfigInterface, 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  ScatterConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    size: { type: [Function, Number, null] },\n    sizeScale: { type: [Object, Function] },\n    sizeRange: {},\n    shape: { type: [Function, String] },\n    label: { type: [Function, String, null] },\n    labelColor: { type: [Function, String, Array, null] },\n    labelHideOverlapping: { type: Boolean },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    labelPosition: { type: [Function, null] },\n    strokeColor: { type: [Function, String, Array, null] },\n    strokeWidth: { type: [Function, Number, null] },\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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<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","Scatter","_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,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACvC,WAAW,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACtC,WAAW,CAAC;AAAA,IACZ,OAAO,EAAE,MAAM,CAAC,UAAU,MAAM,EAAE;AAAA,IAClC,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,YAAY,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACpD,sBAAsB,EAAE,MAAM,QAAQ;AAAA,IACtC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACxC,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACrD,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC9C,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,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,EAAeN,EAAO,KAAK,IACvCO,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;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/scatter/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 { Scatter, ScatterConfigInterface, 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  ScatterConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    size: { type: [Function, Number, null] },\n    sizeScale: { type: [Object, Function] },\n    sizeRange: {},\n    shape: { type: [Function, String] },\n    label: { type: [Function, String, null] },\n    labelColor: { type: [Function, String, Array, null] },\n    labelHideOverlapping: { type: Boolean },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    labelPosition: { type: [Function, null] },\n    strokeColor: { type: [Function, String, Array, null] },\n    strokeWidth: { type: [Function, Number, null] },\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<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<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","Scatter","_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,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,MAAM,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACvC,WAAW,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACtC,WAAW,CAAC;AAAA,IACZ,OAAO,EAAE,MAAM,CAAC,UAAU,MAAM,EAAE;AAAA,IAClC,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,YAAY,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACpD,sBAAsB,EAAE,MAAM,QAAQ;AAAA,IACtC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACxC,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACrD,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC9C,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,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,EAAeN,EAAO,KAAK,IACvCO,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/stacked-bar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=t.defineComponent({__name:"index",props:{barWidth:{},barMaxWidth:{},dataStep:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},cursor:{type:[Function,String,null]},barMinHeight1Px:{type:Boolean},barMinHeightZeroValue:{},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(l,{expose:p}){const c=l,o=t.inject(y.componentAccessorKey),a=t.computed(()=>o.data.value??c.data),r=s.useForwardProps(c),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new d.StackedBar(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,u)=>{var i;s.arePropsEqual(e,u)||(i=n.value)==null||i.setConfig(r.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),p({component:n}),(e,u)=>(t.openBlock(),t.createElementBlock("div",v))}});module.exports=m;
+"use strict";const t=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},barWidth:{},barMaxWidth:{},dataStep:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},cursor:{type:[Function,String,null]},barMinHeight1Px:{type:Boolean},barMinHeightZeroValue:{},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(l,{expose:p}){const c=l,o=t.inject(y.componentAccessorKey),a=t.computed(()=>o.data.value??c.data),r=s.useForwardProps(c),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new d.StackedBar(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,u)=>{var i;s.arePropsEqual(e,u)||(i=n.value)==null||i.setConfig(r.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),p({component:n}),(e,u)=>(t.openBlock(),t.createElementBlock("div",v))}});module.exports=m;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/stacked-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 { StackedBar, StackedBarConfigInterface, 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  StackedBarConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<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","StackedBar","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,SAAU,CAAC,EACX,YAAa,CAAC,EACd,SAAU,CAAC,EACX,WAAY,CAAC,EACb,eAAgB,CAAE,KAAM,CAAC,OAAQ,OAAO,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,gBAAiB,CAAE,KAAM,OAAQ,EACjC,sBAAuB,CAAC,EACxB,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,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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/stacked-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 { StackedBar, StackedBarConfigInterface, 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  StackedBarConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\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<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<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","StackedBar","_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,MAAO,IAAI,CAAE,EAC/C,SAAU,CAAC,EACX,YAAa,CAAC,EACd,SAAU,CAAC,EACX,WAAY,CAAC,EACb,eAAgB,CAAE,KAAM,CAAC,OAAQ,OAAO,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,gBAAiB,CAAE,KAAM,OAAQ,EACjC,sBAAuB,CAAC,EACxB,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/stacked-bar/index.d.ts

@@ -5,11 +5,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     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;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;

package/components/stacked-bar/index.js

@@ -5,6 +5,7 @@ import { componentAccessorKey as B } from "../../utils/context.js";
 const S = { "data-vis-component": "" }, j = /* @__PURE__ */ s({
   __name: "index",
   props: {
+    color: { type: [Function, String, Array, null] },
     barWidth: {},
     barMaxWidth: {},
     dataStep: {},
@@ -17,7 +18,6 @@ const S = { "data-vis-component": "" }, j = /* @__PURE__ */ s({
     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 },

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/stacked-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 { StackedBar, StackedBarConfigInterface, 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  StackedBarConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<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","StackedBar","_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,UAAU,CAAC;AAAA,IACX,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,gBAAgB,EAAE,MAAM,CAAC,QAAQ,OAAO,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,uBAAuB,CAAC;AAAA,IACxB,aAAa,CAAC;AAAA,IACd,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,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,EAAkBN,EAAO,KAAK,IAC1CO,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;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/stacked-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 { StackedBar, StackedBarConfigInterface, 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  StackedBarConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\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<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<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","StackedBar","_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,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,UAAU,CAAC;AAAA,IACX,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,gBAAgB,EAAE,MAAM,CAAC,QAAQ,OAAO,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,uBAAuB,CAAC;AAAA,IACxB,aAAa,CAAC;AAAA,IACd,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,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,EAAkBN,EAAO,KAAK,IAC1CO,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/timeline/index.d.ts

@@ -6,11 +6,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
         cursor?: StringAccessor<Datum>;
         x: NumericAccessor<Datum>;
         y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
         id?: (d: Datum, i: number, ...any: any[]) => string;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;

package/components/tooltip/index.d.ts

@@ -1,7 +1,7 @@
 import { Tooltip } from '@unovis/ts';
 declare const _default: import("vue").DefineComponent<{
     components: {
-        type: import("vue").PropType<import("@unovis/ts").ComponentCore<unknown, import("@unovis/ts/lib/core/component/config").ComponentConfig, import("@unovis/ts").ComponentConfigInterface>[]>;
+        type: import("vue").PropType<import("@unovis/ts").ComponentCore<unknown, import("@unovis/ts").ComponentConfigInterface>[]>;
     };
     container: {
         type: import("vue").PropType<HTMLElement>;
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     component: import("vue").Ref<Tooltip>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     components: {
-        type: import("vue").PropType<import("@unovis/ts").ComponentCore<unknown, import("@unovis/ts/lib/core/component/config").ComponentConfig, import("@unovis/ts").ComponentConfigInterface>[]>;
+        type: import("vue").PropType<import("@unovis/ts").ComponentCore<unknown, import("@unovis/ts").ComponentConfigInterface>[]>;
     };
     container: {
         type: import("vue").PropType<HTMLElement>;

package/components/topojson-map/index.d.ts

@@ -44,7 +44,7 @@ declare const _default: <AreaDatum, PointDatum, LinkDatum>(__VLS_props: any, __V
         linkColor?: import("@unovis/ts").ColorAccessor<LinkDatum>;
         disableZoom?: boolean;
         linkWidth?: import("@unovis/ts").NumericAccessor<LinkDatum>;
-        linkCursor?: import("@unovis/ts").StringAccessor<AreaDatum>;
+        linkCursor?: import("@unovis/ts").StringAccessor<LinkDatum>;
         projection?: import("d3-geo").GeoProjection;
         topojson?: import("topojson-specification").Topology<import("topojson-specification").Objects<{
             [name: string]: any;
@@ -63,7 +63,7 @@ declare const _default: <AreaDatum, PointDatum, LinkDatum>(__VLS_props: any, __V
         pointColor?: import("@unovis/ts").ColorAccessor<PointDatum>;
         pointRadius?: import("@unovis/ts").NumericAccessor<PointDatum>;
         pointStrokeWidth?: import("@unovis/ts").NumericAccessor<PointDatum>;
-        pointCursor?: import("@unovis/ts").StringAccessor<AreaDatum>;
+        pointCursor?: import("@unovis/ts").StringAccessor<PointDatum>;
         longitude?: import("@unovis/ts").NumericAccessor<PointDatum>;
         latitude?: import("@unovis/ts").NumericAccessor<PointDatum>;
         pointLabel?: import("@unovis/ts").StringAccessor<PointDatum>;

package/components/xy-labels/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),F={"data-vis-component":""},g=e.defineComponent({__name:"index",props:{y:{type:[Function,Number,null]},xPositioning:{type:[Function,null]},yPositioning:{type:[Function,null]},labelFontSize:{type:[Function,Number,null]},label:{type:[Function,String,null]},backgroundColor:{type:[Function,String,Array,null]},cursor:{type:[Function,String,null]},labelTextBrightnessRatio:{},clustering:{type:Boolean},clusterLabel:{type:[Function,String,null]},clusterFontSize:{type:[Function,Number,null]},clusterBackgroundColor:{type:[Function,String,Array,null]},clusterCursor:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,Array,null]},x:{type:[Function,Number,null]},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(s,{expose:p}){const r=s,o=e.inject(d.componentAccessorKey),u=e.computed(()=>o.data.value??r.data),l=i.useForwardProps(r),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.XYLabels(l.value),(t=n.value)==null||t.setData(u.value),o.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),o.destroy()}),e.watch(l,(t,c)=>{var a;i.arePropsEqual(t,c)||(a=n.value)==null||a.setConfig(l.value)}),e.watch(u,()=>{var t;(t=n.value)==null||t.setData(u.value)}),p({component:n}),(t,c)=>(e.openBlock(),e.createElementBlock("div",F))}});module.exports=g;
+"use strict";const e=require("vue"),y=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),F={"data-vis-component":""},g=e.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},y:{type:[Function,Number,null]},xPositioning:{type:[Function,null]},yPositioning:{type:[Function,null]},labelFontSize:{type:[Function,Number,null]},label:{type:[Function,String,null]},backgroundColor:{type:[Function,String,Array,null]},cursor:{type:[Function,String,null]},labelTextBrightnessRatio:{},clustering:{type:Boolean},clusterLabel:{type:[Function,String,null]},clusterFontSize:{type:[Function,Number,null]},clusterBackgroundColor:{type:[Function,String,Array,null]},clusterCursor:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,Array,null]},x:{type:[Function,Number,null]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:p}){const r=s,o=e.inject(d.componentAccessorKey),u=e.computed(()=>o.data.value??r.data),l=i.useForwardProps(r),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.XYLabels(l.value),(t=n.value)==null||t.setData(u.value),o.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),o.destroy()}),e.watch(l,(t,c)=>{var a;i.arePropsEqual(t,c)||(a=n.value)==null||a.setConfig(l.value)}),e.watch(u,()=>{var t;(t=n.value)==null||t.setData(u.value)}),p({component:n}),(t,c)=>(e.openBlock(),e.createElementBlock("div",F))}});module.exports=g;
 //# sourceMappingURL=index.cjs.map

package/components/xy-labels/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/xy-labels/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 { XYLabels, XYLabelsConfigInterface, 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  XYLabelsConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    y: { type: [Function, Number, null] },\n    xPositioning: { type: [Function, null] },\n    yPositioning: { type: [Function, null] },\n    labelFontSize: { type: [Function, Number, null] },\n    label: { type: [Function, String, null] },\n    backgroundColor: { type: [Function, String, Array, null] },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    clustering: { type: Boolean },\n    clusterLabel: { type: [Function, String, null] },\n    clusterFontSize: { type: [Function, Number, null] },\n    clusterBackgroundColor: { type: [Function, String, Array, null] },\n    clusterCursor: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, Array, null] },\n    x: { type: [Function, Number, null] },\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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<XYLabels<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new XYLabels<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","XYLabels","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,aAAc,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACvC,aAAc,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACvC,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACzD,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,yBAA0B,CAAC,EAC3B,WAAY,CAAE,KAAM,OAAQ,EAC5B,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAClD,uBAAwB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAChE,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,kBAAmB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC3D,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,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,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,EAAgB,SAAAN,EAAO,KAAK,GACxCO,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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/xy-labels/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 { XYLabels, XYLabelsConfigInterface, 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  XYLabelsConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    y: { type: [Function, Number, null] },\n    xPositioning: { type: [Function, null] },\n    yPositioning: { type: [Function, null] },\n    labelFontSize: { type: [Function, Number, null] },\n    label: { type: [Function, String, null] },\n    backgroundColor: { type: [Function, String, Array, null] },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    clustering: { type: Boolean },\n    clusterLabel: { type: [Function, String, null] },\n    clusterFontSize: { type: [Function, Number, null] },\n    clusterBackgroundColor: { type: [Function, String, Array, null] },\n    clusterCursor: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, Array, null] },\n    x: { type: [Function, Number, null] },\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<XYLabels<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new XYLabels<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","XYLabels","_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,MAAO,IAAI,CAAE,EAC/C,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,aAAc,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACvC,aAAc,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACvC,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACzD,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,yBAA0B,CAAC,EAC3B,WAAY,CAAE,KAAM,OAAQ,EAC5B,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAClD,uBAAwB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAChE,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,kBAAmB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC3D,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,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,EAAgB,SAAAN,EAAO,KAAK,GACxCO,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/xy-labels/index.d.ts

@@ -5,11 +5,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     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>;
         id?: (d: Datum, i: number, ...any: any[]) => string;
-        color?: string | string[] | ((d: Datum, i: number, ...any: any[]) => string) | ((d: Datum[], i: number, ...any: any[]) => string);
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         excludeFromDomainCalculation?: boolean;

package/components/xy-labels/index.js

@@ -5,6 +5,7 @@ import { componentAccessorKey as C } from "../../utils/context.js";
 const B = { "data-vis-component": "" }, P = /* @__PURE__ */ p({
   __name: "index",
   props: {
+    color: { type: [Function, String, Array, null] },
     y: { type: [Function, Number, null] },
     xPositioning: { type: [Function, null] },
     yPositioning: { type: [Function, null] },
@@ -21,7 +22,6 @@ const B = { "data-vis-component": "" }, P = /* @__PURE__ */ p({
     clusterLabelColor: { type: [Function, String, Array, null] },
     x: { type: [Function, Number, null] },
     id: { type: Function },
-    color: { type: [Function, String, Array, null] },
     xScale: { type: [Object, Function] },
     yScale: { type: [Object, Function] },
     excludeFromDomainCalculation: { type: Boolean },

package/components/xy-labels/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/xy-labels/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 { XYLabels, XYLabelsConfigInterface, 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  XYLabelsConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    y: { type: [Function, Number, null] },\n    xPositioning: { type: [Function, null] },\n    yPositioning: { type: [Function, null] },\n    labelFontSize: { type: [Function, Number, null] },\n    label: { type: [Function, String, null] },\n    backgroundColor: { type: [Function, String, Array, null] },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    clustering: { type: Boolean },\n    clusterLabel: { type: [Function, String, null] },\n    clusterFontSize: { type: [Function, Number, null] },\n    clusterBackgroundColor: { type: [Function, String, Array, null] },\n    clusterCursor: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, Array, null] },\n    x: { type: [Function, Number, null] },\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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<XYLabels<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new XYLabels<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","XYLabels","_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,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,cAAc,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACvC,cAAc,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACvC,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACzD,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAClD,wBAAwB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAChE,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,mBAAmB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC3D,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,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,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,EAAgBN,EAAO,KAAK,IACxCO,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;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/xy-labels/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 { XYLabels, XYLabelsConfigInterface, 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  XYLabelsConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    color: { type: [Function, String, Array, null] },\n    y: { type: [Function, Number, null] },\n    xPositioning: { type: [Function, null] },\n    yPositioning: { type: [Function, null] },\n    labelFontSize: { type: [Function, Number, null] },\n    label: { type: [Function, String, null] },\n    backgroundColor: { type: [Function, String, Array, null] },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    clustering: { type: Boolean },\n    clusterLabel: { type: [Function, String, null] },\n    clusterFontSize: { type: [Function, Number, null] },\n    clusterBackgroundColor: { type: [Function, String, Array, null] },\n    clusterCursor: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, Array, null] },\n    x: { type: [Function, Number, null] },\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<XYLabels<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new XYLabels<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","XYLabels","_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,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,cAAc,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACvC,cAAc,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACvC,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACzD,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAClD,wBAAwB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAChE,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,mBAAmB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC3D,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,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,EAAgBN,EAAO,KAAK,IACxCO,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/containers/single-container/index.d.ts

@@ -8,7 +8,7 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
         duration?: number;
         data?: T;
         tooltip?: Tooltip;
-        component?: ComponentCore<T, import("@unovis/ts/lib/core/component/config").ComponentConfig, import("@unovis/ts").ComponentConfigInterface>;
+        component?: ComponentCore<T, import("@unovis/ts").ComponentConfigInterface>;
         margin?: import("@unovis/ts").Spacing;
         padding?: import("@unovis/ts").Spacing;
         sizing?: string;

package/containers/xy-container/index.d.ts

@@ -10,7 +10,7 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
         duration?: number;
         data?: T[];
         tooltip?: Tooltip;
-        components?: XYComponentCore<T, import("@unovis/ts/lib/core/xy-component/config").XYComponentConfig<T>, Partial<import("@unovis/ts").XYComponentConfigInterface<T>>>[];
+        components?: XYComponentCore<T, Partial<import("@unovis/ts").XYComponentConfigInterface<T>>>[];
         margin?: import("@unovis/ts").Spacing;
         padding?: import("@unovis/ts").Spacing;
         sizing?: string;

package/html-components/leaflet-flow-map/index.d.ts

@@ -42,7 +42,7 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
         };
         tooltip?: import("@unovis/ts").Tooltip;
         zoomDuration?: number;
-        pointColor?: import("@unovis/ts").ColorAccessor<PointDatum>;
+        pointColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
         pointRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
         pointCursor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
         pointLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
@@ -89,7 +89,7 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
         pointBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
         pointRingWidth?: number;
         selectedPointId?: string;
-        clusterColor?: import("@unovis/ts").ColorAccessor<PointDatum>;
+        clusterColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
         clusterRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
         clusterBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
         clusterRingWidth?: number;

package/html-components/leaflet-map/index.d.ts

@@ -39,7 +39,7 @@ declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VL
         data?: Datum[];
         tooltip?: import("@unovis/ts").Tooltip;
         zoomDuration?: number;
-        pointColor?: import("@unovis/ts").ColorAccessor<Datum>;
+        pointColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
         pointRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
         pointCursor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
         pointLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
@@ -73,7 +73,7 @@ declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VL
         pointBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
         pointRingWidth?: number;
         selectedPointId?: string;
-        clusterColor?: import("@unovis/ts").ColorAccessor<Datum>;
+        clusterColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
         clusterRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
         clusterBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
         clusterRingWidth?: number;

package/index.cjs

@@ -1,3 +1,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-flow-map],[data-vis-leaflet-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./containers/xy-container/index.cjs");require("./containers/xy-container/index2.cjs");const _=require("./containers/single-container/index.cjs");require("./containers/single-container/index2.cjs");const t=require("./components/line/index.cjs"),u=require("./components/area/index.cjs"),r=require("./components/axis/index.cjs"),i=require("./components/brush/index.cjs"),s=require("./components/free-brush/index.cjs"),n=require("./components/crosshair/index.cjs"),p=require("./components/grouped-bar/index.cjs"),c=require("./components/scatter/index.cjs"),v=require("./components/stacked-bar/index.cjs"),a=require("./components/timeline/index.cjs"),o=require("./components/xy-labels/index.cjs"),l=require("./components/donut/index.cjs"),d=require("./components/topojson-map/index.cjs"),g=require("./components/sankey/index.cjs"),q=require("./components/graph/index.cjs"),y=require("./components/chord-diagram/index.cjs"),x=require("./components/nested-donut/index.cjs"),V=require("./components/tooltip/index.cjs"),$=require("./html-components/leaflet-map/index.cjs");require("./html-components/leaflet-map/index2.cjs");const S=require("./html-components/leaflet-flow-map/index.cjs");require("./html-components/leaflet-flow-map/index2.cjs");const h=require("./html-components/bullet-legend/index.cjs");require("./html-components/bullet-legend/index2.cjs");exports.VisXYContainer=e;exports.VisSingleContainer=_;exports.VisLine=t;exports.VisArea=u;exports.VisAxis=r;exports.VisBrush=i;exports.VisFreeBrush=s;exports.VisCrosshair=n;exports.VisGroupedBar=p;exports.VisScatter=c;exports.VisStackedBar=v;exports.VisTimeline=a;exports.VisXYLabels=o;exports.VisDonut=l;exports.VisTopoJSONMap=d;exports.VisSankey=g;exports.VisGraph=q;exports.VisChordDiagram=y;exports.VisNestedDonut=x;exports.VisTooltip=V;exports.VisLeafletMap=$;exports.VisLeafletFlowMap=S;exports.VisBulletLegend=h;
 //# sourceMappingURL=index.cjs.map

package/index.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-flow-map],[data-vis-leaflet-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import { default as i } from "./containers/xy-container/index.js";
 import "./containers/xy-container/index2.js";
 import { default as l } from "./containers/single-container/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unovis/vue",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript",
-  "version": "1.3.0-beta.3",
+  "version": "1.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",