@unovis/vue 1.7.0-pre.2 → 1.7.0

package/components/line/index.js

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

package/components/line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = LineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;AA3CrC,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IAC9CM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { LineConfigInterface } from '@unovis/ts'\nimport { Line } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = LineConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Line<Datum>>()\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    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisLineSelectors","Line","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;AA3CrC,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,GAC9CE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/nested-donut/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("@unovis/ts"),c=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),g={"data-vis-component":""},m=i.NestedDonut.selectors,v=t.defineComponent({__name:"index",props:{angleRange:{},direction:{},value:{type:[Function,Number,null]},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},showBackground:{type:Boolean},sort:{type:Function},layers:{},layerSettings:{type:[Function,null]},layerPadding:{},cornerRadius:{},emptySegmentAngle:{},hideOverflowingSegmentLabels:{type:Boolean},segmentColor:{type:[Function,String,Array,null]},segmentLabel:{type:[Function,String,null]},segmentLabelColor:{type:[Function,String,Array,null]},showEmptySegments:{type:Boolean},showSegmentLabels:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const o=t.inject(y.componentAccessorKey),r=p,a=t.computed(()=>o.data.value??r.data),s=c.useForwardProps(r),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new i.NestedDonut(s.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(s,(e,l)=>{var u;c.arePropsEqual(e,l)||(u=n.value)==null||u.setConfig(s.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),d({component:n}),(e,l)=>(t.openBlock(),t.createElementBlock("div",g))}});exports.VisNestedDonutSelectors=m;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),d=require("../../utils/context.cjs"),u=require("../../utils/props.cjs"),y={"data-vis-component":""},g=c.NestedDonut.selectors,m=e.defineComponent({__name:"index",props:{angleRange:{},direction:{},value:{type:[Function,Number,null]},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},showBackground:{type:Boolean},sort:{type:Function},layers:{},layerSettings:{type:[Function,null]},layerPadding:{},cornerRadius:{},emptySegmentAngle:{},hideOverflowingSegmentLabels:{type:Boolean},segmentColor:{type:[Function,String,Array,null]},segmentPattern:{type:[Function,null]},segmentLabel:{type:[Function,String,null]},segmentLabelColor:{type:[Function,String,Array,null]},showEmptySegments:{type:Boolean},showSegmentLabels:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:p}){const s=i,n=e.inject(d.componentAccessorKey),o=e.computed(()=>n.data.value??s.data),a=u.useForwardProps(s),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new c.NestedDonut(a.value),t.value?.setData(o.value),n.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),n.destroy()}),e.watch(a,(r,l)=>{u.arePropsEqual(r,l)||(t.value?.setConfig(a.value),t.value?.render())}),e.watch(o,()=>{t.value?.setData(o.value)}),p({component:t}),(r,l)=>(e.openBlock(),e.createElementBlock("div",y))}});exports.VisNestedDonutSelectors=g;exports.default=m;
 //# sourceMappingURL=index.cjs.map

package/components/nested-donut/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/nested-donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { NestedDonut, NestedDonutConfigInterface, StringAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = NestedDonutConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<NestedDonut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new NestedDonut<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisNestedDonutSelectors = NestedDonut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisNestedDonutSelectors","NestedDonut","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAA0BC,EAAAA,YAAY,kpBA3CnD,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,cAAmBQ,EAAO,KAAK,GACrDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/nested-donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { NestedDonutConfigInterface } from '@unovis/ts'\nimport { NestedDonut } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = NestedDonutConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<NestedDonut<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new NestedDonut<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    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisNestedDonutSelectors = NestedDonut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisNestedDonutSelectors","NestedDonut","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAA0BC,EAAAA,YAAY,wrBA3CnD,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,cAAmBQ,EAAO,KAAK,EACrDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/nested-donut/index.d.ts

@@ -1,4 +1,4 @@
-import { NestedDonut, NestedDonutConfigInterface } from '@unovis/ts';
+import { NestedDonutConfigInterface, NestedDonut } from '@unovis/ts';
 
 export declare const VisNestedDonutSelectors: typeof import("@unovis/ts/components/nested-donut/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/components/nested-donut/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, inject as d, computed as y, ref as g, onMounted as v, nextTick as f, onUnmounted as b, watch as u, createElementBlock as S, openBlock as B } from "vue";
-import { NestedDonut as c } from "@unovis/ts";
-import { useForwardProps as _, arePropsEqual as h } from "../../utils/props.js";
-import { componentAccessorKey as w } from "../../utils/context.js";
-const F = { "data-vis-component": "" }, C = c.selectors, D = /* @__PURE__ */ m({
+import { defineComponent as p, inject as m, computed as d, ref as y, onMounted as g, nextTick as v, onUnmounted as f, watch as s, openBlock as b, createElementBlock as S } from "vue";
+import { NestedDonut as u } from "@unovis/ts";
+import { componentAccessorKey as B } from "../../utils/context.js";
+import { useForwardProps as F, arePropsEqual as _ } from "../../utils/props.js";
+const h = { "data-vis-component": "" }, A = u.selectors, C = /* @__PURE__ */ p({
   __name: "index",
   props: {
     angleRange: {},
@@ -20,6 +20,7 @@ const F = { "data-vis-component": "" }, C = c.selectors, D = /* @__PURE__ */ m({
     emptySegmentAngle: {},
     hideOverflowingSegmentLabels: { type: Boolean },
     segmentColor: { type: [Function, String, Array, null] },
+    segmentPattern: { type: [Function, null] },
     segmentLabel: { type: [Function, String, null] },
     segmentLabelColor: { type: [Function, String, Array, null] },
     showEmptySegments: { type: Boolean },
@@ -29,29 +30,25 @@ const F = { "data-vis-component": "" }, C = c.selectors, D = /* @__PURE__ */ m({
     attributes: {},
     data: {}
   },
-  setup(i, { expose: p }) {
-    const n = d(w), r = i, o = y(() => n.data.value ?? r.data), a = _(r), t = g();
-    return v(() => {
-      f(() => {
-        var e;
-        t.value = new c(a.value), (e = t.value) == null || e.setData(o.value), n.update(t.value);
+  setup(c, { expose: i }) {
+    const a = c, t = m(B), n = d(() => t.data.value ?? a.data), o = F(a), e = y();
+    return g(() => {
+      v(() => {
+        e.value = new u(o.value), e.value?.setData(n.value), t.update(e.value);
       });
-    }), b(() => {
-      var e;
-      (e = t.value) == null || e.destroy(), n.destroy();
-    }), u(a, (e, l) => {
-      var s;
-      h(e, l) || (s = t.value) == null || s.setConfig(a.value);
-    }), u(o, () => {
-      var e;
-      (e = t.value) == null || e.setData(o.value);
-    }), p({
-      component: t
-    }), (e, l) => (B(), S("div", F));
+    }), f(() => {
+      e.value?.destroy(), t.destroy();
+    }), s(o, (r, l) => {
+      _(r, l) || (e.value?.setConfig(o.value), e.value?.render());
+    }), s(n, () => {
+      e.value?.setData(n.value);
+    }), i({
+      component: e
+    }), (r, l) => (b(), S("div", h));
   }
 });
 export {
-  C as VisNestedDonutSelectors,
-  D as default
+  A as VisNestedDonutSelectors,
+  C as default
 };
 //# sourceMappingURL=index.js.map

package/components/nested-donut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nested-donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { NestedDonut, NestedDonutConfigInterface, StringAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = NestedDonutConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<NestedDonut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new NestedDonut<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisNestedDonutSelectors = NestedDonut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisNestedDonutSelectors","NestedDonut","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CnD,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAmBQ,EAAO,KAAK,IACrDM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/nested-donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { NestedDonutConfigInterface } from '@unovis/ts'\nimport { NestedDonut } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = NestedDonutConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<NestedDonut<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new NestedDonut<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    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisNestedDonutSelectors = NestedDonut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisNestedDonutSelectors","NestedDonut","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CnD,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAmBQ,EAAO,KAAK,GACrDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/plotband/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@unovis/ts"),s=require("../../utils/props.cjs"),p=require("../../utils/context.cjs"),b={"data-vis-component":""},m=r.Plotband.selectors,f=e.defineComponent({__name:"index",props:{color:{},axis:{},from:{},to:{},duration:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},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},events:{},attributes:{},data:{}},setup(u,{expose:i}){const l=e.inject(p.componentAccessorKey),d=u,n=s.useForwardProps(d),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new r.Plotband(n.value),l.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),l.destroy()}),e.watch(n,(o,c)=>{var a;s.arePropsEqual(o,c)||(a=t.value)==null||a.setConfig(n.value)}),i({component:t}),(o,c)=>(e.openBlock(),e.createElementBlock("div",b))}});exports.VisPlotbandSelectors=m;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@unovis/ts"),d=require("../../utils/context.cjs"),r=require("../../utils/props.cjs"),p={"data-vis-component":""},b=a.Plotband.selectors,m=e.defineComponent({__name:"index",props:{color:{},axis:{},from:{},to:{},duration:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},colorKeys:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},events:{},attributes:{},data:{}},setup(s,{expose:u}){const i=s,n=e.inject(d.componentAccessorKey),o=r.useForwardProps(i),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new a.Plotband(o.value),n.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),n.destroy()}),e.watch(o,(l,c)=>{r.arePropsEqual(l,c)||(t.value?.setConfig(o.value),t.value?.render())}),u({component:t}),(l,c)=>(e.openBlock(),e.createElementBlock("div",p))}});exports.VisPlotbandSelectors=b;exports.default=m;
 //# sourceMappingURL=index.cjs.map

package/components/plotband/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotband, PlotbandConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = PlotbandConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(config.value)\n    \n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotbandSelectors","Plotband","accessor","inject","componentAccessorKey","props","__props","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PA+CaA,EAAuBC,EAAAA,SAAS,ucAxC7C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,EAAAA,gBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAElDL,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAA,CACX,CAAC,EAEDa,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UAAUP,EAAO,MAEtC,CAAC,EAGDY,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { PlotbandConfigInterface } from '@unovis/ts'\nimport { Plotband } from '@unovis/ts'\nimport { inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: null }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = PlotbandConfigInterface<Datum>\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(config.value)\n\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    component.value?.render()\n  }\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisPlotbandSelectors","Plotband","props","__props","accessor","inject","componentAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PA8CaA,EAAuBC,EAAAA,SAAS,odAtC7C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAKtCC,EAASC,EAAAA,gBAAgBN,CAAK,EAG9BO,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAElDH,EAAS,OAAOK,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBL,EAAS,QAAA,CACX,CAAC,EAEDU,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDS,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/plotband/index.d.ts

@@ -1,4 +1,4 @@
-import { Plotband, PlotbandConfigInterface } from '@unovis/ts';
+import { PlotbandConfigInterface, Plotband } from '@unovis/ts';
 
 export declare const VisPlotbandSelectors: typeof import("@unovis/ts/components/plotband/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/components/plotband/index.js

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

package/components/plotband/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotband, PlotbandConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = PlotbandConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(config.value)\n    \n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotbandSelectors","Plotband","accessor","inject","componentAccessorKey","config","useForwardProps","__props","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCA+CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;AAxC7C,UAAMC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAElDH,EAAS,OAAOM,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAL,EAAU,UAAV,QAAAK,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAGDa,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { PlotbandConfigInterface } from '@unovis/ts'\nimport { Plotband } from '@unovis/ts'\nimport { inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: null }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = PlotbandConfigInterface<Datum>\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(config.value)\n\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    component.value?.render()\n  }\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisPlotbandSelectors","Plotband","props","__props","accessor","inject","componentAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCA8CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtC7C,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAKtCC,IAASC,EAAgBN,CAAK,GAG9BO,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIR,EAAgBM,EAAO,KAAK,GAElDH,EAAS,OAAOK,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBL,EAAS,QAAA;AAAA,IACX,CAAC,GAEDU,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDS,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/plotline/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),b={"data-vis-component":""},y=r.Plotline.selectors,m=e.defineComponent({__name:"index",props:{color:{},lineWidth:{},axis:{},value:{},duration:{},lineStyle:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},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},events:{},attributes:{},data:{}},setup(a,{expose:u}){const l=e.inject(d.componentAccessorKey),p=a,n=i.useForwardProps(p),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new r.Plotline(n.value),l.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),l.destroy()}),e.watch(n,(o,c)=>{var s;i.arePropsEqual(o,c)||(s=t.value)==null||s.setConfig(n.value)}),u({component:t}),(o,c)=>(e.openBlock(),e.createElementBlock("div",b))}});exports.VisPlotlineSelectors=y;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@unovis/ts"),p=require("../../utils/context.cjs"),r=require("../../utils/props.cjs"),d={"data-vis-component":""},y=s.Plotline.selectors,b=e.defineComponent({__name:"index",props:{color:{},lineWidth:{},axis:{},value:{},duration:{},lineStyle:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},colorKeys:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},events:{},attributes:{},data:{}},setup(a,{expose:i}){const u=a,n=e.inject(p.componentAccessorKey),o=r.useForwardProps(u),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new s.Plotline(o.value),n.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),n.destroy()}),e.watch(o,(l,c)=>{r.arePropsEqual(l,c)||(t.value?.setConfig(o.value),t.value?.render())}),i({component:t}),(l,c)=>(e.openBlock(),e.createElementBlock("div",d))}});exports.VisPlotlineSelectors=y;exports.default=b;
 //# sourceMappingURL=index.cjs.map

package/components/plotline/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/plotline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotline, PlotlineConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = PlotlineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotline<Datum>(config.value)\n    \n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotlineSelectors = Plotline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotlineSelectors","Plotline","accessor","inject","componentAccessorKey","props","__props","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PA+CaA,EAAuBC,EAAAA,SAAS,4dAxC7C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,EAAAA,gBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAElDL,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAA,CACX,CAAC,EAEDa,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UAAUP,EAAO,MAEtC,CAAC,EAGDY,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/plotline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { PlotlineConfigInterface } from '@unovis/ts'\nimport { Plotline } from '@unovis/ts'\nimport { inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: null }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = PlotlineConfigInterface<Datum>\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotline<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotline<Datum>(config.value)\n\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    component.value?.render()\n  }\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotlineSelectors = Plotline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisPlotlineSelectors","Plotline","props","__props","accessor","inject","componentAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PA8CaA,EAAuBC,EAAAA,SAAS,yeAtC7C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAKtCC,EAASC,EAAAA,gBAAgBN,CAAK,EAG9BO,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAElDH,EAAS,OAAOK,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBL,EAAS,QAAA,CACX,CAAC,EAEDU,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDS,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/plotline/index.d.ts

@@ -1,4 +1,4 @@
-import { Plotline, PlotlineConfigInterface } from '@unovis/ts';
+import { PlotlineConfigInterface, Plotline } from '@unovis/ts';
 
 export declare const VisPlotlineSelectors: typeof import("@unovis/ts/components/plotline/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/components/plotline/index.js

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

package/components/plotline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/plotline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotline, PlotlineConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = PlotlineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotline<Datum>(config.value)\n    \n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotlineSelectors = Plotline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotlineSelectors","Plotline","accessor","inject","componentAccessorKey","config","useForwardProps","__props","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCA+CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxC7C,UAAMC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAElDH,EAAS,OAAOM,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAL,EAAU,UAAV,QAAAK,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAGDa,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/plotline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { PlotlineConfigInterface } from '@unovis/ts'\nimport { Plotline } from '@unovis/ts'\nimport { inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: null }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = PlotlineConfigInterface<Datum>\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotline<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotline<Datum>(config.value)\n\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    component.value?.render()\n  }\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotlineSelectors = Plotline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisPlotlineSelectors","Plotline","props","__props","accessor","inject","componentAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCA8CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtC7C,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAKtCC,IAASC,EAAgBN,CAAK,GAG9BO,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIR,EAAgBM,EAAO,KAAK,GAElDH,EAAS,OAAOK,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBL,EAAS,QAAA;AAAA,IACX,CAAC,GAEDU,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDS,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/radial-bar/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@unovis/ts"),p=require("../../utils/context.cjs"),u=require("../../utils/props.cjs"),v={"data-vis-component":""},b=s.RadialBar.selectors,g=e.defineComponent({__name:"index",props:{id:{type:Function},value:{type:[Function,Number,null]},maxValue:{type:[Function,Number,null,Array]},angleRange:{},padAngle:{},barMinAngle:{},sortFunction:{type:Function},cornerRadius:{},color:{type:[Function,String,Array,null]},radius:{},trackWidth:{},trackPadding:{},reverseOrder:{type:Boolean},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},centralLabelOffsetX:{},centralLabelOffsetY:{},showBackground:{type:Boolean},backgroundAngleRange:{},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:d}){const r=i,a=e.inject(p.componentAccessorKey),n=e.computed(()=>a.data.value??r.data),o=u.useForwardProps(r),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new s.RadialBar(o.value),t.value?.setData(n.value),a.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),a.destroy()}),e.watch(o,(c,l)=>{u.arePropsEqual(c,l)||(t.value?.setConfig(o.value),t.value?.render())}),e.watch(n,()=>{t.value?.setData(n.value)}),d({component:t}),(c,l)=>(e.openBlock(),e.createElementBlock("div",v))}});exports.VisRadialBarSelectors=b;exports.default=g;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/radial-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { RadialBarConfigInterface } from '@unovis/ts'\nimport { RadialBar } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = RadialBarConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<RadialBar<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new RadialBar<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    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisRadialBarSelectors = RadialBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisRadialBarSelectors","RadialBar","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAwBC,EAAAA,UAAU,wkBA3C/C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,YAAiBQ,EAAO,KAAK,EACnDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

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

@@ -0,0 +1,19 @@
+import { RadialBarConfigInterface, RadialBar } from '@unovis/ts';
+
+export declare const VisRadialBarSelectors: typeof import("@unovis/ts/components/radial-bar/style");
+declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (RadialBarConfigInterface<Datum> & {
+        data?: Datum[];
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        component: import('vue').Ref<RadialBar<Datum>, RadialBar<Datum>>;
+    }>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;

package/components/radial-bar/index.js

@@ -0,0 +1,54 @@
+import { defineComponent as d, inject as p, computed as m, ref as v, onMounted as f, nextTick as y, onUnmounted as b, watch as c, openBlock as g, createElementBlock as B } from "vue";
+import { RadialBar as u } from "@unovis/ts";
+import { componentAccessorKey as _ } from "../../utils/context.js";
+import { useForwardProps as k, arePropsEqual as F } from "../../utils/props.js";
+const x = { "data-vis-component": "" }, w = u.selectors, S = /* @__PURE__ */ d({
+  __name: "index",
+  props: {
+    id: { type: Function },
+    value: { type: [Function, Number, null] },
+    maxValue: { type: [Function, Number, null, Array] },
+    angleRange: {},
+    padAngle: {},
+    barMinAngle: {},
+    sortFunction: { type: Function },
+    cornerRadius: {},
+    color: { type: [Function, String, Array, null] },
+    radius: {},
+    trackWidth: {},
+    trackPadding: {},
+    reverseOrder: { type: Boolean },
+    centralLabel: {},
+    centralSubLabel: {},
+    centralSubLabelWrap: { type: Boolean },
+    centralLabelOffsetX: {},
+    centralLabelOffsetY: {},
+    showBackground: { type: Boolean },
+    backgroundAngleRange: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(s, { expose: i }) {
+    const o = s, a = p(_), t = m(() => a.data.value ?? o.data), n = k(o), e = v();
+    return f(() => {
+      y(() => {
+        e.value = new u(n.value), e.value?.setData(t.value), a.update(e.value);
+      });
+    }), b(() => {
+      e.value?.destroy(), a.destroy();
+    }), c(n, (r, l) => {
+      F(r, l) || (e.value?.setConfig(n.value), e.value?.render());
+    }), c(t, () => {
+      e.value?.setData(t.value);
+    }), i({
+      component: e
+    }), (r, l) => (g(), B("div", x));
+  }
+});
+export {
+  w as VisRadialBarSelectors,
+  S as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/radial-bar/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { RadialBarConfigInterface } from '@unovis/ts'\nimport { RadialBar } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = RadialBarConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<RadialBar<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new RadialBar<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    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisRadialBarSelectors = RadialBar.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisRadialBarSelectors","RadialBar","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAwBC,EAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3C/C,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAiBQ,EAAO,KAAK,GACnDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/radial-bar/index2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");exports.VisRadialBarSelectors=e.VisRadialBarSelectors;exports.default=e.default;
+//# sourceMappingURL=index2.cjs.map

package/components/radial-bar/index2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/radial-bar/index2.js

@@ -0,0 +1,7 @@
+import a from "./index.js";
+import { VisRadialBarSelectors as t } from "./index.js";
+export {
+  t as VisRadialBarSelectors,
+  a as default
+};
+//# sourceMappingURL=index2.js.map

package/components/radial-bar/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/sankey/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),s=require("@unovis/ts"),c=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),b={"data-vis-component":""},g=s.Sankey.selectors,S=n.defineComponent({__name:"index",props:{id:{type:Function},heightNormalizationCoeff:{},zoomScale:{},zoomPan:{},enableZoom:{type:Boolean},zoomExtent:{},zoomMode:{},exitTransitionType:{},enterTransitionType:{},highlightSubtreeOnHover:{type:Boolean},highlightDuration:{},highlightDelay:{},iterations:{},nodeSort:{type:[Function,null]},linkSort:{type:[Function,null]},nodeWidth:{},nodeAlign:{},nodeHorizontalSpacing:{},nodeMinHeight:{},nodeMaxHeight:{},nodePadding:{},showSingleNode:{type:Boolean},nodeCursor:{type:[Function,String,null]},nodeIcon:{type:[Function,String,null]},nodeColor:{type:[Function,String,Array,null]},nodeFixedValue:{type:[Function,Number,null]},nodeIconColor:{type:[Function,String,Array,null]},linkColor:{type:[Function,String,null]},linkValue:{type:[Function,Number,null]},linkCursor:{type:[Function,String,null]},label:{type:[Function,String,null]},subLabel:{type:[Function,String,null]},labelPosition:{type:[Function,String,null]},labelVerticalAlign:{},labelBackground:{type:Boolean},labelFit:{},labelMaxWidth:{},labelMaxWidthTakeAvailableSpace:{type:Boolean},labelMaxWidthTakeAvailableSpaceTolerance:{},labelExpandTrimmedOnHover:{type:Boolean},labelTrimMode:{},labelFontSize:{},labelTextSeparator:{},labelTextDecoration:{type:[Function,String,null]},labelForceWordBreak:{type:Boolean},labelColor:{type:[Function,String,Array,null]},labelCursor:{type:[Function,String,null]},labelVisibility:{type:Function},subLabelFontSize:{},subLabelColor:{type:[Function,String,Array,null]},subLabelPlacement:{},subLabelTextDecoration:{type:[Function,String,null]},subLabelToLabelInlineWidthRatio:{},onZoom:{type:Function},selectedNodeIds:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const o=n.inject(y.componentAccessorKey),i=p,l=n.computed(()=>o.data.value??i.data),a=c.useForwardProps(i),t=n.ref();return n.onMounted(()=>{n.nextTick(()=>{var e;t.value=new s.Sankey(a.value),(e=t.value)==null||e.setData(l.value),o.update(t.value)})}),n.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),o.destroy()}),n.watch(a,(e,r)=>{var u;c.arePropsEqual(e,r)||(u=t.value)==null||u.setConfig(a.value)}),n.watch(l,()=>{var e;(e=t.value)==null||e.setData(l.value)}),d({component:t}),(e,r)=>(n.openBlock(),n.createElementBlock("div",b))}});exports.VisSankeySelectors=g;exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),p=require("../../utils/context.cjs"),u=require("../../utils/props.cjs"),y={"data-vis-component":""},b=c.Sankey.selectors,g=e.defineComponent({__name:"index",props:{id:{type:Function},heightNormalizationCoeff:{},zoomScale:{},zoomPan:{},enableZoom:{type:Boolean},zoomExtent:{},zoomMode:{},disableZoomModifierKeys:{type:Boolean},exitTransitionType:{},enterTransitionType:{},highlightSubtreeOnHover:{type:Boolean},highlightDuration:{},highlightDelay:{},iterations:{},nodeSort:{type:[Function,null]},linkSort:{type:[Function,null]},nodeWidth:{},nodeAlign:{},nodeHorizontalSpacing:{},nodeMinHeight:{},nodeMaxHeight:{},nodePadding:{},nodeAdaptivePadding:{type:Boolean},showSingleNode:{type:Boolean},nodeCursor:{type:[Function,String,null]},nodeIcon:{type:[Function,String,null]},nodeColor:{type:[Function,String,Array,null]},nodePattern:{type:[Function,null]},nodeFixedValue:{type:[Function,Number,null]},nodeIconColor:{type:[Function,String,Array,null]},linkColor:{type:[Function,String,null]},linkPattern:{type:[Function,null]},linkValue:{type:[Function,Number,null]},linkCursor:{type:[Function,String,null]},label:{type:[Function,String,null]},subLabel:{type:[Function,String,null]},labelPosition:{type:[Function,String,null]},labelVerticalAlign:{},labelBackground:{type:Boolean},labelFit:{},labelMaxWidth:{},labelMaxWidthTakeAvailableSpace:{type:Boolean},labelMaxWidthTakeAvailableSpaceTolerance:{},labelExpandTrimmedOnHover:{type:Boolean},labelTrimMode:{},labelFontSize:{},labelTextSeparator:{},labelTextDecoration:{type:[Function,String,null]},labelForceWordBreak:{type:Boolean},labelColor:{type:[Function,String,Array,null]},labelCursor:{type:[Function,String,null]},labelVisibility:{type:Function},subLabelFontSize:{},subLabelColor:{type:[Function,String,Array,null]},subLabelPlacement:{},subLabelTextDecoration:{type:[Function,String,null]},subLabelToLabelInlineWidthRatio:{},onZoom:{type:Function},onLayoutCalculated:{type:Function},selectedNodeIds:{},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:d}){const a=s,t=e.inject(p.componentAccessorKey),o=e.computed(()=>t.data.value??a.data),l=u.useForwardProps(a),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{n.value=new c.Sankey(l.value),n.value?.setData(o.value),t.update(n.value)})}),e.onUnmounted(()=>{n.value?.destroy(),t.destroy()}),e.watch(l,(i,r)=>{u.arePropsEqual(i,r)||(n.value?.setConfig(l.value),n.value?.render())}),e.watch(o,()=>{n.value?.setData(o.value)}),d({component:n}),(i,r)=>(e.openBlock(),e.createElementBlock("div",y))}});exports.VisSankeySelectors=b;exports.default=g;
 //# sourceMappingURL=index.cjs.map